@charset "utf-8";
header{
	display:none;
}
#dining{
	width:100%;
	overflow-x:hidden;
	text-align:center;
	position:relative;
	padding-bottom:50px;
}
#dining section#bg01 {
	background: url(../img/dining/d_bg01.jpg) no-repeat center center;
	background-size: cover;
	height: 570px !important;
	margin: 0 auto 187px;
	min-width: 100%;
	position:relative;
	margin-bottom:60px;
}
#dining section#bg01 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:684px;
	height:50px;
}
#dining section#bg02 {
	background: url(../img/dining/d_bg02.jpg) no-repeat center center;
	background-size: cover;
	height: 380px !important;
	margin: 0 auto 187px;
	min-width: 100%;
	position:relative;
	margin-bottom:30px;
}
#dining section#bg03 {
	background: url(../img/dining/d_bg03.jpg) no-repeat center center;
	background-size: cover;
	height: 380px !important;
	margin: 0 auto 187px;
	min-width: 100%;
	position:relative;
	margin-bottom:30px;
}
#dining .sub{
	width:980px;
	margin:100px auto 60px auto;
	text-align:left;
	padding-left:50px;
}
#dining .txt_right{
	font-size:18px;
	width:980px;
	margin:30px auto;
	color:#004b9e;
	text-align:right;
	padding-right:60px;
}
#dining .guide_img{
	padding-left:10%;
}
#dining .menu{
	width:980px;
	margin:0 auto 80px auto;
	text-align:left;
	padding-left:50px;
}
#dining .menu2{
	width:980px;
	margin:50px auto 20px auto;
	text-align:left;
	padding-left:50px;
}
#dining .menu p{
	font-size:16px;
	color:#004b9e;
	text-align:left;
}
#dining .menu div{
	margin-bottom:30px;
}
#dining .menu .name{
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
}
#dining .menu .name span{
	background: #004b9e;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
}
#dining .menu span{
	text-align:left;
	display:block;
	padding-right:50px;
	color:#004b9e;
	margin-top:10px;
}
#dining .menu ul{
	width:980px;
	margin:30px auto;
}
#dining .menu ul li{
	width:40%;
	display:inline-block;
	vertical-align:text-top;
}
#dining .menu li img{
	text-align:left;
	display:block;
}
#dining .menu ul li:first-child{
	text-align:left;
	margin-right:10%;
}
#dining .sv_info{
	margin:0px auto;
	text-align:left;
	width:980px;
	padding-left:50px;
}
#dining .sv_info2{
	margin:0px auto 30px auto;
	text-align:left;
	width:980px;
	padding-left:50px;
}
#dining .sv_info2 p{
	width:830px;
	color:#004b9e;
}
#dining .sv_info3{
	margin:0px auto 30px auto;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#dining .sv_info p{
	margin-top:20px;
}
#dining .sv_info .ttl{
	color:#004b9e;
	margin-top:30px;
	font-size:14px;
}

#dining .sv_info3 .ttl{
	color:#004b9e;
	font-size:14px;
}
#dining .sv_info ul{
	padding-left:0;
	width:980px;
}
#dining .sv_info ul li,
#dining .sv_info3 ul li{
	color:#004b9e;
	display:block;
	width:100%;
	padding-left:10px;
	text-align:left;
	padding:5px 10px 5px 0;
	font-size:14px;
}


#dining ul{
	width:890px;
	margin:0 auto;
}
#dining ul li{
	display:inline-block;
	vertical-align:text-top;
	width:49%;
	text-align:center;
}
#dining ul li:first-child,
#dining .tel_link,
#dining .mail{
	text-align:left;
}
#dining .btn_link{
	background:#b1184b;
	padding:10px 30px;
	width:240px;
	color:#fff;
	font-size:16px;
	margin:20px 0;
	text-align:center;
}
#dining .btn_link a{
	color:#fff;
}
#dining .notes{
	font-size:12px;
	padding-left: 110px;
}
#dining .photo{
	margin-bottom:60px;
}
#dining .mail a{
	color:#00428e;
}
@media screen and (max-width: 670px){
	#dining{
		padding-top: 54px;
	}
	#dining section#bg01,
	#dining section#bg02,
	#dining section#bg03{
		width:100% !important;
		height:120px !important;
		background-size: 100% auto;
		margin-bottom:10px !important;
		background-position:0 !important;
	}
	#dining section#bg01 .cont_ttl{
		width:100%;
		top:30px;
	}
	#dining section#bg01 .cont_ttl img,
	#dining ul{
		width:90%;
		margin: 0 auto;
		display: block;
	}
	#dining ul li img,
	#dining p img,
	#dining .sv_info ul,
	#dining .sv_info2 ul,
	#dining .sv_info3 ul,
	#dining .sv_info3,
	#dining .sv_info2 p
	{
		width:100%;
		padding-left:0;
	}
	#dining .sv_info2 p,
	#dining .sv_info3 ul li{
		font-size:0.8em;
	}
	#dining .sub,
	#dining p.menu,
	#dining .menu,
	#dining .sv_info,
	#dining .menu2,
	#dining .sv_info2,
	#dining .menu3{
		width:90%;
		padding-left:0;
	}
	#dining ul li,
	#dining .notes,
	#dining .btn_link{
		width:100%;
		display:block;
	}
	#dining p.menu{
		margin-top:30px;
	}
	#dining ul.menu .sp{
		margin-bottom:20px;
	}
	#dining .txt_right{
		width:100%;
		font-size:0.8em;
		padding-right:0;
		text-align:center;
	}
	#dining .menu p{
		font-size:0.9em;
	}
	#dining .menu span{
		padding-right:0;
		font-size:0.9em;
	}
	#dining .menu .name{
		font-size:1em;
	}
	#dining .sub{
		margin:30px auto;
	}
	#dining .sp_mini{
		width:50% !important;
		margin:0 0 0 auto;
	}
	#dining .tel_link img,
	#dining .room{
		width:70%;
	}
	#dining .menu .sp img{
		width:50%;
		margin:0 auto;
	}
	#dining .room{
		margin:0 auto 20px auto;
	}
	#dining .notes{
		padding-left:0;
		text-align:right;
	}
	#dining .guide_img{
		padding-left:0;
		width:120%;
	}
	#dining .notes.sp{
		margin-bottom:10px;
	}
	#pageTop {
		position:absolute;
		padding:0;
		bottom: 10px;
		right: 2%;
		text-align:right;
	}
	#pageTop img{
	width:50% !important;
	}
	#dining .photo{
		margin-bottom:30px;
	}
}












