@charset "utf-8";

header nav li#m3 a{
	color:#FFF;
	background-position:left -190px;
	}
#headbg{
	background:url(../img/restaurant/head.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
@media screen and (max-width:1100px){
header nav ul li#m3 a{
	background-color:#343854;
	color:#FFF;
	}
}
#sec1{
	width:1060px;
	overflow:hidden;
	zoom:1;
	z-index:2;
	margin:0 auto;
	position:relative;
	padding:45px 0 90px 0;
	border-bottom:1px solid #D2D2D2;
	}
#sec1 h1{
	float:left;
	}
#sec1 img{
	float:right;
	}
#sec1 p{
	max-width:260px;
	padding-top:100px;
	clear:left;
	}
#sec2{
	overflow:hidden;
	zoom:1;
	padding:60px 0 0px 0;
	}
#sec2 .box{
	margin-left:-530px;
	}
.box{
	overflow:hidden;
	zoom:1;
	background:url(../img/common/bluebg.jpg) repeat left top;
	width:290px;
	padding:40px 35px 35px 35px;
	position:absolute;
	z-index:100;
	margin-top:35px;
	left:50%;
	}
.box h2{
	display:block;
	margin:0 auto;
	font-size:42px;
	font-family:"小塚明朝 Std","Kozuka Mincho Std","ヒラギノ明朝 Pro W3","HiraMinPro-W3","MS P明朝","MS PMincho","細明朝体",serif;
	font-weight:bold;
	-webkit-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
	line-height:1.3;
	color:#FFF;
	}
.box h2 strong{
	font-size:17px;
	font-weight:normal;
	display:block;
	padding-top:5px;
	}
.box p{
	font-size:18px;
	line-height:1.7;
	color:#FFF;
	margin-top:30px;
	text-align:center;
	}
.box p span{
	font-size:15px;
	}
.box p::before{
	margin-bottom:25px;
	content:"";
	display:block;
	height:1px;
	background-color:#CDAE32;
	background:-moz-linear-gradient(left,#CDAE32, #DBBD32);
	background:-webkit-gradient(linear, left top, right top, from(#CDAE32), to(#DBBD32));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CDAE32', endColorstr='#DBBD32');
	background: linear-gradient(to right, #CDAE32, #DBBD32);
	}
#sec2 h3 img{
	float:right;
	width:72%;
	height:auto;
	max-width:1100px;
	}
#sec2 ul{
	width:1050px;
	overflow:hidden;
	zoom:1;
	margin:0 auto;
	padding-top:10px;
	}
#sec2 ul li{
	float:left;
	margin:40px 30px 0 0;
	width:240px;
	font-size:16px;
	line-height:1.4;
	text-align:center;
	}
#sec2 ul li span{
	font-size:14px;
	}
#sec2 ul li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
#sec2 ul li h4{
	font-size:16px;
	}
#sec2 ul li h4 span{
	font-size:14px;
	font-weight:normal;
	}
#sec2 ul li:nth-child(4),#sec2 ul li:nth-child(8){
	margin-right:0px;
	}
#sec2 .lunch{
	background-color:#EFEFEF;
	overflow:hidden;
	zoom:1;
	padding:40px 10px 30px 40px;
	max-width:1010px;
	margin:50px auto 0 auto;
	}
#sec2 .lunch div{
	float:left;
	width:290px;
	}
#sec2 .lunch h4{
	font-size:30px;
	font-family:"小塚明朝 Std","Kozuka Mincho Std","ヒラギノ明朝 Pro W3","HiraMinPro-W3","MS P明朝","MS PMincho","細明朝体",serif;
	}
#sec2 .lunch h4 span{
	display:block;
	}
#sec2 .lunch h6{
	float:left;
	margin-right:30px;
	width:330px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	}
#sec2 .lunch h6 img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
#sec2 .lunch p{
	margin-top:40px;
	}
#sec2 .lunch h5{
	font-size:16px;
	font-weight:normal;
	line-height:1.8;
	margin-top:10px;
	}
.bar{
	max-width:1060px;
	margin:60px auto 0 auto;
	border-top:1px solid #D2D2D2;
	}
#sec3{
	overflow:hidden;
	zoom:1;
	padding:60px 0 0px 0;
	}
#sec3 .box{
	margin-left:170px;
	}
#sec3 h3 img{
	float:left;
	width:72%;
	height:auto;
	max-width:1100px;
	}
#sec3 .list{
	max-width:820px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:40px 5% 0 5%;
	clear:both;
	}
