/* CSS Document */

body
{
	margin:0px 2%;
	font-size: 12px;
	color:#333;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.style1 {font-size: 14px}

header,
#contents,
#bread,
footer{
	width:700px;
	margin:0 auto 20px;
}

footer{margin-bottom: 0;}

.footer{
	display: none;
}

a.jump{
	text-decoration: none;
	color: #333;
	display: block;
	margin: 10px auto 5px;
	text-align: center;
}

footer .copyright{
	display: block;
	margin:10px auto;
	text-align: center;
}


.header_pc{
	width:100%; margin-bottom:3px; font-size:10px;
}

header .header_logo{
	width:20%; height: 100%; margin-right:10px; display: inline-block; float:left; background-color:rgba(162,0,0,1.00);
}

header .header_text{
	width:calc(80% - 20px); display: inline-block; float:left; font-size:11px;
	padding-left:5px;
	margin-bottom: 4px;
	
	max-width: 537px;
}

header .header_text img{
	height: 30px;
	width: auto;
	margin:-5px 0 -2px -6px;
}



header ul{
	/*width: 500px;*/
	display: flex;
	list-style-type:none;
	/*justify-content :space-between;*/
	margin:4px 0 0 -10px;
	padding: 0;
}

footer{
	clear: both;
	text-align: center;
	margin:10px auto;
}

header div.header_description{
	margin:0;
	padding: 4px 0;
	background-color:#A20000;
	color:#fff;
	text-align: center;
}

header div.header_description ~ a{
	display: block;
	margin:20px auto -14px;
	width: 207px;
}

header ul li{
	margin:0 4px 0;
	padding: 0;
}

header ul li img{
		width: 98%;
		height: auto;
	}

#bread{
	margin:10px auto;
	padding-left: 10px;
}

#bread a{
	color:#333;
}

#contents{/*clear: both;*/}



img.w400{
	width: 400px; height: auto;
	display: block;
	margin: 0 auto 20px;
}

img.w500{
	width: 500px; height: auto;
	display: block;
	margin: 0 0px 20px;
}

img.w700{
	width: 700px; height: auto;
	display: block;
	margin:0 auto 20px;
}

img.w90p{
	width: 90%; height: auto;
	display: block;
	margin: 0 auto 20px;
}


.top_link{
	margin:10px auto 20px; padding: 0;
	display: flex;
	width: 96%;
	list-style-type: none;
	flex-wrap:wrap;
	justify-content:space-between;
}

.top_link li{
	margin:0 0.5% 4px;
	padding: 0;
	width: 32%;
	max-width: 211px;
}

.top_link li img{width: 100%; height: auto;}

