.dl-common__section.dl-top_intro{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100vh;will-change:transform;z-index:0;width:100%;height:100svh;position:sticky;bottom:0;left:0;overflow:hidden}.dl-common__section.dl-top_intro+section{z-index:1;position:relative}.dl-common__section.dl-top_intro:before{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;--s: 0px;--g: 6px;--n: min(var(--g), calc(var(--s) + var(--g) * (var(--progress) * 1)));--s2: 0;--g2: .5;--n2: min(var(--g2), calc(var(--s2) + var(--g2) * (var(--progress) * 1)));width:150%;height:150%;-webkit-backdrop-filter:blur(var(--n));backdrop-filter:blur(var(--n));-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,var(--n2));will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section.dl-top_intro .dl-common__section__wrap{--s: 0%;--g: 50%;--n: min(var(--g), calc(var(--s) + var(--g) * (var(--progress) * .5)));-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;max-width:100%;height:100%;-webkit-transform:translate3d(0,var(--n),0);transform:translate3d(0,var(--n),0);will-change:transform;margin:0;padding:0}.dl-common__section .dl-top_intro__wrap{z-index:1;width:100%;height:100%;position:relative}.dl-common__section .dl-top_intro__slide{z-index:0;height:100%;position:relative}.dl-common__section .dl-top_intro__slide .dl-js-slide{height:100%}.dl-common__section .dl-top_intro__slide .dl-js-slide__ul:before{display:none}.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl{z-index:2000;width:40rem;max-width:100vw;padding:0 5vw;display:block;position:absolute;bottom:3.5rem;left:0}.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl__wrap{width:100%;display:block}.dl-common__section .dl-top_intro__slide .dl-js-slide__arrow{display:none}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:2px;width:100%;margin:0;display:flex;position:relative}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li{flex:1;width:auto;margin:0;display:block;position:relative;overflow:hidden}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li.is-active button:after{opacity:1;width:100%;transition:width 5s,opacity}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button{opacity:1;border-radius:0;width:100%;max-width:100%;height:3rem;margin:0;padding:0;display:block}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:before{opacity:.3;will-change:opacity;z-index:0;width:100%;transition:opacity .4s}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:after,.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:before{background-color:var(--White);content:"";border:none;border-radius:0;height:.7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:after{opacity:1;will-change:opacity,width;width:0;transition:opacity .2s,width 0s .2s}.dl-common__section .dl-top_intro__ul{height:100%}.dl-common__section .dl-top_intro__li{opacity:1;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity 2s cubic-bezier(.445,.05,.55,.95) .6s;transform:translateZ(0)}.dl-common__section .dl-top_intro__li.is-active{opacity:1;z-index:100;transition:opacity 2s cubic-bezier(.445,.05,.55,.95);position:relative}.dl-common__section .dl-top_intro__li.is-active .dl-top_intro__textBox{opacity:1;transition:opacity .8s cubic-bezier(.445,.05,.55,.95) 1s,transform .8s cubic-bezier(.445,.05,.55,.95) 1s;transform:translateZ(0)}.dl-common__section .dl-top_intro__li__wrap{width:100%;height:100%;position:relative}.dl-common__section .dl-top_intro__image{height:100%}.dl-common__section .dl-top_intro__image:a{cursor:pointer}.dl-common__section .dl-top_intro__image span{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.dl-common__section .dl-top_intro__textBox{cursor:pointer;opacity:0;will-change:opacity,transform;-webkit-font-smoothing:antialiased;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:2rem;width:-moz-fit-content;width:fit-content;padding-bottom:1.4rem;transition:opacity .8s cubic-bezier(.445,.05,.55,.95),transform .8s cubic-bezier(.445,.05,.55,.95);display:flex;position:absolute;bottom:7.5rem;left:5vw;overflow:hidden;transform:translateY(3px)}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv{will-change:opacity;transition:opacity .4s cubic-bezier(.445,.05,.55,.95)}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__wrap{color:var(--White);font-family:var(--en-min);font-size:var(--pow2);font-weight:var(--fwn);letter-spacing:var(--ls);text-shadow:1px 1px 8px #0003;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.7em;width:100%;line-height:1;display:flex}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__main{display:block}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__sub{font-family:var(--en);font-size:var(--fzs);font-weight:var(--fwn);letter-spacing:var(--ls);opacity:.6;margin-top:1em;padding-right:2em;line-height:1;display:block;position:relative}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__sub svg{aspect-ratio:1;width:1.5em;fill:var(--White);display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a{color:var(--White);text-shadow:1px 1px 4px #0003}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a:before{background-color:var(--White);box-shadow:1px 1px 4px #0003}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a svg{fill:var(--White)}.dl-common__section .dl-top_intro__scroll{color:var(--Border);font-family:var(--ff);font-size:10px;font-weight:var(--fwn);letter-spacing:.12em;transform-origin:100% 100%;z-index:100;padding-bottom:2em;padding-right:7em;line-height:1;position:absolute;bottom:0;right:9vw;overflow:hidden;transform:translateY(100%) rotate(90deg) scale(1)}.dl-common__section .dl-top_intro__scroll:before{background-color:var(--Border);content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0}.dl-common__section .dl-top_intro__scroll:after{background-color:var(--Text);content:"";opacity:.6;z-index:10;width:2em;height:1px;animation:2s ease-in-out infinite scroll;display:block;position:absolute;bottom:0;left:0}@keyframes scroll{0%{transform:translate(-100%)}to{transform:translate(1000%)}}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:hover:before{background-color:var(--White);opacity:.8;width:100%;height:.7px}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:hover:after{background-color:var(--White);height:.7px}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv:hover{opacity:.5}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl{bottom:2.5rem}.dl-common__section .dl-top_intro__textBox{bottom:6rem}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__wrap{font-size:var(--pow2);gap:.6em}.dl-common__section .dl-top_intro__scroll{padding-bottom:1em;padding-right:6em}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section_dl-top_intro.css.map */