/* --------------------------------------------------
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:last-child { 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.87vw; line-height: 1.26; letter-spacing: 0.02em; margin: 0 0 5.13vw; }
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-size: 3.08vw; }
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul { display: flex; flex-direction: column; row-gap: 0.77vw; }
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 br { display: none; }
body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .brand { font-family: "courier-std", monospace; }
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.2rem; }
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.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:last-child { 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: #233C78; padding: 0 5.21%; display: flex; }
  body #wrapper .issue-contents #item-wrapper .item .textarea .catch { font-size: 1.3vw; line-height: 1.48; margin: 0; flex: 1; }
  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.83vw; flex: 1; height: 0; align-self: flex-start; padding: 0.52vw 0 0; }
  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; min-width: 9.17vw; }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .name { margin: 0 0 0.16vw; }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .credit ul li .brand { font-size: 0.99vw; }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more { width: 11.86%; font-weight: 300; font-size: 0.99vw; }
  body #wrapper .issue-contents #item-wrapper .item .textarea .text-group .read-more a { column-gap: 10.46%; }
  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: 20.92%; }
  body #wrapper .issue-contents #item-wrapper .item.is-open .imagearea { transform: scale(0.86146); } }