@charset "utf-8";
/* CSS Document */

/*****************************************/
/* 				共通部分の設定			 */
/*****************************************/
body{
	background: url(../img/background.png) top left repeat , #fadee5;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:150%;
	letter-spacing:0.5px;
	}
hr{
	background:url(../img/hr.jpg) top left repeat-x;
	max-width:800px;
	margin:auto;
	height: 32px;
	border:none;
	margin-bottom:20px;
	}
p{
	margin:0;
	padding:0;
	}	
/*　ヘッダー　*/
	
header{
	overflow: hidden;
	position: relative;
	margin:auto;
	}
@media screen and ( min-width:480px ){
header{
	height:60px;
	width:800px;
	margin-bottom:10px;
	}
header h1{
	position: absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	}
header p{
	position: absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	}
}
@media screen and ( max-width:479px ){
header{
	width:100%;
	}
header h1 img{
	width:90%;
	}
header p{
	text-align:right;
	}
}

	
/*　ナビゲーション　*/
nav{
	border-top:5px solid #600;
	border-bottom:5px solid #600;
	background:#ffffff;
	}
nav ul{
	margin:auto;
	text-align:center;
	}
nav li{
	list-style:none;
	text-align:center;
	margin:0;
	}
@media screen and ( min-width:480px ){
nav ul{
	width:800px;
	height:50px;
	}
nav li{
	padding: 10px 20px;
	display:inline-table;
	}
}
	
/*　フッター　*/
footer{
	margin:auto;
	text-align:center;
	}
@media screen and ( min-width:480px ){
footer{
	width:800px;
	}
}





/*****************************************/
/* 			メインコンテンツ設定		 */
/*****************************************/

#contents h2{
	margin:auto;
	text-align:center;
	}

@media screen and ( min-width:480px ){	
#contents h2{
	width:800px;
	}
}
@media screen and ( max-width:479px ){	
#contents h2{
	width:100%;
	}
#contents h2 img{
	height:60px;
}
}


/*　トップショップ情報　*/
article{
	margin:auto;
	padding:30px 0;
	overflow:hidden;
	position:relative;
	}

@media screen and ( min-width:480px ){	
article{
	width:800px;
	}
.shop_photo{
	width:410px;
	float:left;
	}
.shop_text{
	width:380px;
	float:right;
	text-align: justify;
	color:#333;
	font-size:small;
	
	}
}

@media screen and ( max-width:479px ){	
article{
	text-align:center;
	padding:20px;
	}
article img{
	width:100%;
}
.shop_text{
	text-align: justify;
	color:#333;
	font-size:small;
	
	}
}


/*　メニュー・インフォ　*/	
section{
	background:#ffffff;
	}
.before{
	background:url(../img/before.jpg) top center repeat-x;
	height:20px;
	margin-bottom:20px;
}
.after{
	background:url(../img/after.jpg) top center repeat-x;
	height:20px;
	margin-top:40px;
}
section ul li{
	list-style: none;
	display: inline-table;
	margin: 0 20px 30px 20px;
	padding:0;
}

@media screen and ( min-width:480px ){	

section{
	text-align:center;
	margin-bottom:50px;
}
section ul{
	width:800px;
	margin:auto;
	padding:20px 0;
}
section ul li{
	width:230px;
}
section ul li:nth-child(3n){
	margin: 0 0 30px 20px;
}
section ul li:nth-child(3n-2){
	margin: 0 20px 30px 0px;
}
section ul li img{
	width:230px;
}
}
@media screen and ( max-width:479px ){	

section{
	text-align:left;
	margin-bottom:20px;
}
section ul{
	padding:20px 10px;
}
section ul li img{
	width:100%;
}
}

.menu_title , .menu_price , .menu_text{
	margin:0;
	padding:0;
	color:#300;
	text-align: justify;
}
.menu_title{
	font-weight:bold;
	}
.menu_title small{
	font-weight:nomal;
}
	
.menu_price{
	font-size:small;
	}
.menu_text{
	font-size:small;
	margin:10px 0;
	}
	
.info_shopname{
	font-size:big;
	font-weight:bold;
	margin:10px 0;
	}

#map{
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}
#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}	
@media screen and ( min-width:480px ){	
#map{
	width:800px;
	margin: 0 auto 20px auto;
}
}