/*---------------------------------------------------------------
	@ lead
---------------------------------------------------------------*/
.lead_text {
	padding-left:8px;	
	margin-bottom:8px;
	border-left:4px #f00 solid;
}
.lead_text strong {
	display:block;
	padding:4px 4px 4px 10px;
	margin-bottom:4px;	
	background-color:#FFF;
	font-size:125%;
	color:#000;
	font-weight:normal;
}
.lead {
	margin-bottom:24px;	
}
/*---------------------------------------------------------------
	@ recomend
---------------------------------------------------------------*/
#recomend {
	padding:20px 20px 0 20px;
}
#recomInwrap{
	position:relative;
	overflow:visible;
}
#recomBg {
	position:absolute;
	top:0; left:0;
	z-index:1;
	width:100%; height:100%;	
}
#recomBg img {
	position:absolute;
	top:0; left:0;
}
#recomItem {
	position:relative;
	z-index:2;
	padding-bottom:24px;
}
#recomItem:before,
#recomItem:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#recomItem:after {
	clear: both;
}
#recomItem {
	zoom: 1;
} /* IE < 8 */
#recomItem h2 {
	position:relative;
	padding:12px 0 0 90px;
	min-height:40px;
	background:url(/img/takeout/bg_recm_2.png) repeat-x 80px 8px;
	font-size:125%; /*15px*/
}
#recomItem h2 img {
	position:absolute;
	top:-20px; left:-20px;
}
#recomItem .img {
	float:left;
	padding-left:20px;
	margin-bottom:8px;
}
#recomItem .text {
	padding:0 15px;
	overflow:hidden;
	/zoom:1;
}
#recomItem .text table{
	float:right;
	margin-bottom:8px;
}
#recomItem .text td{
	padding:0 4px;
	text-align:right;
	font-size:118%; /*14px*/
}
#recomItem .text p{
	clear:both;
	margin-bottom:8px;
}
#recomItem .text .bg_gray{
	padding:14px;
	background-color:rgba(51,51,153,.2);
}
/*---------------------------------------------------------------
	@ clum_items
---------------------------------------------------------------*/
.clum_items {
	padding-left:20px;
}
.clum_items ul {
	margin-right:-18px;
	overflow:hidden;
	/zoom:1;
}
.clum_items li {
	float:left;
	margin:0 15px 20px 0;
	width:235px;
	overflow:hidden;
	/zoom:1;
}
.clum_items li .img {
	margin-bottom:8px;
}
.clum_items li .text .title,
.clum_items li .text h3{
	padding:4px 0;
	margin-bottom:8px;
	border-bottom:1px #fff dotted;
	font-weight:normal;
	font-size:125%;
}
.clum_items li table{
	margin-bottom:8px;
	float:right;
}

.clum_items li td{
	padding:0 3px;
	text-align:right;
}
.clum_items li p{
	clear:both;
	margin-bottom:8px;
}
.clum_items li .bg_gray{
	padding:8px 14px;
	background-color:rgba(255,255,255,.2);
}
/*---------------------------------------------------------------
	@ メニューの表示パターン1
---------------------------------------------------------------*/
.menu-default {
	overflow:hidden;
	/zoom:1;
}
.menu-default .img {
	margin-bottom:8px;
}
.menu-default .name {
	padding:4px 0 4px 8px;
	border-left:4px #f00 solid;
	margin-bottom:0px;
}
.menu-default .price {
	padding:4px 0;
	border-top:1px #fff dotted;
	text-align:right;
	clear:both;
}
.menu-default .price table{
	float:right;
}
.menu-default .txt {
	clear:both;
}
/*---------------------------------------------------------------
	@ メニューの表示パターン1
---------------------------------------------------------------*/
.menu-simple {
	overflow:hidden;
	/zoom:1;
}
.menu-simple .name {
	margin-bottom:0px;
}
.menu-simple .price {
	text-align:right;
	clear:both;
}
.menu-simple .price table{
	float:right;
}
.menu-simple .txt {
	clear:both;
}
/*---------------------------------------------------------------
	@ lunch_list
---------------------------------------------------------------*/
.lunch_list li { 
	margin-bottom:10px;
	overflow:hidden;
	/zoom:1;
}
.lunch_list li .lefty { margin-right:16px; }
.lunch_list li dl {
	overflow:hidden;
	/zoom:1;
}
.lunch_list li dt {
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:1px #fff dotted;
	font-size:120%;
	overflow:hidden;
	/zoom:1;
}

.lunch_list li dt span {
	display:block;
	float:right;
	font-size:80%;
}
/****************************************************************
 **  1024px -> 1279px
****************************************************************/
@media only screen and (max-width: 1279px) {
	#items li {
		float:none;
		width:auto;
		overflow:hidden;
	 	/zoom:1;
	}
	#items .img {
		float:left;
		margin-right:16px;
		margin-bottom:0;
	}
	#items .text {
		overflow:hidden;
		/zoom:1;
	}
	.clum_items ul{
		margin-right:0;
	}
	.clum_items li {
		float:none;
		width:auto;
	}
	.clum_items li .img{
		float:left;
		margin:0 16px 8px 0;
	}
	.clum_items li .text {
		overflow:hidden;
		/zoom:1;
	}

	#recomItem .text td{
		font-size:90%;
	}
}