.hero{--hero-sp-ratio: 1.7;--hero-gutter: calc(var(--bar-h) * 1);--hero-slide-max-h: 85dvh;position:relative;display:grid;padding:var(--hero-gutter);color:#fff;overflow:hidden}.hero *{box-sizing:border-box}.hero.hero--viewport{min-height:100dvh}.hero.hero--ratio{aspect-ratio:7 / 3}.hero .hero__slide{position:relative;background:transparent;color:inherit}.hero .hero__slide .hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:var(--common-radius)}.hero .hero__slide .hero__media img{z-index:2;mix-blend-mode:lighten}.hero .hero__slide .hero__canvas{z-index:1;opacity:0;transition:opacity .8s}.hero .hero__slide .hero__canvas.is-ready{opacity:1}.hero .hero__slide .hero__parallax{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;will-change:transform;transform:translateZ(0)}.hero .hero__slide .hero__media img,.hero .hero__slide .hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero .hero__slide>.hero__content{position:absolute;top:0;left:0;z-index:2;display:flex;width:100%;height:100%;padding:2em;filter:drop-shadow(0 0 .25rem rgba(0,0,0,.2))}.hero .hero__slide>.hero__content .hero__box{display:flex;flex-direction:column;color:rgb(var(--color-foreground))}.hero .hero__slide>.hero__content .hero__box .hero__tags{display:flex;flex-wrap:wrap;gap:.5em;margin:0;padding:0;list-style:none}.hero .hero__slide>.hero__content .hero__box .hero__tags li{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:.25em;padding:.5em .75em;line-height:var(--lh100)}.hero .hero__slide>.hero__content .hero__box .hero__heading{margin:0;line-height:var(--lh125);color:currentColor;filter:drop-shadow(0 0 .2em rgba(0,0,0,.2))}.hero .hero__slide>.hero__content .hero__box .hero__sub{margin:0}.hero .hero__slide>.hero__content .hero__box .hero__sub br{display:none}.hero .hero__slide>.hero__content .hero__box .hero__text{margin:0}.hero .hero__slide>.hero__content .hero__box .hero__buttons{display:flex;flex-wrap:wrap;gap:.5em}.hero .hero__slide>.hero__content .hero__box .hero__buttons .button{--btn-edge: rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.8em}.hero .hero__slide>.hero__content .hero__box .hero__buttons .button:hover{--btn-edge: rgb(var(--color-button-text));background:rgb(var(--color-button-text));color:rgb(var(--color-button))}.hero .hero__slide>.hero__content .hero__box .hero__buttons .button.hero__button--border{--btn-edge: currentColor;background:transparent;color:rgb(var(--color-foreground))}.hero .hero__slide>.hero__content .hero__box .hero__buttons .button.hero__button--border:hover{--btn-edge: rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:749px){.hero .hero__slide>.hero__content .hero__box .hero__buttons .button.hero__button--border{gap:.5em;padding:.5em 1em}}@media screen and (max-width:1024px){.hero{padding:0}.hero.hero--viewport,.hero.hero--ratio{min-height:0;height:calc(100vw * var(--hero-sp-ratio));aspect-ratio:auto}@media screen and (min-width:750px){.hero.hero--viewport,.hero.hero--ratio{height:auto;width:100%;aspect-ratio:1 / 1;max-height:85dvh}}.hero .hero__slide>.hero__content .hero__box .hero__sub br{display:revert}.hero .hero__slide>.hero__content .hero__box .hero__sub{line-height:var(--lh150);margin:.5em 0}}html.no-hero-fx .hero .hero__slide>.hero__content{filter:none}html.no-hero-fx .hero .hero__slide>.hero__content .hero__heading{filter:none}.hero .hero__slide--banner picture{grid-area:1 / 1;display:block;width:100%;height:100%}.hero .hero__slide--banner img{width:100%;height:100%;object-fit:cover}.hero__content--top-left{align-items:flex-start;justify-content:flex-start}.hero__content--top-center{align-items:flex-start;justify-content:center}.hero__content--top-right{align-items:flex-start;justify-content:flex-end}.hero__content--middle-left{align-items:center;justify-content:flex-start}.hero__content--middle-center{align-items:center;justify-content:center}.hero__content--middle-right{align-items:center;justify-content:flex-end}.hero__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero__content--bottom-center{align-items:flex-end;justify-content:center}.hero__content--bottom-right{align-items:flex-end;justify-content:flex-end}.hero--slider{padding-block-start:0}.hero--slider>.swiper{grid-area:1 / 1;position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--common-radius)}.hero--slider>.swiper>.swiper-wrapper{position:relative;width:100%;height:100%;display:block}.hero--slider>.swiper .swiper-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility 0s linear .8s}.hero--slider>.swiper .swiper-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transition:opacity .8s ease,visibility 0s linear 0s}.hero--slider.anim-sweep>.swiper .swiper-slide{transition:none}.hero--slider .hero__nav{--icon-width: 4rem;--icon-inline: var(--gutter);--icon-inset: calc(var(--gutter) * .25);position:absolute;right:calc(var(--icon-inline) + var(--icon-inset));bottom:var(--icon-inset);transform:translateY(-50%);z-index:4;display:flex}.hero--slider .hero__arrow{display:flex;align-items:center;justify-content:center;width:var(--icon-width);height:var(--icon-width);aspect-ratio:1 / 1;border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer;opacity:1;transition:opacity .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;color:rgb(var(--color-button-text))}.hero--slider .hero__arrow svg{width:100%;height:100%;display:block}.hero--slider .hero__arrow svg path{stroke:currentColor;stroke-width:.5}.hero--slider .hero__arrow:hover{background:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.hero--slider>.swiper .swiper-slide{transition:none}}@media screen and (max-width:1024px){.hero.hero--slider{--hero-slide-h: calc(100vw * var(--hero-sp-ratio));height:auto;max-height:none;aspect-ratio:auto;grid-template-rows:var(--hero-slide-h) auto}.hero.hero--slider>.swiper{grid-row:1}.hero.hero--slider .hero__nav{--icon-width: 2.5rem;grid-row:2;position:static;transform:none;justify-self:center;width:var(--hero-slide-w, 100%);justify-content:center;padding:calc(var(--gutter) * .5) var(--gutter)}.hero.hero--slider .hero__arrow{color:rgb(var(--theme-typo))}.hero.hero--slider .hero__arrow:hover{background:none}@media(hover:hover){.hero.hero--slider .hero__arrow:hover{background:rgb(var(--theme-typo));color:rgb(var(--theme-body))}}@media screen and (min-width:750px){.hero.hero--slider{--hero-slide-h: min(calc(var(--inner) * var(--hero-sp-ratio)), var(--hero-slide-max-h));--hero-slide-w: calc(var(--hero-slide-h) / var(--hero-sp-ratio))}.hero.hero--slider>.swiper{width:var(--hero-slide-w);margin-inline:auto}}}.section-hero{position:relative;--hero-gutter: calc(var(--bar-h) * 1)}.hero__notices{box-sizing:border-box;--hero-notice-img-basis: 40%;--hero-notice-padding: .5em;--hero-dot-width: .75em;width:var(--hero-notice-w);padding:var(--hero-notice-padding);color:rgb(var(--theme-typo))}.hero__notices *{box-sizing:border-box}.hero__notices.img-medium{--hero-notice-img-basis: 30%}.hero__notices.img-small{--hero-notice-img-basis: 22%}.hero__notices>.swiper{overflow:hidden}.hero__notices .swiper-wrapper{display:flex;box-sizing:content-box}.hero__notices .swiper-slide{flex-shrink:0;width:100%;max-width:100%;height:auto}.hero__notices .hero__notice-dots.swiper-pagination-bullets{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;bottom:auto;right:.25em;left:auto;width:calc(var(--hero-dot-width) * 2);height:100%;gap:calc(var(--hero-dot-width) * .75);padding-block-end:calc(var(--hero-dot-width) + var(--hero-notice-padding))}.hero__notices .hero__notice-dots.swiper-pagination-bullets .swiper-pagination-bullet{width:var(--hero-dot-width);height:var(--hero-dot-width);border-radius:50%;background:rgb(var(--theme-brand));opacity:.25;cursor:pointer;transition:opacity .3s ease;flex-shrink:0}.hero__notices .hero__notice-dots.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.hero__notices .hero__notice{display:flex;gap:1.5em;align-items:stretch;color:inherit;text-decoration:none;line-height:var(--lh150)}.hero__notices .hero__notice>figure{flex-grow:0;flex-shrink:0;flex-basis:var(--hero-notice-img-basis);margin:0;overflow:hidden;aspect-ratio:1 / 1;background:#bfbbbe;border-radius:calc(var(--common-radius) - .5em)}.hero__notices .hero__notice>figure img{display:block;width:100%;height:100%;object-fit:cover}.hero__notices .hero__notice .hero__notice-body{flex:1;display:grid;place-items:center flex-start;grid-template-rows:1fr auto;padding-block:1em;padding-inline-end:calc(var(--hero-dot-width) + .5em)}.hero__notices .hero__notice .rte{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hero__notices .hero__notice .rte p{margin:0;font-size:1.1em}.hero__notices .hero__notice .hero__notice-check{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:var(--button-radius);border:1px solid var(--edge-color);line-height:var(--lh125)}.hero__notices .hero__notice .hero__notice-check:after{content:"";width:.8em;height:.8em;flex-shrink:0;background:currentColor;mask:var(--btn-arrow) no-repeat center / contain;-webkit-mask:var(--btn-arrow) no-repeat center / contain}@media screen and (min-width:1025px){.section-hero{--hero-notice-w: min(28rem, 27vw);--hero-notice-inset: calc(var(--gutter) * .5);--hero-notice-top: calc(var(--hero-gutter) + var(--hero-notice-inset));--hero-notice-right: calc(var(--hero-gutter) + var(--hero-notice-inset))}.hero__notices{max-width:calc(100% - var(--gutter) * 2);position:absolute;bottom:var(--hero-notice-top);right:var(--hero-notice-right);z-index:3;background:#ffffffe6;box-shadow:0 0 1em rgba(var(--theme-typo),.2);border-radius:var(--common-radius);font-size:.8em}}@media screen and (max-width:1024px){.hero__notices{position:relative;width:auto;max-width:none;margin-block:var(--gutter);margin-inline:var(--inner-start);padding:0;background:none;box-shadow:none;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-hero.css.map */