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


#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 0 -50px 0;
	padding:0;
}







#salon_wrapper{
	color:#333333;
	padding:0px 0px 50px 0px;
	background:#fff url(../jpg/bg-6.jpg);
	font-size:14px;
}


#salon_wrapper #salon_logo h1{
	margin:10px auto;
	width:250px;
	height:150px;
}


#salon_wrapper #salon_logo{
	margin:10px auto;
	width:250px;
	height:150px;
}

#salon_wrapper #salon_logo a{
	display:block;
	width:250px;
	height:150px;
	background:url(../png/logo-12.png) no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow:hidden;
}


#salon_wrapper #salon_logo a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}




#navi_salon{
	clear:both;
	margin:0px 0px 30px 0px;
	width:100%;
	height:50px;
	background:#c1b08e;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(0, 0, 0, 0.3);
}

#navi_salon_f{
	clear:both;
	width:100%;
	height:50px;
	background:#c1b08e;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(0, 0, 0, 0.3);
}

#navi_salon ul,#navi_salon_f ul{
	margin:0 auto;
	/* width:840px; */
	width:720px;
}


#navi_salon li,#navi_salon_f li{
	float:left;
	width: 120px;
	height: 50px;
	overflow: hidden;
}




#salon_main{
	margin:0px auto 30px;
	width:880px;
	height:325px;
	border:#e5dac5 solid 10px;
	background:#e5dac5;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(100, 100, 100, 0.2);
}


#salon_address{
	text-align:center;
	font-size:12px;
	line-height:3.0em;
}

span.tel{
	font-size:16px;
	font-weight:bold;
}


#salon_photo ul{
	margin:0px auto;
	width:915px;
}

#salon_photo li{
	float:left;
	margin:0px 13px;
	width:275px;
	height:195px;
	border:#ccc solid 1px;
}

#salon_sns{
	clear:both;
	margin:30px 0px 50px;
	height:30px;
	overflow: hidden;
}

#salon_sns ul{
	margin:0px auto;
	/* width:460px; */
	width:345px;
}

#salon_sns li{
	float:left;
	width:115px;
}



#movie{
	margin:20px 0 0 0;
}

#movie img{
	border:#ccc solid 1px;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(0, 0, 0, 0.3);
}



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

.staff_member_top {
	clear:both;
	margin:0 auto 30px;
	padding:20px 0 0;
	width:980px;
}

.staff_member_top ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/* justify-content:space-evenly; */
}

.staff_member_top li{
	width: 118px;
	height: 118px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 14px;
	overflow: hidden;
	border-radius: 50%;
	border: solid 4px #fff;
	box-sizing:border-box;
}

.staff_member_top img{
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	transition-duration: 0.5s;
	border: 0px;
}

.staff_member_top img:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	/* opacity: 0.6; */
}

#staff_member_top .more{
	margin:20px auto 0px;
	text-align: center;
	height:30px;
	overflow: hidden;
}

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


#instagram{
	clear:both;
	margin:0 auto 30px;
	padding:20px 0 0;
	width:980px;
}

#instagram.staff_instagram{
	width:860px;
}

#instagram li{
	float:left;
	width: 14.6%;
	height: 14.6%;
	/*width: 23%;
	height: 23%;*/
	/*max-width: 150px;*/
	position: relative;
	margin:1%;
	/*border:5px solid #e7e7e7;*/
    box-sizing:border-box;
	display: inline-block;
	border:  solid 5px #eee;
	background: #fff;
}

#instagram.staff_instagram li{
	width: 31.7%;
	height: 31.7%;
	margin:0.8%;
}

#instagram li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

#instagram li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#instagram li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	transition-duration: 0.3s;
}

#instagram li img:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	opacity: 0.6;
}

.instagram{
	text-align:left;
	color:#666;
}



#instagram .more{
	margin:20px auto 0px;
	text-align: center;
	height:30px;
	overflow: hidden;
}


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


#blog_info{
	clear:both;
	padding:100px 0px 0px 0px;
	background:url(../png/blog_info_bg-3.png) no-repeat center top;
}


#salon_blog{
	float:left;
	margin:0px 0px 0px 10px;
	width:345px;
}

