@charset "UTF-8";

/* salon
----------------------------------------------- */
.info{}
.info img {width: 100%; margin-bottom: 8vw;}

.tbl {width: 100%;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: .04em;}
.tbl th {text-align:center;width: 30%;font-weight: 600;padding: 3% 3% 3% 0;color: var(--brown);}
.tbl tr:first-child {border-top: 1px solid #e6e3dc;}
.tbl td {width: 70%;padding: 3% 0;}
.tbl tr{border-bottom: 1px solid #e6e3dc;}
.tbl tr:last-child { border-bottom: none;}
.tbl td .tel {font-size: 5.6vw;display: inline-block;font-family: futura-pt;font-weight: 400;color: var(--blue);}
.tbl td .tel span:before {margin-right: 3px;font-family:icon;content:'\f095';font-size: 80%;}
.tbl td .fax{font-size: 5.6vw;display: inline-block;font-family: futura-pt;font-weight: 400;color: var(--blue);}

.tbl tr.access-text ul{margin-bottom: 6vw;}
.tbl tr.access-text ul:last-child{margin-bottom: 0;}
.tbl tr.access-text li {font-size: 3.3vw;}
.tbl tr.access-text li:first-child{background: #f8f4f1;text-align: center;padding: 2%;margin-bottom: 3vw;font-weight: bold;color: var(--brown);}
.tbl tr.access-text li:last-child{margin-bottom: 0;}

.time-box { width: 90vw; margin: auto; }
.time-box .navy {color: var(--naby);}
.time-box .time-ttl{background: var(--naby);color: #fff;font-weight: bold;text-align: center;line-height: 1.5;padding: 3vw;margin-bottom: 0;font-size: 3.8vw;}
.time-table { width: 100%; margin-bottom: 2.5vw; font-weight: bold; text-align: center; }
.time-table thead {font-size: 3.2vw;background: #eaeaea;}
.time-table tbody { font-size: 3.6vw; }
.time-table tr {}
.time-table th { width: 28%; padding: 4.5vw 0 4vw 1vw; font-size: 3.2vw; }
.time-table td { padding: 4.5vw 0 4vw; }
.time-table td:last-child { width: 14vw; padding-right: 2vw; }
.time-explain { font-size: 3.2vw; line-height: 1.4; }

.map {margin: 0 auto 6%;height: 300px;}
.root {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 14vw;}
.root li {width: 49%;text-align: center;background: #303030;font-weight: 300;letter-spacing: .09em;margin-bottom: 1vw;}
.root li a {padding: 4vw;color: #fff;position: relative;}
.root li a:after {content: "\f105";margin-left: 10px;font-weight: normal;font-family: 'icon';}
.root .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.root .googleroot a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }

.link{width: 86%;margin: 0 auto;}
.link a{background: #bdd5dc;color:#fff;text-align:center;padding: 4% 0 3.5% 0;line-height:1.3;font-size: 5vw;letter-spacing: .04em;border-radius: 50px;position: relative;margin-bottom: 4%;font-family: garamond-premier-pro;font-weight: 400;}
.link a b{font-weight:normal;font-size:60%;display:block;opacity: 0.7;}
.link a:after{content: "\f105";position: absolute;font-family: 'icon';top: 50%;right: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.gallery img { height: auto; width: 100%;}
.gallery .slider { margin-bottom: 2vw;}
.gallery .thumbnail img { border:1px solid #fff;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { 

.info{}
.info img {width: 100%; margin-bottom: 60px;}

.tbl td {width: 77%;padding: 18px 0;}
.tbl th {text-align:center;width: 20%;padding: 18px 10px;position: relative;}
.tbl td .tel {font-size: 26px;}
.tbl td .fax {font-size: 26px;}

.tbl tr.access-text ul{margin-bottom: 26px;}
.tbl tr.access-text li {font-size: 14px;}
.tbl tr.access-text li:first-child{padding: 10px 10px 10px 12px;margin-bottom: 10px;text-align: left;}

.time-box {width: 100%;}
.time-box .time-ttl{padding: 16px;font-size: 18px;}
.time-table {margin-bottom: 20px;}
.time-table thead {font-size: 15px;}
.time-table tbody {font-size: 18px;}
.time-table th {width: 28%;padding: 14px 0 15px 14px;font-size: 15px;}
.time-table td {padding: 12px 0 12px;}
.time-table td:last-child {width: 200px;padding-right: 20px;}
.time-explain { font-size: 3.2vw; line-height: 1.4; }


.map{height: 300px;margin-bottom: 4vw;}

.bnr{width: 100%;margin: 0 auto;}
.bnr a{padding: 20px 0;font-size: 18px;width: 33%;}
.bnr a small{display:block;font-size:80%;letter-spacing:2px;}
.bnr a i{margin-right: 10px;}

.map {margin-bottom: 30px;height: 400px;}
.root {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 70%;margin: 0 auto 110px;}
.root li {margin-bottom: 0;width: 49%;}
.root li a {padding: 14px;}

.link{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.link a{padding: 14px 0;font-size: 20px;margin-bottom: 0;width: 100%;margin: 0 6px;max-width: 320px;}
.link a b{margin-top: 2px;}
.link a:after{right: 24px;}

.gallery{width: clamp(730px, 90%, 1200px);margin: 0 auto;}
.gallery .slider { margin-bottom: 10px;}

}