@charset "UTF-8";.dl-common__section.dl-futo_top_item{background-repeat:repeat;background-position:center center;background-size:400px auto;position:relative}.dl-common__section.dl-futo_top_item:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--ColorBase1Futo);mix-blend-mode:overlay}.dl-common__section.dl-futo_top_item .dl-common__section__wrap{position:relative;z-index:1;padding-top:calc(var(--sectionMargin) * .75)!important;padding-bottom:calc(var(--sectionMargin) * .75)!important;max-width:1200px}@media only screen and (max-width:1000px){.dl-common__section.dl-futo_top_item .dl-common__section__wrap{padding-top:calc(var(--sectionMargin) * .75)!important;padding-bottom:calc(var(--sectionMargin) * .75)!important}}.dl-common__section .dl-futo_top_item__title{text-align:center;color:var(--ColorFuto);margin-bottom:calc(var(--sectionMargin) * .5)}.dl-common__section .dl-futo_top_item__title .title__sub{color:var(--ColorSubFuto);font-family:var(--jp_min)}.dl-common__section .dl-futo_top_item__body .splide__arrows{display:block;position:absolute;height:100%;top:0%;left:50%;z-index:2000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;width:var(--commonWidth);max-width:1200px;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__body .splide__arrows{height:auto;padding-top:calc(90% + 6.9rem);width:105%}}.dl-common__section .dl-futo_top_item__body .splide__arrow{display:block;width:4rem;aspect-ratio:1;position:relative;border-radius:100%;background-color:var(--ColorBase3Futo);cursor:pointer;opacity:1;-webkit-user-select:normal;user-select:normal;pointer-events:initial;outline:none;transition:background-color .4s cubic-bezier(.25,.1,.25,1) 0ms}@media only screen and (min-width:1000px){.dl-common__section .dl-futo_top_item__body .splide__arrow:hover{opacity:1;background-color:#a3a38f4d}}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__body .splide__arrow{width:3.5rem}}.dl-common__section .dl-futo_top_item__body .splide__arrow:before{display:none}.dl-common__section .dl-futo_top_item__body .splide__arrow svg{display:block;position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);fill:var(--ColorFuto)}.dl-common__section .dl-futo_top_item__body .splide__pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:4rem 0 0;width:20rem;margin-left:auto;margin-right:auto;position:relative;bottom:auto;top:0;left:auto;right:auto;gap:2px;display:none}.dl-common__section .dl-futo_top_item__body .splide__pagination li{flex:1}.dl-common__section .dl-futo_top_item__body .splide__pagination__page{width:100%;border-radius:0;transform:scale(1)!important;background-color:transparent!important;border:none!important;outline:none!important;height:2rem;position:relative;overflow:hidden;border-radius:0!important;cursor:pointer!important}@media only screen and (min-width:1000px){.dl-common__section .dl-futo_top_item__body .splide__pagination__page:hover:before{opacity:1}}.dl-common__section .dl-futo_top_item__body .splide__pagination__page.is-active:after{opacity:1;width:100%;transition:width 4s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-futo_top_item__body .splide__pagination__page:before{content:"";width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--ColorSubFuto);border-radius:0!important;opacity:.6;will-change:opacity;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,width 0ms cubic-bezier(.25,.1,.25,1) .2s}.dl-common__section .dl-futo_top_item__body .splide__pagination__page:after{content:"";width:0%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--ColorFuto);border-radius:0!important;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,width 0ms cubic-bezier(.25,.1,.25,1) .2s}.dl-common__section .dl-futo_top_item__item{padding-left:calc(var(--gridWidth) * 1 + var(--gridGap) * 0);padding-right:calc(var(--gridWidth) * 1 + var(--gridGap) * 0)}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_top_item__item{padding-left:calc(var(--gridWidth) * 1 + var(--gridGap) * 1);padding-right:calc(var(--gridWidth) * 1 + var(--gridGap) * 1)}}.dl-common__section .dl-futo_top_item__item__box__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;gap:calc(var(--gridWidth) * 1 + var(--gridGap) * 1)}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_top_item__item__box__wrap{gap:calc(var(--gridWidth) * 1 + var(--gridGap) * 0)}}.dl-common__section .dl-futo_top_item__item__box__imageBox{width:calc(var(--gridWidth) * 4 + var(--gridGap) * 3);max-width:422px}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_top_item__item__box__imageBox{width:calc(var(--gridWidth) * 4 + var(--gridGap) * 4)}}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__imageBox{width:100%;max-width:none}}.dl-common__section .dl-futo_top_item__item__box__imageBox .dl-snippets_item_thumb__imageBox{aspect-ratio:.8}.dl-common__section .dl-futo_top_item__item__box__imageBox .dl-snippets_item_thumb__image__li>span{aspect-ratio:.8!important}.dl-common__section .dl-futo_top_item__item__box__imageBox .dl-snippets_item_thumb__textBox{display:none}.dl-common__section .dl-futo_top_item__item__box__titleLink{display:block}.dl-common__section .dl-futo_top_item__item__box__textBox{flex:1}.dl-common__section .dl-futo_top_item__item__box__textBox .dl-snippets_text,.dl-common__section .dl-futo_top_item__item__box__titleLink{margin-bottom:calc(var(--sectionMargin) * .1)}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__titleLink{text-align:center;margin-bottom:calc(var(--sectionMargin) * .3)}}.dl-common__section .dl-futo_top_item__item__box__titleLink .dl-snippets_itemname span{margin-bottom:.3em;font-size:var(--pow2);display:block;font-family:var(--jp_min)}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box .dl-snippets_link_futo a{margin-left:auto;margin-right:auto}}.dl-common__section .dl-futo_top_item__item__box__links{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--gridGap);margin-top:var(--gridGap)}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;margin-top:calc(var(--sectionMargin) * .3)}}.dl-common__section .dl-futo_top_item__item__box__sozai{margin-top:calc(var(--sectionMargin) * .2);display:block;position:relative;background-color:#ffffff73;box-shadow:1px 1px 4px #1b1b180d;transition:background-color .2s cubic-bezier(.445,.05,.55,.95) 0ms,border-color .2s cubic-bezier(.445,.05,.55,.95) 0ms,filter .2s cubic-bezier(.445,.05,.55,.95) 0ms,box-shadow .2s cubic-bezier(.445,.05,.55,.95) 0ms;border:1px solid hsla(60,50%,45%,.3);display:none}@media only screen and (min-width:1000px){.dl-common__section .dl-futo_top_item__item__box__sozai:hover{border-color:#73732673;box-shadow:1px 1px 4px #1b1b1826}.dl-common__section .dl-futo_top_item__item__box__sozai:hover .dl-futo_material__sub__arrowBox{fill:#848462e6}}.dl-common__section .dl-futo_top_item__item__box__sozai:before{display:block;font-size:calc(var(--pow0) + 0px);font-weight:var(--fwn);font-family:var(--en-min);padding:0 1rem;background-color:var(--ColorSubFuto);color:var(--White)}.dl-common__section .dl-futo_top_item__item__box__sozai__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;padding:1rem;flex-wrap:nowrap}@media only screen and (max-width:1000px){.dl-common__section .dl-futo_top_item__item__box__sozai__wrap{padding:.5rem}}.dl-common__section .dl-futo_top_item__item__box__sozai__imageBox{display:block;width:27.5%;width:20%}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__sozai__imageBox{width:25%}}.dl-common__section .dl-futo_top_item__item__box__sozai__textBox{padding-left:5%;flex:1.5;position:relative;padding-right:3rem}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__sozai__textBox{padding-left:6%}}.dl-common__section .dl-futo_top_item__item__box__sozai__textBox .dl-snippets_text{margin-top:.8em;display:none}.dl-common__section .dl-futo_top_item__item__box__sozai__textBox .dl-snippets_text span{line-height:1.8}.dl-common__section .dl-futo_top_item__item__box__sozai__arrowBox{width:3rem;width:10%;height:100%;position:absolute;bottom:0;right:0;fill:#848462b3;transition:fill .2s cubic-bezier(.445,.05,.55,.95) 0ms}.dl-common__section .dl-futo_top_item__item__box__sozai__arrowBox svg{fill:inherit;position:absolute;top:50%;left:50%;width:66.66%;transform:translate(-50%,-50%);aspect-ratio:1;display:block}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__sozai__arrowBox svg{width:60%}}.dl-common__section .dl-futo_top_item__item__box__sozai__image{position:relative}.dl-common__section .dl-futo_top_item__item__box__sozai__image:before{content:"";position:absolute;border:1px solid hsl(60,32%,89%);border-color:#84846266;width:calc(100% + 2px);height:calc(100% + 2px);box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%);display:block;will-change:opacity;z-index:10;transition:opacity .2s cubic-bezier(.445,.05,.55,.95) 0ms;opacity:0}.dl-common__section .dl-futo_top_item__item__box__sozai__image>span{display:block;width:100%;aspect-ratio:1;background-size:150% auto;position:relative;z-index:1}.dl-common__section .dl-futo_top_item__item__box__sozai__title{transition:opacity .2s cubic-bezier(.445,.05,.55,.95) 0ms;opacity:1}.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;flex-direction:column;gap:.25rem}.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__main{color:var(--ColorFuto);font-size:calc(var(--pow1) - 0px);font-weight:var(--fwn);font-family:var(--jp_min);letter-spacing:.06em;line-height:1.7;-webkit-font-smoothing:antialiased;white-space:nowrap}@media only screen and (max-width:680px){.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__main{font-size:calc(var(--pow1) - 1px);letter-spacing:.1em}}.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__main .arrow{display:inline-block;width:1em;aspect-ratio:1;fill:var(--ColorWhiteFuto);vertical-align:text-bottom;margin-left:.4em;background-color:#848462cc;border-radius:100%;position:relative;top:.05em;border:1px solid hsla(60,15%,45%,.7);display:none}.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__main svg{display:block;width:85%;height:85%;fill:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dl-common__section .dl-futo_top_item__item__box__sozai__title .title__sub{color:var(--ColorSubFuto);font-size:calc(var(--pow0) - 1px);font-weight:var(--fwn);font-family:var(--en);letter-spacing:.06em;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section_dl-futo_top_item.css.map */