@charset "UTF-8";

/* salon
----------------------------------------------- */

.name{font-weight: bold;text-align: center;font-size: 4.4vw;margin-bottom: 3vw;}
.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: #666;}
.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 a.tel{font-size: 5.6vw;display: inline-block;font-family: "Jost", sans-serif;color: var(--gold);}
.tbl td a.tel:before {content: 'TEL.';font-size: 65%;display: inline-block;font-weight: 500;}
.map {height: 300px;margin-bottom: 8vw;}

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

.reserve {margin-bottom: 14vw;}
.reserve li{margin-bottom: 4vw;}
.reserve li a{padding: 4vw 0;font-size: 5.4vw;color: #fff;font-weight: 500;line-height: 1.4;text-align: center;letter-spacing: 0.04em;border-radius: 60px;position: relative;background-color: #111;}
.reserve li a span{font-family: "Jost", sans-serif;}
.reserve li a span:before{content: "\e905";margin-right: 2vw;font-family: 'icon';display: inline-block;font-size: 5vw;}
.reserve li p{text-align:center;margin-bottom: 0;font-weight: 100;font-size: 3.6vw;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { 
    
.name{font-size: 24px;margin-bottom: 20px;}
.tbl td a.tel{font-size: 30px;}
.map{margin-bottom: 60px;}

.gallery{margin-bottom: 70px;}
.gallery .slider {margin-bottom: 10px;}

.reserve {margin-bottom: 80px;}
.reserve li{margin-bottom: 4vw;}
.reserve li a{padding: 20px 0;font-size: 30px;}
.reserve li a span{font-family: "Jost", sans-serif;}
.reserve li a span:before{margin-right: 8px;font-size: 24px;}
.reserve li p{font-size: 16px;}

}