@charset "UTF-8";
/* sp
----------------------------------------------- */
.salon-cam{width: 90%; margin:4vw auto 0;}
.top-salon.salon-sli{padding: 12vw 0 0;}
.prefecture {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;margin-bottom: 8%;}
.prefecture li{width: 30.5%;line-height: 1.0;margin: 0 1% 2% 1%;}
.prefecture li a{position: relative;color: #fff;font-size: 3.5vw;background: #9f9f9f;border-radius: 20px;padding: 8%;text-align: center;font-weight: bold;}
.prefecture li a::after{content: "\f105";font-family: 'icon';position: absolute;right: 10%;top: 50%;transform: translate(0, -50%);}

.boxitems .name{background: #6ca590;color: #fff;font-weight: bold;font-size: 5vw;padding: 2px 3%;}
.tbl {width:100%;margin: 0 auto 0;position:relative;font-size: 3.4vw;background:#fff;}
.tbl table{width:100%}
.tbl:before {content:"";width: 100px;position:absolute;background:#ccc;height:2px;top:0px;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;text-align: justify;display: inline-block;}
.tbl td {width: 100%;padding: 0 0 4% 0;}
.tbl th {width: 100%;font-weight: 600;display: inline-block;text-align: left;padding: 4% 0 0 0;color: #748c9b;font-size: 115%;}
.tbl tr:first-child {border-top:2px solid #eee;}
.tbl tr{border-bottom:1px solid #eee;}
.tbl tr:last-child { border-bottom: none;}
.tbl td .tel{color: #000;font-size: 5.8vw;font-family: "Josefin Sans";letter-spacing: .08em;display: inline-block;line-height: 1.4;}
.tbl td .tel:before {margin-right: 3px;font-family:icon;content:'\f095';color:#758b9b;font-size: 80%;}
.tbl td .lead { font-weight: bold; margin-bottom: 1vw;}
.tbl p{margin-bottom:0;}

.itembox li{border:1px solid #ccc;padding: 7%;margin-bottom: 5%;width: 100%;}
.itembox .title{font-weight:bold;font-size: 5vw;margin-bottom: 2%;}
.itembox .more{position: relative;color: #fff;font-size: 4.5vw;background: #94afc3;border-radius: 20px;padding: 4% 0;text-align: center;font-weight: bold;margin-bottom: 14px;}
.itembox .more:last-child{margin-bottom: 0;}
.itembox .more::after{content: "\f105";font-family: 'icon';position: absolute;right: 10%;top: 50%;transform: translate(0, -50%);}
.itembox .more.line{background: #6cc0ab;}
.itembox .more.hpb{background: #ec9da8;}
.itembox .more.shop_detail{background: #94afc3;}



/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.salon-cam{width: 900px; margin:50px auto 0;}
.top-salon.salon-sli{padding: 100px 0 0;}
.prefecture{margin-bottom:20px;}
.prefecture li{width: 159px;}
.prefecture li a{font-size: 17px;padding: 10px;}

.tbl{margin-bottom: 10px;}
.tbl th, .tbl td{font-size:16px;vertical-align: middle;padding: 10px;}
.tbl th{width: 28%;}
.tbl td{width: 70%;font-size:14px;}
.tbl td .tel{font-size:24px;}

.boxitems{margin-bottom:50px;position: relative;z-index: 1;}
.boxitems .name{text-align:center;font-size: 25px;margin-bottom: 19px;}
.itembox{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.itembox li{padding:30px;width: 49%;margin-bottom: 20px;background: #fff;}
.itembox .title{font-size:20px;}
.itembox .more{font-size:20px;border-radius: 50px;}

}
  /* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
 }