.food01-template-05{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;isolation:isolate;padding:50px 0 150px;position:relative}.food01-template-05__swiper .swiper-slide{height:800px;position:relative;text-align:center;width:570px}.food01-template-05__swiper .imgs{bottom:180px;display:block;position:absolute;transform:scale(.8);transform-origin:bottom center;transition:all .8s ease;width:100%}.food01-template-05__swiper .swiper-slide-active .imgs{transform:scale(1.2)}.food01-template-05__swiper .imgs img{width:100%}.food01-template-05__swiper .imgs .img{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%}.food01-template-05__swiper .imgs .img:before{content:"";display:block;padding-bottom:100%;width:100%}.food01-template-05__swiper .colorbg{height:100%;left:50%;opacity:0;position:absolute;top:200px;transition:all .3s ease;width:0;z-index:-1}.food01-template-05__swiper .swiper-slide-active .colorbg{background-position:50%;background-repeat:no-repeat;background-size:contain;left:-5%;opacity:1;transition:all .4s ease .4s;width:110%}.food01-template-05__swiper .text{border-bottom:1px solid #000;color:#000;display:inline-block;font-size:40px;line-height:40px;line-height:46px;max-width:100%;padding:630px 10px 16px;white-space:nowrap}.food01-template-05__swiper .memo,.food01-template-05__swiper .text{font-weight:900;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:all .8s ease}.food01-template-05__swiper .memo{color:#757575;display:block;display:-webkit-box;font-size:16px;-webkit-line-clamp:2;padding-bottom:40px;padding-top:20px;-webkit-box-orient:vertical}.food01-template-05__swiper .swiper-slide-active .memo,.food01-template-05__swiper .swiper-slide-active .text{opacity:1}.food01-template-05__swiper-bottom{bottom:0;color:gray;display:flex;font-size:58px;justify-content:space-between;left:50%;margin-left:-350px;position:absolute;width:700px;z-index:10}.food01-template-05__swiper-bottom .icon-left,.food01-template-05__swiper-bottom .icon-right{bottom:55px;cursor:pointer;outline:none;position:relative}@media (max-width:1199px){.food01-template-05__swiper .swiper-slide-active .imgs{transform:scale(1.1)}.food01-template-05__swiper .swiper-slide-active .colorbg{left:-2%;width:104%}.food01-template-05{display:block;padding:38px 0 111px;position:relative}.food01-template-05__swiper .text{font-size:30px;line-height:38px}.food01-template-05__swiper-bottom{font-size:48px;margin-left:-275px;width:550px}.food01-template-05__swiper-bottom .icon-left,.food01-template-05__swiper-bottom .icon-right{bottom:7vw}}@media (max-width:1000px){.food01-template-05__swiper .colorbg{top:25vw}.food01-template-05__swiper .swiper-slide{height:600px}.food01-template-05__swiper .imgs{bottom:136px}.food01-template-05__swiper .colorbg{top:14vw}.food01-template-05__swiper .text{font-size:26px;line-height:32px;padding-bottom:10px;padding-top:480px}.food01-template-05__swiper .memo{padding-top:12px}}@media (max-width:650px){.food01-template-05__swiper .swiper-slide-active .imgs{transform:scale(1)}.food01-template-05__swiper .swiper-slide .imgs{bottom:auto;position:relative}.food01-template-05__swiper .swiper-slide{height:auto;width:300px}.food01-template-05__swiper .text{font-size:20px;line-height:28px;max-width:90%;padding-bottom:8px;padding-top:0}.food01-template-05__swiper .memo{font-size:14px;padding-top:4px}.food01-template-05__swiper .colorbg{top:19vw}.food01-template-05__swiper-bottom{font-size:30px;left:0;margin-left:0;padding-left:5vw;padding-right:5vw;width:100%}.food01-template-05__swiper-bottom .icon-left,.food01-template-05__swiper-bottom .icon-right{bottom:12vw}}@media (max-width:400px){.food01-template-05__swiper .swiper-slide{width:260px}.food01-template-05{padding-bottom:50px}}@media (max-width:365px){.food01-template-05__swiper .swiper-slide{width:220px}.food01-template-05__swiper .text{font-size:16px;line-height:20px}}.food01-template-05__swiper .swiper-slide .colorbg.active{left:10%;opacity:1;transition:all .4s ease;width:80%}.food01-template-05 .bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:0) and (max-width:739px){.food01-template-05 .bg.desktop{display:none!important}}@media (min-width:740px){.food01-template-05 .bg.mobile{display:none!important}}