/* --------------------------------------------------
Common
-------------------------------------------------- */
html, body { height: 100%; font-size: 10px; line-height: 1; }

body { font-family: adobe-garamond-pro, serif; color: #000000; font-display: swap; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; line-height: 1; }
body img, body img[src$=".svg"] { width: 100%; aspect-ratio: 100/1; }
body main { display: block; }
body h1, body h2, body h3, body h4, body h5, body p { font-weight: inherit; }
body sup { line-height: inherit; }
body *:focus { outline: none; }
body button[data-js] { opacity: 0; pointer-events: none; }
body.is-loaded #wrapper { opacity: 1 !important; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
@keyframes slide { 0% { opacity: 0; }
  45% { opacity: 0; }
  50% { opacity: 1; }
  95% { opacity: 1; }
  100% { opacity: 0; } }
body *::selection { background: #5A5A5A; color: #FFFFFF; }
body *::-moz-selection { background: #5A5A5A; color: #FFFFFF; }
body #wrapper #top { position: relative; margin: 0 0 22.67%; }
body #wrapper #top .imagearea { filter: brightness(0.35); }
body #wrapper #top .imagearea img { aspect-ratio: 1125 / 1425; }
body #wrapper #top .titlearea { position: absolute; left: 8.4%; right: 0; top: 38.42%; color: #FFFFFF; opacity: 0; }
body #wrapper #top .titlearea .logo { width: 30.57%; margin: 0 0 4.37%; }
body #wrapper #top .titlearea .logo img { filter: invert(1); aspect-ratio: 250 / 40; }
body #wrapper #top .titlearea .season { font-weight: 600; font-size: 4vw; letter-spacing: .03em; }
body #wrapper #top .titlearea .season span { opacity: 0; }
body #wrapper .sticky-container .side-bar { height: 100vh; width: 10.67%; position: sticky; top: 0; right: 0; z-index: 2; color: #5A5A5A; font-weight: 600; margin: 0 0 -100vh auto; pointer-events: none; }
body #wrapper .sticky-container .side-bar .inner { height: 100%; margin: 0 0 0 auto; padding: 0 0 20px; display: flex; align-items: center; flex-direction: column; }
body #wrapper .sticky-container .side-bar .inner .season { writing-mode: vertical-rl; font-size: 1rem; letter-spacing: .02em; margin: auto 0; }
body #wrapper .sticky-container .side-bar .inner .to-top { pointer-events: auto; width: 100%; text-align: center; font-size: .95rem; letter-spacing: .06em; }
body #wrapper .sticky-container .side-bar .inner .to-top img { display: table; width: 19px; margin: 0 auto 5px; aspect-ratio: 26 / 17; }
body #wrapper .sticky-container .sticky-contents #look-wrapper { display: flex; flex-direction: column; row-gap: 21.33vw; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look { width: 100%; margin: 0 auto; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea { opacity: 0; overflow: hidden; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea .image-slider { position: relative; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea .image-slider li:nth-child(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea img { display: block; aspect-ratio: 570 / 716; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea.is-show { opacity: 1; transition: opacity .6s linear 0s; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea.is-show img { transform: none !important; transition: transform .8s linear 0s; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea.is-show .image-slider li:nth-child(2) { animation: slide 6s linear 0s infinite; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea.has-parallax { overflow: visible; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .image-container .imagearea.has-parallax .parallax .image-inner { overflow: hidden; transition: transform .1s ease 0s; will-change: transform; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea { padding: 30px 0 0; max-width: calc(100vw - 70px); margin: 0 auto; display: flex; justify-content: flex-end; opacity: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul { display: flex; flex-direction: column; row-gap: 8px; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li { display: flex; justify-content: flex-end; align-items: center; font-size: 1.05rem; letter-spacing: .02em; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .name { margin: 0 .25em 0 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .price { margin: 0 .5em 0 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn { height: 20px; display: flex; justify-content: center; align-items: center; border: solid 1px #000000; border-radius: 10px; font-weight: 600; font-size: 1rem; letter-spacing: .05em; padding: .1em 0 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn.preorder { width: 75px; color: #7D7D7D; border-color: #7D7D7D; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea.is-show { opacity: 1; transition: opacity .6s linear 0s; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look01 { width: 93.33%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look02 .image-container { display: flex; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look02 .image-container .imagearea { width: 50%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look02 .image-container .imagearea:nth-child(1) img { transform: translate(100px, 0); }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look03 { width: 70%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look04 { width: 93.33%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container { position: relative; aspect-ratio: 750 / 910; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea { position: absolute; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea:nth-child(1) { width: 80%; left: 0; bottom: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea:nth-child(2) { width: 54.67%; right: 0; top: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea:nth-child(2) img { aspect-ratio: 410 / 580; transform: translate(-100px, 0); }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look06 { width: 93.33%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container { position: relative; aspect-ratio: 750 / 557; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container .imagearea { position: absolute; width: 53.33%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container .imagearea:nth-child(1) { right: 0; bottom: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container .imagearea:nth-child(2) { left: 0; top: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container .imagearea:nth-child(2) img { transform: translate(100px, 0); }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container { position: relative; padding: 17.33% 0 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(1) { width: 53.33%; margin: 0 0 0 auto; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(1) img { transform: translate(0, 100px); }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(2) { width: 66.67%; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(2) img { aspect-ratio: 550 / 440; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(3) { width: 36%; position: absolute; left: 7.73%; top: 0; }
body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(3) img { aspect-ratio: 400 / 580; transform: translate(50px, 0); }
body #wrapper .sticky-container .sticky-contents footer { padding: 85px 0 25px; }
body #wrapper .sticky-container .sticky-contents footer .logo { width: 125px; margin: 0 auto 70px; }
body #wrapper .sticky-container .sticky-contents footer .logo img { aspect-ratio: 250 / 40; }
body #wrapper .sticky-container .sticky-contents footer .sns-links { margin: 0 0 70px; }
body #wrapper .sticky-container .sticky-contents footer .sns-links ul { display: flex; justify-content: center; }
body #wrapper .sticky-container .sticky-contents footer .sns-links ul li { font-size: 1.3rem; letter-spacing: .05em; }
body #wrapper .sticky-container .sticky-contents footer .sns-links ul li + li::before { display: inline; content: "/"; margin: 0 1.25em; }
body #wrapper .sticky-container .sticky-contents footer small { display: block; text-align: center; font-size: 600; font-size: .7rem; letter-spacing: .05em; }
body.is-loaded #wrapper #top .imagearea { filter: brightness(1); transition: filter 1.4s ease 2s; }
body.is-loaded #wrapper #top .titlearea { opacity: 1; transition: opacity 1s ease .4s; }
body.is-loaded #wrapper #top .titlearea .season span { opacity: 1; transition: opacity .1s ease 1s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(2) { transition-delay: 1.05s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(3) { transition-delay: 1.1s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(4) { transition-delay: 1.15s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(5) { transition-delay: 1.2s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(6) { transition-delay: 1.25s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(7) { transition-delay: 1.3s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(8) { transition-delay: 1.35s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(9) { transition-delay: 1.4s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(10) { transition-delay: 1.45s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(11) { transition-delay: 1.5s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(12) { transition-delay: 1.55s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(13) { transition-delay: 1.6s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(14) { transition-delay: 1.65s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(15) { transition-delay: 1.7s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(16) { transition-delay: 1.75s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(17) { transition-delay: 1.8s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(18) { transition-delay: 1.85s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(19) { transition-delay: 1.9s; }
body.is-loaded #wrapper #top .titlearea .season span:nth-child(20) { transition-delay: 1.95s; }

@media screen and (orientation: landscape) { body #wrapper #top { margin: 0 0 18.57%; }
  body #wrapper #top .imagearea img { aspect-ratio: 1400 / 1000; }
  body #wrapper #top .titlearea { left: 10.64%; right: 0; top: 43.9%; }
  body #wrapper #top .titlearea .logo { width: 13.59%; margin: 0 0 2%; }
  body #wrapper #top .titlearea .season { font-size: 1.57vw; } }
@media screen and (min-width: 768px) { body #wrapper .sticky-container .side-bar { width: 6.43%; }
  body #wrapper .sticky-container .side-bar .inner { padding: 70px 0 35px; justify-content: space-between; }
  body #wrapper .sticky-container .side-bar .inner .season { font-size: 1.3rem; margin: 0; }
  body #wrapper .sticky-container .side-bar .inner .to-top { font-size: 1.3rem; letter-spacing: .02em; }
  body #wrapper .sticky-container .side-bar .inner .to-top img { width: 26px; margin: 0 auto 7px; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper { row-gap: 0; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea { padding: 25px 0 0; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li { font-size: 1.35rem; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn { height: auto; border-radius: 13px; font-size: 1.25rem; transition: background .4s ease 0s, color .4s ease 0s; padding: 7px 0 4px; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn:hover { color: #FFFFFF; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn.preorder { width: 96px; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look .textarea .credit ul li .link-btn.preorder:hover { background: #7D7D7D; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look01 { width: 40.71%; margin: 0 auto 12.86%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look02 { width: 81.43%; margin: 0 auto 12.86%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look03 { width: 32.86%; position: relative; margin: 0 auto -9.29% 53.14%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look03 .textarea { position: absolute; left: 0; right: 0; top: 100%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look04 { width: 40.71%; margin: 0 auto 12.86% 9.29%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 { position: relative; width: 63.21%; margin: 0 auto 12.86% 17.79%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container { aspect-ratio: 885 / 871; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea:nth-child(1) { width: 64.41%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .image-container .imagearea:nth-child(2) { width: 46.33%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look05 .textarea { position: absolute; width: 46.33%; right: 0; top: 66.59%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look06 { width: 40.71%; margin: 0 auto 12.86%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 { width: 77.14%; margin: 0 auto 12.86%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container { aspect-ratio: 1080 / 776; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look07 .image-container .imagearea { width: 52.78%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 { width: 79.07%; margin: 0 auto 0 11.64%; position: relative; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container { padding: 9.94% 0 0; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(1) { width: 51.49%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(2) { width: 54.2%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .image-container .imagearea:nth-child(3) { width: 36.13%; left: 9.03%; }
  body #wrapper .sticky-container .sticky-contents #look-wrapper .look#look08 .textarea { width: 59.07%; position: absolute; right: 0; top: 63.1%; }
  body #wrapper .sticky-container .sticky-contents footer { padding: 335px 0 95px; }
  body #wrapper .sticky-container .sticky-contents footer a { transition: opacity .4s ease 0s; }
  body #wrapper .sticky-container .sticky-contents footer a:hover { opacity: .7; }
  body #wrapper .sticky-container .sticky-contents footer .logo { width: 250px; margin: 0 auto 210px; }
  body #wrapper .sticky-container .sticky-contents footer .sns-links { margin: 0 0 230px; }
  body #wrapper .sticky-container .sticky-contents footer .sns-links ul li { font-size: 2.8rem; }
  body #wrapper .sticky-container .sticky-contents footer small { font-size: 1.35rem; } }