/* ===================================================================
CSS information

 File Name  : menu.css
=================================================================== */
.menu_main {
	margin-bottom:60px;
}
.no_tax {
	width:80%;
	margin:0 auto;
	text-align:right;
	margin-bottom:10px;
	font-size:1.4rem;
}
.menu_wrap {
	width:80%;
	margin:0 auto;
}
.menu_box {
	margin-bottom:40px;
}
.menu_box h3 {
	background:#452614;
	color:#fff;
	text-align:center;
	font-size:2rem;
	padding:5px;
	margin-bottom:30px;
}
.price_box {
	text-align:center;
	font-size:1.8rem;
}
.menu_box table {
	border-collapse:separate;
	border-spacing:5px;
	font-size:1.8rem;
}
.menu_box th {
	border-bottom:dotted 1px #ccc;
	background:#f2f2f2;
	border-radius:5px;
	padding:7px 10px;
	background: -moz-linear-gradient(left top,
		#f2f2f2,
		#f2f2f2 25%,
		#ccc 25%,
		#ccc 50%,
		#f2f2f2 50%,
		#f2f2f2 75%,
		#ccc 75%,
		#ccc);
	background: -webkit-gradient(linear, left top, right top,
		from(#f2f2f2),
		color-stop(25%, #f2f2f2),
		color-stop(25%, #ccc),
		color-stop(50%, #ccc),
		color-stop(50%, #f2f2f2),
		color-stop(75%, #f2f2f2),
		color-stop(75%, #ccc),
		to(#ccc));
	-moz-background-size: 4px 1px, 4px 1px;
	-webkit-background-size: 4px 1px, 4px 1px;
	background-size: 4px 1px, 4px 1px;
}
.menu_box td {
	text-align:center;
	padding:15px;
}
.menu_box.fl {
	width:48%;
}
.menu_box.fr {
	width:48%;
}

@media screen and (max-width: 767px) {
	.menu_box {
		width:100%!important;
		float:none;
		margin-left:0;
	}
	.no_tax {	
			width:100%;
	}
	.menu_wrap {
		width:100%;
	}
}

@media screen and (max-width: 479px) {
	.menu_main {
		margin-bottom:30px;
	}
	.no_tax {
		font-size:1.2rem;
	}
	.price_box {
		font-size:1.5rem;
	}
	.menu_box {
		margin-bottom:20px;
	}
	.menu_box h3 {
		margin-bottom:20px;
		font-size:1.8rem;
	}
	.menu_box table {
		font-size:1.5rem;
		border-spacing:2px;
	}
	.menu_box td {
		padding:10px 10px 0 10px;
	}
}