@charset "utf-8";


/* /////////////////////////////////////////////////

	Main CSS
	
	Author	yk
	Date	2014/09/12

///////////////////////////////////////////////// */

/* メニュー
   ========================================================================== */
   
h1{
	padding:0;
	margin:0;
}
   
h1 img{
	width:100%;
	zoom:1;
	-moz-transform:scale(1, 1);
}

#menuTab h2{
	color:#9F8D7B;
	border-left:3px solid;
	margin-left:10px;
	padding-left:5px;
}

#menuTab ul{
	padding:0;
	margin:0 0 6px;
	overflow:hidden;
}

#menuTab ul li{
	float:left;
	width : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(50% - 7px) ;
	width : calc(50% - 7px) ;
	height:45px;
	padding:6px 3px;
	text-align:center;
}

#menuTab ul li.single{
	float:left;
	width : 96% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 7px) ;
	width : calc(100% - 7px) ;
}

#menuTab ul li a{
	display:block;
	height:15px;
	padding:15px 0 15px;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(248, 248, 246, 1) 0%,rgba(247, 246, 244, 1) 32.4%,rgba(241, 240, 237, 1) 44.06%,rgba(235, 233, 229, 1) 50.47%,rgba(237, 235, 232, 1) 50.5%,rgba(240, 238, 235, 1) 50.59%,rgba(234, 232, 228, 1) 50.65%,rgba(221, 216, 210, 1) 50.73%,rgba(249, 248, 242, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(248, 248, 246, 1) 0%, rgba(247, 246, 244, 1) 32.4%, rgba(241, 240, 237, 1) 44.06%, rgba(235, 233, 229, 1) 50.47%, rgba(237, 235, 232, 1) 50.5%, rgba(240, 238, 235, 1) 50.59%, rgba(234, 232, 228, 1) 50.65%, rgba(221, 216, 210, 1) 50.73%, rgba(249, 248, 242, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(248, 248, 246, 1) ),color-stop(0.324,rgba(247, 246, 244, 1) ),color-stop(0.4406,rgba(241, 240, 237, 1) ),color-stop(0.5047,rgba(235, 233, 229, 1) ),color-stop(0.505,rgba(237, 235, 232, 1) ),color-stop(0.5059,rgba(240, 238, 235, 1) ),color-stop(0.5065,rgba(234, 232, 228, 1) ),color-stop(0.5073,rgba(221, 216, 210, 1) ),color-stop(1,rgba(249, 248, 242, 1) ));
	background : -o-linear-gradient(-90deg, rgba(248, 248, 246, 1) 0%, rgba(247, 246, 244, 1) 32.4%, rgba(241, 240, 237, 1) 44.06%, rgba(235, 233, 229, 1) 50.47%, rgba(237, 235, 232, 1) 50.5%, rgba(240, 238, 235, 1) 50.59%, rgba(234, 232, 228, 1) 50.65%, rgba(221, 216, 210, 1) 50.73%, rgba(249, 248, 242, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(248, 248, 246, 1) 0%, rgba(247, 246, 244, 1) 32.4%, rgba(241, 240, 237, 1) 44.06%, rgba(235, 233, 229, 1) 50.47%, rgba(237, 235, 232, 1) 50.5%, rgba(240, 238, 235, 1) 50.59%, rgba(234, 232, 228, 1) 50.65%, rgba(221, 216, 210, 1) 50.73%, rgba(249, 248, 242, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F6', endColorstr='#F9F8F2' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(248, 248, 246, 1) 0%, rgba(247, 246, 244, 1) 32.4%, rgba(241, 240, 237, 1) 44.06%, rgba(235, 233, 229, 1) 50.47%, rgba(237, 235, 232, 1) 50.5%, rgba(240, 238, 235, 1) 50.59%, rgba(234, 232, 228, 1) 50.65%, rgba(221, 216, 210, 1) 50.73%, rgba(249, 248, 242, 1) 100%);
	border:1px solid #9F8D7B;
}

#menuTab ul li a img{
	width: auto;
	height: 15px;
	zoom: 1;
	-moz-transform: scale(1, 1);
}



#menuTab p{
	color:#505050;
	font-size:12px;
	padding-left:20px;
}

#menuTab p.attention_bridal{
	border:1px solid;
	margin:10px;
	padding:10px;
}

#menuTab p.attention_bridal strong{
	display:block;
	font-size:14px;
	margin-bottom:8px;
}


#menuWrap .menuBox .reservationBox{
	text-align:center;
	padding:6px 0;
}

#menuWrap .menuBox .reservationBox h3{
	margin-bottom:6px;
}

#menuWrap .menuBox{
	padding-bottom:24px;
	text-align:left;
}

#menuWrap .menuBox img{
	width:100%;
}

#menuWrap .menuBox h2{
	height:36px;
	padding:0;
	margin:0;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	line-height:36px;
	text-align:center;
	background-color:#9F8D7B;
}

#menuWrap .menuBox h3.title{
	font-size:16px;
	color:#505050;
	font-weight:bold;
	border-bottom:1px solid #505050;
	margin-bottom:10px;
}


#menuWrap .menuBox h2 img{
	width:21px;
	height:18px;
	margin:9px 6px;
	zoom:1;
	-moz-transform:scale(1, 1);
}

#menuWrap .menuBox div{
	width:300px;
	margin:0 auto;	
}

#menuWrap .menuBox p{
	color:#505050;
	font-size:14px;
	line-height:21px;
}

#menuWrap .menuBox ul{
	padding:0;
}

#menuWrap .menuBox ul.flatPrice{
	text-align:center;
}

#menuWrap .menuBox ul li{
	padding-bottom:12px;
}

#menuWrap .menuBox ul li img{
	width:100%;
	zoom:1;
	-moz-transform:scale(1, 1);
	border:1px solid #9F8D7B;
}

#menuWrap .menuBox ul li h3{
	margin:3px 0;
	color:#9F8D7B;
	font-size:16px;
	line-height:18px;
}

#menuWrap .menuBox ul.flatPrice li h3{
	margin:15px 0 12px;
}

#menuWrap .menuBox ul li h3 span{
	display:inline-block;
	color:#c3bda4;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
}

#menuWrap .menuBox ul li h3 span:before{
	display:inline-block;
	content:' ';
	width:16px;
	height:16px;
	margin:0 0 0 9px;
	background-image:url(/images/menu/icon_time.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:contain;
}

#menuWrap .menuBox ul li p{
	color:#505050;
	font-size:12px;
	line-height:18px;
}

#menuWrap .menuBox ul.flatPrice li p{
	font-size:14px;
	line-height:21px;
}

#menuWrap .menuBox ul li .price{
	margin:0 0 6px;
	overflow:hidden;
	font-size:14px;
	line-height:24px;
}

#menuWrap .menuBox ul li .price i{
	display:block;
	float:left;
	width:150px;
	height:10px;
	border:0;
	border-bottom:2px dotted #cdcdcd;
	margin-right: 10px;
}

#menuWrap .menuBox ul li .price i.option{
	display:block;
	float:left;
	width:210px;
	height:10px;
	border:0;
	border-bottom:2px dotted #cdcdcd;
}


#menuWrap .menuBox ul li .price b{
	display:block;
	color:#9F8D7B;
}

#menuWrap .menuBox ul li .price b.utikeshi{
	text-decoration:line-through;
	float: left;
}

#menuWrap .menuBox ul li .price b.coupon{
	color:#C71114;
	float:right;
}


#menuWrap .menuBox ul li .subMenu{
	margin:0;
	color:#9F8D7B;
	font-size:14px;
	line-height:24px;
}

#menuWrap .bnr{
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}

#menuWrap .bnr img{
	height:91px;
	zoom:1;
	-moz-transform:scale(1, 1);
}

#menuWrap .bnr img+img{
	height:91px;
	zoom:1;
	-moz-transform:scale(1, 1);
}

#menuWrap .menuBox .comment{
	margin-top:0;
	margin-bottom:30px;
	text-align:right;
}

#menuWrap .menuBox strong{
	display:block;
	margin-bottom:10px;
	font-size:18px;
}

#menuWrap .menuBox ul.eyelash li{
	margin-top:20px;
	border-bottom:1px solid #9F8D7B;
}

#menuWrap .menuBox ul.eyelash li img{
	border:none;
}