html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { resize: none; }

html, body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

img, video { vertical-align: bottom; max-width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; }

li { list-style: none; }

main { display: block; }

h1, h2, h3, h4, h5 { font-weight: inherit; }

img { width: 100%; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
html, body { height: 100%; font-size: 10px; }
@media screen and (min-width: 768px) and (max-width: 1000px) { html, body { font-size: 7px; } }
@media screen and (min-width: 1001px) and (max-width: 1279px) { html, body { font-size: 8px; } }

body { font-family: var(--font-family); color: var(--primary-color); }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 0.2s ease 0s; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
:root { --font-family: dnp-shuei-gothic-gin-std, sans-serif; --font-en: archivo, sans-serif; --primary-color: #000000; --white-color: #ffffff; --bg-color: #ffffff; --acc-color: #c0f2ff; }

/* --------------------------------------------------
Contents
-------------------------------------------------- */
@keyframes arrow { 0% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transform: translate(0, -100%); }
  50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transform: translate(0, 0); }
  100% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); transform: translate(0, 0); } }
@keyframes slide { 0% { opacity: 0; }
  49% { opacity: 0; }
  50% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes tremble { 0% { transform: rotate(0deg); }
  10% { transform: rotate(0deg); }
  12% { transform: rotate(26deg); }
  14% { transform: rotate(0deg); }
  16% { transform: rotate(-26deg); }
  18% { transform: rotate(0deg); }
  20% { transform: rotate(13deg); }
  22% { transform: rotate(0deg); }
  24% { transform: rotate(-13deg); }
  26% { transform: rotate(0deg); } }
@keyframes sway { 0% { transform: rotate(0deg); }
  100% { transform: rotate(60deg); } }
@keyframes lineHover { 0% { transform: translate(-101%, 0); }
  100% { transform: translate(0, 0); } }
@keyframes lineHoverOut { 0% { transform: translate(0, 0); }
  100% { transform: translate(101%, 0); } }
body { background: var(--bg-color); }
body *::selection { background: var(--acc-color); color: #FFFFFF; }
body *::-moz-selection { background: var(--acc-color); color: #FFFFFF; }
body #wrapper { font-weight: 600; }
body #wrapper .logo-image { aspect-ratio: 2000 / 163; }
body #wrapper .logo-title { position: relative; text-align: center; }
body #wrapper .logo-title .catch { font-family: var(--font-en); font-weight: 700; position: relative; z-index: 2; }
body #wrapper .logo-title .catch .text { display: block; font-size: 2rem; line-height: 1.35; letter-spacing: 0.02em; margin: 0 0 1rem; }
body #wrapper .logo-title .catch .text .text-row { display: block; }
body #wrapper .logo-title .catch .text .text-row:nth-child(1) { color: transparent; -webkit-text-stroke: 0.1rem var(--primary-color); text-stroke: 0.1rem var(--primary-color); paint-order: stroke; }
body #wrapper .logo-title .catch .svg-wrapper { display: block; width: 14.7rem; position: relative; aspect-ratio: 2000 / 163; margin: 0 auto 0.6rem; }
body #wrapper .logo-title .catch .svg-wrapper svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
body #wrapper .logo-title .catch .season { display: block; width: 9rem; margin: 0 auto; }
body #wrapper .logo-title .catch .season img { aspect-ratio: 800 / 42; }
body #wrapper .logo-title .heart-icon { width: 3.3rem; position: absolute; left: calc(50% + 5rem); top: -0.5rem; }
body #wrapper .logo-title .heart-icon img { aspect-ratio: 500 / 400; display: block; transform-origin: left top; }
body #wrapper .loadbg-image { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }
body #wrapper .loadbg-image img { height: 100%; object-fit: cover; }
body #wrapper header { position: fixed; left: 0; right: 0; top: 0; z-index: 99; transform: translate(0, -101%); transition: transform .4s ease 0s; }
body #wrapper header .inner { height: 2rem; display: flex; justify-content: center; align-items: center; background: var(--bg-color); border-top: 1px solid; border-bottom: 1px solid; }
body #wrapper header .inner .logo { width: 9.4rem; }
body #wrapper #top { position: relative; z-index: 2; }
body #wrapper #top .imagearea img { aspect-ratio: 1125 / 1890; }
body #wrapper #top .titlearea { width: 86.93%; position: absolute; left: 6.4%; top: 46.29%; filter: invert(1); opacity: 0; }
body #wrapper #top .titlearea .logo { margin: 0 0 3.07%; }
body #wrapper #top .titlearea .collection-title { width: 27.61%; margin: 0 0 0 auto; }
body #wrapper #top .titlearea .collection-title img { aspect-ratio: 800 / 42; }
body #wrapper #contents #lead { text-align: center; padding: 7rem 0; }
body #wrapper #contents #lead .inner .titlearea { position: relative; margin: 0 0 4rem; }
body #wrapper #contents #lead .inner .titlearea .catch .text .text-row span { opacity: 0; }
body #wrapper #contents #lead .inner .titlearea .catch .text .text-row span.is-show { opacity: 1; }
body #wrapper #contents #lead .inner .titlearea .catch .svg-wrapper svg > * { opacity: 0; }
body #wrapper #contents #lead .inner .titlearea .catch .season { opacity: 0; }
body #wrapper #contents #lead .inner .titlearea .heart-icon { transform: translate(0, -10rem); }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > * { opacity: 1; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(1) { transition: opacity 0s ease 1.3s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(2) { transition: opacity 0s ease 1.4s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(3) { transition: opacity 0s ease 1.5s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(4) { transition: opacity 0s ease 1.6s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(5) { transition: opacity 0s ease 1.7s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(6) { transition: opacity 0s ease 1.8s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(7) { transition: opacity 0s ease 1.9s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(8) { transition: opacity 0s ease 2s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(9) { transition: opacity 0s ease 2.1s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(10) { transition: opacity 0s ease 2.2s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(11) { transition: opacity 0s ease 2.3s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .svg-wrapper svg > *:nth-child(12) { transition: opacity 0s ease 2.4s; }
body #wrapper #contents #lead .inner .titlearea.is-show .catch .season { opacity: 1; transition: opacity 1s ease 2.2s; }
body #wrapper #contents #lead .inner .titlearea.is-show .heart-icon { transform: none; transition: transform 0.6s ease 2.2s; }
body #wrapper #contents #lead .inner .titlearea.is-show .heart-icon img { animation: sway 0.6s linear 2.6s infinite alternate; }
body #wrapper #contents #lead .inner .textarea p { font-size: 1.2rem; line-height: 2; letter-spacing: 0.01em; }
body #wrapper #contents #look-wrapper { margin: 0 0 16rem; display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.36 * 100)); }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container .imagearea { opacity: 0; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container .imagearea .image-slider { position: relative; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container .imagearea .image-slider li:nth-child(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container .imagearea.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container .imagearea.is-show .image-slider li:nth-child(2) { animation: slide 6s linear 0s infinite; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container.has-bg { position: relative; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container.has-bg .imagearea { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container.has-bg .imagearea.is-show { transition-delay: 0.2s; transition-duration: 0.6s; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container.has-bg .imagearea.is-show + .bg-image { opacity: 1; transition: opacity 0.4s ease 0s; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .image-container.has-bg .bg-image { opacity: 0; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea { padding: 1.5rem 0 0; width: 100%; max-width: calc(var(--vw) * (0.853 * 100)); margin: 0 auto; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea .credit ul li { font-size: 0.8rem; line-height: 2.25; }
body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea .credit ul li a { text-decoration: underline; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 { display: flex; flex-direction: column; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) { display: contents; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) .image-container { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.013 * 100)); width: 61.33%; margin: 0 0 29.33% 7.33%; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 300 / 406; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) .textarea { order: 100; text-align: right; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(2) { width: 85.33%; margin: 0 0 0 auto; }
body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(2) .image-container .imagearea img { aspect-ratio: 700 / 946; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group1 { margin: 0 0 21.33%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container { display: flex; justify-content: center; column-gap: 1.07%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 42.13%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 297 / 406; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea:nth-child(2).is-show { transition-delay: 0.2s; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 { display: flex; flex-direction: column; align-items: center; row-gap: calc(var(--vw) * (0.227 * 100)); }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) { width: 56%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) .image-container .imagearea { width: 85.71%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 343 / 464; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) .image-container .bg-image img { aspect-ratio: 400 / 530; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) { width: 85.33%; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) .image-container .imagearea img { aspect-ratio: 700 / 946; }
body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) .textarea { text-align: right; }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.133 * 100)); }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 1.07%; row-gap: calc(var(--vw) * (0.011 * 100)); }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 42.13%; }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 281 / 385; }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea:nth-child(2n).is-show { transition-delay: 0.2s; }
body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(2) .image-container .imagearea img { aspect-ratio: 574 / 776; }
body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) { width: 53.33%; margin: 0 7.33% 0 auto; }
body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.011 * 100)); }
body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 296 / 400; }
body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .textarea { text-align: right; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.213 * 100)); }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) { width: 56%; margin: 0 0 0 7.33%; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 85.71%; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 326 / 440; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) .image-container .bg-image img { aspect-ratio: 380 / 503; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(2) { width: 85.33%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(2) .image-container .imagearea img { aspect-ratio: 700 / 946; }
body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(2) .textarea { text-align: right; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group1 { margin: 0 0 24%; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group1 .look-panel:nth-child(1) { width: 64%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group1 .look-panel:nth-child(1) .image-container { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.016 * 100)); }
body #wrapper #contents #look-wrapper .look06 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 400 / 318; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group2 { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.173 * 100)); }
body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(1) { width: 70.93%; margin: 0 0 0 auto; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 400 / 541; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(2) { width: 85.33%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(2) .image-container .imagearea img { aspect-ratio: 700 / 946; }
body #wrapper #contents .all-btn { width: 85.33%; height: 4rem; margin: 0 auto 3rem; font-family: var(--font-en); font-weight: 700; font-size: 2rem; letter-spacing: 0.08em; }
body #wrapper #contents .all-btn a { height: 100%; display: flex; justify-content: center; align-items: center; column-gap: 0.5rem; border: 1px solid var(--primary-color); background: var(--acc-color); }
body #wrapper #contents .all-btn a img { width: 1.8rem; aspect-ratio: 500 / 400; filter: grayscale(1) brightness(0); display: block; animation: tremble 2s linear 0s infinite; }
body #wrapper #contents .tax-text { text-align: center; font-size: 0.8rem; line-height: 1.75; }
body #wrapper footer { padding: 13rem 0 3rem; }
body #wrapper footer .titlearea { margin: 0 0 2rem; }
body #wrapper footer .titlearea .heart-icon img { transform: rotate(20deg); }
body #wrapper footer .footimage { width: 21rem; margin: 0 auto 13rem; }
body #wrapper footer .footimage .imagearea { border: 1px solid; }
body #wrapper footer .footimage .imagearea img { aspect-ratio: 300 / 406; }
body #wrapper footer .footimage .textarea { padding: 1.5rem 0 0; }
body #wrapper footer .footimage .textarea .credit ul li { font-size: 0.8rem; line-height: 2.25; }
body #wrapper footer .footimage .textarea .credit ul li a { text-decoration: underline; }
body #wrapper footer .staff-credit { width: 85.33%; margin: 0 auto; }
body #wrapper footer .staff-credit p { text-align: right; font-family: var(--font-en); font-weight: 700; font-size: 0.8rem; line-height: 2.25; letter-spacing: 0.025em; }
body.is-scroll #wrapper header { transform: none; }
body.is-loaded #wrapper #top .titlearea { opacity: 1; transition: opacity 0.4s ease 1.4s; }

@media screen and (orientation: landscape) { body #wrapper #top .imagearea img { aspect-ratio: 1400 / 960; }
  body #wrapper #top .titlearea { width: 79.14%; left: 10.36%; top: 45.1%; }
  body #wrapper #top .titlearea .logo { margin: 0 0 1.62%; }
  body #wrapper #top .titlearea .collection-title { width: 18.5%; } }
@media screen and (min-width: 768px) { body #wrapper .logo-title .catch .text { font-size: 3.8rem; line-height: 1.16; margin: 0 0 2.5rem; }
  body #wrapper .logo-title .catch .svg-wrapper { width: 27.4rem; margin: 0 auto 1.5rem; }
  body #wrapper .logo-title .catch .season { width: 17.6rem; }
  body #wrapper .logo-title .heart-icon { width: 5.8rem; left: calc(50% + 10rem); top: -1.5rem; }
  body #wrapper header .inner { height: 4rem; }
  body #wrapper header .inner .logo { width: 20rem; }
  body #wrapper #contents #lead { padding: 12rem 0; }
  body #wrapper #contents #lead .inner .titlearea { margin: 0 0 5rem; }
  body #wrapper #contents #lead .inner .titlearea .heart-icon { transform: translate(0, -20rem); }
  body #wrapper #contents #lead .inner .textarea p { font-size: 2.2rem; line-height: 1.64; }
  body #wrapper #contents #look-wrapper { margin: 0 0 26rem; row-gap: calc(var(--vw) * (0.189 * 100)); }
  body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea { padding: 2rem 0 0; }
  body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea .credit ul li { font-size: 1.2rem; line-height: 2.17; }
  body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea .credit ul li a { transition: opacity 0.4s ease 0s; }
  body #wrapper #contents #look-wrapper .look .layout-container .group .look-panel .textarea .credit ul li a:hover { opacity: 0.5; }
  body #wrapper #contents #look-wrapper .look01 .layout-container .group1 { flex-direction: row; align-items: flex-start; column-gap: 16.36%; }
  body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) { display: block; margin: 0 0 0 12.21%; }
  body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) .image-container { row-gap: calc(var(--vw) * (0.006 * 100)); width: 100%; margin: 0; }
  body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(1) .textarea { text-align: left; }
  body #wrapper #contents #look-wrapper .look01 .layout-container .group1 .look-panel:nth-child(2) { width: 50%; margin: 0; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group1 { margin: 0 0 10%; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container { column-gap: 0.57%; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 21.21%; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea img { aspect-ratio: 297 / 406; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 { flex-direction: row-reverse; align-items: flex-start; column-gap: 10.71%; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) { width: 28.57%; margin: 0 auto 0 0; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(1) .image-container .imagearea { width: 85.75%; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) { width: 50%; position: relative; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) .image-container .imagearea.is-show { transition-delay: 0.2s; }
  body #wrapper #contents #look-wrapper .look02 .layout-container .group2 .look-panel:nth-child(2) .textarea { text-align: left; width: auto; white-space: nowrap; position: absolute; left: calc(100% + 3rem); bottom: 0; }
  body #wrapper #contents #look-wrapper .look03 .layout-container .group1 { flex-direction: row; column-gap: 11.07%; }
  body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) { width: 40.64%; margin: 0 0 0 7.29%; }
  body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container { justify-content: space-between; column-gap: 0; row-gap: calc(var(--vw) * (0.005 * 100)); }
  body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 49.38%; }
  body #wrapper #contents #look-wrapper .look03 .layout-container .group1 .look-panel:nth-child(2) { width: 41%; }
  body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) { width: 64%; margin: 0 auto; }
  body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container { flex-direction: row; justify-content: space-between; }
  body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 33.04%; }
  body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea:nth-child(2) { transition-delay: 0.1s; }
  body #wrapper #contents #look-wrapper .look04 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea:nth-child(3) { transition-delay: 0.2s; }
  body #wrapper #contents #look-wrapper .look05 .layout-container .group1 { flex-direction: row; column-gap: 12.14%; }
  body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) { width: 27.14%; margin: 9.86% 0 0 auto; }
  body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(1) .image-container .imagearea { width: 85.79%; }
  body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(2) { width: 50%; margin: 0; position: relative; }
  body #wrapper #contents #look-wrapper .look05 .layout-container .group1 .look-panel:nth-child(2) .textarea { position: absolute; width: auto; white-space: nowrap; right: calc(100% + 3rem); bottom: 0; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group1 { margin: 0 0 14.64%; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group1 .look-panel:nth-child(1) { width: 28.57%; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group1 .look-panel:nth-child(1) .image-container { row-gap: calc(var(--vw) * (0.003 * 100)); }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group2 { flex-direction: row-reverse; position: relative; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(1) { width: 28.57%; margin: 14.43% 0 0 auto; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(1) .textarea { position: absolute; width: auto; white-space: nowrap; left: calc(50% + 3rem); bottom: 0; }
  body #wrapper #contents #look-wrapper .look06 .layout-container .group2 .look-panel:nth-child(2) { width: 50%; margin: 0; }
  body #wrapper #contents .all-btn { width: 52rem; height: 7rem; font-size: 3.8rem; margin: 0 auto 4rem; }
  body #wrapper #contents .all-btn a { column-gap: 1.3rem; transition: background 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s; }
  body #wrapper #contents .all-btn a img { width: 3.6rem; transition: filter 0.2s ease 0s; }
  body #wrapper #contents .all-btn a:hover { background: var(--primary-color); border-color: var(--primary-color); color: var(--acc-color); }
  body #wrapper #contents .all-btn a:hover img { filter: grayscale(0) brightness(1); }
  body #wrapper #contents .tax-text { font-size: 1rem; line-height: 2; }
  body #wrapper footer { padding: 18rem 0 3rem; }
  body #wrapper footer .titlearea { margin: 0 0 3.5rem; }
  body #wrapper footer .footimage { width: 30rem; margin: 0 auto 15rem; }
  body #wrapper footer .footimage .textarea { padding: 2rem 0 0; }
  body #wrapper footer .footimage .textarea .credit ul li { font-size: 1.2rem; line-height: 2.17; }
  body #wrapper footer .footimage .textarea .credit ul li a { transition: opacity 0.4s ease 0s; }
  body #wrapper footer .footimage .textarea .credit ul li a:hover { opacity: 0.5; }
  body #wrapper footer .staff-credit { width: 100%; }
  body #wrapper footer .staff-credit p { text-align: center; font-size: 1.4rem; line-height: 2; } }