.food01-template-05{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;isolation:isolate;overflow-x:hidden;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;left:50%;position:absolute;transform:translateX(-50%) scale(.56);transform-origin:bottom center;transition:all .8s ease;width:100%}.food01-template-05__swiper .swiper-slide-active .imgs{transform:translateX(-50%) translateY(-32px) scale(.84)}.food01-template-05__swiper .imgs img{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{left:-5%;opacity:1;transition:all .4s ease .4s;width:110%}.food01-template-05__swiper .swiper-slide>.text{border-bottom:1px solid #fff;color:#000;display:inline-block;font-size:36px;font-weight:900;line-height:46px;max-width:100%;opacity:0;overflow:visible;padding:670px 10px 16px;transition:all .8s ease;white-space:normal;width:fit-content;word-break:break-word}.food01-template-05__swiper .memo{color:#757575;display:block;display:-webkit-box;font-family:"Noto Serif TC";font-size:16px;font-weight:900;-webkit-line-clamp:2;opacity:0;overflow:hidden;padding-bottom:40px;padding-top:20px;text-overflow:ellipsis;transition:all .8s ease;-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:0;position:absolute;transform:translateX(-50%);width:45vw;z-index:10}.food01-template-05__swiper-bottom .icon-left,.food01-template-05__swiper-bottom .icon-right{bottom:40px;cursor:pointer;outline:none;position:relative}@media (max-width:1199px){.food01-template-05__swiper .swiper-slide-active .imgs{transform:translateX(-50%) translateY(-28px) scale(.77)}.food01-template-05__swiper .swiper-slide-active .colorbg{left:-2%;width:104%}.food01-template-05__top-title{font-size:20px}.food01-template-05__top-more{font-size:14px}.food01-template-05{display:block;padding:38px 0;position:relative}.food01-template-05__swiper .swiper-slide>.text{font-size:30px;line-height:38px}.food01-template-05__swiper-bottom{font-size:48px;margin-left:0;width:500px}.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 .swiper-slide>.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__top-title{font-size:17px}.food01-template-05__top-more{font-size:12px;gap:10px}.food01-template-05__swiper,.food01-template-05__swiper.swiper-container{overflow:hidden;padding-top:20px}.food01-template-05__swiper .swiper-wrapper{margin-top:16px}.food01-template-05__swiper .imgs{bottom:auto;left:auto;transform:scale(.5);transform-origin:center center}.food01-template-05__swiper .swiper-slide .imgs{position:relative}.food01-template-05__swiper .swiper-slide-active .imgs{transform:translateY(-20px) scale(1);transform-origin:bottom center}.food01-template-05__swiper .swiper-slide{height:auto;width:300px}.food01-template-05__swiper .swiper-slide>.text{display:inline-block;font-size:17px;line-height:26px;max-width:100%;padding:0 0 8px;width:fit-content}.food01-template-05__swiper .memo,.food01-template-05__swiper .swiper-slide>.text{box-sizing:border-box}.food01-template-05__swiper .memo{font-size:13px;margin-left:auto;margin-right:auto;max-width:100%;padding-left:0;padding-right:0;padding-top:4px;width:100%}.food01-template-05__swiper .colorbg{top:19vw}.food01-template-05__swiper .swiper-slide-active .colorbg{left:0;width:100%}.food01-template-05__swiper-bottom{box-sizing:border-box;font-size:30px;left:0;margin-left:0;padding-left:5vw;padding-right:5vw;transform:none;width:100%}.food01-template-05__swiper-bottom .icon-left,.food01-template-05__swiper-bottom .icon-right{bottom:15vw}}@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 .swiper-slide>.text{font-size:15px;line-height:22px}}.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 (max-width:739px){.food01-template-05 .bg.desktop{display:none}}@media (min-width:740px){.food01-template-05 .bg.mobile{display:none}}.food01-template-05__top{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto 40px;position:relative;width:93%;z-index:6}.food01-template-05__top-title{flex:1;font-weight:600;line-height:1.3;min-width:0}.food01-template-05__top-title>.text{display:block}.food01-template-05__top:not(:has(.food01-template-05__top-more)) .food01-template-05__top-title{flex:none;width:100%}.food01-template-05__top-more{align-items:center;display:inline-flex;flex-shrink:0;font-weight:600;gap:18px;text-decoration:none}.food01-template-05__top-more i{font-style:normal;line-height:1}@media (min-width:740px){.food01-template-05__top-title{font-size:28px}.food01-template-05__top-more{font-size:16px}}@media (min-width:1200px){.food01-template-05__top{margin-bottom:0}.food01-template-05__swiper{margin-top:-70px}}@media (max-width:739px){.food01-template-05__top-title{font-size:17px}.food01-template-05__top-more{font-size:12px;gap:10px}.food01-template-05__swiper .swiper-slide .text,.food01-template-05__swiper .swiper-slide>.text,.food01-template-05__swiper-slide>.text{font-size:17px;line-height:26px}.food01-template-05__swiper .swiper-slide .text *,.food01-template-05__swiper .swiper-slide>.text *,.food01-template-05__swiper-slide>.text *{font-size:inherit!important;line-height:inherit!important}}@media (max-width:365px){.food01-template-05__swiper .swiper-slide .text,.food01-template-05__swiper .swiper-slide>.text,.food01-template-05__swiper-slide>.text{font-size:15px;line-height:22px}}