#salon_blog h2{
	margin:0px;
	padding:0px 0px 0px 170px;
	height:55px;
	background:url(../gif/h2_blog-3.gif) no-repeat;
	font-weight:bold;
}

#salon_blog li{
	clear:both;
	height:60px;
	line-height:1.4em;
}

#salon_blog li span{
	color:#7f7361;
	font-size:11px;
}



#salon_blog li.more{
	margin:20px 0px 0px 0px;
	text-align:right;
	height:30px;
	overflow: hidden;
}





#salon_topics{
	float:right;
	width:560px;
}

#salon_topics h2{
	margin:0px;
	padding:0px 0px 0px 170px;
	height:55px;
	background:url(../gif/h2_topics-3.gif) no-repeat;
	font-weight:bold;
}


#topics_con li{
	float:left;
	margin:0px 10px 28px;
	width:256px;
	height:290px;
	border:solid 1px #dddddd;
	background:#FFF;
	font-size:10px;
	color:#000;
	line-height:1.6em;
	/*line-height:0em;*/
	box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-webkit-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-moz-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
}

#topics_con li a{
	padding:15px;
	height:260px;
	display:block;
	text-decoration: none;
}

#topics_con li a:hover{
	background:#eeeeee;
}

#topics_con li img{
	margin:0px 0px 10px 3px;
}

#topics_con li span{
	font-size:9px;
	color:#999999;
}

#topics_con li p{
	margin:5px 0px 0px 0px;
	font-size:9px;
	color:#c1b08e;
}

#topics_con_more{
	clear:both;
	margin:0px 15px 50px 0px;
	height:30px;
	text-align:right;
	overflow: hidden;
}


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



#salon_topics_info{
	width:980px;
	margin: 20px auto 0;
}


#topics_con_info li{
	float:left;
	text-align: left;
	margin:0px 7px 40px;
	width:310px;
	height:350px;
	border:solid 1px #dddddd;
	background:#FFF;
	font-size:12px;
	color:#000;
	line-height:1.6em;
	/*line-height:0em;*/
	box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-webkit-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-moz-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
}

#topics_con_info li a{
	padding:15px;
	height:320px;
	display:block;
	text-decoration: none;
}

#topics_con_info li a:hover{
	background:#eeeeee;
}

#topics_con_info li img{
	margin:0px 0px 10px 3px;
}

#topics_con_info li span{
	font-size:11px;
	color:#999999;
}

#topics_con_info li p{
	margin:5px 0px 0px 0px;
	font-size:11px;
	color:#c1b08e;
}

#topics_con_info_more{
	clear:both;
	margin:0px auto 50px;
	height:30px;
	text-align:center;
	overflow: hidden;
}


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



.con_salon,.con_salon2{
	clear:both;
	margin:0px 0px 30px 0px;
	text-align:center;
	font-size:12px;
}

.con_salon3{
	clear:both;
	margin:0px 0px 70px 0px;
	padding:30px 0px 0px 0px;
	text-align:center;
}


.con_salon3line{
	clear:both;
	margin:0px 0px 70px 0px;
	padding:50px 0px 0px 0px;
	text-align:center;
	background:url(../png/con_salon_bg2.png) no-repeat center top;
}




.con_salon h1{
	background:url(../png/con_salon_bg.png) no-repeat center top;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.con_salon2 h1{
	background:url(../png/con_salon_bg2.png) no-repeat center bottom;
	text-align:center;
	font-size:16px;
	height:90px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.con_salon3 h1,.con_salon3line h1{
	font-size:18px;
	color:#a58b56;
}





.con_salon h2{
	background:url(../png/con_salon_bg.png) no-repeat center top;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.con_salon2 h2{
	background:url(../png/con_salon_bg2.png) no-repeat center bottom;
	text-align:center;
	font-size:16px;
	height:90px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.con_salon3 h2,.con_salon3line h2{
	font-size:18px;
	color:#a58b56;
}


.con_salon ul#hair_style{
	margin:30px auto 0px;
	width:980px;

}


.con_salon ul#hair_style li{
	float:left;
	margin:0px 5px;
	padding:10px;
	width:295px;
	height:480px;
	background:url(../jpg/hairstyle_bg-4.jpg) no-repeat center top;
}


.con_salon ul#hair_style li img{
	margin:0px 0px 30px;
	}

.con_salon ul#hair_style li span{
	color:#999;
}