#sec3 .list h4{
	width:270px;
	float:right;
	}
#sec3 .list h4 img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
#sec3 .list table{
	border-top:1px solid #D2D2D2;
	width:460px;
	}
#sec3 .list table th{
	font-size:16px;
	text-align:left;
	padding:20px 15px 20px 20px;
	background-color:#EFEFEF;
	border-bottom:1px solid #D2D2D2;
	white-space:nowrap;
	}
#sec3 .list table td{
	font-size:16px;
	padding:20px 25px 20px 20px;
	border-bottom:1px solid #D2D2D2;
	}
@media screen and (max-width:1100px){
#sec1{
	width:90%;
	padding:0px 0 60px 0;
	margin:0 5%;
	}
#sec1 img{
	width:65%;
	height:auto;
	}
#sec1 p{
	font-size:15px;
	line-height:1.6;
	max-width:30%;
	padding-top:5%;
	}
.box{
	margin-top:0px;
	}
#sec2{
	padding:50px 0 0px 0;
	}
#sec2 .box{
	margin-left:0px;
	left:5%;
	}
#sec2 h3 img{
	margin-top:35px;
	}
#sec2 ul{
	width:90%;
	margin:0 5%;
	}
#sec2 ul li{
	margin:40px 5% 0 0%;
	width:30%;
	}
#sec2 ul li:nth-child(4),#sec2 ul li:nth-child(8){
	margin-right:5%;
	}
#sec2 ul li:nth-child(3),#sec2 ul li:nth-child(6){
	margin-right:0;
	}
#sec2 .lunch{
	padding:40px 2% 30px 2%;
	max-width:86%;
	margin:40px 5% 0 5%;
	}
#sec2 .lunch div{
	float:none;
	width:auto;
	text-align:center;
	}
#sec2 .lunch h4{
	text-align:center;
	}
#sec2 .lunch h4 span{
	display:inline;
	}
#sec2 .lunch h6{
	margin:20px 2% 0 2%;
	width:46%;
	}
#sec2 .lunch p{
	margin-top:10px;
	text-align:center;
	}
.bar{
	max-width:90%;
	margin:50px 5% 0 5%;
	}
#sec3{
	padding:50px 0 0px 0;
	}
#sec3 .box{
	margin-left:0;
	left:auto;
	right:5%;
	}
#sec3 h3 img{
	margin-top:35px;
	}
}
@media screen and (max-width:840px){
#sec1{
	padding:0px 0 40px 0;
	}
#sec1 img{
	width:78%;
	}
#sec1 p{
	clear:both;
	max-width:100%;
	padding-top:15px;
	}
.box{
	width:76%;
	padding:30px 7% 35px 7%;
	left:auto;
	margin:0px 5% 0px 5%;
	position:relative;
	}
.box h2{
	font-size:32px;
	}
.box h2 strong{
	font-size:15px;
	}
#sec2{
	padding:40px 0 0px 0;
	}
#sec2 .box{
	left:auto;
	margin-left:5%;
	}
#sec2 h3 img{
	float:none;
	width:90%;
	margin:0 5%;
	}
#sec2 ul li{
	margin:20px 6% 0 0%;
	width:47%;
	}
#sec2 ul li:nth-child(4),#sec2 ul li:nth-child(6),#sec2 ul li:nth-child(8){
	margin-right:0;
	}
#sec2 ul li:nth-child(3){
	margin-right:6%;
	}
#sec2 ul li:nth-child(even){
	margin-right:0;
	}
#sec2 ul li h4{
	font-size:15px;
	}
#sec2 .lunch{
	padding:30px 2% 20px 2%;
	}
#sec2 .lunch h6{
	font-size:15px;
	}
#sec2 .lunch h4{
	font-size:22px;
	}
.bar{
	margin-top:40px;
	}
#sec3{
	padding:40px 0 0px 0;
	}
#sec3 .box{
	right:auto;
	left:5%;
	}
#sec3 h3 img{
	float:none;
	width:90%;
	margin:0 5%;
	}
#sec3 .list{
	max-width:95%;
	padding:20px 0 0 5%;
	}
#sec3 .list h4{
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
#sec3 .list h4 img{
	width:45%;
	float:left;
	margin-right:5%;
	margin-bottom:0px;
	}
#sec3 .list table{
	width:95%;
	}
#sec3 .list table th{
	font-size:15px;
	padding:15px 10px 15px 10px;
	}
#sec3 .list table td{
	font-size:15px;
	padding:15px 20px 15px 12px;
	}
}