@charset "UTF-8";.dl-common__section.dl-top_personalize3{padding:calc(var(--sectionMargin) * .25) 0}.dl-common__section.dl-top_personalize3 .dl-common__section__wrap{position:relative;z-index:10;padding:0}.dl-common__section .dl-top_personalize3__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;width:100%}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__wrap{background-color:var(--Base2);display:block}}.dl-common__section .dl-top_personalize3__image{position:relative;flex:1}.dl-common__section .dl-top_personalize3__image:before{content:"";position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;z-index:1;background-color:#222;opacity:0}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__image:before{opacity:.4}}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__image{width:100%}}.dl-common__section .dl-top_personalize3__image .splide__track{height:100%}.dl-common__section .dl-top_personalize3__image .splide__pagination{padding:0;position:absolute;bottom:1rem;left:0;width:100%;text-align:center}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__image .splide__pagination{text-align:center;padding:0}}.dl-common__section .dl-top_personalize3__image .splide__pagination li{display:inline-block;line-height:1;list-style-type:none;pointer-events:auto;margin:0}.dl-common__section .dl-top_personalize3__image .splide__pagination__page{border:0;border-radius:0%;display:inline-block;margin:0;opacity:1;padding:1.5rem;position:relative;transition:none;height:auto;width:auto;background-color:transparent;transform:none;z-index:1}@media only screen and (min-width:1000px){.dl-common__section .dl-top_personalize3__image .splide__pagination__page:hover:after{background-color:var(--White);transform:scale(1.5)}}@media only screen and (max-width:1000px){.dl-common__section .dl-top_personalize3__image .splide__pagination__page{width:27px;height:27px}}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__image .splide__pagination__page{width:24px;height:24px}}.dl-common__section .dl-top_personalize3__image .splide__pagination__page.is-active{background-color:transparent;transform:none;z-index:1}.dl-common__section .dl-top_personalize3__image .splide__pagination__page.is-active:after{background-color:var(--White);transform:scale(1.5);opacity:1}.dl-common__section .dl-top_personalize3__image .splide__pagination__page:before{content:"";width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;border:1px solid var(--White);opacity:0;transition:border-color .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_personalize3__image .splide__pagination__page:after{content:"";width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;background-color:var(--White);opacity:.6;transform:scale(1);transform-origin:center center;transition:background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,transform .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_personalize3__image__splide,.dl-common__section .dl-top_personalize3__image__ul{height:100%}.dl-common__section .dl-top_personalize3__image__li{height:100%;transition:opacity 1.2s cubic-bezier(.445,.05,.55,.95) 0ms!important}.dl-common__section .dl-top_personalize3__image__thum{height:100%}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__image__thum{position:relative;display:block}.dl-common__section .dl-top_personalize3__image__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_personalize3__image__thum span:before{content:"";padding-top:66.66%;width:100%;display:block}}.dl-common__section .dl-top_personalize3__image__thum .dl-js-lazy_bgi{height:100%;background-size:cover}.dl-common__section .dl-top_personalize3__textBox{margin-bottom:3%}.dl-common__section .dl-top_personalize3__logo{position:relative;width:17rem;margin-bottom:var(--pow5);margin-left:auto;margin-right:auto}@media only screen and (max-width:1000px){.dl-common__section .dl-top_personalize3__logo{width:13rem}}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__logo{position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate3d(-50%,-50%,0) rotate(0) scale(1);width:12rem;z-index:2}}.dl-common__section .dl-top_personalize3__logo:before{content:"";display:block;width:100%;padding-top:30.58%}.dl-common__section .dl-top_personalize3__logo svg{position:absolute;width:100%;height:100%;top:0;left:0;fill:var(--Text)}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__logo svg{fill:var(--White)}}.dl-common__section .dl-top_personalize3__title{margin-bottom:var(--pow4);text-align:center}.dl-common__section .dl-top_personalize3__title__main{display:block;font-size:var(--pow1);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.125em;line-height:1;color:var(--Text)}.dl-common__section .dl-top_personalize3__lead{margin-bottom:.8em}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__lead{margin-bottom:1em}}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__lead.is-center{text-align:left!important;width:80%;margin-left:auto;margin-right:auto}.dl-common__section .dl-top_personalize3__lead.is-center br{display:none}}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__lead{text-align:left!important;width:80%;margin-left:auto;margin-right:auto}.dl-common__section .dl-top_personalize3__lead br{display:none}}.dl-common__section .dl-top_personalize3__products{padding:10% 5vw 6%;grid-column:span 1;width:50%}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__products{width:100%;padding:6% 0 16%}}.dl-common__section .dl-top_personalize3__products__title{text-align:center}.dl-common__section .dl-top_personalize3__products__title__main{font-size:var(--pow4);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1;display:block;margin-bottom:.5em}.dl-common__section .dl-top_personalize3__products__title__sub{font-size:var(--pow1);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1;display:block}.dl-common__section .dl-top_personalize3__products__image{position:relative;display:block}.dl-common__section .dl-top_personalize3__products__image span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_personalize3__products__image span:before{content:"";padding-top:100%;width:100%;display:block}.dl-common__section .dl-top_personalize3__products__detail{text-align:center;padding-top:10px}.dl-common__section .dl-top_personalize3__products__detail p{transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_personalize3__products__detail__name{font-size:calc(var(--pow0) - 1px);font-weight:var(--fw);font-family:var(--en);letter-spacing:var(--ls);line-height:2;display:block;text-align:center}@media only screen and (max-width:1000px){.dl-common__section .dl-top_personalize3__products__detail__name{font-size:10px}}.dl-common__section .dl-top_personalize3__products__detail__size,.dl-common__section .dl-top_personalize3__products__detail__color{display:none}.dl-common__section .dl-top_personalize3__products .dl-snippets_link{margin-top:var(--pow8)}@media only screen and (max-width:680px){.dl-common__section .dl-top_personalize3__products__splide2{padding:0 5vw}}.dl-common__section .dl-top_personalize3__products__splide2 .dl-top_personalize3__products__li{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;transition:opacity 1.2s cubic-bezier(.445,.05,.55,.95) 0ms!important}.dl-common__section .dl-top_personalize3__products__splide2 .dl-top_personalize3__products__li.is-active{transition:opacity 1.2s cubic-bezier(.445,.05,.55,.95) .8s!important}.dl-common__section .dl-top_personalize3__products__splide2 .dl-top_personalize3__products__li.is-active>div{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/470/assets/section_dl-top_personalize.css.map */