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


body{
	color:#666666;
	background:#FFF url(../jpg/bg-5.jpg);
}

dl.kiyaku{
	margin:0px 0px 30px 0px;
}

dl.kiyaku dt{
	margin:20px 0px 0px 0px;
	font-weight:bold;
	font-size:108%;
}


/*********************/


#salon_main{
	width:100%;
	min-height:120px;
	max-height:150px;
	overflow:hidden;
}

#portfolio li img{
	width:100%;
}







#mainimages{
	width:100%;
	margin:0;
	padding:0;
}

#mainimages ul,#mainimages li{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}


#mainimages li img{
	height:100%;
	margin:0;
	padding:0;
}


/*********************/

.top_banner,.banner{
	width: 96%;
	margin: 2% auto;
	padding: 0 2%;
}

.top_banner img,.banner img{
	width: 80%;
	border: solid 1px #aaa;
	box-sizing: border-box;
}

.ec_mono{
	width: 30vw;
	margin: 5% auto 1%;
	padding: 0;
	line-height: 1;
}

.ec_list{
	margin: 0;
	padding: 0;
}

.ec_list p{
	font-size: 78%;
}

.ec_list ul{
	display: flex;
	justify-content: space-around;
	width: 60vw;
	margin: 3% auto 0;
}

.ec_list li{
	width: 20%;
	filter: drop-shadow(0px 0px 1px #999);
}



/*********************/



#salon_photo{
	margin:20px 0px;
}

#salon_photo li{
	float:left;
	width:33%;
	height:auto;
}

#salon_photo li img{
	width:90%;
}



#salon_sns{
	margin:0 0 30px;
}



#salon_sns img{
	margin:0 2px;
}


/*********************/

.familysalon_recruit{
	text-align:left;
	width:90%;
	margin:0px auto;
	border:solid 1px #d6cebd;
}


.familysalon_recruit h2{
	text-align:center;
	font-size:108%;
	color:#b5a179;
	margin:0px;
	padding:0px;
}


.familysalon_recruit dl{
	clear:both;
	margin:0px 0px 30px 0px;
}

.familysalon_recruit dt{
	float:left;
	width:23%;
	padding:1% 3% 1% 0%;
}

.familysalon_recruit dd{
	float:right;
	width:73%;
	padding:1% 0% 1% 1%;
}

/*********************/

.group_recruit{
	text-align:left;
	width:90%;
	margin:0px auto;
	border:solid 1px #d6cebd;
}


.group_recruit h2{
	text-align:center;
	font-size:108%;
	color:#b5a179;
	margin:0px;
	padding:0px;
}


.group_recruit dl{
	clear:both;
	margin:0px 0px 30px 0px;
}

.group_recruit dt{
	font-weight:bold;
}

.group_recruit dd{
	margin:0px 0px 30px 0px;
}


/*********************/

.recruit_company{
	clear:both;
	width:94%;
	margin:0px auto 50px;
}



.recruit_company dl{
	clear:both;
	font-size:108%;
	text-align:left;
	margin:0 0 0px;
	padding:30px 0px 0px 0px;
	background:url(../png/h2_bg.png) no-repeat center top;
}

.recruit_company dt{
	font-weight:bold;
	color:#7f7361;
}

.recruit_company dd{
	padding:0px 0px 15px;
}

.recruit_company p{
	text-align:left;
	font-size:80%;
}


/*********************/



#concept_sakamaki{
	width:70%;
	text-align:right;
	margin:-30px auto 0px;
}

#concept_sakamaki img{
	width:80%;
}


/*
======= 坂巻さんページここから =======
*/

.sakamaki_profile{
	width:60%;
	/* text-align:right; */
	margin:0px auto 0px;
}

.sakamaki_profile img{
	width:80%;
}



ul.sns_link_list{
	display: flex;
	width: 90vw;
	justify-content: space-between;
	margin-left: auto;
	/* margin-right: auto; */
	/* margin-bottom: 48px; */
	text-align: center;
}

.sns_link_list li{
	width: 30px;
}

.sns_link_list li img{
	width: 100%;
}


.sakamaki_profile_topics{
	/* clear:both; */
	margin:0px 0px 64px 0px;
	/* text-align:center;
	font-size:12px; */
}

.sakamaki_profile_name{
	text-align: center;
	margin-bottom: 24px;
}

