@charset "utf-8";
/* ===================================================================
CSS information

 file name  :restaurant.css
 author     :Ability Consultant
style info  :お食事ページ設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
#restaurant .con_intro {
	width: 950px;
	margin:120px auto 60px auto;
	text-align:center;
}
#restaurant .con_intro h3{
	margin:36px 0 30px 0;
	font-size: 1.5rem;
	font-weight: lighter;
}


/* -----------------------------------------------------------
	.con_view
----------------------------------------------------------- */
.con_view {
	width: 100%;
	margin:0 auto 70px auto;
	text-align:center;
	color:#000;
	padding:50px 0 50px 0;
	position:relative;
	background-color: rgba(213,219,197,0.8);
}
.con_view h3{
	margin:0 0 30px 0;
	text-align:center;
	font-size: 1.4rem;
	font-weight: lighter;
	color: #425311;
}
.con_view p.note {
	width: 620px;
	margin: 0 auto;
	text-align: center;
}

.con_view .box_view{
	width: 950px;
	margin:30px auto 0 auto;
	overflow:hidden;
}

/* .head_arrow  .bottom_arrow
----------------------------------------------------------- */
.con_view .head_arrow{
	position:absolute;
	top:0;
	left:47%;
}

.con_view .bottom_arrow{
	position:absolute;
	left:47%;
	bottom:-28px;
}

/* -----------------------------------------------------------
	.con_chef
----------------------------------------------------------- */
#restaurant .con_chef {
	width: 950px;
	clear:both;
	margin:0 auto 88px auto;
	overflow:hidden;
}
#restaurant .con_chef h3{
	margin:0 0 30px 0;
	text-align:center;
}


/* -----------------------------------------------------------
	.con_food
----------------------------------------------------------- */
#restaurant .con_food {
	width: 950px;
	clear:both;
	margin:0 auto 88px auto;
	overflow:hidden;
}
#restaurant .con_food h3{
	margin:0 0 2rem 0;
	text-align:center;
	font-size: 1.4rem;
	font-weight: lighter;
}
#restaurant .con_food p {
	text-align: center;
	margin-bottom: 4rem;
}

#restaurant .con_food ul li{
	float:left;
	margin-right:40px;
	margin-bottom:45px;
}
#restaurant .con_food ul li.last{
	margin-right:0px;
}


/* -----------------------------------------------------------
	.con_gaiyo
----------------------------------------------------------- */
#restaurant .con_gaiyo {
	width: 950px;
	clear:both;
	margin:60px auto 100px auto;
	overflow:hidden;
}
#restaurant .con_gaiyo h4{
	margin-bottom:30px;
}
#restaurant .con_gaiyo table{
	width: 950px;
}



#tmpBanner {
	width: 620px;
	margin: 30px auto 50px;
}

/* -----------------------------------------------------------
	#breakfirst
----------------------------------------------------------- */
#breakfirst {
	width: 950px;
	margin: 60px auto 100px auto;
}
#breakfirst h4 {
	margin-bottom: 30px;
}
#breakfirst .con_breakfisrt {
	width: 950px;
	overflow: hidden;
}
#breakfirst .con_breakfisrt .description {
	width: 390px;
	float: left;
}
#breakfirst .con_breakfisrt .description .ct {
	padding-top: 30px;
	margin-bottom: 45px;
	font-size: 1.4rem;
}

#breakfirst .con_breakfisrt .image {
	width: 545px;
	float: right;
}



h3.dinnerTitle {
	width: 950px;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: lighter;
}
/* -----------------------------------------------------------
	郷土和膳
----------------------------------------------------------- */
#wazen {
	width: 950px;
	margin: 0 auto 8rem;
}
#wazen h4 {
	text-align: center;
	margin-bottom: 2rem;
}

#wazen p.ct {
	text-align: center;
	margin: 40px 0;
	font-size: 1.6rem;
	font-weight: 200;
}

#wazen .boxWazen {
	width: 950px;
	margin: 0 auto 60px;
	overflow: hidden;
}
#wazen .boxWazen .box_l {
	/*width: 350px;*/
	width: 390px;
	float: left;
	padding-top: 15px;
}
#wazen .boxWazen .box_l h5 {
	font-size: 1.3rem;
	font-weight: 200;
}
#wazen .boxWazen .box_l h5 span {
	font-size: 0.8rem;
}

#wazen .boxWazen .box_l p {
	margin-top: 40px;
	line-height: 1.8;
}

#wazen .boxWazen p.image {
	width: 493px;
	float: right;
}

/* -----------------------------------------------------------
	バイキング
----------------------------------------------------------- */
#biking {
	width: 950px;
	margin: 0 auto 50px;
}
#biking p.ct {
	text-align: center;
	margin: 40px 0;
}
#biking .boxBiking {
	background: url(../restaurant/images/bg_biking.jpg) no-repeat 0 0;
	width: 380px;
	padding-left: 570px;
	padding-top: 5px;
	margin: 0 auto 20px;
	height: 370px;
	
}
#biking .boxBiking h5 {
	font-weight: 200;
	font-size: 18px;
}
#biking .boxBiking p {
	margin-top: 20px;
	line-height: 1.8;
}


#meat {
	width: 950px;
	margin: 0 auto 120px;
}
#meat h3 {
	font-size: 1.5rem;
	font-weight: 200;
	text-align: center;
}
#meat .wrapper {
	width: 100%;
	overflow: hidden;
}
#meat .wrapper .boxMeat {
	width: 217px;
	margin: 10px;
	float: left;
}
#meat .wrapper .boxMeat h4 {
	font-size: 1.0rem;
	margin: 10px 0;
}

.option_d {
	width: 950px;
	margin: 0 auto 8rem;
}
.option_d h3 {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 400;
	margin-bottom: 3rem;
}
.option_d .wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.option_d .wrapper article {
	width: 48%;
}
.option_d .wrapper article h4 {
	padding: 1rem 0;
	font-size: 1.3rem;
	font-weight: 400;
}

#sake {
	width: 950px;
	margin: 0 auto 8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 5rem;
	border-bottom: 1px solid #ccc;
	
}
#sake h3 {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 400;
	margin-bottom: 3rem;
	width: 100%;
}

#sake .image {
	width: 580px;
}
#sake .wrapper {
	width: 330px;
}
#sake .wrapper h4 {
	font-weight: 400;
	font-size: 1.2rem;
	margin: 2rem 0;
}