/* --------------------------------------------------
Detail
-------------------------------------------------- */
body #wrapper .issue-contents {
  margin: 0 0 50.51%;
}
body #wrapper .issue-contents #item-wrapper {
  scroll-snap-type: y mandatory;
  overflow: scroll;
  overscroll-behavior: none;
  height: calc(var(--vh) * 1 * 100);
}
body #wrapper .issue-contents #item-wrapper .first-panel {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  position: relative;
  overflow: hidden;
}
body #wrapper .issue-contents #item-wrapper .first-panel .item {
  scroll-snap-align: none;
}
body #wrapper .issue-contents #item-wrapper .last-panel {
  height: calc(var(--vh) * 1 * 100);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: auto;
  padding: calc(50.51% - (calc(var(--vh) * 1 * 100) - 133.33vw) / 2) 0 0;
}
body #wrapper .issue-contents #item-wrapper .item:has(+ .last-panel) {
  padding: 0 0 calc((calc(var(--vh) * 1 * 100) - 133.33vw) / 2);
  scroll-snap-align: end;
}
body #wrapper .issue-contents #item-wrapper .item {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  position: relative;
  overflow: hidden;
  font-feature-settings: "palt";
}
body #wrapper .issue-contents #item-wrapper .item .imagearea {
  transition: transform 0.6s ease 0s;
  transform-origin: center top;
}
body #wrapper .issue-contents #item-wrapper .item .imagearea img {
  aspect-ratio: 3/4;
}
body #wrapper .issue-contents #item-wrapper .item .textarea {
  position: fixed;
  bottom: calc((100svh - 133.33vw) / 2);
  left: 0;
  right: 0;
  color: #fff;
  padding: 0 4.1% 6.15% 6.15%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease 0s;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .catch {
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 500;
  font-size: 4.36vw;
  line-height: 1.41;
  letter-spacing: 0.02em;
  margin: 0 0 3.08vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit {
  font-family: "courier-std", monospace;
  font-size: 3.08vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.26vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li {
  display: flex;
  align-items: baseline;
  column-gap: 2.05vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .name {
  white-space: nowrap;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .name span {
  display: none;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .name span.special {
  display: inline;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .name br {
  display: none;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .brand br.special {
  display: none;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .price {
  display: none;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .link-btn {
  display: none;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more {
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 500;
  font-size: 3.08vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a {
  display: flex;
  align-items: center;
  column-gap: 1.79vw;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a u {
  text-underline-offset: 0.4rem;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i {
  display: block;
  width: 4.1vw;
  aspect-ratio: 1;
  position: relative;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i::before, body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i::after {
  display: block;
  content: "";
  position: absolute;
  background: currentColor;
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i::before {
  left: 0;
  right: 0;
  height: 0.1rem;
  top: calc((100% - 0.1rem) / 2);
}
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i::after {
  top: 0;
  bottom: 0;
  width: 0.1rem;
  left: calc((100% - 0.1rem) / 2);
}
body #wrapper .issue-contents #item-wrapper .item .textarea.textshadow {
  filter: drop-shadow(0 0 5rem rgba(0, 0, 0, 0.5));
}
body #wrapper .issue-contents #item-wrapper .item.is-open .imagearea {
  transform: scale(0.71795);
}
body #wrapper .issue-contents #item-wrapper .item.is-current .textarea {
  opacity: 1;
}
body #wrapper .issue-contents #item-wrapper .item.is-current .textarea .text-group .read-more {
  pointer-events: auto;
}
body #wrapper .issue-contents #item-wrapper.is-over .item .textarea {
  opacity: 0;
}
body #wrapper .issue-contents #item-wrapper.is-over .item .textarea .text-group .read-more {
  pointer-events: none;
}

@media screen and (orientation: landscape) {
  body #wrapper .issue-contents {
    margin: 0 0 17.71%;
  }
  body #wrapper .issue-contents #item-wrapper .first-panel {
    padding: calc(var(--vh) * 0.056 * 100) 0 0;
  }
  body #wrapper .issue-contents #item-wrapper .first-panel .page-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  body #wrapper .issue-contents #item-wrapper .last-panel {
    padding: 20.83% 0 0;
  }
  body #wrapper .issue-contents #item-wrapper .item:has(+ .last-panel) {
    padding: 0 0 calc(var(--vh) * 0.056 * 100);
  }
  body #wrapper .issue-contents #item-wrapper .item .imagearea {
    width: calc(var(--vh) * 0.667 * 100);
    margin: 0 auto;
    transform-origin: center 15%;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea {
    position: fixed;
    bottom: 50%;
    transform: translate(0, 50%);
    color: #545454;
    padding: 0 5.21%;
    display: flex;
    align-items: center;
    height: 1.3vw;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .catch {
    font-size: 1.3vw;
    line-height: 1;
    margin: 0;
    flex: 1;
    white-space: nowrap;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group {
    width: 75%;
    column-gap: 15.74%;
    align-items: center;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit {
    font-size: 0.99vw;
    line-height: 1.11;
    flex: 1;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul {
    justify-content: flex-end;
    flex-direction: row;
    column-gap: 7.04%;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li {
    display: block;
    width: 10.42vw;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more {
    width: 11.09%;
    font-weight: 300;
    font-size: 0.99vw;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a {
    column-gap: 11.19%;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a u {
    text-underline-offset: 0.52vw;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a i {
    width: 22.38%;
  }
  body #wrapper .issue-contents #item-wrapper .item .textarea.textshadow {
    filter: none;
  }
  body #wrapper .issue-contents #item-wrapper .item.is-open .imagearea {
    transform: scale(0.86146);
  }
}