﻿@charset "UTF-8";
body {
	background:url('../images/menu_bg.jpg') top left repeat;
}
#menu_h1 {
	margin-top:57px;
	border-bottom:2px #595757 solid;
	line-height:0;
}
#menu_h1 image{
	width:100%;
	max-width:100%;
	height:auto;
}
/* スクロール時に現れるナビの位置 */
#side-navi {
	position:fixed;
	bottom:6px;
	right:6px;	
	width:60px;
	height:224px;
}
#side-navi p a img{
	width:100%;
	height:auto;
}
/*------------------------------------------------------------
	menu_navi
------------------------------------------------------------*/
#menu_navi_wrap {
	width:100%;
	background-color:#ffffff;
	border-bottom:2px #595757 solid;
}
#menu_navi {
	max-width:1100px;
	margin:0px auto;
	background-color:#ffffff;
}
#menu_navi p img {
	width:90%;
	height:auto;
}
.menu_navi25 {
	float:left;
	width:23%;
	padding:0px 1% 33px;
	text-align:center;	
	margin:46px 0px;
}
.menu_navi25:hover {
	background:url('../images/menunavi_hover.png') center bottom no-repeat;
}

.menu_navi25 p {
	-webkit-border-radius: 15px;/* for Safari and Chrome */
	-moz-border-radius: 15px; /* for Firefox */
	-o-border-radius: 15px; /* for opera */
	border-radius: 15px;
	font-family: 'arial', sans-serif;
	font-size:150%;
	padding:17px 0px;
	font-weight:bold;
}
.menu_navi25 p a {
	text-decoration: none !important;
	color: #ffffff;
}
.menu_navi25 p a:visited {
	color: #ffffff;
	}
/*------------------------------------------------------------
	menu cont
------------------------------------------------------------*/
#menu_cont {
	max-width:890px;
	margin:0px auto;
	padding:0px 20px 50px;
}
#menu_cont p {
	line-height:1.2;
	font-size:120%;
}
/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/
.menu_h2{
	display:block;
	width:100%;
	max-width:734px;
	text-align:center;
	margin:0px auto 50px;
	padding:8px 0px;
	color: #ffffff;
	-webkit-border-radius: 15px;/* for Safari and Chrome */
	-moz-border-radius: 15px; /* for Firefox */
	-o-border-radius: 15px; /* for opera */
	border-radius: 15px;
	font-family: 'arial', sans-serif !important;
	font-size:180% !important;
	margin-top:50px;
}
.menu_h3{
	display:block;
	width:100%;
	max-width:734px;
	text-align:center;
	margin:0px auto 50px;
	padding:8px 0px;
	color: #7F4F21;
	-webkit-border-radius: 15px;/* for Safari and Chrome */
	-moz-border-radius: 15px; /* for Firefox */
	-o-border-radius: 15px; /* for opera */
	border-radius: 15px;
	font-family: 'arial', sans-serif !important;
	font-size:180% !important;
	margin-top:50px;
	border:solid 2px #7F4F21;
}
.lunch_bg {
	background: url('../images/lunch_bg.jpg') top left repeat;	
}
.lunch_bg2 {
	background: url('../images/lunch_bg2.jpg') top left repeat;	
}
.course_bg {
	background: url('../images/course_bg.jpg') top left repeat;	
}
.sushi_bg {
	background: url('../images/sushi_bg.jpg') top left repeat;	
}
.sushi_bg2 {
	background: url('../images/sushi_bg2.jpg') top left repeat;	
}
.alacarte_bg {
	background: url('../images/alacarte_bg.jpg') top left repeat;	
}
.alacarte_bg2 {
	background: url('../images/alacarte_bg2.jpg') top left repeat;	
}