.pan{
	margin:10px auto 20px;
	width:980px;
	font-size:12px;
}


#map{
	margin:30px auto 0px;
	width:900px;
	height:530px;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(0, 0, 0, 0.3);
}


ul#gmap{
	margin:30px auto 0px;
	width:230px;
	height:30px;
	text-align:right;
	overflow: hidden;
}

#gmap li{
	float:left;
	width:115px;
}




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


.con_salon ul.staff_member{
	margin:30px auto 50px;
	width:960px;
	display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
	/* justify-content:space-evenly; */
}


.con_salon ul.staff_member li{
	/* float:left; */
	margin:0px 1% 30px;
	width:23%;
	/* height:380px; */
	text-align:center;
	line-height:1.4em;
	font-size:16px;
	font-weight:bold;
}

.con_salon ul.staff_member li span{
	font-size:12px;
	color:#999;
}

.con_salon ul.staff_member img{
	width: 100%;
	height: auto;
}





#topics li{
	float:left;
	margin:0px 7px 40px;
	width:310px;
	height:350px;
	border:solid 1px #dddddd;
	background:#FFF;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:1.6em;
	/*line-height:0em;*/
	box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-webkit-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
-moz-box-shadow:rgba(209, 209, 209, 0.690196) 0px 0px 20px 3px;
}





#topics li a{
	padding:15px;
	height:320px;
	display:block;
	text-decoration: none;
}

#topics li a:hover{
	background:#eeeeee;
}

#topics li img{
}

#topics li span{
	font-size:11px;
	color:#999999;
}

#topics li p{
	margin:5px 0px 0px 0px;
	font-size:11px;
	color:#c1b08e;
}


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





.pricelist_l{
	float:left;
	width:480px;
	font-size:16px;
}

.pricelist_r{
	float:right;
	width:480px;
	font-size:16px;
}

.price_l{
	width:430px;
	clear:both;
	margin:0px auto 80px;
}

.price_l h3{
	background:#000;
	margin:0px 0px 30px 0px;
	padding:10px 20px;
	color:#FFF;
	font-weight:bold;
}

.price_l h3 span{
	font-size:12px;
}


.price_l dt,.price_l dd{
	border-bottom:#999999 dashed 1px;
}

.price_l dl{
	margin:0px 0px 50px 0px;
}

.price_l dt{
	float:left;
	padding:10px;
	width:252px;
}

.price_l dd{
	float:left;
	padding:10px;
	text-align:right;
	width:138px;
	font-size:14px;
}

.price_l p{
	clear:both;
	padding:10px;
	font-size:12px;
	color:#aaa;
}

.price_l p.red{
	color:#c00;
}

.price_l .xs{
	font-size:12px;
}


.price_guide{
	clear:both;
	padding:10px;
	font-size:12px;
	color:#aaa;
}

.price_guide_t{
	margin:0px 0px 50px 0px;
	padding:10px;
	text-align:right;
	color:#999;
	font-size:14px;
}


.price_comment{
	clear:both;
	margin:50px auto 80px;
	width:980px;
	font-size:12px;
}





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






/* staff profile */



#staff_profile_l{
	float:left;
	margin:0px 0px 30px 0px;
	width:380px;
}

#staff_profile_r{
	float:right;
	margin:0px 0px 30px 0px;
	width:550px;
}


#staff_profile_l h1{
	font-size:18px;
	font-weight:bold;
}

#staff_profile_l h1 span{
	font-size:12px;
	font-weight:normal;
}

#staff_profile_l #profile_photo{
	margin:15px 0px;
}


#staff_profile_l ul{
	margin:0px 0px 0px 2px;
	width:345px;
}

#staff_profile_l li{
	float:left;
	width:115px;
	height:30px;
	overflow: hidden;
}

#staff_profile_l .profile{
	margin:20px 0px 30px 0px;
}

.profile span{
	color:#b5a179;
	font-weight:bold;
}

