/*========================================
p02山家料理のcss

　●　おすすめポイント
　●　夕食
　●　朝食
　●　昼食

色メモ

　濃い緑　：　458d2c
　薄い緑　：　d0e1b1
　茶　色　：　55390e
　オレンジ：　f8b551
========================================*/

/*========================================
　●　おすすめポイント
========================================*/
.osusumeArea{
 width: 1140px;
 margin: 0 auto 60px auto;
}

.osusumeTitleArea{
 width: 500px;
 color: #55390e;
 padding-top: 5px;
}

.osusumeImgArea{
 width: 640px;
}


.osusumeTitleArea p{
 padding: 0 30px 0 40px;
 color: #55390e;
 font-size: 1.8rem;
}


.osusumeImgArea{line-height: 0;}

.osusumeImgArea figure{
 display: inline-block;
 border: 5px #fff solid;
 box-shadow: 4px 3px 8px -2px #555555;
}

/*------------------------------ エリア内の細かい設定 */
#rice .osusumeTitleArea{height: 465px; background: url("../images/p02cuisine/osusume0101.jpg") center bottom no-repeat,#fff;}
#rice .osusumeImgArea{height: 465px; background: #377729;}


#rice .osusumeImgArea figure{
 position: absolute; right: 25px; bottom: 30px;
 margin: 15px 0 0 25px;
 transform: rotate(-5deg);
}


#soba .osusumeTitleArea{height: 550px; background: url("../images/p02cuisine/osusume0201.jpg") center bottom no-repeat,#fff;}
#soba .osusumeImgArea{height: 550px; background: url("../images/bg/bg05.jpg");}

#soba .osusumeImgArea figure:nth-child(1){
 margin: 15px 0 0 15px;
}
#soba .osusumeImgArea figure:nth-child(2){
 position: absolute; right: 25px; bottom: 30px;
 margin: 15px 0 0 25px;
 transform: rotate(-5deg);
}


#masu .osusumeTitleArea{height: 450px; background: #fff;}
#masu .osusumeImgArea{
 height: 450px;
 text-align: center;
 background: #000;
}


/*========================================
　●　夕食
========================================*/
.dinner_padding01{padding-top: 20px;}

.dinnerInner{
 margin-bottom: 50px;
 padding: 0 0 15px 0;
}

.dinnerInner h3 + figure{padding-bottom: 10px; text-align: center;}

/*============================== 料理詳細 */
.dinnermenu{
 width: 870px;
 margin: 0 auto;
 color: #55390e;
 font-size: 1.8rem;
}

.dinnermenu figure{
 float: left;
 width: 290px;
 padding-top: 10px;
}

.dinnermenu figure figcaption{
 font-size: 1.5rem;
 line-height: 1.2;
 text-align: center;
}


.dinnermenu ul{
 clear: both;
 padding-top: 15px;
}

.dinnermenu li{
 display: inline;
 padding: 0 12px 0 0;
 font-size: 1.6rem;
}

.dinnermenu li:before{content: "・"; padding-right: 5px;}

.d_box{
	width: 100%;
	max-width:1140px;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
}
.d_img{
	width: 70%;
	font-size: 0;
}
.d_img img{
	width: 100%;
}
.menu{
	width:30%;
	padding: 2% 2.5%;
	box-sizing: border-box;
	background-color: #e8efd3;	
}
.menu h4{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.menu ul li{
	font-size: 16px;
}
.single_box{
	width: 100%;
	max-width:1140px;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.single_box::after{
  content:"";
  display: block;
  width:19%;
}
.single{
	width: 19%;
	margin-bottom: 20px;
}
.single img{
	width: 100%;
}
.single dd{
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 1.4em;
}
.slider01{
	width: 800px;
	/*overflow: hidden;*/
	margin: 30px auto 10px;
}
.slider02{
	width: 640px;
	height: 450px;
	/*overflow: hidden;*/
}
.slick-prev{left: 10px; z-index: 5;}
.slick-next{right: 10px;}
.slick-dots{bottom:10px; z-index: 5;}
.slick-dots li button:before{
	color: #FFFFFF;
	opacity: .8;
}
.slick-dots li.slick-active button:before{
	color: #95ff28;
	opacity: 1;
}

/*========================================
　●　朝食
========================================*/
.morningInner{
 margin-bottom: 50px;
 padding: 0 0 50px 0;
}

.morningInner h3 + figure{padding-bottom: 10px; text-align: center;}

/*============================== 料理詳細 */
.morningmenu{
 width: 800px;
 margin: 0 auto;
 color: #55390e;
 font-size: 1.8rem;
}

.morningmenu figure{
 float: left;
 width: 290px;
 padding-top: 10px;
}

.morningmenu figure figcaption{
 font-size: 1.5rem;
 line-height: 1.2;
 text-align: center;
}


.morningmenu ul{
 clear: both;
 padding-top: 15px;
}

.morningmenu li{
 display: inline;
 padding: 0 12px 0 0;
 font-size: 1.6rem;
}

.morningmenu li:before{content: "・"; padding-right: 5px;}


/*========================================
　●　昼食
========================================*/
.lunch{
 height: 450px;
 margin-bottom: 50px;
 color: #55390e;
 font-size: 1.8rem;
 background: url("../images/bg/bg07.jpg");
}

#lunchTitle{
 width: 260px;
}

#lunchImg{
 width: 880px;
 padding: 25px 0 0 18px;
}

.lunch_tate_p{
 padding: 70px 0 0 30px;
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/*------------------------------ エリア内の細かい設定 */
#lunchTitle h3{
 position: absolute; top: 0; right: 0;
}

#lunchTitle p{
}