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


body{
	background:#fff url(../jpg/bg-3.jpg);
}


#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_main{
	width:100%;
	min-height:120px;
	max-height:150px;
	overflow:hidden;
/*	border:#e5dac5 solid 10px;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(100, 100, 100, 0.2);*/
}

#portfolio li img{
	width:100%;
}


article ul#hair_style{
}


article ul#hair_style li{
	float:left;
	width:33%;
	font-size:70%;
	margin:0px 0px 50px 0px;
}


article ul#hair_style li img{
	margin:0px 0px 10px 0px;
	}

article ul#hair_style li span{
	color:#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{
	width: 36px;
	margin:0 14px;
}


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


#salon_blog ul,#top_blog li{
	margin:0px;
	padding:0px;
}

#salon_blog li{
	clear:both;
	width:100%;
	height:60px;
	line-height:1.2em;
	text-align:left;
	
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}


#salon_blog li:nth-child(even){
/*background:#e7e4e0;*/
}

#salon_blog li:nth-child(odd){
background:#e7e4e0;
}


#salon_blog li a{
	display:block;
	padding:10px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#salon_blog li img{
	float:left;
	margin:0px 10px 0px 0px;
	text-align:center;
}

#salon_blog li span{
	color:#7f7361;
	font-size:77%;
	text-align:right;
}



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



#salon_topics li{
	clear:both;
	width:100%;
	line-height:1.2em;
	text-align:left;
	font-size:85%;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#salon_topics li:nth-child(even){
/*background:#e7e4e0;*/
}

#salon_topics li:nth-child(odd){
background:#e7e4e0;
}


#salon_topics li a{
	display:block;
	padding:10px;
	min-height:80px;
	color:#666;
}

#salon_topics li img{
	float:left;
	padding:0px 10px 20px 0px;
	text-align:center;
}

#salon_topics li p{
	font-size:77%;
}

#salon_topics li span{
	color:#999999;
	font-size:77%;
}



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



#movie{
	margin-bottom:30px;
}

#movie img{
	width:60%;
	margin:0 auto;
}



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

.bottom_salon_top{
	width:60%;
	margin:30px auto 30px;
	padding:8px 5px;
	background:#e2785d;
	color:#FFF;
	font-size:93%;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}


.bottom_salon{
	width:60%;
	margin:30px auto 50px;
	padding:8px 5px;
	background:#e2785d;
	color:#FFF;
	font-size:93%;
	text-align:center;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.bottom_salon a,.bottom_salon_top a{
	display:block;
}

.bottom_salon a:link,.bottom_salon_top a:link {
	color:#FFF;
	text-decoration: none;
}

.bottom_salon a:visited,.bottom_salon_top a:visited {
	color:#FFF;
	text-decoration: none;
}

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


#menu .accordion div{
	padding:0px 10px;
}

.accordion div{
	background:#f4ede7;
	color:#666;
}

.accordion input:checked ~ div{
	border-bottom:none;
}

.accordion label span{
	font-size:77%;
}

.accordion div dl{
	clear:both;
	margin:15px 0px 0px 0px;
	color:#000;
}

.accordion div dl a{
	color:#000;
}

.accordion div dt{
	float:left;
	padding:10px 0px;
	min-width:60%;
}

.accordion div dd{
	float:right;
	text-align:right;
	padding:10px 0px;
	min-width:30%;
}

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

.accordion div p:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.accordion div p{
	clear:both;
	padding:30px 0px 30px;
	display: inline-block;
}

/* clearfix for ie7 */
.accordion div p {
    display: block;
}

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

span.price_guide{
	margin:20px 0px 0px 0px;
	float:right;
}


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


#instagram{
	clear:both;
	padding:2% 0 0%;
}

#instagram ul{
	width:96%;
	margin:0 auto;
}

#instagram li{
	float:left;
	width: 31%;
	height: 31%;
	/*max-width: 150px;*/
	position: relative;
	margin:1%;
}

#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対策*/
}


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



.salon_recruit p{
	line-height:1.8em;
}


.salon_recruit h2{
	font-size: 18px;
	color: #7f7361;
}