#profile_yoyaku{
	margin:0px 0px 30px 0px;
	width:170px;
	height:40px;
	overflow: hidden;
}


#profile_tel{
	font-size:18px;
	font-weight:bold;
	padding-bottom: 8px;
}

#profile_tel .s{
	font-size:12px;
}


.profile_con_r{
	margin:30px 0px;
	padding:30px 0px;
	background:url(../png/profile_con_r_bg-4.png) no-repeat left top;
}


.profile_con_r_top{
	margin:30px 0px;
	padding:0px 0px;
}


.profile_con_r span,.profile_con_r_top span{
	color:#b5a179;
}


#profile_calendar h2{
	font-weight:bold;
	text-align:center;
	margin:0px 0px 20px 0px;
}

#profile_cal{
	margin:0px 0px 30px 0px;
}


#profile_cal_com{
	/*font-size:12px;*/
	line-height:1.8em;
}



#assistant_photo{
	margin:20px 0px 30px 0px;
}

#assistant_photo ul{
}

#assistant_photo li{
	float:left;
	width:183px;
}


/* /staff profile */


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



#top_reservation_yoyaku{
	clear: both;
	width: 170px;
	margin:20px auto 20px;
	height:40px;
	overflow:hidden;
}

#reservation_yoyaku{
	margin:50px 0px 0px;
	height:40px;
	overflow:hidden;
}

#reservation_shop{
	margin:50px 0px 0px;
	font-size:21px;
	line-height:1.8em;
}

#reservation_shop span{
	font-size:18px;
}




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


#salon_tabloid_l{
	float:left;
	width:480px;
}

#salon_tabloid_l h2,#salon_tabloid_r h2{
	font-size:18px;
	color:#a58b56;
	margin:0px 0px 30px 0px;
}

#salon_tabloid_r{
	float:right;
	width:480px;
}


#tabloid_more{
	clear:both;
	margin:0px auto 50px;
	width:200px;
	height:40px;
	overflow:hidden;

}

#tabloid_sns li{
	float:left;
	margin:0px 0px 30px 0px;
	width:80px;
}


#salon_tabloid_r p{
	clear:both;
}

#tabloid_sns_bottom{
	margin:50px auto 0px;
	width:345px;
}

#tabloid_sns_bottom li{
	float:left;
	width:115px;
	height:30px;
	overflow:hidden;
}

#tabloid_comment{
	margin:50px auto;
}





#salon_blog_taboid{
	margin:0px 0px 50px 0px;
}


#salon_blog_taboid li{
	clear:both;
	height:60px;
	line-height:1.4em;
}

#salon_blog_taboid li span{
	color:#7f7361;
	font-size:11px;
}



/*---------------------------------
	        Calendar CSS
---------------------------------*/


#salon_calendar{
	margin:30px auto 40px;
	width:700px;
	text-align:left;
}

#salon_calendar_com{
	margin:0px auto 50px;
	width:700px;
	text-align:left;
}




/* for macIE \*/
/** html .clearfix { height:1%; }
.clearfix { display:block; }
*/

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


#calendarTable th{
	padding:5px;
	font-size:12px;
	border:1px solid #ccc;
	color:#fff;
	background:#000;
	text-align:center;
}
#calendarTable td{
	padding:10px;
	text-align:right;
	font-size:12px;
	border:1px solid #ccc;
	color:#555;
	width:14%;
	vertical-align:top;
	text-align:center;
}
#calendarTable p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
#calendarTable .calendarHeader a{
	color:#fff;
	font-size:18px;
}

#calendarTable .calendarHeader a:link,#calendarTable .calendarHeader a:visited {
	color:#fff;
}

#calendarTable td .scheduleComment{
	text-align:left;
	color:#555;
	line-height:150%;
	font-size:10px;
}

/* if ListStyle */
#calendarList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calendarList li.first-child{
	border-top:1px solid #999;
}
#calendarList .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}
table.navNextPrev {
	width:100%;
}
table.navNextPrev .dspPrev{
	text-align:left;
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-weight:normal;
}

/* /if ListStyle */

/*---------------------------------
	 ▲Calendar style▲
---------------------------------*/