/*
//
//   メニュー共通
//
*/


#main .menu_topimg{

	display: none;

}

.menu_contents{



}

.menu_contents{

	padding: 40px 30px;
	padding: var(--res_40) var(--res_30);

}


.menu_contents h1.menu_title{

	font-size: 2.2em;
	margin-bottom: 10px;
	margin-bottom:  var(--res_10);
}

.menu_contents h1.menu_title .menu_title_border{

	position: relative;
	font-family: 'Capriola', sans-serif;
	color: #333;
	line-height: 1.5;
	display: inline-block;

}

.menu_contents h1.menu_title .menu_title_border::after{

	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 3px;
	background: #333;

	border-radius: 1.5px;


}

.menu_contents span.menu_komi{



}

.menu_contents .menu_contents_inner_wrap{

	margin: 40px 0;
	margin : var(--res_40) 0;

	border-bottom: 1px solid #484A48;
	padding-bottom: 40px;

}


.menu_contents .menu_contents_inner_wrap h2.menu_name{

	font-weight: bold;
	position: relative;
	font-size: 1.4em;

}


.menu_contents .menu_contents_inner_wrap h3.menu_price{

	font-weight: bold;
	font-size: 1.4em;

}


.menu_contents .menu_contents_inner_wrap p.menu_text{

	text-align: justify;
	margin-top: 20px;
	margin-top: var(--res_20);

}


.menu_contents .menu_contents_inner_wrap table{

	border-collapse:  collapse;
	margin-top: 20px;
	margin-top: var(--res_20);


}

.menu_contents .menu_contents_inner_wrap table tr td{

	position: relative;

	padding: 10px;
	padding: var(--res_10);
	border: 1px solid #484A48;

	font-size: 1.1em;

}

.menu_contents .menu_contents_inner_wrap table tr td.e{

	padding: 0;
	border: 0;
	width: 0;

}

.menu_contents .menu_contents_inner_wrap table tr.tax td{

	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;

	font-size: 1em;
	text-align: right;

}

.menu_contents .menu_contents_inner_wrap table tr td:last-child{

	font-size: 0.9em;

}

.menu_contents .menu_contents_inner_wrap ul{

	margin-right: 20px;
	margin-right:  var(--res_20);

}

.menu_contents .menu_contents_inner_wrap ul li{

	list-style: none;

}

.menu_contents .menu_contents_inner_wrap .sotsugyou {

	width: 100%;
	max-width: 510px;

}

.menu_contents .menu_contents_inner_wrap .sotsugyou img{

	width: 100%;
	max-width: 320px;
	margin-top: 20px;
	margin-top: var(--res_20);

}


@media only screen and (min-width: 560px){

	.menu_contents .menu_contents_inner_wrap .sotsugyou img{

		float: right;
		margin-top: 0;

	}

}



/*
//
//   ケラスターゼ
//
*/


.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow{

	overflow: hidden;
	width: 100vw;
	margin-top: 30px;
	margin-top: var(--res_30);
	margin-left: -30px;
	margin-left: calc(var(--res_30) * -1);

}

.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll{

	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100vw;
	background: #eee;

}

.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul{

	width: 800px;
	margin-left: 60px;

}

.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask{

	width: 1000px;
}


.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul li{

	float: left;
	width: 200px;
	text-align: center;

	padding: 20px 0;

}

.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul li img{

	height: 200px;
	margin: auto;

}

.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul li h4{

	margin: 20px 0 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	font-weight: bold;



}



#main.ani{

	padding-bottom: 0;

}

.menu_all_contets.anniversary{

	background: url("../medialuck/menu/new_model.jpg");
	width: 100%;
	min-height: 100vh;
	background-attachment:fixed;
	background-size: cover;
	background-position: center;

}

.menu_all_contets.anniversary .menu_contents{

	background: rgba(255,255,255,0.88);

}





/*
//
//   タブレット
//
*/



@media only screen and (min-width: 768px){


	#main .menu_topimg,
	#main .menu_contents{

		margin: 70px 40px 0;
		margin: var(--res_70) var(--res_40) 0;
		padding: 0;

	}

	#main .menu_topimg{

		margin-top: 70px;
		margin-top: var(--res_70);

	}


	#main .menu_all_contets.anniversary{

		margin-top: 0;

	}

	#main .menu_all_contets.anniversary .menu_contents{

		margin: 0;
		padding: 70px 40px 40px;
		padding: var(--res_70) var(--res_40) var(--res_40);

	}



	.menu_all_contets.anniversary{

		background-size: contain;
		background-repeat: revert;
    background-position: 150% 21%;

	}


	/*
	//
	//   ケラスターゼ
	//
	*/


	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow{

		width: 100%;
		margin: 20px 0;
		margin: var(--res_20) 0;
	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll{

		background: #fff;
		width: 100%;

	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul,
	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask{

		width: 100%;
		margin-left: 0;

	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul li{

		width: 25%;

	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask li{

		width: 20%;

	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask li img{

		height: 90px;

	}

	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask li h4{

		font-size: 0.8em;

	}



}



/*
//
//   ブラウザ
//
*/



@media only screen and (min-width: 1024px){



	.menu_all_contets.anniversary{

		background-position: 60% 21%;

	}



	.menu_contents .menu_contents_inner_wrap .sotsugyou {

		max-width: 600px;

	}




	/*
	//
	//   ケラスターゼ
	//
	*/


	.menu_contents .menu_contents_inner_wrap .kerastase_ul_overflow .overflow_scroll .kerastase_ul.mask li h4{

		font-size: 1em;

	}



}