@charset "UTF-8";

.staff .staff_box { border-bottom: 1px dashed #747474; padding: 10px 0 30px; }
.staff .staff_box .staff_img { display: inline-block; vertical-align: top; margin: 20px 20px 0 0; }
.staff .staff_box .staff_img h2.name { margin: 10px auto; text-align: center; font-size: 20px; line-height: 1.3; color: #000; }
.staff .staff_box .staff_img h2.name span.kata { display: block; font-size: 14px; }
.staff .staff_box .staff_img h2.name span.kana { font-size: 14px; }
.staff .staff_box .staff_img .img_in { width: 180px; height: 210px; overflow: hidden; }
.staff .staff_box .staff_table { margin: 0; width: 750px; border-spacing: 0; border-collapse: collapse; vertical-align: top; }
.staff .staff_box .staff_table tr { width: 100%; border: solid 1px #ccc; }
.staff .staff_box .staff_table tr th {border-right: solid 1px #ccc;background: #f3f3f3;font-size: .9em;vertical-align: middle;width: 30%;padding: 15px 10px;}
.staff .staff_box .staff_table tr td {padding: 15px;text-align: left;font-size: 1.2rem;background: #fff;color: #666;}
.staff .salon_link {font-weight: bold; color: #ae960e; border-bottom: 1px solid; display: inline-block; position: relative;}
.staff .salon_link:after {content: "\f101"; font-family: "FontAwesome"; margin-left: 10px;}
.staff .staff_box .in { display: inline-block; width: 750px; }
.staff_comment { padding: 10px; }
.staff_comment .ttl { font-size: 18px; font-weight: 700; color: #ae960e; padding: 10px 0; }
@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;}
.staff .staff_box{padding:6% 0}
.staff .staff_box .staff_img{display:block;margin:0 auto 3%}
.staff .staff_box .staff_img .img_in{width:45%;height:auto;margin:0 auto 3%}
.staff .staff_box .staff_table{margin:0 auto;width:100%}
.staff .staff_box .staff_table tr{width:100%}
.staff .staff_box .staff_table tr th{width:100%;display:block;font-size:1.3rem;border:none;padding:2%}
.staff .staff_box .staff_table tr td{width:100%;display:block;font-size:1.3rem}
.staff .staff_box .in{display:block;width:100%}
.staff_comment{padding:10px}
.staff_comment .ttl{font-size:4vw;font-weight:700;color:#ae960e;padding:0}
}
.popular_box {
max-width: 960px;
margin: 20px auto 50px;
}
.popular_ttl {
font-size: 34px;
font-weight: bold;
border-bottom: 1px dashed;
margin: 0 0 30px;
}
.popular_box ul.popular_list {
display: flex;
justify-content: space-around;
font-size: 1.3rem;
}
.popular_box ul.popular_list li {
text-align: center;
padding: 0 14px;
}
.popular_box ul.popular_list img {
display: inline-block;
}
.popular_box ul.popular_list li p {
margin: 0 0 10px;
text-align: left;
}
.popular_box ul.popular_list li a.bnr {
background: #eee;
text-align: center;
padding: 5px;
position: relative;
width: 70%;
margin: 10px auto 0;
}
.popular_box ul.popular_list li a.bnr:after {
content: ">>";
font-size: 14px;
margin-left: 10px;
}
@media screen and (max-width: 736px) {
.popular_ttl {
font-size: 5vw;
margin: 0 10px 20px;
}
.popular_box ul.popular_list {
display:block;
margin: 0 0 80px;
}
.popular_box ul.popular_list li {
margin: 0 0 30px;
}
}