@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.119.woff2) format("woff2");unicode-range:U+3041-307F,U+3081-308F,U+3091-3093,U+3099-309A,U+309D-309E,U+30A1-30E1,U+30E3-30ED,U+30EF-30F0,U+30F2-30F4,U+30FB-30FE}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.54.woff2) format("woff2");unicode-range:U+3094-3096,U+309F-30A0,U+30EE,U+30F7-30FA,U+30FF}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .cate-name{font-size:1.125rem;font-weight:500;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .cate-name{font-size:1rem}}.menu-download-item .title,section.marketing-carousel .slide .content-box .title,.meal-card .title{font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){.menu-download-item .title,section.marketing-carousel .slide .content-box .title,.meal-card .title{font-size:1.125rem}}section.menu .text-box .title-box .title{font-size:2.5rem;font-weight:700;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.menu .text-box .title-box .title{font-size:1.875rem}}section.menu .text-box .title-box .subtitle,section.meals .header .title{font-size:1.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.menu .text-box .title-box .subtitle,section.meals .header .title{font-size:1.625rem}}.common-banner .subtitle{font-size:2.5rem;font-weight:500;line-height:1.4;letter-spacing:2px}@media only screen and (max-width:1200px){.common-banner .subtitle{font-size:1.875rem}}.common-banner .title{font-size:9.375rem;font-weight:700;line-height:1.1}@media only screen and (max-width:1536px){.common-banner .title{font-size:6.375rem}}@media only screen and (max-width:1200px){.common-banner .title{font-size:3.375rem}}.common-banner{position:relative;--themed-opacity: .2}.common-banner[data-theme=dark]{--themed-opacity: .2;color:var(--dark-color)}.common-banner[data-theme=light]{--themed-opacity: .5;color:var(--light-color)}.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 3 + var(--side-space)) 50px;display:flex;flex-direction:column;justify-content:end;height:700px;min-height:700px}.common-banner .container:not(:has(.bg)){--themed-opacity: .2;padding:175px calc(var(--1fr) * 3 + var(--side-space)) 0;height:auto;min-height:initial;color:var(--text-color)}.common-banner .container:not(:has(.bg)) .desc-wrapper{display:flex;align-items:end}.common-banner .container:not(:has(.bg)) .desc{color:var(--paragraph-color)}.common-banner .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.common-banner .bg img{width:100%;height:100%;object-fit:cover}.common-banner .text-box{display:flex;align-items:start;gap:calc(var(--1fr) * 7);width:100%}.common-banner .title-box{padding-left:60px;position:relative;flex:1;display:flex;flex-direction:column;gap:10px;border-left:1px solid rgba(from currentColor r g b/var(--themed-opacity))}.common-banner .title-box:after{position:absolute;top:0;left:-2px;display:block;background:var(--primary-color);width:4px;height:100px;content:""}.common-banner .desc-wrapper{padding:50px 0 10px;flex:1 0 0%;display:none;max-width:520px;align-self:stretch}@media only screen and (max-width:1536px){.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 2 + var(--side-space)) 50px}.common-banner .container:not(:has(.bg)){padding:175px calc(var(--1fr) * 2 + var(--side-space)) 0}}@media only screen and (max-width:1200px){.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 2 + var(--side-space)) 30px;height:520px;min-height:520px}.common-banner .container:not(:has(.bg)){padding:103px calc(var(--1fr) * 2 + var(--side-space)) 0}.common-banner .title-box{padding-left:30px}.common-banner .title-box:after{height:60px}}@media only screen and (max-width:1024px){.common-banner .container{padding:var(--nav-height) var(--side-space) 30px;height:340px;min-height:340px}.common-banner .container:not(:has(.bg)){padding:103px var(--side-space) 0}.common-banner .text-box{gap:calc(var(--1fr) * 2)}}@media only screen and (max-width:767px){.common-banner .text-box{flex-direction:column;align-items:flex-start;gap:50px}.common-banner .title-box{padding-left:0;padding-bottom:30px;width:100%;border-left:none;border-bottom:1px solid rgba(from currentColor r g b/var(--themed-opacity))}.common-banner .title-box:after{top:initial;bottom:-2px;width:100px;height:4px}.common-banner .desc-wrapper{padding:0;width:100%;max-width:initial}}.meal-card{display:flex;flex-direction:column;align-items:center;cursor:pointer}.meal-card .img-box{width:260px;height:100%;aspect-ratio:1/1;transition:width .5s}.meal-card .img-box img{border-radius:50%;width:100%;height:100%;object-fit:cover;overflow:hidden;transition:filter .5s}.meal-card .title{margin-top:30px;text-align:center}.meal-card .more{display:flex;align-items:center;justify-content:center;border-radius:50%;width:0px;height:0px;background:var(--primary-color);color:var(--hover-color);font-size:.625rem;opacity:0;transition:margin-top .5s,width .5s,height .5s,opacity .5s}@media only screen and (min-width:1201px){.meal-card:hover .img-box{width:100%}.meal-card:hover .img-box img{filter:drop-shadow(50px 60px 10px rgba(0,0,0,.06))}.meal-card:hover .more{margin-top:30px;width:30px;height:30px;opacity:1}}@media only screen and (max-width:1200px){.meal-card .title{margin-top:20px;font-size:1rem}}@media only screen and (max-width:575px){.meal-card .img-box{width:100%}}.context-bar:has(.desc){padding:100px calc(var(--1fr) * 3 + var(--side-space)) 0}.context-bar .desc{max-width:520px}@media only screen and (max-width:1536px){.context-bar:has(.desc){padding:100px calc(var(--1fr) * 2 + var(--side-space)) 0}}@media only screen and (max-width:1200px){.context-bar .desc{max-width:initial}}@media only screen and (max-width:1024px){.context-bar:has(.desc){padding:30px var(--side-space)}}.banner-bottom-actions{padding:80px calc(var(--1fr) * 3 + var(--side-space)) 0;display:flex;align-items:center;gap:80px}.banner-bottom-actions .common-button{padding:0 30px;flex-shrink:0;width:180px;min-height:55px}@media only screen and (max-width:1536px){.banner-bottom-actions{padding:80px calc(var(--1fr) * 2 + var(--side-space)) 0}}@media only screen and (max-width:1200px){.banner-bottom-actions{padding:30px calc(var(--1fr) * 2 + var(--side-space)) 0}.banner-bottom-actions .common-button{padding:10px 30px}}@media only screen and (max-width:1024px){.banner-bottom-actions{padding:30px var(--side-space) 0}}@media only screen and (max-width:768px){.banner-bottom-actions{flex-direction:column;align-items:stretch;gap:30px}.banner-bottom-actions .common-button{padding:10px 30px;background:transparent;box-shadow:none;outline:1px solid rgba(from var(--text-color) r g b/20%);width:100%;min-height:initial;color:var(--text-color)}}.menu-multipurpose-wrapper{width:calc(100% - 260px)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:100%;vertical-align:middle}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:transparent;width:20px}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 30px!important}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.start,.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{padding:0 20px}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:var(--primary-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .img-box{transform:rotate(-10deg);background:var(--primary-color)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .cate-name{font-weight:700}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .img-box{transform:rotate(-10deg)}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;width:100px;color:var(--text-color);transition:color .5s}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category[aria-selected=false]{opacity:1}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{display:none}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .img-box{display:flex;align-items:center;justify-content:center;background-color:var(--text-color);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:50px;height:50px;transition:transform .5s,background-color .5s}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .img-box img{width:100%;height:100%;object-fit:contain}@media only screen and (max-width:1200px){.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{align-items:end;gap:10px 20px!important}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.start,.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{padding:0 30px}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .img-box{width:40px;height:40px}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{width:auto;min-width:50px}.menu-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .img-box{width:30px;height:30px}}@media only screen and (max-width:768px){.menu-multipurpose-wrapper{width:100%}}.tab-content{display:flex;flex-direction:column;gap:100px}.tab-content:has(*){padding-top:80px}@media only screen and (max-width:1200px){.tab-content{gap:50px}.tab-content:has(*){padding-top:50px}}section.marketing-carousel .slide-container{position:relative;width:100%;overflow:hidden;touch-action:pan-y}section.marketing-carousel .slide-track{--slide-gap: 50px;--one-set-width: 0px;display:flex;column-gap:var(--slide-gap);width:max-content;height:400px;will-change:transform;animation:marquee var(--marquee-duration, 25s) linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--one-set-width)))}}section.marketing-carousel .slide-track:hover{animation-play-state:paused}section.marketing-carousel .slide-track:has(>:only-child){padding-left:calc(var(--1fr) * 3 + var(--side-space))}section.marketing-carousel .slide{position:relative;flex-shrink:0;display:flex;align-items:end;border-radius:15px;height:100%;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer}section.marketing-carousel .slide[data-type=horizontal]{width:678px}section.marketing-carousel .slide[data-type=vertical]{width:350px}section.marketing-carousel .slide .img-box{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:hidden}section.marketing-carousel .slide .img-box:after{position:absolute;inset:0;display:block;background:linear-gradient(193deg,#0000 57.35%,#0009 93.2%);width:100%;height:100%;opacity:0;transition:opacity .5s;content:""}section.marketing-carousel .slide img{width:100%;height:100%;object-fit:cover;--webkit-user-drag: none;pointer-events:none}section.marketing-carousel .slide .content-box{padding:20px;display:flex;align-items:center;width:100%;color:var(--light-color);opacity:0;transition:opacity .5s}section.marketing-carousel .slide .content-box .title{flex:1}section.marketing-carousel .slide .content-box .more{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-color);width:30px;height:30px;color:var(--hover-color);font-size:.625rem}@media only screen and (min-width:1201px){section.marketing-carousel .slide:hover .img-box:after{opacity:1}section.marketing-carousel .slide:hover .content-box{opacity:1}}@media only screen and (max-width:1536px){section.marketing-carousel .slide-track:has(>:only-child){padding-left:calc(var(--1fr) * 2 + var(--side-space))}}@media only screen and (max-width:1200px){section.marketing-carousel .slide .img-box:after{opacity:1}section.marketing-carousel .slide .content-box{opacity:1}section.marketing-carousel .slide .content-box .more{display:none}section.marketing-carousel .slide .content-box .title{font-size:1.125rem}}@media only screen and (max-width:1024px){section.marketing-carousel .slide-track{--slide-gap: 20px}section.marketing-carousel .slide-track:has(>:only-child){padding-left:var(--side-space)}section.marketing-carousel .slide .content-box{padding:15px}}@media only screen and (max-width:767px){section.marketing-carousel .slide-container{padding-left:0;cursor:grab}section.marketing-carousel .slide-container .slide{cursor:grab}section.marketing-carousel .slide-container.active{cursor:grabbing}section.marketing-carousel .slide-container.active .slide{cursor:grabbing}section.marketing-carousel .slide-track{animation:none;height:53.3333333333vw}section.marketing-carousel .slide-track:has(>:only-child){padding-left:0;justify-content:center;width:100%}section.marketing-carousel .slide[data-type=horizontal]{width:89.3333333333vw}section.marketing-carousel .slide[data-type=vertical]{width:46.1333333333vw}section.marketing-carousel .slide .content-box .title{font-size:.75rem}}section.meals>.container{grid-column:7/-7;display:flex;flex-direction:column;gap:80px}section.meals .header{display:flex;flex-direction:column;align-items:flex-start;gap:50px}section.meals .header .decoration-img{width:80px;height:80px}section.meals .header .decoration-img img{width:100%;height:100%;object-fit:contain}section.meals .header .title-box{display:flex;flex-direction:column;gap:20px}section.meals .meal-wrapper{display:grid;grid-template-columns:repeat(4,300px);align-items:center;justify-content:space-between;row-gap:80px}section.meals .meal-card{justify-content:center}section.meals .meal-card .img-box{width:80%;aspect-ratio:1/1}section.meals .meal-card .img-box img{border-radius:15px}@media only screen and (min-width:1201px){section.meals .meal-card:hover .img-box{width:100%}}@media only screen and (max-width:1680px){section.meals>.container{grid-column:5/-5}section.meals .meal-wrapper{grid-template-columns:repeat(3,300px)}}@media only screen and (max-width:1536px){section.meals>.container{grid-column:4/-4}}@media only screen and (max-width:1200px){section.meals>.container{gap:30px}section.meals .header{gap:30px}section.meals .header .decoration-img{width:50px;height:50px}section.meals .header .title-box{gap:10px}section.meals .meal-wrapper{row-gap:40px}}@media only screen and (max-width:1024px){section.meals>.container{grid-column:2/-2}section.meals .meal-wrapper{grid-template-columns:repeat(3,minmax(160px,1fr));gap:40px 15px}section.meals .meal-card .img-box img{border-radius:7.5px}}@media only screen and (max-width:767px){section.meals .meal-wrapper{grid-template-columns:repeat(2,minmax(160px,1fr))}section.meals .meal-card .img-box{width:75%}}section.menu>.container{position:relative;padding:150px calc(var(--1fr) * 3 + var(--side-space)) 200px 0;display:flex;align-items:center;gap:calc(var(--1fr) * 4)}section.menu>.container>.decoration-img{position:absolute;top:102px;right:calc(var(--1fr) * 3 + var(--side-space));width:160px;height:160px}section.menu>.container>.decoration-img img{width:100%;height:100%;object-fit:cover}section.menu .img-box{flex-shrink:0;width:calc(var(--1fr) * 21);aspect-ratio:1/1;border-radius:0 15px 15px 0;overflow:hidden}section.menu .img-box img{width:100%;height:100%;object-fit:cover}section.menu .content-box{padding:150px 0;flex:1;display:flex;flex-direction:column;gap:80px}section.menu .text-box{display:flex;flex-direction:column;align-items:flex-start;gap:20px}section.menu .text-box .title-box{display:flex;align-items:center;flex-wrap:wrap;gap:20px}section.menu .text-box .desc{max-width:600px}@media only screen and (max-width:1536px){section.menu>.container{padding:150px calc(var(--1fr) * 2 + var(--side-space)) 200px 0;gap:calc(var(--1fr) * 2)}section.menu>.container>.decoration-img{right:calc(var(--1fr) * 2 + var(--side-space))}section.menu .content-box{padding:120px 0}}@media only screen and (max-width:1200px){section.menu>.container{padding:80px calc(var(--1fr) * 2 + var(--side-space)) 80px 0}section.menu>.container>.decoration-img{top:30px;right:calc(var(--1fr) * 3 + var(--side-space));width:80px;height:80px}section.menu .content-box{gap:50px}section.menu .text-box{gap:10px}section.menu .text-box .title-box{gap:10px}}@media only screen and (max-width:1024px){section.menu>.container{padding:80px 0;flex-direction:column;align-items:flex-start;gap:30px}section.menu>.container>.decoration-img{display:none}section.menu .img-box{width:94.6666666667%;aspect-ratio:initial;height:355px}section.menu .content-box{padding:0 var(--side-space);gap:50px;width:100%}section.menu .text-box{gap:10px}section.menu .text-box .title-box{gap:10px}}.menu-download-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 50px}@media only screen and (max-width:1200px){.menu-download-wrapper{gap:30px}}@media only screen and (max-width:575px){.menu-download-wrapper{grid-template-columns:repeat(1,1fr)}}.menu-download-item{padding:0 10px 15px;position:relative;display:flex;align-items:center;gap:10px}.menu-download-item:is(a){cursor:pointer}.menu-download-item:before{position:absolute;left:0;bottom:0;display:block;background:var(--secondary-color);width:0;height:2px;transition:width .5s;content:""}.menu-download-item:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background-image:linear-gradient(to right,rgba(from currentColor r g b/20%) 50%,transparent 0%);background-position:bottom;background-size:10px 1px;background-repeat:repeat-x;content:""}.menu-download-item .title{flex:1}.menu-download-item .download{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-color);color:var(--hover-color);width:30px;height:30px;font-size:.9375rem;opacity:0;transition:opacity .5s}@media only screen and (min-width:1201px){.menu-download-item:hover:before{width:100%}.menu-download-item:hover .download{opacity:1}}@media only screen and (max-width:1200px){.menu-download-item .download{background:var(--dark-color);color:var(--light-color);opacity:1}}