@charset "UTF-8";
/*------------------------------------------------------------------------------------------
* Content
*------------------------------------------------------------------------------------------*/
@keyframes slider { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes barAnim { 0% { transform: translate(0, -101%); }
  100% { transform: translate(0, 101%); } }
body #wrapper header .inner nav > ul > li ul li.ss2026 a::after { transform: scale(1); }

body #wrapper #contents { font-family: helvetica-neue-lt-pro, "Arial", "遊ゴシック体", YuGothic, "遊ゴシック", Yu Gothic, sans-serif; font-weight: 300; padding: 11rem 0 0; }
body #wrapper #contents img { width: 100%; }
body #wrapper #contents .image-slider { position: relative; }
body #wrapper #contents .image-slider li:nth-child(2) { position: absolute; inset: 0; opacity: 0; }
body #wrapper #contents .mv { position: relative; }
body #wrapper #contents .mv img { aspect-ratio: 3 / 4; }
body #wrapper #contents .mv .title { position: absolute; left: 0; right: 0; bottom: 8.78%; color: #fff; text-align: center; font-family: helvetica-neue-lt-pro, "Arial", "遊ゴシック体", YuGothic, "遊ゴシック", Yu Gothic, sans-serif; font-weight: 300; font-size: 5.09vw; line-height: 1.25; letter-spacing: 0.05em; z-index: 2; }
body #wrapper #contents .mv .title::before { display: none; }
body #wrapper #contents .look-wrapper { padding: 17.81% 0 0; background: #fff; display: flex; flex-direction: column; align-items: center; row-gap: 25.45vw; }
body #wrapper #contents .look-wrapper .concept-image { width: 100%; }
body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(1) { width: 91.86%; margin: 0 auto; }
body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(1) img { aspect-ratio: 413 / 500; }
body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(2) { width: 68.19%; margin: -20.87% auto 0; }
body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(2) img { aspect-ratio: 9 / 10; }
body #wrapper #contents .look-wrapper .look { width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 6.11vw; }
body #wrapper #contents .look-wrapper .look .panel { width: 100%; }
body #wrapper #contents .look-wrapper .look .panel .image-container { display: flex; flex-direction: column; align-items: center; row-gap: 6.11vw; }
body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea { width: 100%; opacity: 0; transform: translate(0, 5rem); }
body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea img { aspect-ratio: 3 / 4; }
body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea.is-show { opacity: 1; transform: none; transition: opacity 1s ease-out 0s, transform 1s ease-out 0s; }
body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea.is-show .image-slider li:nth-child(2) { animation: slider 5s linear 0s infinite; }
body #wrapper #contents .look-wrapper .look .panel .textarea { padding: 3.6rem 0 0; text-align: center; font-size: 2rem; line-height: 2.3; letter-spacing: 0.05em; }
body #wrapper #contents .look-wrapper .look .panel .textarea .credit ul li a { text-decoration: underline; }
body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) .image-container .imagearea:nth-child(2) { width: 79.9%; }
body #wrapper #contents .look-wrapper .look#look02 .panel:nth-child(1), body #wrapper #contents .look-wrapper .look#look02 .panel:nth-child(2) { width: 76.34%; }
body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .image-container .imagearea:nth-child(3) { width: 76.34%; }
body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) { width: 76.34%; }
body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) { width: 81.42%; align-self: flex-end; }
body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) .textarea { text-align: left; }
body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) { width: 79.39%; }
body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .textarea { text-align: left; }
body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .textarea .credit ul { display: flex; flex-wrap: wrap; width: 36rem; }
body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .textarea .credit ul li:nth-child(2n-1)::after { display: inline; content: "/"; margin: 0 0.75em; }
body #wrapper #contents .contents-footer { padding: 20rem 0 22rem; }
body #wrapper #contents .contents-footer .all-link { width: 56rem; height: 13.2rem; margin: 0 auto 22rem; font-weight: 400; font-size: 2.8rem; letter-spacing: 0.05em; color: #fff; }
body #wrapper #contents .contents-footer .all-link a { height: 100%; display: flex; justify-content: center; align-items: center; background: #000; }
body #wrapper #contents .contents-footer .staff-credit { text-align: center; font-weight: 300; font-size: 2rem; line-height: 1.5; letter-spacing: 0.05em; }
body #wrapper #contents .scroll { position: fixed; right: 1rem; bottom: 1rem; color: #fff; mix-blend-mode: difference; z-index: 9; pointer-events: none; transition: opacity .6s ease 0s; writing-mode: vertical-rl; display: flex; column-gap: 0.8rem; }
body #wrapper #contents .scroll .bar { width: 1px; aspect-ratio: 1 / 53; position: relative; overflow: hidden; margin: 0 auto; }
body #wrapper #contents .scroll .bar::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; animation: barAnim 2s linear 0s infinite; }
body #wrapper #contents .scroll p { font-size: 2rem; letter-spacing: 0.05em; }
body #wrapper #contents .scroll.is-hidden { opacity: 0; }
body.is-loaded #wrapper #contents .mv .imagearea .image-slider li:nth-child(2) { animation: slider 5s linear 0s infinite; }

