@charset "utf-8";

.menu_list>li{position:relative; float:left; background-color:#f8f2e9;}
.menu_list .chk_box{position:absolute;top:0;right: 0;z-index: 1;}
.menu_cate{position:absolute; font-size:0; z-index:1;}
.menu_cate img{width:100%;}
.menu_cate span{display:block; vertical-align:middle; font-weight:bold; text-align:center; border-radius:50%;}
.menu_cate2 {font-size:0;}
.menu_cate2 span{display:inline-block; vertical-align:middle; font-weight:bold; text-align:center; border-radius:50%;}

.type1{background-color:#433835;color:#fff;}
.type2{background-color:#bb2a23;color:#fff;}
.type3{background-color:#fee939;color:#231815;}
.type4{background-color:#dbb77f;color:#231815;}


.menu_img{overflow:hidden;}
.menu_img:hover img{transform:scale(1.1);}
.menu_img img{width:100%;transform:scale(1);    transform-origin: 50% 50%;
    transition: transform 2.6s cubic-bezier(.19,1,.22,1);}
 

.menu_box h5{text-align:center;}
.menu_box h5 a{color:#1b1b1e; font-weight:bold;}
.menu_box p{color:#1b1b1e;font-weight:300;line-height: 1.3em;height: 3.6em;text-align:center;}
.menu_box .price{color:#1b1b1e; font-weight:500;}

.menu_info{color:#231815; font-weight:300; line-height:1.4em}
.menu_info strong{display:block; color:#231815; font-weight:bold; line-height:1.4em}

.menu_view{}

.menu_head{font-size:0; background-color:#f8f2e9;}


.menu_v_img{position:relative; text-align:center;}
.menu_v_img>img{width: auto;max-width:100%;height: auto;}
 
 
.rec_menu{}
.rec_menu h5{color:#231815; font-weight:bold;}
.rec_menu div{font-size:0;}
.rec_menu a{display:inline-block; vertical-align:middle; }




.load{padding:50px 0; text-align:center; font-size:30px;}
.load i{color:#d6ad6d}


.gall_slide img{max-width:100%; height:auto !important; width:auto;}
.gall_slide{position:relative;}

.gall_slide .int_btn{position:absolute;top:50%;display:block;color:#fff;font-weight: bold;cursor:pointer;z-index:10;background-color: #231815; text-align: center;}
.gall_slide  span.int_left{left: 0;}
.gall_slide  span.int_right{right: 0;}

.menu_link{display: block;background-color: #231815;color: #d6ad6d;text-align:center;cursor:pointer;font-weight: 500;}

.thumb{background-size: cover !important;background-repeat: no-repeat;background-position: 50% !important;display: block;}

.gall_list li>a:hover .thumb{transform:scale(1.1);}
.gall_list li>a .thumb{
    width: 100%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 2.6s cubic-bezier(.19,1,.22,1);
}

.go{display:block;background-color:#ff661c;margin:5% auto 0;color:#fff;text-align:center;}

#bo_v_con iframe{border:0;}

.embed iframe{margin:0 auto !important; display:block;}
@media (min-width:1300px) {
.sub_visual{background-image:url(/images/pc/sub2/s_v2.png);} 

.menu_list{margin:0 -1.5%;}
.menu_list>li{width: 22%;margin:0 1.5% 3%}

.menu_cate{top:10px; left:10px;}
.menu_cate span{width:50px; height:50px; line-height:50px; font-size:15px; margin-bottom:5px;}

.menu_cate2 {margin-bottom:30px;}
.menu_cate2 span{width:50px; height:50px; line-height:50px; font-size:15px;  }

.menu_box{padding:5px 0 35px;}
.menu_box h5{margin-bottom:10px;}
.menu_box h5 a{font-size:26px;}
.menu_box p{font-size:18px; }
  

 
.gall_slide>span{width:55px;height:55px;margin-top: -27px;font-size: 18px;line-height: 55px;}


.menu_head{padding:70px 0;}
.menu_head>div{display:inline-block; vertical-align:middle;}

.menu_v_img{width:50%; padding:0 5%;}
 
.menu_con{width:calc(50% - 5%); border-radius:10px; padding:50px !important;}


.menu_info{font-size:20px; margin-top:50px;}

.rec_menu{margin-top:50px;}
.rec_menu h5{font-size:25px;margin-bottom: 20px;}
.rec_menu a{width:32%;margin-right: 1%;}

.rec-side{padding-right: 5.8%;}
.rec-drink{padding-left: 5.8%;}
 
 
 .menu_link{margin:80px auto 0;width: 190px;height: 50px;line-height: 50px;font-size: 21px;}

.thumb{height: 9vw;}
.video{width:80%; height:30vw; margin:0 auto;}

.go{height: 50px;line-height: 50px;width: 25%;font-size: 17px;}
 
}
 
@media (min-width:640px){
 .rec_menu>div{float:left; width:50%;}
}
@media (min-width: 640px) and (max-width: 1299px){
.sub_visual{background-image:url(/images/tab/sub2/s_v2.png);} 
	
.menu_cate{top:1vw; left:1vw;}
.menu_cate span{font-size: 1.25vw;width: 4.2vw;height: 4.2vw;line-height: 4.2vw;margin-bottom: 5px;}

.menu_list{margin: 0 -2.3vw;}
.menu_list>li{width: 27.5vw;margin: 0 2.3vw 4.6vw;}

.menu_cate2 {margin-bottom:2vw;}
.menu_cate2 span{width: 4vw;height: 4vw;border-radius: 50%;font-size: 1.25vw;margin-right:1vw;line-height: 4vw;}

.menu_box{padding: 1.5vw 0vw 3vw;}
.menu_box h5{margin-bottom:1.5vw;}
.menu_box h5 a{font-size: 2.6vw;}
.menu_box p{font-size: 2vw;/* margin-bottom:2vw; */ padding:0 1vw; height: 3.6em;}
.menu_box .price{font-size:2.5vw}	 





.menu_head{padding: 1vw 0;}
.menu_head>div{display:inline-block; vertical-align:middle;}

.menu_v_img{width:50%;/* padding:0 5%; */}
 
.menu_con{width:calc(50% - 5%);border-radius:10px;padding: 3vw !important;}


.menu_info{font-size: 1.6vw;margin-top: 3.5vw;}

.rec_menu{margin-top: 4vw;}
.rec_menu h5{font-size: 2vw;margin-bottom: 1.5vw;}
.rec_menu a{width:32%;margin-right: 1%;}

.rec-side{padding-right: 2vw;}
.rec-drink{padding-left: 2vw;}
 
 .gall_slide>span{width:5.6vw;height:5.6vw;margin-top:-2.8vw;font-size: 1.8vw;line-height: 5.6vw;}
	 
 .menu_link{margin: 7vw auto 0;width: 18vw;height: 5vw;line-height: 5vw;font-size: 2vw;}


.thumb{height: 17vw;}

.video{width: 90%;height: 42vw;margin:0 auto;}

.go{height: 4vw;line-height: 4vw;width: 25%;font-size: 1.5vw;}
 
}
@media (max-width:1299px){
	
}
@media (max-width:640px){
.sub_visual{background-image:url(/images/mb/sub2/s_v2.png);} 
	.menu_list{margin: 0 -3.4vw;}
.menu_list>li{width: 42.3vw;margin: 0 3.4vw 6.8vw;}

  .menu_cate{top:2vw; left:2vw;}
.menu_cate span{width: 8vw;height: 8vw;line-height: 8vw;margin-bottom: 1vw;font-size: 2vw;}

.menu_cate2 {margin-bottom:3vw;}
.menu_cate2 span{width: 8vw;height: 8vw;font-size: 2vw;margin-right: 1vw;line-height: 8vw;}

.menu_box{padding: 2vw 1vw 4vw;}
.menu_box h5{margin-bottom:2vw;}
.menu_box h5 a{font-size: 4vw;}
.menu_box p{font-size: 3vw;}
.menu_box .price{font-size:4.5vw}	

.menu_view{margin-top:10vw;}
.menu_view h5 a{font-size:7vw}
.menu_view p{font-size:3.5vw;}

.menu_head{padding: 5vw;}
 
 

.menu_con{padding: 5vw 0 !important;}

 
 
 .rec_menu{margin-top:10vw;}
.rec_menu h5{font-size:4vw;margin-bottom: 5vw;}
.rec_menu a{width:32%;margin-right: 0.5%;}

.rec-side{/* padding-right: 5.8%; */}
.rec-drink{/* padding-left: 5.8%; */margin-top: 10vw;}


.gall_slide>span{width:8vw;height:8vw;margin-top:-4vw;font-size: 2.3vw;line-height: 8vw;}

.menu_link{margin:9vw auto 0;width: 30vw;height: 8vw;line-height: 8vw;font-size: 3vw;}


.thumb{height: 25vw;}
.video{height: 45vw;margin:0 auto;}

.go{height: 7vw;line-height: 7vw;width: 50%;font-size: 3vw;}
  
}