.sakamaki_profile_name span{
	font-size: 80%;
}

.sakamaki_profile_name h2{
	margin-bottom: 8px;
}

/*********************/


.tabloid_img{
	text-align:center;
	margin:10px 0px;
}

.tabloid_img img{
	width:100%;
}



/*********************/


ul.kids{
	clear:both;
	margin:40px auto 30px;
	width:100%;
}

ul.kids li{
	float:left;
	width:25%;
	text-align:center;
}

ul.kids li img{
	width:90%;
}



/*********************/

.media{
	padding:10px 0px 30px 0px;
	margin:0px 0px 10px 0px;
	background:url(../png/h2_bg.png) no-repeat center top;
}

.media h2 .s{
	margin:0px 0px 20px 0px;
	font-size:80%;
	font-weight:normal;
}


.media ul{
	margin:20px 0px 0px 0px;
}

.media li{
	float:left;
	margin:0px 0px 20px 0px;
	width:33%;
	text-align:center;
}

.media li img{
	width:80%;
	height:80%;
}



/*************************/

#award{
	text-align:center;
}

#award li{
	margin:0 0 80px;
}

/*#award li:nth-child(2n+1){
	clear:both;
}*/



#award li h2{
	font-size:108%;
	/* font-weight:bold; */
}

#award li h3{
	font-size:121%;
	font-weight: normal;
}

#award li img{
	margin:3% 0;
}




/*********************/


#sitemap{
}


#sitemap span{
	font-size:77%;
}


#sitemap h2{
	margin:0px 0px 30px 0px;
}

#sitemap h3{
	font-weight:normal;
}

#sitemap ul{
	margin:0px 0px 30px 0px;
}

#sitemap li{
	line-height:2.4em;
}

#sitemap li a{
	padding:0px 0px 0px 10px;
	background:url(../png/sitemap_li.png) no-repeat 0px 5px;
}


ul.sitemap_salon,ul.sitemap_staff li{
	float:left;
	width:50%;
}

#sitemap article.line_top{
	clear:both;
}






/*********************/

#calendar article h2,#reservation article h2{
	text-align:center;
}


#calendar article h2 span,#reservation article h2 span{
	color:#666;
}


/* 全店舗公休日カレンダー \*/

.calender_group_allshop{
	width: 90%;
	margin:0px auto 40px;
	padding:30px 0px 50px 0px;
}

.calender_group_allshop div{

}

.calender_group_allshop li{
	text-align: left;
}


/*土曜の文字色*/
.calender_group_allshop .youbi_6{
	color:#36F;
}
/*祝日と日曜の文字色*/
.calender_group_allshop .youbi_0,.shukujitu{
	color:red;
}
/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
.calender_group_allshop .today{
	background:#FF9;
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.calender_group_allshop .holiday{
	background:#FDD;
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.calender_group_allshop .closed{
	background:#FDD;
}
.calender_group_allshop .hidden{
	display:none;
}
/*休業日テキスト部の左側の四角*/
.calender_group_allshop .holidayCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
.calender_group_allshop .closedCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
.calender_group_allshop .scheduleComment{
	font-size:80%;
	font-weight:normal;
	color:#333;
}
.calender_group_allshop .schedulePulldownList{
	font-size:80%;
	font-weight:normal;
	color:#333;
}

.calender_group_allshop .copy{
	font-size:70%;
	margin:32px auto;
}

.calender_group_allshop .m{
	font-size:86%;
}

.calender_group_allshop .ui-body-d,.calender_group_allshop .ui-link{
	font-weight:normal;
	text-shadow:none;
}

/*********************/

/*
======= : Youtube埋め込みここから =======
*/

.frame_video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-top: 15px;
}

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

/*
======= : Youtube埋め込みここまで =======
*/



/*
======= : Youtubeここから =======
*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
======= : Youtubeここまで =======
*/





/*
======= : スレッディングここから =======
*/


#threading{
	width:100%;
	padding:20px 0px 0px;
	background:url(../gif/bg.gif);
}

#threading h1{
}

.beautybar{
	text-align:left;
	width:90%;
	margin:20px auto 40px;
	padding:10px;
	background:#FFF;
	border:#e2d2f0 solid 1px;
}

.threading{
	text-align:left;
	margin:30px 0px 50px;
}

.threading h2,.beautybar h2{
	color:#82619f;
	margin:0 0 10px 0;
	padding:0px;
	font-size:108%;
	font-weight:bold;
	text-overflow: initial;
}

