@charset "UTF-8";

/* access
----------------------------------------------- */
.salon-info{margin-bottom:10vw;}
.tbl {width:100%;margin: 0 auto 5%;position:relative;font-size: 3.4vw;}
.tbl:before {content:"";width: 100px;position:absolute;background:#136c3c;height:2px;top:0px;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;display: inline-block;padding: 3vw;}
.tbl td {width: 70%;}
.tbl th {text-align:center;width: 30%;display: inline-block;color: #136c3c;}
.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 , .tbl td .fax{color: #136c3c;font-size: 5.8vw;letter-spacing: .08em;display: inline-block;font-weight: 400;font-family: var(--font_marcellus);margin-bottom: 0;}
.tbl td .tel span:before {margin-right:5px;font-family:icon;content:'\f095';color: #136c3c;font-size: 80%;}
.tbl td .fax span:before{margin-right:5px;font-family:icon;content:'\e954';color: #136c3c;font-size: 80%;}
.tbl td li span {height: 18px;width: 18px;border-radius:50%;display: inline-block;text-align:center;background: #eee;color: #28282d;font-size: 80%;margin-right: 5px;padding-top: 1px;padding-left: 0;text-indent: 0;  }
.tbl td li {margin-bottom: 2%;font-size: 3.2vw;font-feature-settings: "palt";letter-spacing: .03em;padding-left: 2em;text-indent: -2em; text-align:justify; text-justify:auto;}

.map {margin: 0 auto 6vw; height: 300px;}

.root {margin:0 auto 3vw; text-align: center;}
.root li {width: 46%;display: inline-block;font-size: 3.6vw;text-align: center;margin: 0 1vw;background: #6e5132;font-weight: 300;letter-spacing: 0.1em;border-radius: 50px;}
.root li a {padding: 3.2vw;color: #fff;position: relative;}
.root li a:after {content: "\f105"; font-family: icon; margin-left: 2vw; display: inline;}
.root li span{font-size:3.45vw;}
.root li .en{font-size:3.9vw;font-weight: 500;}
.root .googlemap a:before {content: "\f041"; margin-right: 1vw; font-family: icon; display: inline-block; }
.root .googleroot a:before {content: "\f183"; margin-right:1vw; font-family: icon; display: inline-block; }

.gallery{margin-bottom: 0;}
.gallery-item {width: 100%;margin: 0 auto;}
.gallery-item ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin: 0 auto;}
.gallery-item ul li {width: 48%;position: relative;margin-bottom: 4vw;}
.gallery-item li a:after {content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("../images/access/zoom.jpg"); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}
.gallery-item ul li img {width:100%;}


/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.salon-info{margin-bottom: 60px;}
.tbl {font-size: 14px; margin: 0 auto 40px;}
.tbl:before {width: 200px;}
.tbl th,.tbl td {padding: 13px;}
.tbl td {width: 77%;}
.tbl th {text-align:center;width: 22%;}
.tbl td .tel , .tbl td .fax{ font-size: 22px; }
.tbl td li {font-size: 14px;}
.tbl td li span {padding-top:0;}

.map {margin: 0 auto 40px; height: 400px;}

.root {margin:0 auto 20px;}
.root li .en{font-size:16px;}
.root li span{font-size:16px;}
.root li {width: 30%;font-size: 14px;margin: 0 10px;}
.root li a:after {margin-left: 10px;}
.root li a {padding: 18px;}
	
.gallery{margin-bottom: 0}
.gallery-item ul:after{content:""; display: block; width:24%;}
.gallery-item ul li {width:24%;margin-bottom: 10px;}
	
}