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


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* サイト名 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 767px) {
.logo h1	{margin: 0;
	line-height: 1;}

.logo h1 a	{color: #000;
	text-decoration: none;}

.logo span	{
	margin-top:10px;
	width: 100px;
	height: 46px;
	background-image:url(../img/common/header_logo.gif);
	background-size: 100% 100%;
	background-position: 0% 0%;
	display: inline-block;
	text-indent: -9999px;}}

@media (min-width: 768px) {
	.logo{display:none;
	}}

/* 新着情報 サンプル
-----------------------------------------------------------------*/

#HomeNews{ margin-top:8px; color:#FFFFFF; padding-bottom:22px; margin-bottom:30px;}
#HomeNews span.ttl{ display:block;}
#HomeNews a{color:#FFFFFF; text-decoration:none;}
#HomeNews a:hover{ text-decoration:underline;}
#HomeNews ul{ height:200px; padding-left:35px; overflow:auto;}

#HomeNews li{
	font-size:0.8em;
	padding:13px 0px 10px 0px;

}
#HomeNews li span{ color:#F08B1A; font-weight:bold; float:left; width:97px; padding-left:3px;}
*html #HomeNews li span{ width:100px;}
#HomeNews li p{ float:right;}



@media (max-width: 767px) {
	#HomeNews ul{ height:250px; padding-left:5px; width:95%;}
	*html #HomeNews ul{ width:90%;}
	#HomeNews li{width:90%;}
	#HomeNews li p{width:100%;}
	}
@media (min-width: 768px) {
	#HomeNews ul{ width:880px;}
	*html #HomeNews ul{ width:610px;}
	#HomeNews li{width:540px;}
	#HomeNews li p{width:440px;}
	#HomeNews ul{ height:200px;}
}



/* 新着情報
-----------------------------------------------------------------*/



.n_unit{
	border-bottom:1px dotted #999999;
	padding:5px 10px;
	margin-bottom:10px;
}

.n_unit .date{
	float:left;
	width:88px;
}



.n_unit a{
	text-decoration:none;
	font-weight:normal;
}

@media (max-width: 767px) {
	.news_box{
	margin-bottom:30px;
	width:100%;
}
.n_unit .news_right{
	float:right;
	width:100%;
}

	}
@media (min-width: 768px) {
	.news_box{
	margin-bottom:30px;
	width:800px;
}
.n_unit .news_right{
	float:right;
	width:750px;
}
}

/* 美味しさの秘訣
-----------------------------------------------------------------*/
.h_box{
	margin:0 10px 40px 10px;
}

.h_box img{
	padding-bottom:15px; 
}




.h_box ul{
	float:left;


}

.h_box li{
	border-left: dotted 1px #4d4d4d;
	padding:15px; 
	list-style-type:disc;	
}


@media (max-width: 767px) {
	.h_box .h_right{
	width:100%;
}

.h_box img{
	  margin: 0 auto;
  display: block;
}
	}

@media (min-width: 768px) {
	.h_box .h_right{
	float:left;
	width:440px;
}

.h_box img{
	float:right; 
}
	}


.m_box{
	margin:0 10px 50px 10px;
}

.m_box img{
	float:left;
	padding-left:50px;
	padding-right:30px; 	
	border-right: dotted 1px #4d4d4d;	
}



.m_box li{

}

.m_box .title-menu{
	padding:5px;
	margin-bottom:15px;
	font-size:18px;
	color:#FFF;
}

.m_box .comment-1{
	margin-bottom:10px;
		margin-left:20px;
	font-size:12px;

}

.m_box .comment-3{
	margin-bottom:10px;
	font-size:14px;
	padding:5px;
	background-color:#222;	
}

.m_box .comment-2{
	padding:5px 10px;
	margin-bottom:10px;
	font-size:14px;
	color:#FC6;
	border:dotted 1px #FFCC66;
	
}

.m_box .comment-4{
	margin-bottom:10px;
		margin-left:20px;
	font-size:10px;
}

.m_box .price{
	margin-bottom:10px;
	font-size:18px;
	color:#FF5555;
	font-weight:bold;
}


@media (max-width: 767px) {
.m_box{
	margin:0 10px 10px 10px;
}
.m_box img{ width: 80%;
margin:0 auto;}
.m_box .comment-1,
.m_box .comment-2,
.m_box .comment-3{
	display:none;
	}
.m_box .m_right,
.m_box .title-menu{
	width:95%;}
	
.m_box .m_right{
	float:left;
	
}
.m_box ul{
	float:left;
	padding-left:10px;
	width: 100%;
	border-bottom: double 4px #4d4d4d;
}

.m_box .title-menu{
	border-bottom: none;}

.m_box .comment-4{
	font-size:0.8em;}

}	

