/*===============================================*/

/* menu.CSS  */

/*last up 2018.05.17 1stコース*/

/*===============================================*/

/*===============================================*/

/* photo-menu  */

/*===============================================*/
.photo-menu_wrap{
	width: 90%;
	max-width: 1370px;
	margin: 0 auto 0;
	padding: 50px 0 70px 0;
	font-size: 0;
}
	@media screen and (max-width: 768px) {
	.photo-menu_wrap{
		padding: 10px 0 40px 0;
	}	
}

.photo-menu_inner-card{
	color: #fff;
	float: left;
	width: 46%;
	max-width: 645px;
	margin: 80px 6% 0 0;
}
.photo-menu_inner-card:nth-child(2n){
	margin: 80px 0 0 0;
	}
@media screen and (max-width: 768px) {
	.photo-menu_inner-card{
		float:none;
		width: 100%;
		max-width: 645px;
		margin: 40px auto 0;
	}
	.photo-menu_inner-card:nth-child(2n){
	 margin: 40px auto 0;
	}
}

.photo-menu_inner-card img{
	width: 100%;
	height: auto;
}
.photo-menu_image{
	transition: .8s;
	overflow: hidden;}


/*price-wrap///////////////////////////*/
.ttl-price_wrap{
	margin: 36px auto 0;
	width: 96%;
	max-width: 620px;
}
.ttl-price_wrap:has(.set-ttl.font-2_5){
	display: flex;
	align-items: flex-end;
}
	.set-ttl{
		font-size: 32px;
		font-size: 3.2rem;
		font-family: 'Fauna One', serif;
		float: left;
		letter-spacing: 0.1em;
	}
	.set-ttl.font-2_5 {
		font-size: 2.5rem;
		width: calc(100% - 6.5rem);
	}
	.dinner-menu-ttl{
		font-size: 22px;
		font-size: 2.2rem;
		float: left;
		letter-spacing: 0.1em;
	}

	.set-price{
		float: right;
		font-size: 18px;
		font-size: 1.8rem;
		text-align: right;
	}
	.ttl-price_wrap:has(.set-ttl.font-2_5) .set-price{
		line-height: normal;
	}

@media screen and (max-width: 768px) {
	.ttl-price_wrap{
		margin: 12px auto 0;
	}
	.ttl-price_wrap:has(.set-ttl.font-2_5){
		display: grid;
	}
		.set-ttl{
			font-size: 24px;
			font-size: 2.4rem;
		}
		.set-ttl.font-2_5{
			width: 100%;
		}
		.dinner-menu-ttl{
			font-size: 16px;
			font-size: 1.6rem;
		}
		.set-price{
			font-size: 14px;
			font-size: 1.4rem;
		}
}

/*---///---*/

h4.set-h4{
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 0.1em;
	width: 96%;
	max-width: 620px;
	margin: 28px auto 0;
}
@media screen and (max-width: 768px) {
	h4.set-h4{
		font-size: 16px;
		font-size: 1.6rem;
		margin: 8px auto 0;
	}
}

