@charset"utf-8";

/*++++++++++++++++++++++++++++*/
/*         sara  CSS          */
/*++++++++++++++++++++++++++++*/

/*=======================saloninfo“K—p========================*/
#salon {
	float: center;
	margin: 0 auto 0;
	width: 60%;
	padding-bottom: 10px;
	clear: both;
	}

.left_s {
	float: left;
	width: 45%;
	margin-bottom: 5px;
	}

.left_s p.map {
	text-align: center;
	padding: 3% 3% 0 5%;
	}

.right_s {
	float: right;
	width: 50%;
	padding-top: 2%;
	margin-bottom: 5px;
	}

.right_s h3.salonpr {
	font-size: 0.9em;
	line-height: 1.8em;
	width: 95%;
	color: #646464;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 10px;
	margin: 0 auto 0;
	}

p.reserve {
	text-align: center;
	width: 82%;
	padding: 5px 0;
	margin: 0 auto 0;
	}

.line {
	clear: both;
	}

.salon_p1 {
	width: 70%;
	margin: 0 auto;
	font-size: 0.9em;
	background-color: #876400;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
	padding: 0.5% 0;
	font-weight: bold;
	}

.salon_p2 {
	font-size: 1.0em;
	color: #646464;
	text-align: center;
	line-height: 1.6em;
	padding: 1% 0;
	}

.staff {
	float: center;
	margin: 0 auto 2%;
	width: 80%;
	padding-top: 5%;
	padding-bottom: 1%;
	text-align: center;
	clear: both;
	}

.left2 {
	float: left;
	width: 20%;
	text-align: left;
	margin-right: 5%;
	margin-bottom: 10px;
	}

.right2 {
	float: left;
	text-align: left;
	width: 75%;
	}

.photo {
    float: center;
    width: 100%;
    margin: 0;
    padding-bottom: 10px;
	}

h4.staffposition {
	text-align: left;
	font-size: 0.9em;
	line-height: 16px;
	color: #876400;
	}

.staffname {
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 18px;
	color: #876400;
	padding: 2% 0;
	}

.greeting {
	font-size: 0.9em;
	line-height: 1.6em;
	color: #646464;
	width: 100%;
	padding: 3px 0 5px;
	text-align: justify;
	text-justify: inter-ideograph;
	}

.staffprofile {
    float: center;
    width: 100%;
    margin: 0 auto 0;
    border-top: 1px dotted #78c878;
    padding-top: 3px;
	text-align: left;
	clear: both;
	}

.sp_l {
    float: left;
    width: 20%;
	text-align: left;
	clear: both;
	}

.sp_r {
    float: left;
	text-align: left;
	}

p.p_l {
    font-size: 0.9em;
    color: #876400;
    line-height: 1.6em;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
	}

p.p_r {
    font-size: 0.9em;
    color: #646464;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.6em;
    padding: 0 5px 2px 10px;
	}

.p50 {
	clear: both;
	}



@media screen and (max-width: 768px) {

#salon {
	width: 70%;
	}

.left_s {
	float: center;
	width: 100%;
	margin: 0 auto 2%;
	}

.right_s {
	float: center;
	width: 100%;
	margin: 0 auto 2%;
	}

.right_s h3.salonpr {
	font-size: 0.8em;
	line-height: 1.6em;
	}

.salon_p1 {
	width: 90%;
	font-size: 0.7em;
	}

.salon_p2 {
	font-size: 0.8em;
	}

.staff {
	float: center;
	width: 100%;
	margin: 0 auto 2%;
	}

.left2 {
	float: center;
	width: 100%;
	margin: 0 auto 2%;
	text-align: center;
	}

.right2 {
	float: center;
	width: 100%;
	margin: 0 auto 2%;
	}

.photo {
	width: 50%;
	float: center;
	text-align: center;
	margin: 0 auto 2%;
	}

h4.staffposition {
	font-size: 0.8em;
	}

.staffname {
	font-size: 0.9em;
	}

p.greeting {
	font-size: 0.8em;
	}

.staffprofile {
	}

.sp_l {
	width: 100%;
	}

.sp_r {
	float: leftt;
	text-align: left;
	}

p.p_l {
	font-size: 0.8em;
	}

p.p_r {
	font-size: 0.8em;
	}

}

@media screen and (max-width: 768px) {

salon_p2 br {
	display: none;
	}

}