@charset "utf-8";

@import url("./common.css");

/*-----------------------------------------------------------------------
コンテンツ用
-----------------------------------------------------------------------*/

/*　コンテンツ共通　*/
div#content_head{
	display:table;
	min-height:15%;
	width:100%;
}

div#content_head::before{
	position:fixed;
	top:0;
	left:0;
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../image/cmn_bg_image_w.jpg");
	content:"";
}

div#navi div#navigation_list ul li a:link,
div#navi div#navigation_list ul li a:visited,
div#navi div#navigation_list ul li a:hover,
div#navi div#navigation_list ul li a:active{
	color:#000;
}

div#content_body{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:60px 0;
	color:#000;
	background-color:#FFF;
}

div#content_body div#content_box{
	width:80%;
	margin:0 auto;
}

div#content_body div#content_box h1{
	letter-spacing:.3em;
	text-indent:.3em;
	font-size:280%;
	margin-bottom:50px;
	text-align:center;
}

div#content_body div#content_box h2{
	margin-top:50px;
}

div.gram_list_01{
	text-align:left;
}

div.gram_list_01 ul{
	margin:0;
	padding:0;
}

div.gram_list_01 ul li{
	list-style:none;
	background:url(../image/cmn_listmark_01.jpg) no-repeat 8px 11px;
	padding-left:40px;
}

span.annotation_01{
	font-size:60%;
	letter-spacing:0;
	text-indent:0;
}

span.annotation_02{
	font-size:80%;
	letter-spacing:0;
	text-indent:0;
}

span.gram_font_01{
	font-weight:bold;
}

@media screen and (max-width:600px){
	span.line_break_600::before{
		content:"\A";
		white-space:pre;
	}
}

/*　salonページ用　*/
div.salon_box{
	margin:20px auto 50px auto;
}

div.salon_box h2{
	text-align:center;
	border-bottom:1px solid #614721;
	padding-bottom:10px;
	margin-bottom:0;
	letter-spacing:.2em;
	text-indent:.2em;
	color:#614721;
}

div.salon_box div{
	margin-top:20px;
	line-height:2.5em;
	text-align:center;
}

div#nydc_box{
	padding:30px;
	background:#e8e8e8;
	border-radius:10px;
}

div#nydc_box div:nth-child(1){
	font-weight:bold;
	font-size:120%;
	letter-spacing:.2em;
	text-indent:.2em;
}

div.salon_info > div:nth-child(1){
	box-sizing:border-box;
	display:inline-block;
	border-radius:10px;
	padding:8px 16px;
	background:#5f5249;
	color:#FFF;
}

div.salon_info > div:nth-child(2){
	line-height:2em;
}

div#fb_box{
	width:100%;
	overflow:auto;
	margin-top:40px;
	padding-top:40px;
	border-top:1px dotted #CCC;
}

div.salon_media_img{
	padding-top:10px;
}

div.salon_media_img a{
	display:inline-block;
	margin:10px;
}

div#salon_map img{
	width:100%;
	max-width:500px;
	object-fit:cover;
}

/*　priceページ用　*/
div.price_box{
	margin:20px auto 50px auto;
}

div.price_box h2{
	text-align:center;
	border-bottom:1px solid #614721;
	padding-bottom:10px;
	margin-bottom:0;
	letter-spacing:.2em;
	text-indent:.2em;
	color:#614721;
}

div.price_box ul{
	margin:0;
	padding:0;
}

div.price_box ul li{
	list-style:none;
	background:url(../image/cmn_listmark_01.jpg) no-repeat 8px 32px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	border-bottom:dotted 1px #999;
	line-height:1.8em;
}

/*　galleryページ用　*/
div.gallery_box{
	text-align:center;
}

div.photo_box{
	width:250px;
	margin:10px;
	cursor:pointer;
	display:inline-block;
}

div.movie_box{
	position:relative;
	width:100%;
	max-width:560px;
	margin:20px auto 40px auto;
}

div.movie_box::before{
	display:block;
	content:"";
	padding-top:56.25%;
}

div.movie_box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div#more_photos{
	text-align:center;
	margin:100px auto;
}

div#more_photos > div{
	margin:20px 0;
}

div#more_photos > div:nth-child(1){
	font-size:200%;
	letter-spacing:.2em;
	text-indent:.2em;
}

div#more_photos > div:nth-child(2){
	line-height:2em;
}

div#more_photos > div:nth-child(3){
	width:58px;
	margin:50px auto;
}


/*　staffページ用　*/
div#content_body div#content_box div.staff_box{
	width:100%;
	margin:50px auto;
	padding-bottom:30px;
	border-bottom:1px dotted #000;
	text-align:center;
}

div#content_body div#content_box div.staff_box div{

}

div#content_body div#content_box div.staff_box div:nth-child(1){
	
}

div#content_body div#content_box div.staff_box div:nth-child(2){
	font-size:90%;
	margin-top:20px;
}

div#content_body div#content_box div.staff_box div:nth-child(3){
	font-size:180%;
	letter-spacing:.2em;
	text-indent:.2em;
	font-family:'Quicksand', sans-serif;
}

div#content_body div#content_box div.staff_box div:nth-child(4){
	font-size:120%;
	margin-top:10px;
	line-height:1.7em;
}

div#content_body div#content_box div.staff_box div:nth-child(5){
	margin-top:20px;
	line-height:2em;
}

/*　recruitページ用　*/
div#no-recruitment_box{
	width:100vw;
	height:100vh;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border:1px dotted #999;
	padding:20px;
}

/*　privacyページ用　*/
div.privacy_text{
	width:100%;
	margin: 0 auto;
	text-align:left;
	line-height:2em;
}


@media screen and (max-width:600px){
	div#navi div#navigation_list ul li a::after{
		background:none;
	}

	div#navi div#navigation_list ul li a:link,
	div#navi div#navigation_list ul li a:visited,
	div#navi div#navigation_list ul li a:hover,
	div#navi div#navigation_list ul li a:active{
		color:#FFF;
	}
	
	div#content_body div#content_box{
		width:85%;
	}
}