@charset "UTF-8";

.salon-title {
    font-size:2.4em;
    text-align: center;
    color:#333;
    line-height:1.3;
}

.salon-title::after {
    border-color: #F4B3C2;
}

.salon-title small {
    display: block;
    text-align: center;
    font-size:0.7em;
    font-weight:normal;
}

.salon-main-box {
    max-width:1000px;
    width:calc(100% - 20px);
    margin:0 auto 50px;
}

.salon-main-img {
    display: block;
    width:400px;
    float:right;
    margin:0 0 0 20px;
}
@media(max-width:767px){
    .salon-main-img {
        display: block;
        width:300px;
        float:none;
        margin:0 auto 20px;
    }
}


@media(min-width:768px){
.salon-thumb-box {
    max-width:300px;
    float:right;
    margin-left:30px;
}
}


.salon-thumb-box img {
    width:100%;
    height: auto;
}
.salon-profile-name,
.salon-profile-detail {
    font-size:0.9em;
}

.salon-data-thumb-box {
    float:left;
    width:300px;
    margin:0 30px 0 0;
}

.salon-data-box {
    margin-bottom:80px;
}