@charset "utf-8";



#wrap{

	color: #fff;

}



#wrap img{

	/* padding: 0px; */

	display: block;

}



#header{

	height: 451px;

	z-index: 2;

	background-color: #4d0000;

	width: 100%;

	overflow: hidden;

}	





#header_inner {

   position: relative;

   width:  640px; 

   margin: 0 auto;



}



#header_inner p {

   position: absolute;

   top:  0;

   left: 0;

   z-index: 8;

   opacity: 0.0;

   margin: 0;

   background-color: white; 

   height: 410px; 

}



#header_inner p.active {

   z-index: 10;

   opacity: 1.0;

}



#header_inner p.last-active {

   z-index: 9;

}



#header_inner p img {

   width:  640px;

   height: ; 

   display: block;

   border: 0;

   margin-bottom: 10px; 

}



.header_logo{

	position: absolute;

	padding: 30px;

	z-index: 99;

}



#contents{



}



/*メニュー*/

.menu {

	width: 100%;

	/* float:left; */

	/* margin-bottom:20px; */

}





#category_list {

	display:none;

	width:100%;

	height:150%;

	position: absolute;

	z-index: 99;

	top: 0px;

	background-color: #4d0000;

	color: #fff;

	padding-top: 80px;

}



#category_list img {

	width:80px;

}



#category_list ul {

	width: 300px;

	margin:0 auto;

	text-align:center;

	margin-top:30px;

}



#category_list li {

	display:-moz-inline-box;

	display:inline-block;

	display: block;

	zoom:1;

	border-bottom: 1px solid #fff;

	/* width: 220px; */

	padding-top: 20px;

	padding-bottom: 20px;

}



#panel {

}



.slide_btn {

	background-image:url(../img/menu.png);

	background-repeat:no-repeat;

	position: fixed;

	right: 10px;

	margin-top:0px;

	top: 10px;

	width: 81px;

	height: 81px;

	z-index: 99;

}



.slide_btn.active {

	background-image:url(../img/menu_close.png);

}



/*店舗詳細*/

.shop_ditail{

	padding: 10px;

	background-color: #4d0000;

}



.shop_ditail p{

	line-height: 180%;

}



.google-maps {

	position: relative;

	padding-bottom: 75%; // これが縦横比

	height: 0;

	overflow: hidden;

	z-index: 0;

}

.google-maps iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100% !important;

	z-index: 0;

}





/*こだわり*/

#section1{

	background-color: #ccc;

	/*display: none;*/

}



#section1 img{

	display: inline;

}

	

#section1 p{

	text-align: justify;

	padding: 10px;

	color: #333;

	font-size: 1em;

	line-height: 180%;

}



/*お品書き*/

#section2{

	background-color: #fff;

	display: none;

}



#section2 img{

	display: inline;

}

	

#section2 p{

	text-align: justify;

	padding: 10px;

	color: #333;

	font-size: 1em;

	line-height: 180%;

}



/*仕出し弁当*/

#section3{

	background-color: #ccc;

	display: none;

}



#section3 img{

	
}

	

#section3 p{

	text-align: justify;

	padding: 10px;

	color: #333;

	font-size: 1em;

	line-height: 180%;

}





#section4{

	background-color: #000;

	margin-bottom: -30px;

}



#section4_inner{

	width: 100%;

	/* height: 530px; */

	background-color: #141414;

	margin-bottom: 30px;

}



#section4_inner p{

	position: relative;


	color: #fff;

	padding: 20px;

	line-height: 160%;

	font-size: 1.2em;

}	



/*フード一覧*/

#food_menu{

	background-color: #2aa5d4;

}



#food_menu img{

	float:left;

}



.single{

	width: 50%;

}



.double{

	width: 100%;

}



.menu_btn_area{

	width: 320px;

	margin: 0 auto;

	text-align: center;

}



.menu_btn_area img{

	width: 100%;

	padding-bottom: 30px;

	margin-bottom: 20px;

}





#back{

	text-align: center;

	height: 25px;

	background-color: #4d0000;

	padding-top: 20px;

	padding-bottom: 10px;

	}

	



/* 430px以下---------------------------------------------------------------------------------------- */

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

	.footer{

		background-image: url(../img/sp_footerbk.png);

		background-position: 0 0;

		width: 100%;

		height: 200px;

		position: relative;

	}

	

	.footer img{

		vertical-align: middle;

		position: absolute;

		top: 30%;

		left: 20px;

	}

	

	.footer_p{

		font-size: 0.8em;

		height: 130px;

		float: right;

		margin-top: 64px;

		padding-right: 10px;

	}

	

	.footer_p p{

		line-height: 140%;

	}

}	

/* 431px以上---------------------------------------------------------------------------------------- */

@media screen and (max-width:431px) {

	.footer{

		background-image: url(../img/sp_footerbk.png);

		background-position: 0 0;

		width: 100%;

		height: 200px;

		position: relative;

	}

	

	.footer img{

		margin: 0 auto;

		padding-top: 10px;

		padding-bottom: 10px;

	}

	

	.footer_p{

		font-size: 0.8em;

		width: 250px;

		height: 87px;

		bottom: 10px;

		left: 0;

		right: 0;

		position: absolute;

		margin: auto;

	}

	

	.footer_p p{

		line-height: 140%;

	}

	

}



#gotop {

	display:none;

	position:fixed;

	bottom:65px;

	right:30px;

	z-index:1000;

}



#gotop img{

	right: 0px;

}