/* #book_area */
#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after {transform:scaleY(0);-webkit-transform:scaleY(0)}
#book_area .list_box li .img_box:after {transform-origin:center bottom;-webkit-transform-origin:center bottom}

/* #youtube_box */
#youtube_box a {width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}
html.loading_lock,html.loading_lock body {overflow:hidden !important;height:100%}

/* #site_loading */
#site_loading {position:fixed;z-index:999999;inset:0;width:100%;height:100%;background:#0b0905;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}
#site_loading:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(246,171,0,.09) 0%,rgba(246,171,0,.035) 24%,rgba(0,0,0,0) 55%);pointer-events:none}
#site_loading.is_hide {opacity:0;visibility:hidden;pointer-events:none}
#site_loading .loading_inner {position:relative;width:min(360px,calc(100vw - 60px));text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#site_loading .loading_mark {position:relative;width:90px;height:90px;margin:0 auto 27px;display:flex;align-items:center;justify-content:center}
#site_loading .loading_ring {position:absolute;inset:0;border:1px solid rgba(246,171,0,.16);border-top-color:#f6ab00;border-right-color:rgba(246,171,0,.55);border-radius:50%;animation:loadingRotate 1.7s linear infinite}
#site_loading .loading_ring:after {content:"";position:absolute;width:5px;height:5px;top:7px;right:14px;border-radius:50%;background:#f6ab00;box-shadow:0 0 10px rgba(246,171,0,.75)}
#site_loading .loading_logo {position:relative;z-index:2;width:52px;height:52px;display:block;fill:#f6ab00}
#site_loading .loading_brand {width:100%;color:#fff;font-size:21px;font-weight:500;line-height:1.5;letter-spacing:.2em;text-align:center;padding-left:.2em;white-space:nowrap}
#site_loading .loading_en {width:100%;margin-top:8px;color:#d2b878;font-family:"Times New Roman",serif;font-size:10px;line-height:1.5;letter-spacing:.2em;text-align:center;padding-left:.2em;white-space:nowrap}
#site_loading .loading_line {position:relative;width:150px;height:1px;margin:26px auto 14px;overflow:hidden;background:rgba(255,255,255,.13)}
#site_loading .loading_line_bar {position:absolute;top:0;left:-70%;width:70%;height:100%;background:linear-gradient(90deg,transparent,#8e0c11,#f6ab00,transparent);animation:loadingLine 1.35s ease-in-out infinite}
#site_loading .loading_text {width:100%;color:rgba(255,255,255,.32);font-family:"Montserrat",sans-serif;font-size:9px;font-weight:500;line-height:1;letter-spacing:.5em;text-align:center;padding-left:.5em;animation:loadingText 1.5s ease-in-out infinite}
@keyframes loadingRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes loadingLine{0%{left:-70%}100%{left:105%}}
@keyframes loadingText{0%,100%{opacity:.3}50%{opacity:1}}
header .menu {border-bottom:1px rgba(var(--white-rgb),.2) solid}

/* #openform */
#openform {background:rgba(var(--white-rgb),.3)}
section {margin:0 auto}
section.section_pad {padding:6vw 0}
section>* {z-index:3}
section .title_box {margin-bottom:40px}
section .title_box .area_title {font-weight:600;font-size:45px}
section .title_box .sub_title {font-weight:300;font-size:23px}
.bg_box {width:100%;height:100%;background:no-repeat 50% / cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before {width:100%;height:100%;display:block;background:rgba(var(--primary-rgb),.2);content:""}
.bg_box.white:before {background:rgba(var(--white-rgb),.2)}

/* #wrap */
#wrap:before {content:"";position:absolute;background:url(/images/40/shapimg01.webp);width:120vw;aspect-ratio:3/1;z-index:5;background-size:cover;background-position:50%;left:-10vw;margin-top:-23vw;pointer-events:none}

/* #about_area */
#about_area {background:var(--bg-color);overflow:hidden}
#about_area .about_wrap {display:flex;align-items:center;justify-content:space-between;gap:clamp(45px,5vw,95px);width:min(1600px,90%);transform:translateX(-2vw)}
#about_area .img_box {flex:0 0 62%;min-width:0}
#about_area .steak_img {padding:4% 2% 5% 3%}
#about_area .steak_main {position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}
#about_area .steak_main::before {position:absolute;inset:0;z-index:2;border-radius:inherit;content:"";pointer-events:none}
#about_area .steak_main img {width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:float 5s linear infinite}
#about_area .steak_item {position:absolute;inset:0;z-index:3;pointer-events:none}
#about_area .st_item {position:absolute}
#about_area .st_item img {display:block;width:100%;height:auto}
#about_area .st_item01 {bottom:-6%;left:-18%;width:clamp(100px,24vw,500px)}
#about_area .st_item02 {right:10%;bottom:-20%;width:24vw;transform:rotate(-7deg);animation:float 3s linear infinite;}
#about_area .st_item03 {left:13%;top:4%;width:clamp(70px,32vw,500px);transform-origin:0% 100%;animation:sway2 5s linear infinite}
@keyframes sway2{0%{transform:translateY(0px) rotate(2deg)}50%{transform:translateY(10px) rotate(-2deg)}100%{transform:translateY(0px) rotate(2deg)}}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}
#about_area .info_box {flex:1;display:flex;align-items:flex-start;justify-content:flex-end;min-width:0;padding-right:clamp(10px,2vw,35px)}
#about_area .Vertical_text {order:3;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;margin-left:clamp(15px,2vw,25px);margin-top:50px}
#about_area .Vertical_text .ch_t {margin:0 0 10px;color:var(--text-color);font-size:26px;font-weight:600;letter-spacing:.15em;writing-mode:vertical-rl}
#about_area .Vertical_text .en_t {margin:0 0 32px;color:var(--accent-color);font-size:19px;font-weight:500;line-height:1;letter-spacing:.18em;writing-mode:vertical-rl}
#about_area .ee_icoon {width:48px}
#about_area .ee_icoon img {display:block;width:100%;height:auto}
#about_area .about_content {order:2;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:clamp(30px,3.5vw,20px)}
#about_area .title_box {display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px;flex:0 0 auto}
#about_area .title_box .sub_title,#about_area .title_box .area_title {writing-mode:vertical-rl;text-orientation:upright}
#about_area .title_box .area_title {height:11.5em;display:flex;flex-direction:column}
#about_area .title_box .titlest {font-weight:600;font-size:45px;color:var(--text-color)}
#about_area .title_box .titlest.artext02 {margin-top:2rem}
#about_area .title_box .sub_title {padding-top:9px}
#about_area .article {max-height:390px;writing-mode:vertical-rl;text-orientation:upright;columns:auto;margin-bottom:28%}
#about_area .article p {margin-left:0px;font-weight:500;font-size:18px}
#about_area .about_bottom {position:absolute;right:30%;bottom:-11%;display:flex;align-items:flex-end;gap:clamp(20px,3vw,40px);justify-content:flex-start}
#about_area .Delicious_Words {width:clamp(150px,17vw,500px)}
#about_area .Delicious_Words img {display:block;width:100%;height:auto}
#about_area .Delicious_Words img {animation:aboutWordsFloat 4.2s ease-in-out infinite}
@keyframes aboutWordsFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-.5deg)}}