/*------------------------------------------------------------
	ランチ・コース・寿司・単品
------------------------------------------------------------*/
.lunch_title {
	font-weight: bold;
	background: url('../images/lunch_icon.png') left top no-repeat;
	padding:7px 0px 7px 45px;
	font-size:140% !important;
	line-height:1.2;
	margin:10px 0px;
}
.course_title {
	font-weight: bold;
	background: url('../images/course_icon.png') left top no-repeat;
	padding:7px 0px 7px 45px;
	font-size:140% !important;
	line-height:1.2;
	margin:10px 0px;
}
.sushi_title {
	font-weight: bold;
	background: url('../images/sushi_icon.png') left top no-repeat;
	padding:7px 0px 7px 45px;
	font-size:140% !important;
	line-height:1.2;
	margin:10px 0px;
}
.alacarte_title {
	font-weight: bold;
	background: url('../images/alacarte_icon.png') left top no-repeat;
	padding:7px 0px 7px 45px;
	font-size:140% !important;
	line-height:1.2;
	margin:10px 0px;
}
.menubox {
	padding-bottom:45px;
}
.menubox_img {
	width:40%;
}
.menubox_img p img{
	width:100%;
	height:auto;	
}
.menubox_text {
	width:56%;
}
.mar-r4p {
	margin-right:4%;
}
.star_icon {
	margin-left: 1.0em;
	text-indent: -1.0em;
	margin-top:15px;
	}
.menu_border_b {
	border-bottom-style:solid;
	border-bottom-color:#727172;
	border-bottom-width:1px;
 	margin-bottom:20px;
}
.menu_border_b p {
	padding-bottom:20px;
}
.menu_font_big {
	font-weight:bold;	
	font-size:170% !important;
	line-height:1.2 !important;
}
/*------------------------------------------------------------
	1100px以下 レイアウト調整 　
------------------------------------------------------------*/
@media only screen and (max-width:850px) {
	.menubox_img p img{
		padding-top:50px;	
	}
}
/*------------------------------------------------------------
	480px以下 スマホ用　
------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	#menu_navi_wrap {
		padding:10px 0px;
	}
	.menu_navi25 {
		width:48%;
		padding:0px 1%;
		margin:5px 0px;
	}
	.menu_navi25 p {
		font-size:100% !important;
		padding:5px 0px;
		font-weight:bold;
	}
	#menu_cont{
		padding:20px 0px;
		width:100%;
	}
	.sp_border {
		width:100%;
		display:block;
		border-bottom:5px #7F4F21 solid;/* スマホ時のみメニューの区切りがわかりやすいように線 */
		margin:10px 0px 30px 0px;
	}
	.menu_h2{
		font-size:120% !important;
		width:90%;
		margin:10px auto;
	}
	.menu_h3{
		font-size:120% !important;
		width:90%;
		margin:10px auto;
	}
	#menu_cont p {
		font-size: 1rem ;
		line-height:1.2 !important;
		margin:0px 5%;
		}
	.lunch_title {
		background: url('../images/lunch_icon.png') left 9px no-repeat;
		background-size: 18px 18px;
		padding:7px 0px 7px 23px;
		font-size:1.2rem !important;
	}
	.course_title {
		background: url('../images/course_icon.png') left 9px no-repeat;
		background-size: 18px 18px;
		padding:7px 0px 7px 23px;
		font-size:1.2rem !important;
	}
	.sushi_title {
		background: url('../images/sushi_icon.png') left 9px no-repeat;
		background-size: 18px 18px;
		padding:7px 0px 7px 23px;
		font-size:1.2rem !important;
	}
	.alacarte_title {
		background: url('../images/alacarte_icon.png') left 9px no-repeat;
		background-size: 17px 17px;
		padding:7px 0px 7px 23px;
		font-size:1.2rem !important;
	}
	.menubox {
		width:100%;
		padding:0px 0px 20px;
	}
	.menubox_img {
		width:100%;
		clear:both !important;
		text-align:center;
	}
	.menubox_img p img {
		width:80%;
		margin:0px auto;
		padding:15px 0px;
	}
	.menubox_text {
		width:100%;
		clear:both !important;
	}
	.menu_border_b {
	border-bottom-style:none;
	border-bottom-color:transparent;
	border-bottom-width:0px;
 	margin-bottom:20px;
}

	.star_icon {
		margin-left: 2.0em !important;
		text-indent: -1.0em !important;
		margin-top:15px;
	}
	.mar-r4p {
		margin:0px	
	}
	#side-navi {
		width:45px;
		height:168px;
	}
}