.threading h3{
	text-overflow: initial;
}


.threading_what{
	margin:30px 0px;
	width:100%;
}

.threading_what h2{
	color:#884138;
	margin:0 0 20px 0;
}

#threading_what{
	clear:both;
	margin:0 auto 0px;
	text-align:left;
}

#threading_what h2{
	padding:60px 0 0 0px;
	color:#884138;
	background:url(../png/what.png) no-repeat;
	background-size:100px;
	font-size:108%;
	font-weight:bold;
	text-overflow: initial;
}

#threading_movie{
	margin:30px 0 0 0;
	text-align:center;
}

#threading_point{
	margin:0 auto 30px;
	background:url(../jpg/apish_threading.jpg) no-repeat 450px 50px;
	text-align:left;
}

#threading_point h2{
	padding:60px 0 0 0px;
	color:#82619f;
	background:url(../png/point.png) no-repeat;
	background-size:100px;
	font-size:108%;
	font-weight:bold;
	text-overflow: initial;
}

#threading_point h3{
	color:#fb74b7;
	margin:30px 0px 0px 0px;
	text-overflow: initial;
}


.threading_model{
	clear:both;
	padding:0 0 0px;
	margin:0 auto 20px;
	/* background:url(../../threading/img/yajirushi.png) no-repeat center bottom; */
	background-size:25%;
}

.threading_model h2{
	padding:18px 0 0 60px;
	color:#82619f;
	background:url(../png/flower.png) no-repeat 5px 10px ;
	background-size:50px;
	font-size:108%;
	font-weight:bold;
	height:40px;
	text-align:left;
	text-overflow: initial;
}

.threading_model ul{
}

.threading_model li{
	/* float:left; */
	width:100%;
	/* text-align:center; */
	margin-bottom: 36px;
}

.threading_model li span{
	color:#fb74b7;
}


.threading_menu{
	clear:both;
	margin:0 auto 0px;
	text-align:left;
}

.threading_menu h2{
	padding:60px 0 0 0px;
	color:#884138;
	background:url(../png/menu.png) no-repeat;
	background-size:100px;
	font-size:108%;
	font-weight:bold;
}

.threading_menu h3{
	color:#fb74b7;
	margin:30px 0px 0px 0px;
}

.threading_menu ul{
}

.threading_menu li{
	padding:0 0 15px;
	border-bottom:#e2d2f0 solid 1px;
}

.threading_menu li span{
	font-weight:bold;
}

#threading_sumita{
	text-align:center;
}



#threading_qa{
	margin:0 auto 0px;
	text-align:left;
}

#threading_qa h2{
	padding:60px 0 0 0px;
	color:#884138;
	background:url(../png/qa.png) no-repeat;
	background-size:100px;
	font-size:108%;
	font-weight:bold;
}

#threading_qa ul{
}

#threading_qa li{
	width:90%;
	margin:0 auto 50px;
	padding:15px;
	background:#FFF;
	border:#e2d2f0 solid 1px;
	text-align:left;
}

#threading_qa li h3{
	color:#df92b8;
	padding:0 0 10px 0;
}

#threading_info{
	padding:0px 0px 50px;
}

#threading_info h2{
	color:#82619f;
	margin:0 0 20px 0;
	font-size:108%;
	font-weight:bold;
}

#threading_info span{
	font-size:108%;
	font-weight:bold;
}


.threading_reservation{
	padding:30px 0px 50px;
}

.threading_reservation h2{
	color:#82619f;
	margin:0 0 20px 0;
	font-size:108%;
	font-weight:bold;
}

/*
======= : スレッディングここまで =======
*/


/*
======= : DNA美容予防ここから =======
*/


#dna{
	width:100%;
	padding:20px 0px 0px;
	background:url(../gif/bg-2.gif);
}

.dna{
	text-align:left;
	width:94%;
	margin:20px auto 40px;
	padding:0px;
	background:#FFF;
	border:#e2d2f0 solid 1px;
}


#dna_info{
	padding:0px 0px 50px;
}

#dna_info h2{
	color:#82619f;
	margin:0 0 20px 0;
	font-size:108%;
	font-weight:bold;
}

#dna_info span{
	font-size:108%;
	font-weight:bold;
}


/*
======= : DNA美容予防ここまで =======
*/