/* #product_area */
#product_area {position:relative;background:#fbfaf7;padding-bottom:11vw}
#product_area:before {content:"";position:absolute;background:url(/images/40/shapimg02.webp);width:120vw;aspect-ratio:3/1;z-index:5;background-size:cover;background-position:50%;left:-10vw;margin-top:-23vw;pointer-events:none}
#product_area:after {content:"";position:absolute;background:url(/images/40/steak_item02.webp);left:33%;top:-10vw;background-size:cover;z-index:222;width:22vw;aspect-ratio:3/2;transform:rotate(-7deg);animation:float 3s linear infinite}
#product_area .product_wrap {position:relative;width:100%}
#product_area .title_box {position:relative;z-index:10;margin-bottom:clamp(25px,2vw,40px);margin-top:11vw}
#product_area .title_box .sub_title {margin:0 0 6px;font-family:"Times New Roman",serif;font-size:clamp(45px,4.25vw,78px);font-weight:700;line-height:1;letter-spacing:-.025em;color:transparent;background:linear-gradient(110deg,#751411 0%,#a91f1b 18%,#d85d38 35%,#b88955 48%,#c83227 62%,#8f1815 80%,#751411 100%);background-size:300% 300%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:productTitleFluid 7s ease-in-out infinite,productTitleGlow 4.5s ease-in-out infinite}
@keyframes productTitleFluid{0%{background-position:0% 50%}25%{background-position:50% 15%}50%{background-position:100% 50%}75%{background-position:45% 85%}100%{background-position:0% 50%}}
@keyframes productTitleGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
#product_area .title_box .area_title {display:table;position:relative;margin:0 auto;padding-bottom:10px;color:#a4211d;font-size:clamp(20px,1.4vw,28px);font-weight:600;line-height:1.5;letter-spacing:.18em}
#product_area .title_box .area_title::after {position:absolute;right:7%;bottom:0;left:7%;height:2px;background:#a4211d;content:""}
#product_area .product_list-item0 {position:absolute;inset:0;z-index:1;pointer-events:none}
#product_area .product_list-item0 .pro_item {position:absolute;will-change:transform}
#product_area .product_list-item0 .pro_item img {display:block;width:100%;height:auto}
#product_area .podlisimg01 {top:4%;left:6%;width:clamp(160px,14vw,230px)}
#product_area .podlisimg02 {left:17%;bottom:1%;width:clamp(125px,13vw,235px)}
#product_area .podlisimg03 {right:27%;bottom:10%;width:clamp(80px,9vw,100px)}
#product_area .product_slider_box {position:relative;z-index:5;width:100%;padding-top:clamp(25px,2vw,40px)}
#product_area .list_box {position:relative;width:100%;overflow:visible}
#product_area #product_list {margin:0;padding:0}
#product_area #product_list .slick-list {overflow:visible;padding-top:15px !important;padding-bottom:clamp(80px,7vw,100px) !important}
#product_area #product_list .slick-track {display:flex;align-items:flex-end}
#product_area #product_list li {position:relative;width:clamp(470px,35vw,670px);padding:0 clamp(20px,1.5vw,30px);vertical-align:bottom;opacity:.66;transform:scale(.83);transform-origin:center bottom;transition:opacity .75s ease,transform .75s cubic-bezier(.22,.61,.36,1)}
#product_area #product_list li.slick-center {z-index:8;opacity:1;transform:scale(1.05)}
#product_area #product_list li.slick-center .p_imgbox img {transform:scale(1.2)}
#product_area .product_list_top {position:relative;z-index:8;display:flex;align-items:center;justify-content:center;gap:clamp(25px,2vw,42px);width:100%;min-height:85px;margin-bottom:clamp(55px,5vw,90px);text-align:center;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s ease}
#product_area .slick-center .product_list_top {opacity:1;transform:translateY(0);transition-delay:.2s}
#product_area .product_list_top .brace {display:block;color:#302824;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,3.5vw,68px);font-weight:300;line-height:1}
#product_area .product_name_box {min-width:180px;display:flex;flex-direction:column;align-items:center}
#product_area .pro_ch {color:#302824;font-size:clamp(19px,1.35vw,26px);font-weight:600;line-height:1.5;letter-spacing:.1em;text-align:center}
#product_area .pro_en {margin-top:2px;color:#403630;font-family:Georgia,"Times New Roman",serif;font-size: clamp(14px,.9vw,17px);font-weight:600;line-height:1.45;letter-spacing:.02em;text-transform:uppercase}
#product_area .potinfo {position:relative;width:100%}
#product_area .product_list_item {position:relative;width:100%}
#product_area .p_imgbox {position:relative;z-index:5;width:100%;aspect-ratio:1.45/1;transform-origin:center center;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
#product_area .p_imgbox img {display:block;width:100%;height:100%;object-fit:contain}
#product_area .slick-center .p_imgbox {transform:scale(1.13)}
#product_area .slick-center .potinfo:hover .p_imgbox {transform:scale(1.17) translateY(-4px)}
#product_area .p_underimg {position:absolute;inset:0;z-index:4;visibility:hidden;opacity:0;pointer-events:none}
#product_area .slick-center .p_underimg {visibility:visible;opacity:1}
#product_area .p_unimg {position:absolute}
#product_area .p_unimg img {display:block;width:100%;height:auto}
#product_area .p_under_chef {top:-34%;right:-7%;width:clamp(100px,17vw,370px);transform:translate(50px,200px) rotate(14deg);transition:opacity .55s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
#product_area .p_under_word {top:-14%;left:-30%;width:clamp(145px,10vw,190px);opacity:0;transform:translate(-40px,15px);transition:opacity .55s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
#product_area .slick-center .p_under_chef {opacity:1;transform:translate(50px,78px) rotate(14deg);transition-delay:.25s}
#product_area .slick-center .p_under_word {opacity:1;transform:translate(120px,90px) rotate(-25deg);transition-delay:.32s}
#product_area #product_list li:not(.slick-center) .product_list_top {visibility:hidden;opacity:0}
#product_area #product_list li:not(.slick-center) .p_underimg {}
#product_area .atag_item {inset:0;z-index:10}
#product_area .product_arrow_box {position:absolute;top:60%;left:50%;z-index:20;width:min(50vw,900px);height:0;transform:translateX(-50%);pointer-events:none}
#product_area .product_arrow {position:absolute;top:0;width:70px;height:70px;margin:0;padding:0;border:1px solid #c7b7a6;border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer;transform:translateY(-50%);transition:background .35s ease,border-color .35s ease,transform .35s ease;pointer-events:auto}
#product_area .product_prev {left:0}
#product_area .product_next {right:0}
#product_area .product_arrow span {position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:1px solid #9f302b;border-right:1px solid #9f302b}
#product_area .product_prev span {transform:translate(-60%,-50%) rotate(-135deg)}
#product_area .product_next span {transform:translate(-50%,-50%) rotate(45deg)}
#product_area .product_arrow::before {position:absolute;top:50%;left:50%;width:13px;height:1px;background:#9f302b;content:"";transform:translate(-50%,-50%)}
#product_area .product_arrow:hover {border-color:#9f302b;background:#9f302b;transform:translateY(-50%) scale(1.08)}
#product_area .product_arrow:hover::before {background:#fff}
#product_area .product_arrow:hover span {border-color:#fff}
.centerire {display:flex;justify-content:center}

