@charset "UTF-8";
/* CSS Document */
header {
	width: 100%;
	height: 120px;
	background-color: #fefefe;
	z-index: 1000;
	position: fixed;
}
h1 {
	width: 15%;
	float: left;
	padding-top: 10px;
	margin-left: 10%;
}
nav {
	float: right;
	padding-top: 70px;
	margin-right: 10%;
	font-size: 14px;
	font-weight: bold;
}
nav li {
	float: left;
	padding-left: 50px;
}
nav img {
	vertical-align: top;
}
#menu{
	padding: 120px 15px 15px;
}
.menuMain{
	padding: 60px 10% 90px;
	background: #ea6f6f url(../images/drink.png) 65% bottom/25% no-repeat;
}
h4{
	font-size: 26px;
text-align: center;
background: url(../images/menu_waku.png) no-repeat center bottom;
padding: 40px 0 50px;
}
.menuCenter dl{
	text-align: center;
    margin: 70px 15% 100px;
}
.menuCenter dt{
	float: left;
	clear: left;
	padding: 15px 0;
}
.menuCenter dd{
	margin-left: 50%;
    text-align: right;
	padding: 15px 0;
}
h5{
	font-size: 16px;
	margin-top: 70px;
}
h6{
	font-size: 14px;
}
.borderBottom{
	width: 60px;
	height: 4px;
	background: #111;
	margin: 10px 0 30px;
}
.foodInner{
	margin: 0 0 50px;
}
.menuLeft{
	float: left;
	width: 45%;
}
.menuRight{
	float: right;
	width: 45%;
	margin-left: 10%;
}
.foodInner dt{
	float: left;
	clear: left;
	padding: 5px 0;
}
.foodInner dd{
	text-align: right;
	padding: 5px 0;
}
.dd{
	width: 100%;
	text-align: right;
	margin-bottom: 50px;
}
.line{
	line-height: 2.6em;
}
.tax{
	font-size: 12px;
	clear: both;
	text-align: right;
}
nav a:hover{
	opacity: 0.5;
}
@media screen and (max-width:640px) {
header {
	height: 60px;
	margin-left: 0;
}
h1 {
	position: absolute;
	float: none;
	padding-top: 0;
	left: 55%;
	top: 12%;
	width: 50px;
	margin-left: -50px;
}
nav {
	display: none;
}
#menu {
	padding: 50px 0 15px;
}
.menuMain {
	padding: 30px 10px 35px;
	background: #ea6f6f url(../images/drink.png) 65% bottom/55% no-repeat;
}
h4 {
	font-size: 14px;
	background-size: 50%;
	padding: 0 0 20px;
}
.menuCenter dl {
	font-size: 10px;
	margin: 30px 3% 40px;
}
.menuCenter dt {
	padding: 5px 0;
}
.menuCenter dd {
	padding: 5px 0;
}
h5 {
	font-size: 13px;
	margin-top: 30px;
}
h6{
	font-size: 10px;
}
.borderBottom {
	width: 60px;
	height: 4px;
	background: #111;
	margin: 10px 0 30px;
}
.foodInner {
	font-size: 10px;
	margin: 0 0 50px;
}
.menuLeft {
	float: none;
	width: 94%;
	margin: 0 3%;
}
.menuRight {
	float: none;
	width: 94%;
	margin: 0 3%;
}
.tax {
	font-size: 10px;
}
}