.bs-hero{--bs-hero-ink: #0A0A0A;--bs-hero-yellow: #FFCC00;position:relative;font-family:var(--bs-display-font, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif);margin-top:calc(var(--header-height, 0px) * -1)}.bs-hero a{color:inherit;text-decoration:none}.bs-hero-scroll-wrap{position:relative;height:118vh}.bs-hero__stage{position:sticky;top:0;min-height:100svh;overflow:hidden;background:var(--bs-hero-ink);--bs-door-open: 0}.bs-hero__slides{position:relative;min-height:100svh}.bs-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s}.bs-hero__slide.is-active{opacity:1;visibility:visible;z-index:2;transition-delay:0s}.bs-hero__block{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2d2d2d;overflow:hidden}.bs-hero__block:before,.bs-hero__block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;will-change:transform,clip-path}.bs-hero__block:before{background:var(--bs-hero-ink);clip-path:polygon(0 0,var(--bs-split-top, 42%) 0,var(--bs-split-bottom, 62%) 100%,0 100%);transform:translate(calc(var(--bs-door-open) * -112%));transform-origin:left center}.bs-hero__block:after{background:var(--bs-hero-yellow);clip-path:polygon(var(--bs-split-top, 42%) 0,100% 0,100% 100%,var(--bs-split-bottom, 62%) 100%);transform:translate(calc(var(--bs-door-open) * 112%));transform-origin:right center}.bs-hero__photo{width:100%;height:100%;border-radius:0;overflow:hidden;background:linear-gradient(150deg,#2c2c2c,#4a4a4a);box-shadow:none;position:relative;z-index:1;filter:brightness(.72) saturate(.88);transform:scale(1.12);transform-origin:center center;transition:transform .82s cubic-bezier(.18,1.28,.32,1),filter .62s ease;will-change:transform,filter}.bs-hero__slide.is-active .bs-hero__photo{filter:brightness(1) saturate(1);transform:scale(1)}.bs-hero__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000057,#0000002e 34%,#00000008 70%);pointer-events:none}.bs-hero__photo img{width:100%;height:100%;object-fit:cover;display:block}.bs-hero__photo picture{display:block;width:100%;height:100%}.bs-hero__content{position:absolute;left:clamp(8rem,7vw,11rem);right:4.8rem;bottom:clamp(8rem,12vh,12rem);z-index:4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:min(72rem,calc(100vw - 14rem))}.bs-hero__tag{display:inline-flex;align-items:center;gap:.8rem;align-self:flex-start;background:#fff;color:var(--bs-hero-ink);font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.6rem;border-radius:10rem;margin-bottom:2.8rem}.bs-hero__tag:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--bs-hero-yellow)}.bs-hero__content h2{margin:0 0 2.8rem;font-family:var(--bs-display-font, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif);font-weight:var(--bs-display-weight, 900);font-size:clamp(2.8rem,5vw,6.4rem);line-height:1.12;letter-spacing:0;color:#fff;max-width:70rem;text-wrap:balance}.bs-hero__content p{color:#ffffffd1;font-size:1.5rem;line-height:1.8;max-width:44rem;margin:0 0 3.2rem}.bs-hero__btn{display:inline-flex;align-items:center;gap:1rem;align-self:flex-start;padding:1.6rem 2.8rem;background:#fff;color:var(--bs-hero-ink);border-radius:10rem;font-size:1.25rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:.2rem solid #FFFFFF;box-shadow:0 1.2rem 3rem #0000003d;transition:background .2s ease,color .2s ease,border-color .2s ease}.bs-hero__btn:hover{background:var(--bs-hero-yellow);border-color:var(--bs-hero-yellow);color:var(--bs-hero-ink)}.bs-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:5rem;height:5rem;border-radius:50%;border:none;background:#ffffff24;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.bs-hero__arrow:hover{background:#ffffff47}.bs-hero__arrow--prev{left:2.4rem}.bs-hero__arrow--next{right:2.4rem}.bs-hero__dots{position:absolute;left:clamp(8rem,7vw,11rem);bottom:3.2rem;z-index:5;display:flex;gap:.8rem}.bs-hero__dotbtn{width:2.6rem;height:.3rem;border-radius:.2rem;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:background .2s ease}.bs-hero__dotbtn.is-active{background:var(--bs-hero-yellow)}body:has(.bs-hero) .bs-nav{transition:background .3s ease,border-color .3s ease}body:has(.bs-hero) .bs-announcement-bar,body:has(.bs-hero) .bs-nav .bs-nav__bar{transition:background .3s ease,border-color .3s ease}body:has(.bs-hero) .bs-nav.is-transparent{background:linear-gradient(180deg,#0000004f,#0000);border-bottom-color:transparent!important}body:has(.bs-hero):has(.bs-nav.is-transparent) .bs-announcement-bar{background:linear-gradient(180deg,#00000073,#0000004f);border-color:transparent}body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__bar{background:transparent}body:has(.bs-hero) .bs-nav:not(.is-transparent){background:#fffffb}body:has(.bs-hero):has(.bs-nav:not(.is-transparent)) .bs-announcement-bar{background:var(--bs-deep-brown)}body:has(.bs-hero) .bs-nav:not(.is-transparent) .bs-nav__bar{background:#fffffb}body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__logo,body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__desktop-link,body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__action,body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__icon-button{color:#fff;transition:color .3s ease}body:has(.bs-hero) .bs-nav.is-transparent .bs-nav__desktop-link:after{background:#fff}@media screen and (max-width:989px){.bs-hero-scroll-wrap{height:106svh}.bs-hero__stage,.bs-hero__slides{min-height:94svh}.bs-hero__content{left:2.4rem;right:2.4rem;bottom:6rem;max-width:none}.bs-hero__arrow{display:flex;top:46%;width:3.6rem;height:4.8rem;background:#ffffff14;color:#ffffffe0;box-shadow:none;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);opacity:.78}.bs-hero__arrow--prev{left:.2rem}.bs-hero__arrow--next{right:.2rem}.bs-hero__arrow svg{width:1.5rem;height:1.5rem;stroke-width:2.4}.bs-hero__arrow:hover{background:#ffffff29;opacity:1}.bs-hero__dots{left:2.4rem;bottom:2.4rem}}@media(prefers-reduced-motion:reduce){.bs-hero__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bs-hero-slider.css.map */