/* #news_area */
#news_area {position:relative;background:#fbfaf7;padding:2vw 0}
#news_area:before {content:"";position:absolute;background:url(/images/40/shapimg04.webp);width:120vw;aspect-ratio:3/1;z-index:5;background-size:cover;background-position:50%;left:-10vw;margin-top:-23vw;pointer-events:none}
#news_area>.workframe {z-index:2;padding:13vw 0vw 7vw}
#news_area .title_box {position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:clamp(38px,4vw,70px);text-align:center}
#news_area .news_title_inner {flex:0 0 auto;display:flex;flex-direction:column;align-items:center}
#news_area .title_box .sub_title {margin:0 0 3px;color:#a62b25;font-size:clamp(14px,.95vw,18px);font-weight:600;line-height:1.5;letter-spacing:.2em}
#news_area .title_box .area_title {color:#292321;font-size:clamp(34px,2.5vw,50px);font-weight:600;line-height:1.25;letter-spacing:.12em;display:flex;align-items:center}
#news_area .title_box .area_title span {color:#a62b25;font-size:clamp(34px,2.5vw,50px)}
#news_area .line_left,#news_area .line_right {position:relative;width:32px;height:38px}
#news_area .line_left::before,#news_area .line_left::after,#news_area .line_right::before,#news_area .line_right::after {position:absolute;width:24px;height:2px;background:#dbb663;content:""}
#news_area .line_left::before {top:9px;right:0;transform:rotate(38deg)}
#news_area .line_left::after {top:23px;right:3px;transform:rotate(38deg)}
#news_area .line_right::before {top:9px;left:0;transform:rotate(-38deg)}
#news_area .line_right::after {top:23px;left:3px;transform:rotate(-38deg)}
#news_area .list_box {position:relative;z-index:5;width:min(100%,1280px);margin:0 auto}
#news_area .news_slider {position:relative}
#news_area .news_slider .slick-list {overflow:hidden}
#news_area .news_group {display:grid !important;grid-template-columns:1fr 1fr;gap:clamp(22px,2vw,34px);align-items:stretch;padding:4px}
#news_area .news_main {min-width:0}
#news_area .news_main .news_item,#news_area .news_main .nw_item_box {height:100%}
#news_area .nw_item_box {position:relative;background:#fff;border:1px solid #e7e0d8;overflow:hidden}
#news_area .news_main .nw_item_box {display:flex;flex-direction:column}
#news_area .news_main .nw_libox {width:100%;aspect-ratio:4/3;overflow:hidden}
#news_area .nw_libox img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
#news_area .nw_item_box:hover .nw_libox img {transform:scale(1.045)}
#news_area .categ_box {position:absolute;top:0;left:20px;z-index:5;min-width:95px;padding:9px 17px;color:#fff;background:#a62924;font-family:"Noto Serif TC",serif;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.12em;text-align:center;transform:translateY(-1px)}
#news_area .news_main .nw_info {display:grid;grid-template-columns:100px 1fr;flex:1;padding:22px 25px 24px}
#news_area .nw_leftbox {position:relative;padding-right:20px;text-align:center}
#news_area .news_main .nw_leftbox::after {position:absolute;top:0;right:0;bottom:0;width:1px;background:#ddd5cd;content:""}
#news_area .nw_year {color:#675c55;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:500;line-height:1.4}
#news_area .nw_mou {margin-top:2px;color:#25201e;font-family:"Times New Roman",serif;font-size:clamp(38px,3vw,54px);line-height:.95}
#news_area .nw_rightbox {min-width:0;padding-left:26px}
#news_area .nw_rightbox .h3 {color:#a52a25;font-size:clamp(18px,1.2vw,23px);font-weight:600;line-height:1.5;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#news_area .nw_indoun {display:-webkit-box;margin-top:7px;overflow:hidden;color:#6e645d;font-size:14px;line-height:1.9;letter-spacing:.04em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#news_area .nw_link {display:inline-flex;align-items:center;gap:9px;margin-top:9px;color:#574e48;font-family:"Noto Serif TC",serif;font-size:13px;line-height:1.5}
#news_area .nw_link i {position:relative;display:block;width:30px;height:1px;background:#70655e;transition:width .35s ease}
#news_area .nw_link i::after {position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid #70655e;border-right:1px solid #70655e;content:"";transform:rotate(45deg)}
#news_area .nw_item_box:hover .nw_link i {width:45px}
#news_area .news_side {display:grid;grid-template-rows:repeat(2,1fr);gap:clamp(18px,1.6vw,26px);min-width:0}
#news_area .news_side .news_item,#news_area .news_side .nw_item_box {height:100%}
#news_area .news_side .nw_item_box {display:grid;grid-template-columns:42% 58%}
#news_area .news_side .nw_libox {width:100%;height:100%;min-height:175px;overflow:hidden;aspect-ratio:4/3}
#news_area .news_side .nw_info {display:block;padding:30px 26px 20px}
#news_area .news_side .nw_leftbox {display:none;}
#news_area .news_side .nw_rightbox {padding:0}
#news_area .news_side .nw_rightbox .h3 {font-size:clamp(17px,1.05vw,21px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#news_area .news_side .nw_indoun {-webkit-line-clamp:2}
#news_area .news_side .categ_box {left:15px;padding:8px 14px}
#news_area .atag_item {inset:0;z-index:10}
#news_area .news_control {position:relative;z-index:8;display:flex;align-items:center;justify-content:center;gap:25px;margin-top:clamp(25px,2.5vw,42px)}
#news_area .news_arrow {position:relative;width:38px;height:38px;padding:0;border:0;background:transparent;cursor:pointer}
#news_area .news_arrow span {position:absolute;top:50%;left:50%;width:11px;height:11px;border-top:2px solid #665c55;border-right:2px solid #665c55;transition:border-color .3s ease}
#news_area .news_prev span {transform:translate(-35%,-50%) rotate(-135deg)}
#news_area .news_next span {transform:translate(-65%,-50%) rotate(45deg)}
#news_area .news_arrow:hover span {border-color:#a62924}
#news_area .news_dots {display:flex;align-items:center;justify-content:center}
#news_area .news_dots .slick-dots {position:static;display:flex;align-items:center;gap:11px;margin:0;padding:0;list-style:none}
#news_area .news_dots .slick-dots li {width:auto;height:auto;margin:0}
#news_area .news_dots .slick-dots button {display:block;width:9px;height:9px;padding:0;border:1px solid #8e837b;border-radius:50%;background:transparent;font-size:0;cursor:pointer;transition:background .3s ease,transform .3s ease}
#news_area .news_dots .slick-dots .slick-active button {border-color:#322b27;background:#322b27;transform:scale(1.15)}
#news_area .slick-dots li button:before {display:none}
#news_area .nw_back_bg {position:absolute;inset:0;z-index:1;pointer-events:none}
#news_area .nw_back_item {position:absolute}
#news_area .nw_back_item img {display:block;width:100%;height:auto}
#news_area .nw_img01 {bottom:29%;right:4%;width:clamp(90px,8vw,100px);animation:float 4s linear infinite}
#news_area .nw_img02 {left:-1%;bottom:7%;width:clamp(130px,16vw,270px);animation:float 3s linear infinite}
#news_area .nw_img03 {top:16%;right:18%;width:clamp(90px,8vw,150px);transform-origin:0% 100%;animation:sway2 4s linear infinite}
#news_area .slick-current .news_main {animation:newsMainIn .75s cubic-bezier(.22,.61,.36,1) both}
#news_area .slick-current .news_side .news_item:first-child {animation:newsSideIn .7s .12s cubic-bezier(.22,.61,.36,1) both}
#news_area .slick-current .news_side .news_item:last-child {animation:newsSideIn .7s .22s cubic-bezier(.22,.61,.36,1) both}
@keyframes newsMainIn{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
@keyframes newsSideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}

