@charset "UTF-8";
/* CSS Document */

/* cuisine page
=============================================================================*/
#cuisine #mainVisual {	background-image:url(../img/cuisine/cuisine_mainimg.jpg) }
#lead {
	height: 430px;
	background-image: url(../img/cuisine/cuisine_leadbg.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 120px;
	text-align: center;
	}
.cont_ttl {
	background-color: #25221e;
	text-align: center;
	}

#cont01 { }
.menuArea {
	clear: right;
	float: right;
	width: auto;
	height: auto;
	font-size: 0.9em;
	}
.menuArea h4 { 
	position: absolute;
	top: 40px;
	right: 40px;
	}
	.menuArea h4 img {margin-bottom: 1em;}
	.menuArea > ul {margin-right: 3em}
	.menuArea li { list-style: disc outside; margin-top: 1.5em;}
	.menuArea ul li ul { display: block; height: 100%; margin-left: 1em;}
	.menuArea ul li ul li { list-style:none; font-size: 0.93em; margin-top: 1em;}

.gallery_wrap {
	float: right;
	margin: 0 -100px 0 0;
	height: auto;
	width: 750px;
	position: relative;
	}
.gallery .cont img {
	height: auto;
	width: 100%;
	}
.pager {
	width: 95%;
	margin: 0px auto;
	}
	.pager .cont {
	margin: 5px 2px;
	float: left;
	opacity: 1;
	cursor: pointer;
	transition: .3s;
	}
	.pager .cont img {max-width: 100px!important; width: 100%;height: auto;}
	.pager .cont:hover,.pager .cont.active,.pager .cont.slick-current { opacity: 0.65; }
/* Arrows */
.arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: block;
	font-size: 1em;
	font-weight: 600;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	/*color: transparent;*/
	border: none;
	outline: none;
	background: rgba(255,255,255,0.25);
	}
.prev { left: -1.3em; padding-right: 0.7em;}
.next { right: -1.3em; padding-left: 0.7em;}

.layout {}
.layout .txtArea {
	width: 420px;
	height: auto;
	float: right;
	margin: 25px -50px 0 0;
	}
	.layout.rv .txtArea {float: left; margin: 25px 0 0 -50px;}
	.layout .txtArea h3 { float: right;}
	.layout .txtArea .txt {
	font-size: 1em;
	width: auto;
	float: right;
	margin-top: 2.5em;
	margin-right: -3.5em;
	}
.layout .imgArea {
	width: 780px;
	height: 520px;
	float: left;
	margin: 0 0 0 -180px;
	}
	.layout.rv .imgArea {float: right;margin: 0 -180px 0 0;}

#cont01lead.layout .txtArea { height: 520px;}
#cont01lead .bnr_time {
	clear: both;
	float: left;
	padding: 12px;
	background-color: #4d443a;
	margin: 15px 0px 30px 0px;	
	}

#summer { min-height: 600px;margin-bottom: 70px;}
#summer.layout .txtArea {position: absolute;top: 25px;right:70%;}
#summer.layout .txtArea h3 {padding-top: 4em; margin-top: -4em}
#summer .img02 {
	clear: both;
	float: left;
	margin: -100px 0 0 -230px;
	}
#summer .menuArea {
	clear: right;
	float: right;
	margin: 40px 0px;
	height: 375px;
	width: 669px;
	position: relative;
	}

#autumn {
	height: 1300px;
	background: url(../img/cuisine/cuisine0103bg.jpg) no-repeat right bottom;
	}
#autumn .layout { margin-bottom: 0px;}
#autumn .layout .txtArea { width: 250px;}
#autumn .layout .imgArea {
	float: right;
	width: 690px;
	height: auto;
	margin:-30px 0 20px 0;
	}
	#autumn .layout .imgArea img { width: 100%; height: auto;}
#autumn .img02 {
	position: absolute;
	top: 310px;
	left: -250px;
	}
#autumn .menuArea {
	margin-top: -50px;
	height: 370px;
	width: 669px;
	position: relative;
	}
#autumn .layout .gallery_wrap {
	position: absolute;
	top: 690px;
	left: -60px;
	width: 690px;
	height: auto;
	}

#kinoko {margin-bottom: 70px;}
#kinoko .img02 {
	float: left;
	margin: -120px 0 0 0;
	}

#winter { height: 1300px; margin-bottom: 70px;}
#winter .layout .txtArea {position: absolute;top: 0px;right:70%;height: 300px;}
#winter .layout .txtArea h3 {padding-top: 4em; margin-top: -4em}
#winter .layout .txtArea .txt {}
#winter .layout .imgArea {margin: 0 -100px 0 0;}
#winter .img02 {
	position: absolute;
	top: 370px;
	left: -240px;
	}
#winter .menuArea {
	margin: -30px -30px 0 0;
	height: 340px;
	}
#winter .layout .gallery_wrap {
	position: absolute;
	top: 780px;
	left: 100px;
	width: 690px;
	height: auto;
	}
#spring {
	height: 1200px;
	margin-bottom: 10px;
}
#spring .layout .txtArea {position: absolute;top: 30px;right: 0;height: 300px;}
#spring .layout .txtArea h3 {padding-top: 4em; margin-top: -4em}
#spring .layout .txtArea .txt {}
#spring .layout .imgArea {margin: 0 0 0 -30px;}
#spring .img02 {
	position: absolute;
	top: 420px;
	left: -260px;
	}
#spring .menuArea {
	clear: right;
	float: right;
	margin: 00px 0px;
	height: 375px;
	width: 820px;
	position: absolute;
	top: 350px;
	right: -100px;
	}
#spring .layout .gallery_wrap {
	position: absolute;
	top: 600px;
	left: 190px;
	width: 690px;
	height: auto;
	}

#cont02 { height: 1000px; }
	#cont02 .txtArea { float: right;margin: 35px 90px 0 0; }
	#cont02 .imgArea { float: left; }
	#cont02 .img01 { position: absolute;top: 0;left: 0px; }
	#cont02 .img02 { position: absolute;top: 310px;left: -210px; }
	#cont02 .img03 { position: absolute;top: 480px;left: -30px; }
	#cont02 .img04 { position: absolute;top: 375px;left: 345px; }
	#cont02 .img05 { position: absolute;top: 540px;left: 550px; }
	#cont02 .img06 { position: absolute;top: 440px;left: 840px; }
#cont02 .bnr_time {
	clear: both;
	float: right;
	padding: 12px;
	background-color: #4d443a;
	margin: 40px 120px 0px 0px;	
	}
#cont03 { }
	#cont03 .bg {
	background-image: url(../img/cuisine/cuisine_03bg.jpg);
	background-position: center;
	background-size: cover;
	height: 800px;
	}
	#cont03 .txtArea { float: left;margin-top: 50px; }
	#cont03 .imgArea { float: right; }
	#cont03 .img01 { position: absolute;top: 0px;right: 0px; }
	#cont03 .img02 { position: absolute;top: 310px;right: 210px; }
#cont04 { height: 1000px; }
	#cont04 .txtArea { float: right;margin: 30px 90px 0 0; }
	#cont04 .imgArea { float: left; }
	#cont04 .img01 { position: absolute;top: 0;left: -200px; }
	#cont04 .img02 { position: absolute;top: 420px;right: -100px; }