@media (min-width: 768px) {
.m_box .title-menu{width:400px;}
.m_box .m_right{
	float:right;
	width:400px;}
.m_box ul{
	float:right;
}

.m_box .title-menu{
	border-bottom: double 4px #4d4d4d;}

}



.c_box{
	margin:0 10px 50px 10px;
}


.c_box .c_center{
	color:#FF5555;
	border:solid 3px #FFCC66;
	background-color:#FFEECC;	
}

.c_box .box_01{
	float:left;
	
	
	color:#FFFFFF;
	text-align:center;
	background-color:#000000;	
}

.c_box img{
	padding-left:10px;
	padding-right:10px; 	
}

.c_box .price{
	margin-bottom:10px;
	font-size:18px;
	color:#FF5555;
	font-weight:bold;
}

.c_box .title_01{
	margin-bottom:15px;
	font-size:18px;
	color:#FF5555;
	font-weight:bold;
	border-bottom:dotted 1px #FFCC66;
	padding:0px 0px 5px 0px;
}


@media (max-width: 767px) {
.c_box .c_center,.t_box .t_center{
	width: 95%;
	padding: 10px;
	margin-right:0px;
	}
.c_box img,.t_box .box_01 img{
	width:70%;
	text-align:center;
	display:block;
	margin:0 auto;
	}
		
.c_box .comment-4{
		clear:both;
		display:block;}
		
.c_box .box_01,
.t_box .box_01{
	clear:both;
	width: 98%;
	margin-left: 5px;
	margin-right: 5px;
	}
.t_box .box_01{
	background-color:#1CEDD0;
	}
	}
@media (min-width: 768px) {
.c_box .c_center,.t_box .t_center{
	width:900px;
	padding:15px 0px 25px 25px;
	float:right;
	}
.c_box .box_01,
.t_box .box_01{
	width:250px;
	padding:10px;
	margin-right:30px;
	}
}

.t_box{
	margin:0 10px 50px 10px;
}

/*.t_box ul{
	float:right;
}

.t_box li{



.t_box .t_right{
	float:right;
	width:400px;
}}*/

.t_box .t_center{
	color:#FF5555;
	border:solid 3px #FFFFFF;
	background-color:#000000;	
}

.t_box .box_01{
	float:left;
	color:#FFFFFF;
	text-align:center;
	background-color:#000000;	
}

.t_box img{
	padding-left:10px;
	padding-right:10px; 	
}

.t_box .price{
	margin-bottom:10px;
	font-size:18px;
	color:#FF5555;
	font-weight:bold;
}

.t_box .title_01{
	margin-bottom:15px;
	padding:0px 0px 5px 0px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:dotted 1px #FFFFFF;
}

.t_box .price{
	margin-bottom:10px;
	font-size:18px;
	color:#FF5555;
	font-weight:bold;
}

.t_box .title-menu{
	border-bottom: double 4px #4d4d4d;
	padding:5px;
	margin-bottom:15px;
	font-size:18px;
	width:400px;
	color:#FFF;
}



.menu-title{
	margin-bottom:40px;
}


@media (max-width: 767px) {
.menu-title{
	display:none;}
.menu-title2 h2{
	font-size:1.5em;
	border-bottom: double 3px #FBFBFB;
	font-family:  "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E",
		"ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		font-weight:normal;
		margin-bottom:20px;}
.menu-title2 h2:before{
		content:"●";
		color:#D0070A;
	}
}
@media (min-width: 768px) {
.menu-title2{
	display:none;}
}


.font_f_mincho{
font-family:  "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E",
		"ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		font-weight:normal;}

/* こだわり
-----------------------------------------------------------------*/
.kadawari h2, .kadawari ul, .kadawari li{
	float:left;
}

.kodawari ul{
	height:199px;
}

.kadawari li{
	border-right: solid 1px #4d4d4d;
	height:127px;
	padding:36px 39px; 
}


html {
font-size:62.5%;
}
body {
	 -webkit-text-size-adjust: 100%;
font-size:14px;
font-size:1.4rem;
}
h1 {
font-size:24px;
font-size:2.4rem;
}
h2 {
font-size:21px;
font-size:2.1rem;
}
h3 {
font-size:18px;
font-size:1.8rem;
}
p {
font-size:14px;
font-size:1.4rem;
}
a {
font-size:14px;
font-size:1.4rem;
}

@media (max-width:767px){
h1 {
font-size:21px;
font-size:2.1rem;
}
h2 {
font-size:1.8px;
font-size:1.8rem;
}
h3 {
font-size:16px;
font-size:1.6rem;
}
p {
font-size:14px;
font-size:1.4rem;
}
a {
font-size:14px;
font-size:1.4rem;
}