.dl-common__section.dl-top_category .dl-common__section__wrap{max-width:100%}.dl-common__section .dl-top_category__title{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);margin-bottom:var(--pow6)}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__title{padding-bottom:var(--pow0)}}.dl-common__section .dl-top_category__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_category__title a svg{width:1.5em;height:1.5em}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__title a:hover{opacity:.4}}.dl-common__section .dl-top_category__title [class$=__wrap]{display:block}.dl-common__section .dl-top_category__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)}.dl-common__section .dl-top_category__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){.dl-common__section .dl-top_category__title [class$=__main]{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.08em;line-height:1}}@media only screen and (max-width: 1000px){.dl-common__section .dl-top_category__title{margin-bottom:var(--pow4)}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__title{margin-bottom:2rem}}.dl-common__section .dl-top_category__list__wrap{position:relative}.dl-common__section .dl-top_category__list__ul{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);gap:2rem}.dl-common__section .dl-top_category__list__ul.sa-active li{opacity:1}.dl-common__section .dl-top_category__list__ul li{opacity:0;will-change:opacity;-webkit-transition:opacity .8s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .8s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_category__list__ul li:nth-child(1){-webkit-transition-delay:0ms;transition-delay:0ms}.dl-common__section .dl-top_category__list__ul li:nth-child(2){-webkit-transition-delay:.36s;transition-delay:.36s}.dl-common__section .dl-top_category__list__ul li:nth-child(3){-webkit-transition-delay:.72s;transition-delay:.72s}.dl-common__section .dl-top_category__list__ul li:nth-child(4){-webkit-transition-delay:1.08s;transition-delay:1.08s}.dl-common__section .dl-top_category__list__ul li:nth-child(5){-webkit-transition-delay:1.44s;transition-delay:1.44s}.dl-common__section .dl-top_category__list__ul li:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.dl-common__section .dl-top_category__list__ul li:nth-child(7){-webkit-transition-delay:2.16s;transition-delay:2.16s}.dl-common__section .dl-top_category__list__ul li:nth-child(8){-webkit-transition-delay:2.52s;transition-delay:2.52s}.dl-common__section .dl-top_category__list__ul li:nth-child(9){-webkit-transition-delay:2.88s;transition-delay:2.88s}.dl-common__section .dl-top_category__list__ul li:nth-child(10){-webkit-transition-delay:3.24s;transition-delay:3.24s}.dl-common__section .dl-top_category__list__ul li:nth-child(11){-webkit-transition-delay:3.6s;transition-delay:3.6s}.dl-common__section .dl-top_category__list__ul li:nth-child(12){-webkit-transition-delay:3.96s;transition-delay:3.96s}.dl-common__section .dl-top_category__list__ul li:nth-child(13){-webkit-transition-delay:4.32s;transition-delay:4.32s}.dl-common__section .dl-top_category__list__ul li:nth-child(14){-webkit-transition-delay:4.68s;transition-delay:4.68s}.dl-common__section .dl-top_category__list__ul li:nth-child(15){-webkit-transition-delay:5.04s;transition-delay:5.04s}.dl-common__section .dl-top_category__list__ul li:nth-child(16){-webkit-transition-delay:5.4s;transition-delay:5.4s}.dl-common__section .dl-top_category__list__ul li:nth-child(17){-webkit-transition-delay:5.76s;transition-delay:5.76s}.dl-common__section .dl-top_category__list__ul li:nth-child(18){-webkit-transition-delay:6.12s;transition-delay:6.12s}.dl-common__section .dl-top_category__list__ul li:nth-child(19){-webkit-transition-delay:6.48s;transition-delay:6.48s}.dl-common__section .dl-top_category__list__ul li:nth-child(20){-webkit-transition-delay:6.84s;transition-delay:6.84s}.dl-common__section .dl-top_category__list__li{-ms-grid-column-span:4;grid-column:span 4}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__li{-ms-grid-column-span:12;grid-column:span 12}}.dl-common__section .dl-top_category__list__li:nth-child(1),.dl-common__section .dl-top_category__list__li:nth-child(2){-ms-grid-column-span:6;grid-column:span 6}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__li:nth-child(1),.dl-common__section .dl-top_category__list__li:nth-child(2){-ms-grid-column-span:12;grid-column:span 12}}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum{position:relative;display:block}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list__li:nth-child(1) .dl-top_category__list__thum:after,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:hover:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:hover:after,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:hover:after{opacity:1;letter-spacing:.16em}}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum span,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum span:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum span:before{content:"";padding-top:66.66%;width:100%;display:block}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum{position:relative;display:block}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list__li:nth-child(1) .dl-top_category__list__thum:after,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}}@media only screen and (max-width: 680px) and (min-width: 1000px){.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:hover:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum:hover:after,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum:hover:after{opacity:1;letter-spacing:.16em}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum span,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list__li:nth-child(1) .dl-top_category__list__thum span:before,.dl-common__section .dl-top_category__list__li:nth-child(2) .dl-top_category__list__thum span:before{content:"";padding-top:50%;width:100%;display:block}}.dl-common__section .dl-top_category__list__li a,.dl-common__section .dl-top_category__list__thum{display:block;position:relative}.dl-common__section .dl-top_category__list__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__list__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list__thum:hover:after{opacity:1;letter-spacing:.16em}}.dl-common__section .dl-top_category__list__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list__thum span.pc-view{display:block!important}.dl-common__section .dl-top_category__list__thum span.sp-view{display:none!important}@media screen and (max-width: 680px){.dl-common__section .dl-top_category__list__thum span.pc-view{display:none!important}.dl-common__section .dl-top_category__list__thum span.sp-view{display:block!important}}.dl-common__section .dl-top_category__list__thum span:before{content:"";padding-top:100%;width:100%;display:block}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__thum{position:relative;display:block}.dl-common__section .dl-top_category__list__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}}@media only screen and (max-width: 680px) and (min-width: 1000px){.dl-common__section .dl-top_category__list__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list__thum:hover:after{opacity:1;letter-spacing:.16em}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list__thum span:before{content:"";padding-top:50%;width:100%;display:block}}.dl-common__section .dl-top_category__list__text{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;text-align:center;position:absolute;color:var(--White);top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dl-common__section .dl-top_category__list2__wrap{position:relative}.dl-common__section .dl-top_category__list2__ul{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:2rem}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list2__ul{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.dl-common__section .dl-top_category__list2__li a,.dl-common__section .dl-top_category__list2__thum{display:block;position:relative}.dl-common__section .dl-top_category__list2__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list2__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__list2__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list2__thum:hover:after{opacity:1;letter-spacing:.16em}}.dl-common__section .dl-top_category__list2__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list2__thum span:before{content:"";padding-top:66.66%;width:100%;display:block}.dl-common__section .dl-top_category__list2__text{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;text-align:center;position:absolute;color:var(--White);top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dl-common__section .dl-top_category__list3{display:none}.dl-common__section .dl-top_category__list3__wrap{position:relative}.dl-common__section .dl-top_category__list3__ul{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:2rem}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list3__ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.dl-common__section .dl-top_category__list3__li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:-webkit-box-flex .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:-webkit-box-flex .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:flex .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:flex .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-box-flex .2s cubic-bezier(.25,.1,.25,1) 0ms,-ms-flex .2s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__list3__li:hover{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list3__li{width:100%}}.dl-common__section .dl-top_category__list3__li a,.dl-common__section .dl-top_category__list3__thum{display:block;position:relative}.dl-common__section .dl-top_category__list3__thum:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:#333;opacity:0;-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_category__list3__thum:after{content:attr(data-text);font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;width:100%;text-align:center;display:block;color:var(--White);opacity:0;will-change:opacity;letter-spacing:.3em;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,letter-spacing .2s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width: 1000px){.dl-common__section .dl-top_category__list3__thum:hover:before{opacity:.3}.dl-common__section .dl-top_category__list3__thum:hover:after{opacity:1;letter-spacing:.16em}}.dl-common__section .dl-top_category__list3__thum span{position:relative;z-index:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.dl-common__section .dl-top_category__list3__thum span:before{content:"";padding-top:0%;width:100%;display:block}.dl-common__section .dl-top_category__list3__thum .dl-js-lazy_bgi{height:30vw}.dl-common__section .dl-top_category__list3__text{font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.16em;line-height:1;text-align:center;position:absolute;color:var(--White);top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dl-common__section .dl-top_category__list4{display:none}.dl-common__section .dl-top_category__list4__ul{width:calc(100% - 1px + 2rem);margin-left:-1rem;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}@media only screen and (max-width: 680px){.dl-common__section .dl-top_category__list4__ul{-webkit-column-count:2;-moz-column-count:2;column-count:2}}.dl-common__section .dl-top_category__list4__li{margin-bottom:4rem}.dl-common__section .dl-top_category__list4__text{margin-top:1rem;font-size:var(--pow0);font-weight:var(--fwn);font-family:var(--ff);letter-spacing:var(--ls);line-height:1}
/*# sourceMappingURL=/cdn/shop/t/470/assets/section_dl-top_category.css.map?v=139227882162438522171718621711 */