/* #book_area */
#book_area .list_box img {height:450px}
#book_area .list_box .img_box {border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:before,#book_area .list_box .img_box:after {position:absolute;width:100%;height:100%;background:var(--white);z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after {right:0;bottom:0}
#book_area .list_box .atag_item {z-index:10}
#book_area .list_box .badge {margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:20px}

/* #youtube_box */
#youtube_box {min-height:1px;padding-bottom:30%}
#youtube_box a {position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i {margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe {position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}

/* #custom_area */
#custom_area {margin:0;padding:5vw 0 3vw}
#custom_area:before {position:absolute;width:100%;height:75%;background:rgba(var(--primary-rgb),.1);display:block;bottom:0;left:0;opacity:.3;content:""}

/* #custom_box */
#custom_box {padding:8vw 0 5vw}
#custom_box li .row {margin:30px 20px;padding:30px;display:block;border-bottom:2px var(--primary) solid}
#custom_box li .row h2 {font-size:20px}
#custom_box li .row article {margin-top:30px;line-height:200%}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}70%{-webkit-box-shadow:0 0 0 20px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent}}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}70%{box-shadow:0 0 0 20px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* #JAdvantages */
#JAdvantages {position:relative;padding:clamp(100px,7vw,140px) 0 clamp(80px,6vw,120px);background:#fbfaf7;padding:10vw 0 4vw}
#JAdvantages:before {content:"";position:absolute;background:url(/images/40/shapimg05.webp);width:120vw;aspect-ratio:3/1;z-index:5;background-size:cover;background-position:50%;left:-10vw;margin-top:-23vw;pointer-events:none}
#JAdvantages .JAVbox {position:relative;z-index:5;display:grid;grid-template-columns:26% 74%;align-items:center;width:min(94%,1760px);margin:100px auto}
#JAdvantages .left_title {position:relative;display:flex;align-items:flex-start;min-width:0;min-height:520px;padding:35px 0 75px 4%}
#JAdvantages .bigtext {display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
#JAdvantages .bigtext .en {color:#9e201d;font-family:"Times New Roman",serif;font-size:clamp(52px,4vw,78px);font-weight:500;line-height:.92;letter-spacing:-.025em;writing-mode:vertical-rl;text-orientation:mixed}
#JAdvantages .bigtext .ch {margin-top:20px;color:#a52a25;font-family:"Noto Serif TC",serif;font-size:clamp(16px,1vw,19px);font-weight:600;line-height:1.5;letter-spacing:.15em;writing-mode:vertical-rl}
#JAdvantages .Vertical_text {position:relative;display:flex;flex-direction:row-reverse;gap:clamp(8px,.7vw,13px);margin-left:clamp(24px,2vw,38px);padding:55px 0 0 26px}
#JAdvantages .Vertical_text::before {position:absolute;top:62px;left:0;width:1px;height:280px;background:#c8aa80;content:""}
#JAdvantages .Vertical_text::after {position:absolute;top:59px;left:-3px;width:7px;height:7px;border:1px solid #c8aa80;border-radius:50%;background:#fff;content:""}
#JAdvantages .Vertical_text p {margin:0;color:#3d342f;font-family:"Noto Serif TC",serif;font-size:clamp(17px,1.15vw,22px);font-weight:500;line-height:1.8;letter-spacing:.12em;writing-mode:vertical-rl;text-orientation:upright}
#JAdvantages .site_btn {position:absolute;left:31%;bottom:0}
#JAdvantages .ja_more a {display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:180px;padding:13px 20px;border:1px solid #b98580;color:#9c3832;font-family:"Noto Serif TC",serif;font-size:14px;letter-spacing:.1em;text-decoration:none;transition:.35s ease}
#JAdvantages .JA_slider_box {position:relative;min-width:0;padding:85px 0 0}
#JAdvantages .JA_slider {position:relative;width:100%;margin:0 -18px}
#JAdvantages .JA_slider .slick-list {padding-top:100px}
#JAdvantages .JA_slider .slick-track {display:flex;align-items:flex-start}
#JAdvantages .JAdvantages_item {height:auto;padding:0 18px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#JAdvantages .JAdvantages_item.slick-current {transform:translate(0px,-100px)}
#JAdvantages .JA_item_inner {position:relative}
#JAdvantages .JAdvantages_img {position:relative;width:100%;aspect-ratio:1.62/1;overflow:hidden;border-radius:24% 18% 23% 17%/19% 25% 18% 26%}
#JAdvantages .JAdvantages_img img {display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
#JAdvantages .JA_item_inner:hover .JAdvantages_img img {transform:scale(1.035)}
#JAdvantages .JAdvantages_info {padding:28px 6% 0;text-align:center}
#JAdvantages .JAtitle {margin:0;color:#a52a25;font-family:"Noto Serif TC",serif;font-size:clamp(19px,1.35vw,25px);font-weight:600;line-height:1.55;letter-spacing:.08em}
#JAdvantages .JAdesc {display:-webkit-box;margin:9px 0 0;overflow:hidden;color:#665b55;font-family:"Noto Serif TC",serif;font-size:clamp(13px,.85vw,16px);line-height:1.8;letter-spacing:.04em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#JAdvantages .masklink {inset:0;z-index:10}
#JAdvantages .text_img {position:absolute;top:50px;right:14%;z-index:10;width:clamp(210px,20vw,360px);pointer-events:none}
#JAdvantages .text_img img {display:block;width:100%;height:auto;animation:JAtextFloat 4.5s ease-in-out infinite}
@keyframes JAtextFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-.5deg)}}
#JAdvantages .JA_control {display:flex;align-items:center;gap:18px;width:49%;margin:0;margin-top:-60px}
#JAdvantages .JA_progress {position:relative;flex:1;height:2px;background:#e4d7ca;overflow:hidden}
#JAdvantages .JA_progress span {position:absolute;top:0;left:0;width:20%;height:100%;background:#a61f1b;transition:width .6s cubic-bezier(.22,.61,.36,1)}
#JAdvantages .JA_arrows {display:flex;gap:10px}
#JAdvantages .JA_arrow {position:relative;width:45px;height:45px;padding:0;border:0;border-radius:50%;background:#bd1818;cursor:pointer;transition:transform .3s ease,background .3s ease}
#JAdvantages .JA_arrow span {position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff}
#JAdvantages .JA_prev span {transform:translate(-35%,-50%) rotate(-135deg)}
#JAdvantages .JA_next span {transform:translate(-65%,-50%) rotate(45deg)}
#JAdvantages .JA_arrow:hover {background:#89110f;transform:scale(1.08)}
#JAdvantages .toplineimg,#JAdvantages .JAdvantages_bg {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#JAdvantages .to_img,#JAdvantages .bo_img {position:absolute}
#JAdvantages .to_img img,#JAdvantages .bo_img img {display:block;width:100%;height:auto}
#JAdvantages .topimg01 {top:0vw;left:-4%;width:73%}
#JAdvantages .topimg02 {top:8vw;left:24%;width:clamp(115px,17vw,570px)}
#JAdvantages .boimg01 {left:-1%;bo;bottom:11%;width:clamp(150px,14vw,260px)}
#JAdvantages .boimg02 {left:0;bottom:3%;width:clamp(95px,9vw,165px)}
#JAdvantages .boimg03 {top:7%;right:-1%;width:clamp(180px,32vw,800px);opacity:.65}
#JAdvantages .boimg04 {bottom:0;right:0%;width:clamp(180px,26vw,500px);opacity:.65;transform:rotate(45deg)}
#JAdvantages .slick-active .JAdvantages_img {animation:JAimageIn .75s cubic-bezier(.22,.61,.36,1) both}
#JAdvantages .slick-active .JAdvantages_info {animation:JAinfoIn .7s .15s cubic-bezier(.22,.61,.36,1) both}
@keyframes JAimageIn{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}
@keyframes JAinfoIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}

