

.mainArea{padding:0}
.outerWrap{z-index:7;position:relative}

/* scrollDown */
.scrollDown{position:fixed;bottom:33px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:7;color:#c5c5c5;font-size:15px;font-weight:600;letter-spacing:2px}
.scrollDown .btnText{font-family:"Gilda Display",sans-serif;font-weight:300;letter-spacing:4px;font-size:14px;color: var(--primary);}
.scrollDown .arrow{-webkit-animation:scrollDown 1.5s infinite linear;animation:scrollDown 1.5s infinite linear}
.scrollDown .icon{width:15px;height:15px;margin:0 auto;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@-webkit-keyframes scrollDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

/* bannerArea */
.bannerArea{position:relative;z-index:2;height:calc(400vh + 1000px);opacity:0}
.bannerArea.show{opacity:1;transition:all 1.5s}
.bannerArea .imgList{position:fixed;top:0;left:0;width:100%;height: 100vh;z-index:1}
.bannerArea .imgList .imgItem{position:relative;z-index:1;opacity:1;height:inherit}
.bannerArea .imgList .imgItem img{width:100%;height:100%;display:block;object-fit:cover}
.bannerArea .imgList .imgItem:not(:first-child){position:absolute;top:0;right:0;left:0;bottom:0}
.bannerArea .imgList .imgItem.show{opacity:1}
.bannerArea .textBox{position:fixed;top:0;left:0;z-index:3;bottom:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items: center;padding: 0px 0 50px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;writing-mode: tb-rl;gap: 30px;align-content: center;}
.bannerArea .textBox.show .tw,.bannerArea .textBox.show .en{opacity:1}
.bannerArea .textBox .tw{font-size: min(max(6.5104vw,35px),38px);font-weight:400;margin-bottom: 60px;line-height:1;letter-spacing: 0.7604vw;opacity:0;transition:all 1.8s ease-in-out;color:rgb(255 255 255 / 0%);background:#bd9e7f;background:linear-gradient(
135deg,rgb(175 145 115) 28%,rgba(221,199,146,1) 48%,rgb(104 77 51) 62%,rgb(131 96 61) 71%,rgba(224,214,192,1) 86%,rgb(189 158 127) 94%
);background-size:300% 300%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;animation:bg-animation 8s ease-in-out infinite;-webkit-animation:bg-animation 8s ease-in-out infinite;opacity:1;text-align:center}
@keyframes bg-animation{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-webkit-keyframes bg-animation{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.bannerArea .textBox .tw img{width:460px}
.bannerArea .textBox .en{font-size: min(max(1.0938vw,18px),26px);line-height:1;letter-spacing: 0.4947vw;padding: 5.46897vw 0 0 0;opacity:0;transition:all 0.8s 0.3s;font-weight:300;color: var(--secondary);}
.bannerArea .meatImg{position:fixed;top: 81.7%;left: -3.9%;width: 35.1vw;-webkit-transform:translate(-10%,-100%);transform:translate(-10%,-100%);z-index:2}
.bannerArea .beefImg{position:fixed;top: 60.7%;right: -3.5%;width: 32.1vw;-webkit-transform:translate(-10%,-100%);transform:translate(-10%,-100%);z-index:2}


/* exprienceArea */
.exprienceArea{position:relative;z-index:3;opacity:1;width:100%;height:900vh}
.exprienceArea .titleBox{position:relative}
.exprienceArea .titleBox .top{display:flex;align-items: flex-end;align-content: space-between;flex-direction: row-reverse;gap: 20px;position: relative;}
.exprienceArea .titleBox .decoTitle, .exprienceArea .titleBox .subtitle{/* -webkit-writing-mode:vertical-rl; */-ms-writing-mode:tb-rl;/* writing-mode:vertical-rl; */color: var(--secondary);opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
.exprienceArea .titleBox .title{font-size: 43px;margin-right:11px;letter-spacing:17px;font-weight:300;color: var(--primary);}
.exprienceArea .titleBox .decoTitle{font-size:16px;margin-right:13px;margin-top:13px;letter-spacing:2.3px;font-family:"Gilda Display",sans-serif;line-height:1.03;padding-bottom: 7px;position:relative;display:inline-block;color:var(--primary)}
.exprienceArea .titleBox .subtitle{font-size: 20px;font-weight:200;margin-top:8px;letter-spacing:7px}
.exprienceArea .titleBox .text{color: var(--complement);font-size:16px;font-weight:400;letter-spacing:4.6px;opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}
.exprienceArea .decoBox{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;opacity:0}
.exprienceArea .decoBox .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url("/images/39/bg.jpg") no-repeat center bottom/cover;z-index:1}
.exprienceArea .decoBox::before,.exprienceArea .decoBox::after{content:"";display:block;width:100%;height:50%;position:absolute;left:0;z-index:7}
.exprienceArea .decoBox::before{top:0;background:url(/images/39/meat/cover/top.png) top left/100% no-repeat}
.exprienceArea .decoBox::after{bottom:0;background:url(/images/39/meat/cover/bottom.png) bottom left/100% no-repeat}
.exprienceArea .decoBox img{width:100%}
.exprienceArea .decoBox .decoItem{position:absolute;z-index:1;opacity:0}
.exprienceArea .decoBox .decoItem.barbecue{top: 15.87vw;right: -3.8vw;z-index:6;width: 55.7vw;-webkit-transform:translate(15%,40%);transform:translate(15%,40%)}
.exprienceArea .decoBox .decoItem.beef{top: -3vw;left: -7.3vw;width:23.6vw;-webkit-transform:translateY(-40%);transform:translateY(-40%);display: none;}
.exprienceArea .decoBox .decoItem.sashimi{top: 1.1vw;left: 72.8vw;z-index:2;width: 30.5vw;-webkit-transform:translate(10%,-20%);transform:translate(10%,-20%)}
.exprienceArea .decoBox .decoItem.beeftongue{top: 8vw;left: -6.1vw;z-index:3;width: 22.7vw;-webkit-transform:translate(15%,40%);transform:translate(15%,40%)}
.exprienceArea .decoBox .decoItem.meat{top: -1.04vw;left:41.1vw;width: 21.7vw;-webkit-transform:translateX(20%);transform:translateX(20%);z-index: 3;}
.exprienceArea .decoBox .decoItem.seafood{top: 26.6vw;right: -5.7vw;z-index:2;width:30vw;-webkit-transform:translate(-34%,37%);transform:translate(-34%,37%);display: none;}
.exprienceArea .decoBox .decoItem.spices{top: -6vw;left: -3.2vw;z-index:2;width:36.5vw}
.exprienceArea .decoBox .decoItem.muscle{top: 43.8vw;left: -5vw;width: 29vw;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}
.exprienceArea .topBox{position:fixed;top:0;right:0;width: 76%;height:100%;z-index:5;opacity:0}
.exprienceArea .topBox .wrap{padding:0}
.exprienceArea .topBox .wrap .Txt{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding: 40px 30px 0;}
.exprienceArea .topBox .wrap .Txt .titleBox{display:flex;gap:20px;flex-direction: column;align-items: flex-start;}
.exprienceArea .topBox .wrap .Txt .titleBox .top{justify-content:start}
.exprienceArea .topBox .wrap .Txt .titleBox .bottom{margin-top: 10px;}
.exprienceArea .topBox .wrap .Txt .titleBox .decoTitle{display: flex;flex-direction: row-reverse;}
.exprienceArea .topBox .wrap .Txt .titleBox .decoTitle em{font-style:normal;line-height:170%}
.exprienceArea .topBox .wrap .Txt .titleBox .subtitle{box-sizing: border-box;border-top: 1px solid rgb(136 111 77 / 50%);border-bottom: 1px solid rgb(136 111 77 / 50%);padding:2px 12px;color:var(--primary);writing-mode:rl-tb;display:inline-block;width: auto;line-height: 42px;letter-spacing: .175em;}
.exprienceArea .topBox .wrap .Txt .titleBox .text{padding: 30px 0 0;line-height:1.7;line-height: 190%;}
.exprienceArea .topBox .wrap .rightDot{position:absolute;left:160px;bottom:18.9%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;height:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;display: none;}
.exprienceArea .topBox .wrap .rightDot::before{content:"";display:block;width:calc(100% - 28px);height:1px;background-color:var(--primary);opacity:0.5;position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.exprienceArea .topBox .wrap .rightDot .dotItem{position:relative}
.exprienceArea .topBox .wrap .rightDot .dotItem .dot{width:6px;height:6px;background-color:var(--primary);border-radius:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}
.exprienceArea .topBox .wrap .rightDot .dotItem .num{width:36px;height:36px;border-radius:50%;border:1px solid var(--primary);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#000000;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);color:var(--primary);font-family:"Gilda Display",sans-serif}
.parallaxLayer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;pointer-events:none;z-index:0}
.lightEffect{CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;position:absolute;top:-200px;left:-200px;width:200%;height:200%;pointer-events:none;background:linear-gradient(to top,rgb(255 255 255 / 45%) 100%,#fff8f0 50%,rgb(255 255 255 / 75%) 100%);mix-blend-mode:screen;z-index:-10;opacity:1}


.exprienceBottomArea{position:relative;z-index:4;height:300vh}
.exprienceBottomArea .exprienceBottomBox{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;background:url("../images/cheers/bg.jpg") no-repeat center bottom/cover;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:0;overflow:hidden}
.exprienceBottomArea .exprienceBottomBox .decoBox{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.exprienceBottomArea .exprienceBottomBox .decoBox::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background:url(../images/cheers/cover.png) center/cover}
.exprienceBottomArea .exprienceBottomBox .decoBox img{width:100%;object-fit:contain}
.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem{position:absolute;z-index:1}
.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.left{top:-7.4%;left:0%;width:47.9%;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}

.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.right{top:21.9%;right:0;width:47.9%;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
.exprienceBottomArea .exprienceBottomBox .wrap{position:relative;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.exprienceBottomArea .exprienceBottomBox .wrap .Txt{display:-ms-flexbox;display:flex;font-weight:600;padding:15px 0 0px 27px;-ms-flex-align:start;align-items:start}
.exprienceBottomArea .exprienceBottomBox .wrap .Txt .title{-ms-flex-order:2;order:2;margin:0 33px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);color:rgb(255 255 255 / 0%);background:#bd9e7f;background:linear-gradient(135deg,rgb(175 145 115) 28%,rgba(221,199,146,1) 48%,rgb(104 77 51) 62%,rgb(131 96 61) 71%,rgba(224,214,192,1) 86%,rgb(189 158 127) 94%);background-size:300% 300%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;font-size:min(max(6.5104vw,35px),38px);font-weight:400;margin-bottom:60px;line-height:1;letter-spacing:0.7604vw}

.exprienceBottomArea .exprienceBottomBox .wrap .Txt .textEditor{font-size:23px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:2px;line-height:1.95;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
.exprienceBottomArea .exprienceBottomBox .wrap .Txt .textEditor p{font-size:1.2rem;color:#3d3529;letter-spacing:4px;line-height:230%}




@media (max-width:1540px){
	.exprienceBottomArea .exprienceBottomBox .wrap .Txt .textEditor{font-size:15px}
	.exprienceArea .titleBox .title{font-size:42px}
	.exprienceArea .titleBox .decoTitle{font-size:16px}
	.exprienceArea .titleBox .subtitle{font-size:16px}
	.exprienceArea .titleBox .text{font-size:18px}
  	.exprienceBottomArea .exprienceBottomBox .wrap .Txt .title {font-size: 25px;}
    .exprienceBottomArea .exprienceBottomBox .wrap .Txt .textEditor p{font-size: 1.1rem;}
}
@media (max-width:1350px){
	.exprienceArea .titleBox .title{font-size:36px;margin-right: 0;}
	.exprienceArea .titleBox .decoTitle{font-size:14px}
	.exprienceArea .titleBox .subtitle{font-size:16px}
	.exprienceArea .titleBox .text{font-size:15px;letter-spacing:2.6px}
	.exprienceArea .topBox .wrap .Txt{-ms-flex-pack:center;justify-content:center;padding: 0 500px 0 20px;}
}
@media (max-width:1024px){
	.bannerArea .textBox{padding: 20px 0 0;}
	.bannerArea .textBox .tw{letter-spacing: 3.7604vw;margin-bottom: 20px;}
	.bannerArea .meatImg{top: 81.7%;left: -4.9%;width:33.1vw;-webkit-transform:translate(-63%,-100%);transform:translate(-63%,-100%)}
	.exprienceArea .topBox{width:75%}
	.exprienceArea .titleBox .top{display:flex;flex-direction:column;gap:0px}
	.exprienceArea .titleBox .decoTitle{font-size:18px}
	.exprienceBottomArea .exprienceBottomBox .wrap .Txt{padding:15px 20px}
	.exprienceBottomArea .exprienceBottomBox .wrap .Txt .title{margin:0 0 0 15px}
	.exprienceArea .decoBox .decoItem.meat{top:2.96vw;left:41.1vw;width:31.7vw}
	.exprienceArea .decoBox .decoItem.muscle{left:-15vw;width:40vw;top:77.8vw}
	.exprienceArea .decoBox .decoItem.barbecue{right:-8.8vw;z-index:6;width:55.7vw;top:55.87vw}
	.exprienceArea .decoBox .decoItem.sashimi{top:24.1vw;left:61.8vw;width:50.5vw}
	.exprienceArea .decoBox .decoItem.beeftongue{top:20vw;left:-15.1vw;width:35.7vw}
	.exprienceArea .topBox .wrap .Txt{padding: 0 350px 0 20px;}
}
@media (max-width:960px){
	.exprienceArea .topBox{width:100%}
	.exprienceArea .topBox .wrap .Txt{padding: 0 20px;}
	.exprienceArea .topBox .wrap .Txt .titleBox .top{-ms-flex-pack:center;justify-content:center}
	.exprienceArea .topBox .wrap .Txt .titleBox .subtitle{display:flex;text-align:center;flex-direction:column;align-items:center}
    .exprienceArea .topBox .wrap .Txt .titleBox .text{font-size:14px;letter-spacing:1.6px;text-align: center;}
	.exprienceArea .topBox .wrap .rightDot{display:none}
    .bannerArea .textBox .tw img{width: 40vw;}
	.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.left{left:-25vw;width: 70vw;top: -19.4%;}
	.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.right{right:-10vw;width: 71vw;top: 29.9%;}
}
@media (max-width:767px){
	.bannerArea .meatImg{top: 75.7%;left: -8.9%;width: 39.1vw;}
	.bannerArea .beefImg{top:67.7%;right:-2.5%}
	.bannerArea .imgList{height:80vh;bottom:0;top:auto}
    .exprienceArea .titleBox .title{font-size:28px;margin-right: 0;line-height:110%}
	.exprienceArea .titleBox .decoTitle{font-size:14px;margin-right:5px}
	.exprienceArea .titleBox .subtitle{font-size:14px}
	.exprienceArea .titleBox .text{font-size:16px}
	.exprienceArea .decoBox .decoItem.barbecue{top: 75.87vw;}
	.exprienceArea .decoBox .decoItem.beef{top: 13vw;left:80vw;width:23.1vw}
	.exprienceArea .decoBox .decoItem.beeftongue{top:auto;bottom: 40vw;left: -20.7vw;width: 43vw;}
	.exprienceArea .decoBox .decoItem.meat{top: 3.95vw;left: 40.5vw;width:36.1vw}
	.exprienceArea .decoBox .decoItem.seafood{top:auto;bottom:-16vw;left:-13.7vw;width:63vw}
	.exprienceArea .decoBox .decoItem.spices{top: 4.3vw;left: -12.1vw;width:56.5vw}
	.exprienceArea .decoBox .decoItem.muscle{top: 97.8vw;left: -15vw;width:52.5vw}
	.exprienceArea .topBox .wrap .Txt{padding:0 20px 0}
	.exprienceArea .topBox .wrap .Txt .titleBox{gap:10px;display:flex;flex-direction:column}
	.exprienceArea .topBox .wrap .Txt .titleBox .bottom{margin-top:10px}
	.exprienceArea .topBox .wrap .Txt .titleBox .top{display:flex;justify-content:flex-start;flex-direction: column;align-items: center;}
	.exprienceArea .topBox .wrap .Txt .titleBox .decoTitle{margin-top:0;display: flex;flex-direction: column;align-items: center;margin-right: 0;padding-bottom: 20px;}
    .exprienceArea .topBox .wrap .Txt .titleBox .decoTitle em{text-align:center}
    .bannerArea .textBox .tw img{width: 60vw;}
    .bannerArea .textBox .en{letter-spacing:1.2947vw;padding:28.46897vw 0 0 0}
	.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.left{left:-25vw;width:80vw;top: -33.4%;}
	.exprienceBottomArea .exprienceBottomBox .decoBox .decoItem.right{right:-10vw;width:81vw;top:29.9%}
}
@media (max-width:480px){
	.bannerArea .textBox{padding: 0;}
    .bannerArea .meatImg{width:48.1vw;top: 34.7%;}
	.bannerArea .beefImg{width:52.1vw;top: 46.7%;right:-7.5%}
	.exprienceArea .decoBox .decoItem.beeftongue{top:100vw;bottom:auto;left:-12.5vw;width:40.1vw}
	.exprienceArea .decoBox .decoItem.seafood{top:auto;bottom:-16vw;left:-13.7vw;width:63vw}
	.exprienceArea .decoBox .decoItem.spices{top:5.3vw;left:-6.1vw;width:86.5vw}
	.exprienceArea .decoBox .decoItem.meat{top:31.95vw;left:60.5vw;width:48.1vw}
	.exprienceArea .decoBox .decoItem.barbecue{top:auto;bottom:14.87vw}
	.exprienceArea .decoBox .decoItem.muscle{top:177.8vw;left:-15vw;width:62.5vw}
	.exprienceArea .decoBox .decoItem.sashimi{top:auto;bottom:79.8vw;width:84.5vw;left:53.8vw}
}