.photo-menu_explain{
	color: #999999;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.65em;
	letter-spacing: 0.1em;
	width: 96%;
	max-width: 620px;
	margin: 8px auto 0;
}
@media screen and (max-width: 768px) {
	.photo-menu_explain{
		font-size: 12px;
		font-size: 1.2rem;
		margin: 4px auto 0;
		height: auto;
	}	
}
.photo-menu_explain a:link { color: #ffffff; text-decoration: underline;}
.photo-menu_explain a:visited { color: #ffffff; text-decoration: underline;}
.photo-menu_explain a:hover { color:rgba(107,112,23,1.00); text-decoration: none; }
.photo-menu_explain a:active { color: #ffffff; text-decoration: none; }

/*===============================================*/

/* photo-menu-L  */

/*===============================================*/
.photo-menu-L_wrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0;
	padding: 50px 0 30px 0;
	font-size: 0;
}
	@media screen and (max-width: 768px) {
	.photo-menu-L_wrap{
		padding: 30px 0 15px 0;
	}	
}

.photo-menu-L_image{
	width: 100%;
	transition: .8s;
	overflow: hidden;
}

.photo-menu-L_image img{
	width: 100%;
	height: auto;
}

.photo-menu-L_txt-wrap{
	width: 90%;
	max-width: 640px;
	margin: 32px auto 0;
}
	.dinner-menu-L-ttl{
		width: 96%;
	  max-width: 620px;
		margin: 0 auto 0;
		font-size: 22px;
		font-size: 2.2rem;
		letter-spacing: 0.1em;
		color: #fff;
	}
@media screen and (max-width: 768px) {
.dinner-menu-L-ttl{
		font-size: 16px;
		font-size: 1.6rem;
	}
}


/*===============================================*/

/* text-menu  */

/*===============================================*/
.text-menu_wrap{
	background-color:rgba(20,20,20,1.00);
	background-image: url(../lunch/img/ume_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	width:100%;
	margin: 0 auto 0;
	padding: 90px 0;
	position: relative;
}
@media screen and (max-width: 768px) {
	.text-menu_wrap{
		padding: 40px 0;
		background-position: right;
		background-size: cover;
	}	
}

.text-menu{
	width: 90%;
	max-width: 400px;
	margin: 0 auto 0;
	overflow: hidden;
}

h3.text-menu_ttl{
		font-size: 32px;
		font-size: 3.2rem;
		font-family: 'Fauna One', serif;
		float: left;
		letter-spacing: 0.1em;
	  margin: 0;
}

@media screen and (max-width: 768px) {
		h3.text-menu_ttl{
			font-size: 24px;
			font-size: 2.4rem;
		}
}

h3.text-menu_ttl-dinner{
		font-size: 20px;
		font-size: 2rem;
		letter-spacing: 0.3em;
	  margin: 40px auto 0;
		color: rgba(103,99,39,1.00);
}
@media screen and (max-width: 768px) {
		h3.text-menu_ttl-dinner{
			font-size: 18px;
			font-size: 1.8rem;
		}
}


dl.text-menu_list{
	width: 100%;
	max-width: 400px;
	margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
	dl.text-menu_list{
		margin: 20px auto 0;
	}	
}

dl.text-menu_list dt.text-menu_name{
	font-size: 14px;
	font-size: 1.4rem;
	height: 36px;
	line-height: 36px;
	width: 80%;
	margin: 0 auto 0;
	float: left;
}


dl.text-menu_list dt.text-menu_name-2dan{
	font-size: 14px;
	font-size: 1.4rem;
	height: 36px;
	line-height: 1;
	width: 80%;
	margin: 0 auto 0;
	float: left;
}


dl.text-menu_list dd.text-menu_price{
	font-size: 14px;
	font-size: 1.4rem;
	height: 36px;
	line-height: 36px;
	text-align: right;
	width: 20%;
	margin: 0 auto 0;
	float: right;
}



/*===============================================*/

/* course-menu  */

/*===============================================*/
.course-menu_wrap{
	color: #fff;
	width:100%;
	margin: 0 auto 0;
	padding: 90px 0 120px;
	position: relative;
}
	@media screen and (max-width: 768px) {
		.course-menu_wrap{
			padding: 40px 0 60px;
		}	
	}

.section-course{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto 0;
}

.course-image{
	width: 100%;
	transition: .8s;
	overflow: hidden;
}
.course-image img{
	width: 100%;
	height: auto;
}

.mrt80-40{
	margin-top: 80px;
}
	@media screen and (max-width: 768px) {
		.mrt80-40{
			margin-top: 40px;
		}
	}



/*cource-ttl  ////////////////////////*/
.course-ttl_wrap{
	height: 32px;
	width: 90%;
	max-width: 640px;
	margin: 36px auto 0;
	position: relative;
}
	.course-ttl{
		width: 65%;
		font-size: 32px;
		font-size: 3.2rem;
		font-family: 'Fauna One', serif;
		letter-spacing: 0.1em;
	  margin: 0;
		position: absolute;
		bottom: 0;
	}
	.course-price{
		width: 35%;
		font-size: 18px;
		font-size: 1.8rem;
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: right;
	}

@media screen and (max-width: 768px) {
		.course-ttl_wrap{
			height: auto;
			margin: 36px auto 0;
		}
		.course-ttl{
				font-size: 24px;
				font-size: 2.4rem;
			}
		.course-price{
			font-size: 14px;
			font-size: 1.4rem;
		}
}

/*dinner-cource-ttl-----------------/////
-------------------------------------/*/
.course-ttl_dinner{
	color: rgba(103,99,39,1.00);
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: 0.1;
	width: 90%;
	max-width: 640px;
	margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
	.course-ttl_dinner{
		margin: 24px auto 0;
		letter-spacing: 0.05;
		font-size: 18px;
		font-size: 1.8rem;
	}	
}

.course-ttl_dinner_1st{
	color: rgba(103,99,39,1.00);
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: 0.1;
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.course-ttl_dinner_1st{
		margin: 24px auto 0;
		letter-spacing: 0.05;
		font-size: 18px;
		font-size: 1.8rem;
	}	
}



/*dinner-price-ttl---//////*/
.course-price_dinner{
	color: rgba(103,99,39,1.00);
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 0.1em;
	width: 90%;
	max-width: 640px;
	margin: 10px auto 0;
}
@media screen and (max-width: 768px) {
	.course-price_dinner{
		margin: 10px auto 0;
		font-size: 14px;
		font-size: 1.4rem;
	}	
}



/*cource-menu_list/////////////////////////*/

.course-menu_list-wrap{
	width: 90%;
	max-width: 640px;
	margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
	.course-menu_list-wrap{
		margin: 20px auto 0;
	}
}

h4.course-menu_list-ttl{
	margin: 0 auto 0;
	font-size: 20px;
	font-size: 2rem;
}
@media screen and (max-width: 768px) {
	h4.course-menu_list-ttl{
		font-size: 16px;
		font-size: 1.6rem;
	}
}


.course-menu_list-text{
	margin: 18px auto 0;
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.course-menu_list-text{
		margin: 10px auto 0;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/*cource-explain/////////////////////////*/
.cource-menu_explain{
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.cource-menu_explain{
		font-size: 12px;
		font-size: 1.2rem;
	}	
}


/*cource-menu_text-list/////////////////////////*/
ul.course-menu_list{
	width: 100%;
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	ul.course-menu_list{
		margin-top: 10px;
	}
}

ul.course-menu_list li{
  color: #999999;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	height: 28px;
	line-height: 28px;
}
@media screen and (max-width: 768px) {
	ul.course-menu_list li{
		font-size: 12px;
		font-size: 1.2rem;
		height: 20px;
	  line-height: 20px;
	}	
}


/* reserve  ------------------------------------------------------------------
-------------------------------------------------------------------------*/
.reserve-wrap{
	background-color: #000;
	background-image: url( ../course/img/reserve_bg.jpg);
	background-position: center;
	background-size: cover;
	padding: 96px 0 126px;
	width: 100%;
	position: relative;
}
@media screen and (max-width: 768px) {
.reserve-wrap{
	padding: 48px 0 68px;
}
}

h2.h2-reserve{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
		transition: 1.2s;
	overflow: hidden;
}

ul.reserve-list{
	margin: 60px auto 0;
	max-width: 640px;
	width: 96%;
	color: #fff;
}

ul.reserve-list li{
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	margin: 14px auto 0;
}
@media screen and (min-width: 768px) {
ul.reserve-list li br {
	display: none;
}
}


.kokuchi-tel_button{
	width: 100%;
	text-align: center;
	margin: 48px auto 0;
	transition: 1.2s;
	overflow: hidden;
}


@media screen and (max-width: 768px) {
	.kokuchi-tel_button{
		width: 90%;
		text-align: center;
		margin: 24px auto 0;
	}
	
	.reserve-wrap img{
	width: 100%;
	height: auto;
}
}



/*===============================================*/

/* Tax-in  */

/*===============================================*/
.tax-in{
	position: absolute;
	color: #fff;
	letter-spacing: 0.1;
	font-size: 12px;
	font-size: 1.2rem;
	right: 20px;
	bottom: 12px;
}

.menu-new{
	color: red;
	font-size: 10px;
	font-weight: 600;
	margin-right: 5px;
}


/*===============================================*/

/* CSS-animation  */

/*===============================================
.list-mv07{
	opacity: 0;
	transform: translate(0,70px); 
	-webkit-transform: translate(0,70px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
*/


/*===============================================*/

/* 1st course  */

/*===============================================*/
.course-wrap{
 	width: 100%;
	max-width: 1200px;
	margin: 42px auto 0;
}
.course-wrap img{
 	width: 100%;
	height: auto;
}

.right-box_1st{
	width: 50%;
	max-width: 600px;
	text-align: center;
	float: right;
}

.image-1st{
	width: 50%;
	max-width: 600px;
	text-align: center;
	float: left;
}

.text-1st{
	color: #676327;
	font-size: 24px;
	width: 96%;
	max-width: 1200px;
	margin: 48px auto 0;
	text-align: center;
}

.image-1st_list{
	width: 100%;
	max-width: 1200px;
	margin: 42px auto 0;
}

.image-1st_list li{
	width: 50%;
	max-width: 600px;
	margin: 0;
	float: left;
}
.image-1st_list li img{
 	width: 100%;
	height: auto;
}

.image-1st_button--yoyaku{
	width: 300px;
	margin: 36px auto;
}
.image-1st_button--yoyaku img{
	width: 100%;
	height: auto;
}


@media screen and (max-width: 768px) {
	.text-1st{
	font-size: 20px;
	margin: 24px auto 0;
	text-align: center;
}

.right-box_1st{
	width: 100%;
	max-width: 600px;
	text-align: center;
	float: none;
	margin: 20px auto;
}

.image-1st{
	width: 100%;
	max-width: 600px;
	text-align: center;
	float: none;
	margin: 0 auto;
}
.image-1st_list li{
	width: 100%;
	max-width: 600px;
	text-align: center;
	float: none;
	margin: 0 auto;
}
}