/* @media */
@media screen and (max-width:1470px) {
  #about_area .about_wrap { gap: 45px }
  #about_area .img_box { flex-basis: 53% }
  #about_area .about_content { gap: 32px }
  #about_area .Vertical_text { margin-left: 28px }
  #about_area .about_bottom { right: 35% }
  #about_area .article { margin-bottom: 20% }
  #product_area:after{left: 30%;top: -4vw;width: 19vw;}
  #news_area .list_box{width: min(100%, 1160px);}
  #news_area .nw_img02{width: clamp(130px, 13vw, 270px);}
  #news_area .nw_img01{right: 1%;}
}
@media screen and (max-width:1440px) {
  #product_area #product_list li { width: 570px }
  #product_area .product_arrow_box { width: 720px }
  #product_area .p_under_word { left: -25% }
  #product_area .podlisimg02 { left: 13% }
  #JAdvantages .JAVbox { grid-template-columns: 27% 73% }
  #JAdvantages .left_title { min-height: 480px; padding-left: 0 }
  #JAdvantages .Vertical_text { margin-left: 18px; padding-left: 20px }
  #JAdvantages .JA_slider { margin: 0 -12px }
  #JAdvantages .JAdvantages_item { padding: 0 12px }
}
@media screen and (max-width:1199px) {
  #about_area .about_wrap { align-items: center; transform: translateX(0vw) }
  #about_area .img_box { flex-basis: 55% }
  #about_area .info_box { padding-right: 0 }
  #about_area .about_content { gap: 25px }
  #about_area .Vertical_text { margin-left: 20px }
  #about_area .article { max-height: 280px; font-size: 14px }
  #about_area .about_bottom { position: relative; right: auto; bottom: auto; flex-direction: column; align-items: flex-start; margin-top: 35px }
  #product_area #product_list li { width: 510px }
  #product_area .product_arrow_box { width: 640px }
  #product_area .p_under_chef { right: -1% }
  #product_area .p_under_word { left: -19% }
  #product_area .podlisimg01 { left: 1% }
  #product_area .podlisimg02 { left: 7% }
  #product_area .podlisimg03 { right: 5% }
  #news_area .list_box { width: calc(100% - 50px) }
  #news_area .news_group { grid-template-columns: 1fr 1fr }
  #news_area .news_main .nw_info { grid-template-columns: 82px 1fr; padding: 20px }
  #news_area .nw_rightbox { padding-left: 20px }
  #news_area .news_side .nw_info { padding: 25px 20px 18px }
  #JAdvantages .JAVbox { grid-template-columns: 30% 70%; width: 96% }
  #JAdvantages .bigtext .en { font-size: 55px }
  #JAdvantages .Vertical_text { gap: 6px; margin-left: 12px }
  #JAdvantages .Vertical_text p { font-size: 16px }
  #JAdvantages .JAdvantages_info { padding-right: 3%; padding-left: 3% }
  #JAdvantages .JA_control { width: 65% }
}
@media screen and (max-width:991px) {
  #about_area .about_wrap { display: block }
  #about_area .img_box { width: 100%; margin-bottom: 55px }
  #about_area .steak_img { padding: 3% 5% 5% }
  #about_area .info_box { display: grid; grid-template-columns: 1fr auto; align-items: start }
  #about_area .about_content { grid-column: 1; grid-row: 1; justify-content: flex-end }
  #about_area .Vertical_text { grid-column: 2; grid-row: 1 }
  #about_area .about_bottom { grid-column: 1/-1; flex-direction: row; align-items: flex-end; justify-content: flex-end }
  #product_area #product_list li { width: 450px }
  #product_area .product_arrow_box { width: 555px }
  #product_area .podlisimg01 { width: 140px }
  #product_area .podlisimg02 { width: 110px }
  #product_area .podlisimg03 { width: 115px }
  #product_area .p_under_word { left: -12% }
  #news_area .news_group { grid-template-columns: 1.05fr .95fr; gap: 18px }
  #news_area .news_side .nw_item_box { grid-template-columns: 44% 56% }
  #news_area .news_side .nw_libox { min-height: 150px }
  #news_area .news_side .nw_indoun {-webkit-line-clamp: 1;}
  #news_area .nw_img02 { left: -40px }
  #news_area .nw_img03 { right: -35px }
  #JAdvantages .JAVbox { display: block; width: 92% }
  #JAdvantages .left_title { display: block; min-height: auto; margin-bottom: 10px; padding: 0 }
  #JAdvantages .bigtext { display: flex; flex-direction: row; align-items: flex-end }
  #JAdvantages .bigtext .en { writing-mode: horizontal-tb }
  #JAdvantages .bigtext .ch { margin: 0 0 5px 15px; writing-mode: horizontal-tb }
  #JAdvantages .Vertical_text { display: none }
  #JAdvantages .ja_more { right: 0; bottom: 0; left: auto }
  #JAdvantages .JA_slider_box { padding-top: 70px }
  #JAdvantages .text_img { right: 1%; width: 220px }
  #JAdvantages .JA_control { width: 62% }
  #JAdvantages .site_btn { position: relative;left: 24%; }
}
@media screen and (max-width:768px) {
  #site_loading .loading_inner { width: min(300px,calc(100vw - 40px)) }
  #site_loading .loading_mark { width: 80px; height: 80px; margin-bottom: 23px }
  #site_loading .loading_logo { width: 46px; height: 46px }
  #site_loading .loading_brand { font-size: 19px; letter-spacing: .16em; padding-left: .16em }
  #site_loading .loading_en { font-size: 9px; letter-spacing: .16em; padding-left: .16em }
  #site_loading .loading_line { width: 140px; margin-top: 23px }
  #youtube_box { padding-bottom: 60vw }
  #custom_box li .row { margin: 10px 15px; padding: 10px 0 }
}
@media screen and (max-width:767px) {
  #about_area .steak_img { padding: 5% 3% 8% }
  #about_area .steak_main {aspect-ratio: 4/3;/* border-radius: 38% 32% 40% 28%/30% 28% 38% 34%; */}
  #about_area .info_box { display: block }
  #about_area .Vertical_text { display: none }
  #about_area .about_content { display: block }
  #about_area .title_box { display: block; margin-bottom: 25px }
  #about_area .title_box .sub_title,#about_area .title_box .area_title { writing-mode: horizontal-tb; height: auto }
  #about_area .title_box .sub_title { margin-bottom: 5px; padding: 0 }
  #about_area .article { max-height: none; writing-mode: horizontal-tb; line-height: 2; margin-bottom: 30px }
  #about_area .article p {margin: 0;font-size: 16px;}
  #about_area .about_bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 35px }
  #about_area .Delicious_Words { width: 145px }
  .more_btn a { min-width: 170px; gap: 18px; padding-left: 18px }
  #product_area .title_box .sub_title { font-size: clamp(38px,10vw,54px) }
  #product_area .product_slider_box { padding-top: 10px }
  #product_area #product_list .slick-list { overflow: hidden; padding-bottom: 65px !important }
  #product_area #product_list li { width: 100%; padding-right: 45px; padding-left: 45px; opacity: 1; transform: none }
  #product_area #product_list li.slick-center { transform: none }
  #product_area .product_list_top { min-height: 65px; margin-bottom: 45px; gap: 20px }
  #product_area .product_list_top .brace { font-size: 43px }
  #product_area .slick-center .p_imgbox { transform: scale(1.08) }
  #product_area .p_under_chef { top: -26%; right: 0; width: 90px }
  #product_area .p_under_word { top: -10%; left: 0; width: 140px }
  #product_area .product_arrow_box { top: 64%; width: calc(100% - 20px) }
  #product_area .product_arrow { width: 40px; height: 40px }
  #product_area .podlisimg01 { top: 1%; left: -21px; width: 115px }
  #product_area .podlisimg02 { left: -15px; bottom: 3%; width: 90px }
  #product_area .podlisimg03 { right: -20px; bottom: 1%; width: 95px }
  #news_area .list_box { width: 100% }
  #news_area .title_box { gap: 14px; margin-bottom: 35px }
  #news_area .line_left,#news_area .line_right { width: 22px }
  #news_area .news_group { display: block !important; padding: 0 }
  #news_area .news_main { margin-bottom: 16px }
  #news_area .news_main .nw_libox { aspect-ratio: 16/9 }
  #news_area .news_main .nw_info { grid-template-columns: 65px 1fr; padding: 18px }
  #news_area .nw_mou { font-size: 38px }
  #news_area .nw_rightbox { padding-left: 16px }
  #news_area .news_side { display: grid; grid-template-rows: none; gap: 16px }
  #news_area .news_side .nw_item_box { grid-template-columns: 40% 60% }
  #news_area .news_side .nw_libox { min-height: 135px }
  #news_area .news_side .nw_info { padding: 22px 16px 15px }
  #news_area .nw_img01 { top: 4%; left: -35px; width: 105px; opacity: .65 }
  #news_area .nw_img02 { display: none }
  #news_area .nw_img03 { top: 38%; right: -35px; width: 95px; opacity: .5 }
  #JAdvantages { padding: 75px 0 70px }
  #JAdvantages .bigtext { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px }
  #JAdvantages .bigtext .en { font-size: 43px }
  #JAdvantages .bigtext .ch { display: block; margin: 6px 0 0 }
  #JAdvantages .ja_more { display: none }
  #JAdvantages .JA_slider_box { padding-top: 70px }
  #JAdvantages .text_img { width: 180px }
  #JAdvantages .JA_slider { margin: 0 }
  #JAdvantages .JAdvantages_item { padding: 0 5px }
  #JAdvantages .JAdvantages_img { aspect-ratio: 16/10 }
  #JAdvantages .JAdvantages_info { padding-top: 23px }
  #JAdvantages .JA_control { width: 100%; margin-left: 0 }
  #JAdvantages .boimg01 { opacity: .4 }
}
@media screen and (max-width:640px) {
  #book_area .list_box img { height: 65vw }
}
@media screen and (max-width:500px) {
  #about_area .title_box .titlest.artext02,#about_area .title_box .titlest { font-size: 33px; margin-top: 0 }
  #about_area .img_box { margin-bottom: 10px }
  #about_area .st_item01 { width: 65px }
  #about_area .st_item02 {width: 125px;bottom: -6%;right: 2%;}
  #about_area .st_item03 {width: 110px;}
  #about_area .about_bottom { display: flex; flex-direction: column; margin-top: 0 }
  #about_area .Delicious_Words { margin-bottom: 25px; width: 100% }
  #about_area .Delicious_Words img { width: 80%; margin: 0 auto }
  #product_area:after { display: none }
  #product_area .product_wrap { padding: 70px 0 }
  #product_area #product_list li { padding-right: 30px; padding-left: 30px }
  #product_area .product_name_box { min-width: 135px }
  #product_area .product_list_top { gap: 13px; margin-bottom: 70px }
  #product_area .product_list_top .brace { font-size: 37px }
  #product_area .p_under_chef { top: -42%; width: 155px; right: 50px }
  #product_area .p_under_word { width: 115px; top: -36%; left: -30% }
  #product_area .product_arrow_box { width: calc(100% - 8px) }
  #product_area .product_arrow { width: 36px; height: 36px }
  #product_area .product_next { right: 10px }
  #product_area .product_prev { left: 10px }
  #news_area .title_box .area_title { font-size: 31px }
  #news_area .news_main .nw_info { grid-template-columns: 55px 1fr; padding: 16px 14px }
  #news_area .news_main .nw_leftbox { padding-right: 13px }
  #news_area .nw_rightbox { padding-left: 14px }
  #news_area .nw_rightbox .h3 { font-size: 17px }
  #news_area .nw_indoun { font-size: 13px }
  #news_area .news_side .nw_item_box { grid-template-columns: 38% 62% }
  #news_area .news_side .nw_libox { min-height: 120px }
  #news_area .news_side .nw_info { padding: 18px 13px 12px }
  #news_area .news_side .nw_rightbox .h3 { font-size: 15px }
  #news_area .news_side .nw_link { margin-top: 5px }
  #news_area .categ_box { left: 10px; min-width: 78px; padding: 7px 10px; font-size: 12px }
  #news_area .news_control { gap: 17px }
  #news_area>.workframe { padding: 20vw 0vw 7vw }
  #JAdvantages .JAVbox { margin: 100px auto 70px; width: 90% }
  #JAdvantages .bigtext .en { font-size: 36px }
  #JAdvantages .JA_slider_box { padding-top: 60px }
  #JAdvantages .text_img { width: 157px; top: 13px }
  #JAdvantages .JAtitle { font-size: 18px }
  #JAdvantages .JAdesc { font-size: 13px }
  #JAdvantages .JA_control { gap: 12px }
  #JAdvantages .JA_arrow { width: 40px; height: 40px }
}
@media screen and (min-width:1281px) {
  #book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after { transform: scaleY(1); -webkit-transform: scaleY(1) }
  #book_area .list_box li:hover .badge { background: var(--primary); color: var(--white) }
  #custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb),.2) }
}
@media (prefers-reduced-motion:reduce) {
  #about_area .Delicious_Words img { animation: none }
  #product_area #product_list li,#product_area .p_imgbox,#product_area .p_under_chef,#product_area .p_under_word { transition: none }
  #news_area .slick-current .news_main,#news_area .slick-current .news_side .news_item { animation: none }
  #news_area .nw_libox img { transition: none }
  #JAdvantages .text_img img,#JAdvantages .slick-active .JAdvantages_img,#JAdvantages .slick-active .JAdvantages_info { animation: none }
}