.main{
background-image: url(image/logo02.gif); background-position:bottom left; background-color: #999999; background-repeat: no-repeat; width: 700px; background-size:180px auto;}

.main_shidashi{
	background-image: url(image/logo05.png);
	background-color:#97A67C;
}

.main_restaurant{
	background-image: url("image/restaurant/logo04.gif");
	background-color:#9BA99A;
}
.main_goaisatsu{
	background-image: url("image/goaisatsu/logo03.gif");
	background-color:#B39999;
}

.main_info{
	background-image: url("image/logo02.gif");
	background-color:#999999;
}

.main_contents{
	background-image: url("image/logo02.gif");
	background-color:#999999;
}

.main_takeout{
	background-image: url("image/takeout/logo06.gif");
	background-color:#C3A99A;
}



.main > div{
	margin-left:180px; background-color: #fff; width: 500px; padding: 0 10px 0 20px;
}

.link_button{
	display: block;
	background-color:#2d2025;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	margin:14px auto 40px;
	font-size: 14px;
}
	
.top_h01{
	text-align: center;
	font-weight:bold;
	font-size:24px;
	margin-bottom:10px;
	margin-top:-10px;
}

.top_h02{
	/*width: 500px;*/
	padding: 10px 0;
	background-color: #bfadae;
	text-align: center;
	color:#2d2025;
	margin:0 0px 20px;
	font-size:18px;
}

.main_restaurant{
	font-size:14px;
}

.main .h01,
.main_shidashi .h01,
.main_shidashi .h02,
.main_goaisatsu .h02{
	font-size:18px;
	font-weight: bold;
	text-align: center;
	margin:0 auto 10px;
}

.main_restaurant .h01{
	width:80%;
	margin:30px auto 20px;
}

.main_goaisatsu .h01{
	width:90%;
	font-size: 130%;
	margin:0px auto 20px;
	padding-top: 20px;
}

.main_restaurant .h02,
.main_takeout .h02{
	/*width: 500px;*/
	padding: 10px 0;
	text-align: center;
	color:#fff;
	margin:0 0px 20px;
	font-size:24px;
}

.main_restaurant .h02{
	background-color:#9BA99A;
}

.main_takeout .h02{
	background-color:#c3a99a;
	margin-top:20px;
}

.main_restaurant .text,
.main_goaisatsu .text{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.main_restaurant span{
	color:crimson;
	font-weight: bold;
	display: block;
	margin-top:6px;
	margin-bottom: 30px;
}

.main_restaurant ul{
	list-style-type: none;
	margin:0 auto 20px;
	padding: 0;
	width:96%;
}

.main_restaurant ul li{
	float: left;
	width:44%;
	margin:0 3% 10px;
	background-image: url("image/menu-hiroya-back01.gif");
	background-repeat: no-repeat;
	background-size: contain;
}


.main_restaurant .menutab{
	background-color:#A20000;
	color:#fff;
	font-weight: bold;
	text-align:center;
	margin:0 4%;
}

.main_restaurant table{
	width: 92%;
	margin:0 4% 20px;
}


.main_restaurant table tr{
	border-bottom: 1px dashed #333;
}

.main_restaurant table td{
	vertical-align: top;
	border-bottom: 1px dashed #333;
}

.main_restaurant table td.price{
	width:60px;
	text-align:right;
}

.main_restaurant ul li img{
	display: block;
	margin:30px auto;
}


.main_shidashi .text{
	text-align: center;
	font-size:18px;
}

.main_info .h01{
	margin:0px auto 20px;
	padding-top: 20px;
}

.main_info .text{
	text-align: center;
	/*font-size:18px;*/
}

.main_takeout .text{
	padding-bottom: 20px;
	/*font-size:18px;*/
}
.main_takeout .text span{
	color: crimson;
	font-weight: bold;
	display: block;
	margin-top:10px;
}


.footer{
	display: none;
	background-color:#ac9293;
	text-align: center;
	color:#fff;
	font-size:12px;	line-height: 110%;
	padding: 6px 0 4px;
	
	border-bottom: 6px solid #9b0000;
}

.footer div{
	font-size:18px;
	font-weight: bold;
	margin:0;

}

.footer img{
	display: block;
	margin:0px auto -10px;
	width: 80px;
}

.footer a{
	color:#fff;
	text-decoration: none;
}


@media screen and (max-width:700px){
	body {margin:0px;}
	
	header,
	#contents,
	#bread,
	footer{
		width:auto;
		font-size: 11px;
	}
	
	#contents{
		margin:0 0 10px;
	}
	
	header{
		/*margin-top:10px;
		margin-bottom:0px;*/
	}
	
	.header_pc{ display: none;}
	
	header .header_text{
		padding-left: 0.0vw;
	}
	header .header_text img{
		margin-left: -1.0vw;
		
		width:100%; height: auto;
		/*margin:0 auto;*/
	}
	
	header ul{
		width: 100%;
		margin:0.5vw 0 0;
		justify-content :space-between;
		clear: both;
	}
	
	header ul li{
		margin: 10px 0;
		height: 4vw;
	}
	
	header ul li img{
		width: 98%;
		height: auto;
	}
	
	#contents .w400{
		width: 80%;
		max-width:400px;
		margin:0 auto 10px;
	}
	
	#contents .w500{
		width: 100%;
		max-width:600px;
		margin:0 auto 10px;
	}
	#contents .w700{
		width: 100%;
		margin:0 auto 10px;
	}
	
	.footer{
		display: block;
	}
	
	.main{
		width: 100%;
	}
	
	.main > div{
		margin-left: 0; width: 100%;
		padding: 0 0px;
	}
	
	.main .text{
		width:92%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.top_h01{
		font-size:5vw;
	}
	
	.main_shidashi .h01,
	.main_shidashi .h02{
		font-size: 3.6vw;
	}
	
	.main_shidashi .text{
		font-size:3.6vw;
	}
	
	.main_restaurant ul{
		margin-left: auto;
		margin-right: auto;
		width:460px;
	}
	
	.main_restaurant ul li{
		max-width:211px;
	}
}


@media screen and (max-width:480px){
	.footer {font-size: 3vw; /*margin-left: -10px; margin-right: -10px;*/}
	.footer div{
	font-size:4vw;
	margin:0; padding: 0;
	/*font-weight: bold;
	*/
}
	
	/*
.main_restaurant ul li{
	float:none;
	display: block;
	width:270px;
	margin:0 auto 10px;
	padding: 20px 0;

	background-size: 100% 150px;
}
	.main_restaurant ul li img{
	display: block;
	margin:0px auto 20px;
}*/
	
	.main_restaurant ul{
		margin:0 auto 20px;
		width:calc(90% + 20px);
		display: block;
	}
	
	.main_restaurant ul li{
		width:44%;
		max-width: 211px;
		font-size:75%;
	}
	
	.main_restaurant ul li img{
	background-image: none;
	width: 90%;
	max-width: 150px;
	height: auto;
	margin:10% auto;
}
	
	
}