@charset "UTF-8";

/* salon
----------------------------------------------- */
.salon .tit{font-size:3.8vw;letter-spacing:2px;position:relative;line-height:1.3;}
.salon .tit:before{content:"";background:#000;width:50%;height:1px;position:absolute;left:-51%;top:25%}
.salon .tit small{display:block;color: #c9b0ac;font-size:80%;font-family: futura-pt;font-weight: 500;}

.salon .intro{margin-bottom:5%;}
.salon .intro img{margin-bottom: 6%;width:100%;}

.salon .info{margin-bottom:10%}
.salon .info table{width:100%;}
.salon .info tr{border-bottom:1px solid #e8e8e8;}
.salon .info tr:nth-child(1){border-top:1px solid #e8e8e8;}
.salon .info th,.salon .info td{padding: 3% 3%;line-height: 1.4;vertical-align: middle;font-size: 90%;}
.salon .info th{background:#e8e8e8;width:35%;border-bottom:1px solid #ffffff;}
.salon .info tr:nth-last-child(1) th{border-bottom:none;}
.salon .info td{width:65%;}

.salon .gallery .sub{background:#e8e8e8;text-align:center;padding:2% 0;margin-bottom:3%;}
.salon .gallery ul{text-align:center;}
.salon .gallery li{display:inline-block;width:48%;margin:1% 0.5%}
.salon .gallery li img{width:100%;}


@media screen and (min-width: 736px) {
.salon .tit{font-size:24px;margin-bottom: 0;}
.salon .tit small{letter-spacing:5px;}
.salon .info th{width:25%;}
.salon .info th, .salon .info td{padding:20px 20px}
.salon .gallery .sub{padding:10px 0;margin-top: 20px;}
.salon .gallery li{width:32%;}


    
}