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

/* 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-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 80px auto 0;
}
.photo-menu_inner-card-wrap .photo-menu_inner-card,
.photo-menu_inner-card-wrap .photo-menu_inner-card:nth-child(2n){
	float: none;
	margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
	.photo-menu_inner-card-wrap{
		margin: 40px auto 0;
	}
	.photo-menu_inner-card-wrap .photo-menu_inner-card,
	.photo-menu_inner-card-wrap .photo-menu_inner-card:nth-child(2n){
		margin: 0 auto 40px;
	}
}

.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;
}
.photo-menu_inner-card:not(:has(figure)) .ttl-price_wrap{
	margin: 0 auto;
}
.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.center{
	text-align: center;
}
.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.center{
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

h3.text-menu_ttl .small{
	display: inline-block;
	font-size: 1.8rem;
	color: #676327;
	margin-bottom: 1em;
}

h3.text-menu_ttl .jp{
	letter-spacing: normal;
}

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: 1.6;
	width: 80%;
	margin: 7px auto;
	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: 1.6;
	text-align: right;
	width: 20%;
	margin: 7px auto;
	float: right;
}
dl.text-menu_list.sp-d-block dd.text-menu_price:empty{
	height: 0;
}

@media screen and (max-width: 500px) {
	dl.text-menu_list.sp-d-block dt.text-menu_name{
		width: 100%;
		line-height: 1.4;
		margin-top: 14px;
	}
	dl.text-menu_list.sp-d-block dd.text-menu_price + dt.text-menu_name{
		margin: 4px auto;
	}
	dl.text-menu_list.sp-d-block dd.text-menu_price{
		width: 100%;
		line-height: 1.4;
		border-bottom: solid 1px #999;
		margin: 0 auto 14px;
		padding-bottom: 14px;
	}
}



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

/* 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:has(.box){
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.course-ttl_dinner .box{
	display: inline-block;
	font-size: 2rem;
	border: solid 1px rgb(103, 99, 39);
	margin-right: .5em;
	padding: 3px .5em;
}

.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;
	}	
}


/*ページトップのお知らせ/////////////////////////*/
.news_wrap{
	padding: 60px 0;
}
.news_wrap.pt0{
	padding-top: 0;
}
.news_wrap.pb0{
	padding-bottom: 0;
}
.news_wrap p{
	position: relative;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	margin-bottom: 1.5em;
	padding-bottom: 10px;
}
.news_wrap p::before{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 50%;
	width: 1.5em;
	height: 1px;
	background: #fff;
	transform: translateX(-50%);
}
.news_wrap h3{
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.news_wrap{
		padding: 30px 0;
	}
	.news_wrap.sp-pb30{
		padding-bottom: 30px;
	}
	.news_wrap p{
		font-size: 1.4rem;
	}
	.news_wrap h3{
		font-size: 1.8rem;
	}
}


/*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: 2;
}
@media screen and (max-width: 768px) {
	ul.course-menu_list li{
		font-size: 12px;
		font-size: 1.2rem;
		/* height: 20px; */
	  line-height: 1.6;
	}	
}
.menu_list_col2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.menu_list_col2{
		display: block;
	}
}
.menu_list_col2 ul.course-menu_list{
	width: 48%;
	margin-top: 0;
}
@media screen and (max-width: 768px) {
	.menu_list_col2 ul.course-menu_list{
		width: 100%;
	}
}

ul.course-menu_list .list_ttl{
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	ul.course-menu_list .list_ttl{
		font-size: 1.2rem;
	}	
}
ul.course-menu_list ul.num_list li{
	text-indent: -1.5em;
	padding-left: 1.5em;
}


/* 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;
}
}

.section-btn{
	margin: 30px auto;
}
.section-btn p{
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
}
p:has(.link_btn){
	text-align: center;
	margin: 1em auto 0;
}
a.link_btn{
	display: inline-block;
	width: fit-content;
	min-width: 130px;
	font-family: 'Fauna One', serif;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	background: #a70000;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 2.5em;
}
a.link_btn.bg-white{
	color: #000;
	background: #fff;
}
a.link_btn:hover{
	opacity: .5;
}