@media screen and (min-width: 769px) { body #wrapper #contents { padding: 0; width: 100%; max-width: 100%; overflow: hidden; margin: 0 0 10.58%; }
  body #wrapper #contents .mv img { aspect-ratio: 189 / 107; }
  body #wrapper #contents .mv .title { display: block; position: absolute; bottom: 12.85%; font-size: 1.65vw; }
  body #wrapper #contents .look-wrapper { padding: 6.61% 0 0; row-gap: 11.9vw; }
  body #wrapper #contents .look-wrapper .concept-image { display: flex; justify-content: center; align-items: center; column-gap: 2.65%; }
  body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(1) { width: 27.31%; margin: 0; }
  body #wrapper #contents .look-wrapper .concept-image .imagearea:nth-child(2) { width: 17.86%; margin: 0; }
  body #wrapper #contents .look-wrapper .look { row-gap: 2.65vw; }
  body #wrapper #contents .look-wrapper .look .panel .image-container { flex-direction: row; align-items: center; justify-content: center; column-gap: 1.06%; }
  body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea .image-slider { display: flex; justify-content: center; column-gap: 1.06%; }
  body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea .image-slider li:nth-child(2) { position: static; opacity: 1; }
  body #wrapper #contents .look-wrapper .look .panel .image-container .imagearea.is-show .image-slider li:nth-child(2) { animation: none; }
  body #wrapper #contents .look-wrapper .look .panel .textarea { padding: 2rem 0 0; font-size: 1rem; line-height: 2; }
  body #wrapper #contents .look-wrapper .look .panel .textarea .credit ul li a { transition: opacity 0.2s ease-out 0s; }
  body #wrapper #contents .look-wrapper .look .panel .textarea .credit ul li a:hover { opacity: 0.5; }
  body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) { width: 72.09%; position: relative; }
  body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) .image-container { column-gap: 0; justify-content: space-between; }
  body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) .image-container .imagearea:nth-child(1) { width: 55.05%; }
  body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) .image-container .imagearea:nth-child(2) { width: 41.28%; }
  body #wrapper #contents .look-wrapper .look#look01 .panel:nth-child(1) .textarea { position: absolute; right: 0; bottom: 0; text-align: left; white-space: nowrap; }
  body #wrapper #contents .look-wrapper .look#look02 .panel:nth-child(1) { width: 64.15%; }
  body #wrapper #contents .look-wrapper .look#look02 .panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 485 / 364; }
  body #wrapper #contents .look-wrapper .look#look02 .panel:nth-child(2) { width: 39.68%; }
  body #wrapper #contents .look-wrapper .look#look03 .panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 2 / 1; }
  body #wrapper #contents .look-wrapper .look#look03 .panel:nth-child(2) { width: 39.68%; }
  body #wrapper #contents .look-wrapper .look#look04 .panel:nth-child(1) .image-container .imagearea .image-slider { flex-direction: row-reverse; }
  body #wrapper #contents .look-wrapper .look#look04 .panel:nth-child(1) .image-container .imagearea .image-slider li { width: 34.99%; }
  body #wrapper #contents .look-wrapper .look#look04 .panel:nth-child(1) .textarea .credit ul { display: flex; flex-wrap: wrap; justify-content: center; }
  body #wrapper #contents .look-wrapper .look#look04 .panel:nth-child(1) .textarea .credit ul li:not(:last-child)::after { display: inline; content: "/"; margin: 0 0.75em; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .image-container { column-gap: 0; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .image-container .imagearea { flex: 1; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .image-container .imagearea:nth-child(2) { order: -1; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .image-container .imagearea:nth-child(3) { width: auto; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .textarea .credit ul { display: flex; flex-wrap: wrap; justify-content: center; }
  body #wrapper #contents .look-wrapper .look#look05 .panel:nth-child(1) .textarea .credit ul li:not(:last-child)::after { display: inline; content: "/"; margin: 0 0.75em; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(1) { width: 39.68%; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) { width: 71.03%; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) .image-container .imagearea .image-slider { column-gap: 0; justify-content: space-between; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) .image-container .imagearea .image-slider li { width: 48.88%; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) .textarea .credit ul { display: flex; flex-wrap: wrap; justify-content: center; }
  body #wrapper #contents .look-wrapper .look#look06 .panel:nth-child(2) .textarea .credit ul li:not(:last-child)::after { display: inline; content: "/"; margin: 0 0.75em; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(1) { width: 34.99%; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) { width: 100%; align-self: center; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) .image-container .imagearea { width: 39.68%; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) .textarea { text-align: center; width: 50rem; margin: 0 auto; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) .textarea .credit ul { display: flex; flex-wrap: wrap; justify-content: center; }
  body #wrapper #contents .look-wrapper .look#look07 .panel:nth-child(2) .textarea .credit ul li:not(:nth-child(3)):not(:last-child)::after { display: inline; content: "/"; margin: 0 0.75em; }
  body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) { width: 71.03%; }
  body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .image-container { column-gap: 0; justify-content: space-between; }
  body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .image-container .imagearea { width: 49.26%; }
  body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .textarea .credit ul { width: 100%; }
  body #wrapper #contents .look-wrapper .look#look08 .panel:nth-child(1) .textarea .credit ul li:nth-child(2n):not(:last-child)::after { display: inline; content: "/"; margin: 0 0.5em; }
  body #wrapper #contents .look-wrapper .look#look09 .panel:nth-child(1), body #wrapper #contents .look-wrapper .look#look10 .panel:nth-child(1) { width: 34.99%; }
  body #wrapper #contents .contents-footer { padding: 16rem 0 0; }
  body #wrapper #contents .contents-footer .all-link { width: 28rem; height: 6.6rem; margin: 0 auto 16rem; font-size: 1.4rem; }
  body #wrapper #contents .contents-footer .all-link a { transition: opacity 0.4s ease 0s; }
  body #wrapper #contents .contents-footer .all-link a:hover { opacity: 0.5; }
  body #wrapper #contents .contents-footer .staff-credit { font-size: 1rem; line-height: 2; }
  body #wrapper #contents .scroll { right: 3.7rem; bottom: 3.7rem; column-gap: 1rem; }
  body #wrapper #contents .scroll p { font-size: 1rem; } }