@charset "utf-8";
/* CSS Document */

.menu_nav{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 50px;
}

.menu_nav ul{
	width:69%;
	margin:0 auto;
}

.menu_nav ul li{
	float: left;
	width:24%;
	height: 50px;
	line-height: 50px;
	background:#f7f7f7;
	border:1px solid #e6e6e6;
	border-radius:3px;
	text-align: center;
	border-bottom:2px #b80303 solid;
	color:#888888;
}
.menu_nav ul li:hover{
	cursor:pointer;
}

.menu_nav ul li:not(:first-of-type){
	margin-left: 1.3%;
}

.menu_nav ul .active{
	background:#a90505;
	color:#fff;
}

h3 + p{
	margin-bottom: 40px;	
}

.menu_pic{
	margin-bottom: 50px;
}

.menu_pic li{
	float: left;
	width:30.1%;
	margin-right:4.85%;
}

.menu_pic li:last-of-type{
	margin-right: 0;
}

.menu_pic li img{
	width:100%;
}

.menu_left, .menu_right{
	width:48%;
	float: left;
}

.menu_right{
	margin-left: 4%;
}

.menu_wrap > div section{
	margin-bottom: 35px;
}

.menu_wrap > div li span{
	font-size: 1.5rem;
}

.menu_wrap > div li {
	margin-bottom: 20px;
}

.menu_wrap > div li span.price{
	color:#cf1818;
	font-size: 1.4rem;
	float:right;
}

.hide{
	display: none;
}

.shochu ul{
	width:50%;
	float: left;
}

.shochu ul li{
	width:100%;
}

.shochu ul:last-of-type li{
	margin-bottom: 8px;
}

@media screen and (max-width: 1200px) {
	.under_content{
	padding:30px 3% 60px;
	}
}

@media screen and (max-width: 600px) {
	.menu_list li{
		width:48%;
		margin-left: 0;
	}
	.menu_list li:nth-of-type(2n){
		margin-left: 4%;
	}
	
	.menu_nav ul{
		width:100%;
	}
	.menu_nav ul li{
		width:48%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.menu_nav ul li:not(:first-of-type){
		margin-left: 0;
	}
	.menu_nav ul li:nth-of-type(2n){
		margin-left: 4%;
	}
	.menu_nav{
		border-bottom: 0;
		margin-bottom: 20px;
	}
	h3 + p{
		margin-bottom: 20px;
	}
	.menu_wrap > div{
		width:100%;
		float:none;
	}
	
	.menu_right{
		margin-left: 0;
	}
	
	.longmenu span:first-of-type{
		margin-bottom: 5px;
	}
	
}