﻿.dl-common__section.dl-top_product{position:relative}.dl-common__section.dl-top_product .dl-common__section__wrap{max-width:100%;padding-bottom:0}.dl-common__section .dl-top_product__wrap{position:relative;z-index:10}.dl-common__section .dl-top_product__inner{position:relative}.dl-common__section .dl-top_product__title{margin-bottom:var(--pow8);width:auto;border-bottom:0px solid var(--Border);position:absolute;left:0;top:50%;display:block;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title{padding-bottom:var(--pow0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-bottom:1px solid var(--Border2);padding-bottom:var(--pow2);position:relative;-webkit-transform:translateY(0%);transform:translateY(0);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}}@media only screen and (max-width: 680px) and (max-width: 680px){.dl-common__section .dl-top_product__title{padding-bottom:var(--pow0)}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title a{font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:var(--ls);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:.5em;text-transform:uppercase;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_product__title a svg{width:1.5em;height:1.5em}}@media only screen and (max-width: 680px) and (min-width: 1000px){.dl-common__section .dl-top_product__title a:hover{opacity:.4}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title [class$=__wrap]{display:block}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title [class$=__sub]{display:block;font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1;color:var(--SubText)}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title [class$=__main]{display:block;font-size:var(--pow1);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.1em;line-height:1;position:relative}}@media only screen and (max-width: 680px) and (max-width: 680px){.dl-common__section .dl-top_product__title [class$=__main]{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.08em;line-height:1}}.dl-common__section .dl-top_product__title a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.5em;text-transform:uppercase;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms;font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.12em;line-height:1;position:relative;padding:.5rem 0;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dl-common__section .dl-top_product__title a svg{width:1.5em;height:1.5em}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_product__title a:hover:before{-webkit-transform:translateX(100%);transform:translate(100%);width:0;-webkit-transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,transform .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms}}.dl-common__section .dl-top_product__title a:before{content:"";display:block;width:100%;height:1px;background-color:var(--SubText);position:absolute;bottom:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(0%);transform:translate(0);-webkit-transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,transform 0ms cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title a:before{display:none}}.dl-common__section .dl-top_product__title__wrap{margin-bottom:var(--pow8);display:block}@media only screen and (max-width: 1000px){.dl-common__section .dl-top_product__title__wrap{margin-bottom:var(--pow4)}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title__wrap{margin-bottom:0}}.dl-common__section .dl-top_product__title__main{display:block;font-size:var(--pow1);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.1em;line-height:1;position:relative}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__title__main{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.08em;line-height:1}}.dl-common__section .dl-top_product__textSlide{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/span 3;align-self:flex-end}@media only screen and (max-width: 1000px){.dl-common__section .dl-top_product__textSlide{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/span 4}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__textSlide{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/span 5}}.dl-common__section .dl-top_product__textSlide__li{margin:0}.dl-common__section .dl-top_product__textSlide__li .dl-top_product__textSlide__wrap{display:block;-webkit-transform:translateY(10px) rotate(0deg) scale(1,1);transform:translateY(10px) rotate(0) scale(1);-webkit-transition:opacity .4s cubic-bezier(.25,.1,.25,1) .2s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) .2s;transition:opacity .4s cubic-bezier(.25,.1,.25,1) .2s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) .2s;transition:opacity .4s cubic-bezier(.25,.1,.25,1) .2s,transform .4s cubic-bezier(.25,.1,.25,1) .2s;transition:opacity .4s cubic-bezier(.25,.1,.25,1) .2s,transform .4s cubic-bezier(.25,.1,.25,1) .2s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) .2s;opacity:0}.dl-common__section .dl-top_product__textSlide__li.is-active .dl-top_product__textSlide__wrap{opacity:1;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateY(0) rotate(0deg) scale(1,1);transform:translateY(0) rotate(0) scale(1)}.dl-common__section .dl-top_product__textSlide__text{margin-bottom:var(--pow4)}.dl-common__section .dl-top_product__textSlide__name{font-size:var(--pow1);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1.5;margin-bottom:var(--pow0);display:block}.dl-common__section .dl-top_product__textSlide__size{display:block;font-size:calc(var(--pow1));font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1;color:var(--SubText)}.dl-common__section .dl-top_product__textSlide__color{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:4px;margin-bottom:var(--pow8)}.dl-common__section .dl-top_product__textSlide__color li{width:10px;height:10px;display:inline-block;border-radius:100%;background-color:#ccc;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--Border)}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__textSlide__color li{width:6px;height:6px}}.dl-common__section .dl-top_product__textSlide__link{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.12em;line-height:1;position:relative;padding:1rem 0;overflow:hidden}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_product__textSlide__link:hover:before{-webkit-transform:translateX(100%);transform:translate(100%);width:0;-webkit-transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width 0ms cubic-bezier(.25,.1,.25,1) .4s,transform .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms}}.dl-common__section .dl-top_product__textSlide__link:before{content:"";display:block;width:100%;height:1px;background-color:var(--SubText);position:absolute;bottom:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(0%);transform:translate(0);-webkit-transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,transform 0ms cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,transform 0ms cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform 0ms cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_product__textSlide .splide__ctrl{margin-top:var(--pow10)}.dl-common__section .dl-top_product__textSlide .splide__arrow{width:var(--pow8);height:var(--pow8);border:1px solid var(--Border);-webkit-transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_product__textSlide .splide__arrow:hover{background-color:var(--Base3)}}.dl-common__section .dl-top_product__textSlide .splide__arrow:last-child{border-left:none}.dl-common__section .dl-top_product__imageSlide{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);gap:2rem}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__imageSlide{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:2rem}}.dl-common__section .dl-top_product__imageSlide .splide__track{-ms-grid-column:4;-ms-grid-column-span:9;grid-column:4/span 9;width:calc(100% + var(--mr));margin-right:calc(var(--mr) * -1)}@media only screen and (max-width: 1000px){.dl-common__section .dl-top_product__imageSlide .splide__track{-ms-grid-column:5;-ms-grid-column-span:8;grid-column:5/span 8}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__imageSlide .splide__track{width:100%}}.dl-common__section .dl-top_product__imageSlide .splide__slide{-ms-flex-item-align:end;align-self:flex-end}.dl-common__section .dl-top_product__imageSlide .splide__ctrl{margin-top:var(--pow10)}.dl-common__section .dl-top_product__imageSlide .splide__arrows{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/span 3;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:end}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__imageSlide .splide__arrows{width:100%}}.dl-common__section .dl-top_product__imageSlide .splide__arrow{width:var(--pow8);height:var(--pow8);border:1px solid var(--Border);-webkit-transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_product__imageSlide .splide__arrow:hover{background-color:var(--Base3)}}.dl-common__section .dl-top_product__imageSlide .splide__arrow:last-child{border-left:none}.dl-common__section .dl-top_product__imageSlide .splide__arrow svg{display:none}.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-move .dl-top_product__imageSlide__image,.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-active .dl-top_product__imageSlide__image,.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-move .dl-top_product__imageSlide__floattext,.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-active .dl-top_product__imageSlide__floattext{opacity:1}.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-move .dl-top_product__imageSlide__floattext:before,.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-active .dl-top_product__imageSlide__floattext:before{width:100%}.dl-common__section .dl-top_product__imageSlide__li a{display:block;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .4s cubic-bezier(.25,.1,.25,1) 0ms,width .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .4s cubic-bezier(.25,.1,.25,1) 0ms,width .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .4s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_product__imageSlide__image{overflow:hidden;position:relative;display:block;-webkit-transition:opacity .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity .4s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_product__imageSlide__image span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_product__imageSlide__image span:before{content:"";padding-top:120%;width:100%;display:block}.dl-common__section .dl-top_product__imageSlide__floattext{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:var(--ls);line-height:var(--lh);opacity:0;color:var(--White);position:absolute;top:var(--pow0);left:var(--pow0);-webkit-transition:opacity .4s cubic-bezier(.25,.1,.25,1) 0ms,visibility .4s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .4s cubic-bezier(.25,.1,.25,1) 0ms,visibility .4s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_product__imageSlide__floattext span.marker{padding:0 5px 6px;background-image:linear-gradient(#fff,#fff);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:4s}.dl-common__section .dl-top_product__imageSlide__li.is-visible.is-active .dl-top_product__imageSlide__floattext span.marker{background-size:100% 1px}.dl-common__section .dl-top_product__imageSlide__textwrap{display:none}.dl-common__section .dl-top_product__imageSlide__text{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;gap:1em;font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1.5;margin-bottom:1em;margin-top:1em}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__imageSlide__text{font-size:11px}}.dl-common__section .dl-top_product__imageSlide__name{display:block}.dl-common__section .dl-top_product__imageSlide__size{display:block;color:var(--SubText)}.dl-common__section .dl-top_product__imageSlide__color{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:4px}.dl-common__section .dl-top_product__imageSlide__color li{width:10px;height:10px;display:inline-block;border-radius:100%;background-color:#ccc;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--Border)}@media only screen and (max-width: 680px){.dl-common__section .dl-top_product__imageSlide__color li{width:6px;height:6px}}
/*# sourceMappingURL=/cdn/shop/t/470/assets/section_dl-top_product.css.map?v=168362516512823592941718621711 */
