.c-top-section.c-top-hero{overflow:visible}.c-top-hero{--c-top-hero-ease-o: cubic-bezier(.175, 0, .035, 1);--c-top-hero-ease-mask: cubic-bezier(0, .03, 0, 1);background:var(--c-top-black);color:var(--c-top-white);overflow:visible}.c-top-hero__visual{position:relative;width:100%;line-height:0;overflow:hidden;background:#1a1a1a}.c-top-hero__visual-img{display:block;width:100%;height:auto;max-width:100%;object-fit:unset}.c-top-hero__visual-img--sp{display:none}.c-top-hero__visual--sp-only .c-top-hero__visual-img--sp{display:block}.c-top-section.c-top-hero .c-top-hero__visual--has-sp .c-top-hero__visual-img--sp{display:none!important}.c-top-hero__visual-placeholder{width:100%;aspect-ratio:16 / 9;min-height:280px;background:linear-gradient(135deg,#2a2a2a,#111)}.c-top-hero__visual--no-image .c-top-hero__visual-placeholder{display:block}.c-top-hero__brand{position:relative;z-index:2;overflow:visible;background:var(--c-top-black);height:24.7vw}.c-top-hero__brand-text{position:absolute;left:0;right:0;bottom:30%;margin:0;line-height:0;padding:0 136px}.c-top-hero__brand-logo{display:block;width:100%;height:auto;max-width:100%}.c-top-hero__collage-wrap{background:#000;padding:0 64px;margin:0;width:100%;line-height:0;font-size:0}.c-top-hero__collage{display:flex;flex-direction:row;align-items:stretch;width:100%;aspect-ratio:2 / 1;overflow:hidden;gap:4px;margin:0;padding:0;background:#000}.c-top-hero__collage-left{display:flex;flex-direction:column;width:calc(50% - 2px);height:100%;flex:0 0 calc(50% - 2px);min-width:0;gap:4px}.c-top-hero__collage-top{display:flex;flex-direction:row;width:100%;height:calc(50% - 2px);flex:0 0 calc(50% - 2px);min-height:0;gap:4px}.c-top-hero__cell{position:relative;display:block;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background-color:#000;line-height:0}.c-top-hero__cell--1,.c-top-hero__cell--2{width:calc(50% - 2px);flex:0 0 calc(50% - 2px);height:100%;min-width:0}.c-top-hero__cell--3{width:100%;height:calc(50% - 2px);flex:0 0 calc(50% - 2px);min-height:0}.c-top-hero__cell--4{width:calc(50% - 2px);flex:0 0 calc(50% - 2px);height:100%;min-width:0}.c-top-hero__plx{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.c-top-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 60%);mask-image:linear-gradient(0deg,#000 40%,transparent 60%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 0%;mask-position:50% 0%;transition:-webkit-mask-position 2.5s var(--c-top-hero-ease-mask),mask-position 2.5s var(--c-top-hero-ease-mask)}.c-top-hero__bg.is-shown{-webkit-mask-position:50% 100%;mask-position:50% 100%}.c-top-hero__elem{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.c-top-hero__elem-img,.c-top-hero__elem-filter{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.1);transform-origin:center center}.c-top-hero__elem-img{z-index:1}.c-top-hero__elem-filter{z-index:2;opacity:1;mix-blend-mode:screen;filter:brightness(1.4)}.c-top-hero__bg.is-shown .c-top-hero__elem-img{transform:scale(1);transition:transform 2s var(--c-top-hero-ease-o)}.c-top-hero__bg.is-shown .c-top-hero__elem-filter{transform:scale(1);opacity:0;transition:opacity 2s var(--c-top-hero-ease-o),transform 2s var(--c-top-hero-ease-o)}.c-top-hero__cell-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#1a1a1a}.c-top-hero__cell-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.c-top-hero__catch{background:var(--c-top-black);max-width:423px;margin:0 auto;padding:40px 0 110px}.c-top-hero__catch-logo{display:block;width:100%;height:auto;max-width:423px;margin:0 auto}@media(prefers-reduced-motion:reduce){.c-top-hero__bg{-webkit-mask-image:none;mask-image:none;transition:none}.c-top-hero__elem-img,.c-top-hero__elem-filter,.c-top-hero__bg.is-shown .c-top-hero__elem-img,.c-top-hero__bg.is-shown .c-top-hero__elem-filter{transform:none;opacity:1;transition:none;filter:none;mix-blend-mode:normal}.c-top-hero__elem-filter{display:none}.c-top-hero__elem{height:100%}}@media(max-width:749px){.c-top-section.c-top-hero .c-top-hero__visual--has-sp .c-top-hero__visual-img--pc{display:none!important}.c-top-section.c-top-hero .c-top-hero__visual--has-sp .c-top-hero__visual-img--sp{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:unset!important;object-position:unset!important}.c-top-section.c-top-hero .c-top-hero__visual--has-sp{height:auto;aspect-ratio:auto;max-height:none;min-height:0;overflow:hidden}.c-top-section.c-top-hero .c-top-hero__visual:not(.c-top-hero__visual--has-sp){position:relative;width:100%;aspect-ratio:3 / 4;max-height:78vh;min-height:420px;overflow:hidden}.c-top-section.c-top-hero .c-top-hero__visual:not(.c-top-hero__visual--has-sp) .c-top-hero__visual-img--pc{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 38%!important}.c-top-section.c-top-hero .c-top-hero__visual-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;aspect-ratio:auto}.c-top-hero__brand{height:clamp(96px,28vw,128px)}.c-top-hero__brand-text{left:20px;right:20px;bottom:58%;padding:0}.c-top-hero__brand-logo{width:100%;height:auto}.c-top-hero__collage-wrap{padding:0 24px}.c-top-hero__collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1;width:100%;gap:4px;background:#000;align-items:stretch}.c-top-hero__collage-left,.c-top-hero__collage-top{display:contents}.c-top-hero__cell--1,.c-top-hero__cell--2,.c-top-hero__cell--3,.c-top-hero__cell--4{width:auto;height:auto;flex:none;min-width:0;min-height:0;aspect-ratio:auto}.c-top-hero__cell--1{grid-column:1;grid-row:1}.c-top-hero__cell--2{grid-column:2;grid-row:1}.c-top-hero__cell--3{grid-column:1;grid-row:2}.c-top-hero__cell--4{grid-column:2;grid-row:2}.c-top-hero__catch{padding:32px 24px 42px}.c-top-hero__catch-text{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/300/assets/c-top-hero.css.map */