@charset "UTF-8";
 .salon_select { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-evenly; justify-content: space-evenly; margin: 30px 0 0;}
.salon_select li { width:450px; margin: 0 60px 30px 0;}
.salon_select li:nth-child(2n) { margin: 0 0 30px;}
.salon_select .name {border-left: 4px solid #3a3531;padding: 0 0 0 10px;font-size: 26px;font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.salon_select .name span {float: right;display: inline-block;font-family: 'Cinzel';font-size: 16px;padding: 16px 0 0;}
.salon_select .photo {margin: 5px 0 20px;}
.salon_select .tel { text-align: center; font-size: 28px; font-weight: bold;  color: #000;}
.salon_select .address {text-align: center; color: #000; }
.salon_select .bnr { background: #3a3531; color: #FFF; text-align: center; letter-spacing: 3px; margin: 20px 0 0; padding: 5px; position: relative;}
.salon_select .bnr:after { content: "\f105"; font-size: 14px; font-family: "FontAwesome"; position: absolute; right: 20px;}
.staff_bnr { margin: 60px auto 30px; }
.bnr2 { background: #000; color: #FFF; text-align: center; letter-spacing: 3px; margin: 0; padding: 5px; position: relative;}
.bnr2:after { content: "\f105"; font-size: 14px; font-family: "FontAwesome"; position: absolute; right: 20px;}
.salon_select_area {background: #3a3531;padding: 50px 0 70px;text-align: center;margin: 50px 0 0;}
.salon_select_area .ttl {text-align: center;font-size: 22px;letter-spacing: 4px;font-family:'Noto Serif JP', 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #FFF;}
.salon_select_area .other_salon { display: inline-block; position: relative; width: 380px; height: 190px; margin: 30px auto;}
.salon_select_area .other_salon .photo { width: 100%; object-fit: cover; height: 190px;}
.salon_select_area .other_salon .in { position: absolute; top: 0; width:380px; height: 190px; background: rgba(0,0,0,0.6);}
.salon_select_area .other_salon .name { font-size: 30px;  color: #FFF;text-align: center; font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4; padding: 70px 0 0;}
.salon_select_area .other_salon .name span { font-size: 20px; letter-spacing: 3px;  color: #FFF;  display: block; font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.salon_select_area .link_back {text-align: center;  font-size: 16px; letter-spacing: 2px; font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; color: #FFF;}
.salon_select_area .link_back:before { content: "\f104"; font-size: 16px; font-family: "FontAwesome"; margin-right: 20px;}
.salon_select_area .link_back a {display: inline-block; color: #fff;} @media screen and (max-width: 736px) { 
.main-contents {  width: 96%; margin: 0 auto;}
.main-contents-text p {font-size: 1.2rem;line-height: 1.6;}
.salon_select { margin: 5% 5% 0;}
.salon_select li { width:100%; margin: 0 0 15% 0;}
.salon_select li:nth-child(2n) { margin: 0 0 15%;}
.salon_select .name {font-size: 5vw;}
.salon_select .name span { font-size: 3.5vw;padding: 3% 0 0;}
.salon_select .photo {margin: 5px 0 3%;}
.salon_select .tel { font-size: 7vw;}
.salon_select .bnr {margin: 3% 0 0;}	
.staff_bnr {margin: 5% 5%; width: 90%;}
.salon_select_area {padding: 10% 5%;}
.salon_select_area .ttl {font-size: 5vw;letter-spacing: 2px;}
.salon_select_area .other_salon {width: 90%;height: 170px;margin: 5% auto;}
.salon_select_area .other_salon .photo {width: 100%;height: 170px;}
.salon_select_area .other_salon .in {width: 100%;height: 170px;}
.salon_select_area .other_salon .name { font-size: 8vw; padding: 20% 0 0;}
.salon_select_area .other_salon .name span { font-size: 4vw;}
.salon_select_area .other_salon .link_back { font-size: 3.5vw;}
}