.slide-wrap{width:100%;max-height:496px;padding:34px 20px 0;background:url(/cdn/shop/files/bg_slide.jpg?v=1756787914) no-repeat center;background-size:cover}@media all and (max-width: 1023px){.slide-wrap{max-height:none;padding:20px 10px 0}}.mainVisual{--moveNum: 8px;--clipTime: 1.2s;--transitionTime: 2s;position:relative;z-index:5;padding-bottom:50px;overflow:hidden}@media all and (max-width: 1023px){.mainVisual{padding-bottom:20px}}.fooUl{position:relative;display:flex;max-width:1400px;margin:0 auto;transform-style:preserve-3d;list-style-type:none}.fooUl>li{position:relative;flex-shrink:0;width:100%;will-change:transform}.fooUl>li::marker{display:none}.fooUl>li+li{margin-left:-100%}.fooUl .subList{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}@media all and (max-width: 1023px){.fooUl .subList{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:auto 40%;gap:20px;align-items:normal}.fooUl .subList li:nth-of-type(1){grid-area:1/1/2/2}.fooUl .subList li:nth-of-type(2){grid-area:2/1/3/2}.fooUl .subList li:nth-of-type(3){grid-area:1/2/3/3;aspect-ratio:133/202}}.fooUl .subList li{position:relative;overflow:clip;border-radius:1.6rem;clip-path:inset(100% 0% 0% 0%);line-height:100%}@media all and (max-width: 1023px){.fooUl .subList li{border-radius:.8rem}}.fooUl .subList li img{width:calc(100% + var(--moveNum));max-width:none;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1.6rem;vertical-align:middle}@media all and (max-width: 1023px){.fooUl .subList li img{border-radius:.8rem;height:auto}}.fooUl>li.on img{animation:moveR cubic-bezier(.25,.46,.45,.94) calc(var(--transitionTime) + var(--clipTime));animation-fill-mode:forwards}@keyframes moveR{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--moveNum)))}}.mainVisual.pause .fooUl>li.on img{animation-play-state:paused}.fooUl>li.on .subList li{animation:clipT cubic-bezier(.25,.46,.45,.94) var(--clipTime);animation-fill-mode:forwards}@keyframes clipT{0%{clip-path:inset(100% 0% 0% 0%)}to{clip-path:inset(0%)}}.fooUl>li.on .subList li:nth-of-type(2){animation-delay:calc(var(--clipTime) * .2)}.fooUl>li.on .subList li:nth-of-type(3){animation-delay:calc(var(--clipTime) * .2 + .1s)}@media all and (min-width: 1024px){.fooUl .subList li{width:calc((100% - 4rem - 280px)/2)}.fooUl .subList li:nth-of-type(3){width:280px}}.fooUl .subList li:nth-child(2){margin-top:40px}@media all and (max-width: 1023px){.fooUl .subList li:nth-child(2){margin-top:0}}.fooUl .subList li:nth-child(3){margin-top:5px}@media all and (max-width: 1023px){.fooUl .subList li:nth-child(3){margin-top:20px}}.barBox{position:absolute;bottom:50px;left:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:flex-end}@media all and (max-width: 1023px){.barBox{bottom:4px;left:auto;right:0}}.barBox .play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin-right:.8rem;background-color:#fff;border:.2rem solid #e9e9e9;border-radius:50%}@media all and (max-width: 1023px){.barBox .play{margin-right:.4rem}}.barBox .play a{line-height:0}.barBox .play .start{display:none}.barBox .play img{width:.8rem}.barBox .play.on{background:#fff}.barBox .play.on .stop{display:none}.barBox .play.on .start{display:block}.dots{z-index:6;display:flex;width:8.4rem;padding:.7rem .5rem;margin:0;background-color:#fff;border:.2rem solid #e9e9e9;border-radius:3.2rem}@media all and (max-width: 1023px){.dots{width:6.4rem}}.dots li{position:relative;width:10px;height:10px;margin:0 .3rem;overflow:hidden;cursor:pointer;background-color:#95a1bb;border-radius:5px;transition:all linear .3s}@media all and (max-width: 1023px){.dots li{width:8px;height:8px;margin:0 .1rem;border-radius:4px}}.dots li:before{position:absolute;top:0;left:0;width:0%;height:100%;content:"";background:#333;border-radius:5px}.dots li.on{width:4rem;border-radius:5px}.dots li.on:before{width:100%;transition:all linear 2s;animation:linegrow linear var(--transitionTime);animation-fill-mode:forwards}@keyframes linegrow{0%{width:0%}to{width:100%}}.mainVisual.pause .dots li.on:before{animation-play-state:paused}.text-slider{position:absolute;bottom:50px;display:flex;align-items:center;width:100%;height:200px;overflow:hidden;mix-blend-mode:screen;opacity:.8}@media all and (max-width: 1023px){.text-slider{bottom:-35px}}.text-slider-block{display:flex;gap:10px;animation:loop-slide 150s infinite linear .1s both}@media all and (max-width: 1023px){.text-slider-block{animation-duration:100s}.text-slider-block img{width:400px;height:auto}}@keyframes loop-slide{0%{transform:translate(0)}to{transform:translate(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */