@charset "UTF-8";
/* ---------------------------------------------------------------
	Lunch.css
--------------------------------------------------------------- */
/* 共通
------------------------------------------------------ */
#lunch h2{ background: url(../../lunch/img/title_bg.png) no-repeat center top;}
#lunch #contents {
	clear: both; margin: 0 auto; width: 100%; max-width: 1100px;
	background: url(../../lunch/img/contents_bg.png) no-repeat 10px 0;
}

#lunch #breadcrumb{ clear: both; margin: 5px auto; width: 100%; text-align: right;}
#lunch section{ margin: 0 auto 70px; width: 1100px;}

/*
------------------------------------------------------ */
#lunch #tit_area { margin: 0 0 35px;}
#lunch #tit_area h3 { padding: 60px 0 0; width: 605px; float: right;}
#lunch #tit_area h3>img { display: block; margin: 0 0 30px;}
#lunch #tit_area span { display: block;}
#lunch #tit_area>img { float: left;}

#lunch .detail{
	clear: both; margin: 0; width: 100%; display: table;
	line-height: 1.8; border-top: 1px solid #cbb493;
}
#lunch .detail:last-of-type{ border-bottom: 1px solid #cbb493;}

#lunch .detail h4,
#lunch .detail>div{ display: table-cell; box-sizing: border-box;}

#lunch .detail h4{
	padding: 10px 5px; width: 15%; text-align: center;
	font-weight: bold; vertical-align: middle; background: #f0e3d1;
}
#lunch .detail>div{
	padding: 10px 5px; width: 85%;
	vertical-align: top; background: #fff;
}

#lunch .detail dl {
	float: left; margin: 0 0 5px; padding: 0 5px;
	text-align: center; box-sizing: border-box;
	border-right: 1px solid #f0e3d1;
}

#lunch .detail dl:nth-of-type(1),
#lunch .detail dl:nth-of-type(4),
#lunch .detail dl:nth-of-type(8){ width: 15%;}

#lunch .detail dl:nth-of-type(3),
#lunch .detail dl:nth-of-type(5),
#lunch .detail dl:nth-of-type(6){ width: 13%;}

#lunch .detail dl:nth-of-type(2),
#lunch .detail dl:nth-of-type(7){ width: 8%;}

#lunch .detail dl:nth-of-type(8),
#lunch .detail dl:nth-of-type(9){ border-right: 0;}

#lunch .detail dt{ margin: 0 0 5px; padding: 3px; background: #fbf5eb;}
#lunch .detail dd{ padding: 5px 3px;}

#lunch .detail .note{
	clear: both; display: block; padding: 5px; width: 100%;
	text-align: left; border-top: 1px solid #f0e3d1;
}
#lunch .detail .note dt{ padding: 3px;}

#lunch .detail h4 span{ display: block; margin: 5px auto;}
#lunch .detail>div span{ display: inline-block; margin: 0 10px 0 0;}
#lunch .detail p{ margin: 0 0 5px;}
#lunch .detail p span{ display: block; margin: 0 auto;}

#lunch .course{ clear: both; margin: 0 0 10px; border-bottom: 1px solid #f0e3d1;}
#lunch .course:last-of-type{ border-bottom: 0;}
#lunch .course h5{ margin: 0 0 5px; padding: 0 10px; font-size: 14px;}



/* ---------------------------------------------------
	clear
------------------------------------------------------ */
#lunch section:after,
#lunch #tit_area:after,
#lunch .detail>div:after,
#lunch .course:after{ clear: both; content: "."; display: block; height: 0; font-size: 0; visibility: hidden; }