/* */
h1.head{
margin-bottom: 16px;
}

h3.head{
color: #ffffff;
background-color: #010570;
background-image: url("/m/b2c/image/common/head_tail.png");
background-repeat: no-repeat;
background-position: right bottom;
height: 36px;
line-height: 36px;
padding-left: 1.2em;
font-family: serif;
margin-bottom: 16px;

}

.intro{
margin-bottom: 15px;
}


/* */
.backnumbers-area{
margin-bottom: 16px;
}

.backnumbers-area li.img{
width: 25%;
padding: 4px;
}

/* */
.salon-area{
margin-bottom: 16px;
}
.salon-inner-area{
margin: 0 -8px 0 -8px;
}

.salon-inner-area .salonbox{
float:left;
width: 33%;
padding: 0px 8px;
line-height: 22px;
font-size: 0.9em;
}
.salon-inner-area .salonbox a{
	display: block;
    text-decoration: none;
}
.salon-inner-area .salonbox .head {
text-decoration:underline;
font-size: 1.1rem;
font-weight:bold;
line-height: 22px;
margin-top:8px;
margin-bottom:4px;
margin-left: 8px;
}
.salon-inner-area .salonbox .ruby {
text-decoration:none;
line-height: 22px;
font-size: 0.9rem;
color: #666;
margin-bottom:4px;
margin-left: 8px;
}
.salon-inner-area .salonbox .tel {
text-decoration:none;
font-weight:bold;
line-height: 22px;
margin-left: 8px;
}








/* sm */
@media  (max-width: 767px) {
.backnumbers-area li.img{
width: 50%;
}

.salon-inner-area .salonbox{
width: 50%;
}

}/* */

/* md */
@media  (min-width: 768px) and (max-width: 991px) {

.salon-inner-area .salonbox{
width: 33%;
}

}/* */

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}/* */