.btnarea img{
width:10%;
float:left;
padding:4px;
}

.btnarea li{
clear:both;
vertical-align:middle;
}


.bginfo-ttl{
	background-repeat: repeat;
	background-color: #000000;
}


.mainsalonarea .imgsalon a:hover img,
.mainsalonarea .stylistarea a:hover img{
	opacity: 1;
	filter: alpha( opacity=100 );
}

/*#mainttlarea----------------------------------*/
.mainttlarea{

}
.mainttlarea h1{
	text-align: center;
}

/*.mainsalonarea----------------------------------*/
.mainsalonarea{
}
.mainsalonarea .salonarea{
 margin-bottom:16px;
}



.mainsalonarea .saloninfobox{
	margin:15px;
}

.mainsalonarea .imgsalon{
	float: left;
	width: 45%;
	margin-right:16px;
	margin-bottom:15px;
}
.mainsalonarea .imgsalon img{
	width: auto;
	height: auto;
}
.mainsalonarea .saloninfobox .textbox{
	width: 50%;
	float: left;
}
.mainsalonarea .detailbox{
}
.mainsalonarea .detailbox a{
	display: block;
	text-decoration: none;
}
.mainsalonarea .snsbox{
	height: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.mainsalonarea .btnsns{
	float: left;
	width: 50px;
}

.mainsalonarea .stylistarea{
	margin:16px;
	clear: left;
}


.salonttl{
       font-family: serif;
       color: #444444;
           

}


.mainsalonarea .clear{
/*	width: 1100px; */
}
.mainsalonarea .stylistbox{
	width: 260px;
	float: left;
	margin-left:10px;
	margin-right:10px;
}

.mainsalonarea .stylistbox a{
	width: 260px;
	display: block;
	text-decoration: none;
}

#mainframearea .officialbox{
	width: 1100px;
}


/* 2019.2.27 */
@media (max-width: 480px) {
	.mainsalonarea .imgsalon{
		width: 100%;
		margin-right:0px;
	}
	.mainsalonarea .saloninfobox .textbox{
		width: 100%;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	.mainsalonarea .imgsalon{
		width: 100%;
		margin-right:0px;
	}
	.mainsalonarea .saloninfobox .textbox{
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}



.official{
margin:0px 8px 30px 8px; 
}