@import url('https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@1;100;200;300;400;500;600;700;800;900;1000&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');h1,h2,h3,h5{font-family:'Zen Kaku Gothic New',sans-serif}h4{font-family:'Ysabeau SC',sans-serif}body{font-family:'Zen Kaku Gothic New',sans-serif}.loopSlide{position:relative;display:flex;width:100vw;overflow:hidden}.loopSlide ul{padding:0;width:125vw;display:flex;flex-shrink:0}.loopSlide ul:first-child{animation:slide1 60s -30s linear infinite}.loopSlide ul:last-child{animation:slide2 60s linear infinite}.loopSlide ul li{display:inline-block;width:100%;min-width:150px;margin-right:20px;list-style:none;text-align:center}.loopSlide ul li img{display:block;width:80%;height:auto}.loopSlide:hover ul{animation-play-state:paused}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.loopSlide ul li{position:relative}.loopSlide ul li img{width:100%;transition:opacity 0.3s}.loopSlide ul li:hover img{opacity:0.5}.loopSlide ul li .product-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.3s;color:#000;font-size:2vw;white-space:nowrap}.loopSlide ul li:hover .product-name{opacity:1}@media screen and (max-width:600px){.loopSlide{display:block;width:100%}.loopSlide ul{flex-direction:column;width:80%;margin-left:auto;margin-right:auto;animation:none!important}.loopSlide ul:nth-child(2){display:none}.loopSlide ul li{margin-bottom:20px}.loopSlide ul li .product-name{font-size:5vw}.loopSlide ul li img{width:100%;margin-left:auto;margin-right:auto}}