@charset "UTF-8";
.salon img { width: 100%; margin-bottom: 4vw; }
.salon .title { font-size: 4vw; margin-bottom: 4vw; }
.salon .title span { padding: 2vw; margin-bottom: 1.5vw; color: #fff; font-family: var(--mincho); font-weight: 600; background: var(--brown01); display: table; }
.salon .title span b { font-family: "aw-conqueror-didot"; font-weight: 600; letter-spacing: 0.04rem; }
.salon .name{ font-family: "aw-conqueror-didot"; font-weight: 400; letter-spacing: 0.4vw; font-size: 14vw; line-height: 1; color: var(--brown01); }
.salon .name small{display:block;font-size:4vw;text-align: left;padding-right: 11%;color: var(--brown01);}
.salon .tp{margin-bottom: 7%;}

.info .subtit{ margin-bottom: 4vw; font-weight: normal; font-size: 6vw; letter-spacing: 2px; border-bottom: 2px solid #e2e2e2; position: relative; font-family: "aw-conqueror-didot"; font-weight: 400; letter-spacing: 0.4vw; }
.info .subtit:after{content:"";width:25%;height:2px;background: var(--brown01);position:absolute;bottom:-2px;left:0;}
.salon .info{margin-bottom:10%}
.salon .info table{width:100%;background: #fff;}
.salon .info tr{border-bottom:1px solid var(--gray);}
.salon .info tr:nth-child(1){border-top:1px solid var(--gray);}
.salon .info th,.salon .info td{padding:3% 5%;line-height: 1.4;vertical-align: middle;}
.salon .info th{background:var(--gray);width: 30%;border-bottom:1px solid #ffffff;}
.salon .info tr:nth-last-child(1) th{border-bottom:none;}
.salon .info td{width:65%;font-size: 93%;}
.salon .info td a{ font-size: 5vw; font-family: var(--mincho); font-weight: 400; letter-spacing: 0.04rem; }
.salon .info td.access{ text-align: justify; }

.access-items{margin-top: 5vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.access-items li{width: 48%;font-size: 3.5vw;text-align: center;position: relative;}
.access-items .map::before{content: '\f041';font-family: 'icon'; font-weight: normal;position: absolute;top: 50%;left: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 4vw;}
.access-items .route::before{content: '\f183';font-family: 'icon'; font-weight: normal;position: absolute;top: 50%;left: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 4vw;}
.access-items span::after{content: '\f105';font-family: 'icon';position: absolute;top: 50%;right: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.access-items a{padding: 3vw 0 3vw;color: #fff;background: var(--brown01);-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;font-weight: bold;}
.salon iframe{height:50vw;width: 100%;background: #eee;}

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) { 
.second-text{ position: relative; }
.salon img {width: 70%;margin-bottom: 20px;position: relative;z-index: -1;}
.salon-deco {width: fit-content;color: #f1eee9;font-family: "aw-conqueror-didot";font-weight: 400;text-align: right;letter-spacing: 0.4vw;z-index: -1;font-size: 135px;letter-spacing: 4px;position: absolute;top: 70px;left: 64%;}
.salon .info{margin-bottom:0;}
.salon .title{font-size: 20px;margin-bottom: 10px;}
.salon .title span{ padding: 6px 8px; margin: -80px 0 60px 0; }
.salon .name{font-size: 90px;margin-bottom: 62px;}
.salon .name small{font-size: 18px;text-align:left;padding: 0 0 0 40px;}
.info .subtit{ margin-bottom: 30px; font-size:30px; }
.salon .info th{width:20%;}
.salon .info th, .salon .info td{padding: 16px 20px;}
.salon .info td a{font-size:24px;}
.salon .info td{font-size: 14px;}
.salon iframe{height:400px;}
.access-items{width: 62%;max-width: 600px;margin: 60px auto 80px;}
.access-items li{font-size: 16px;width: 48%;}
.access-items a{padding: 20px 0; border-radius: 36px;-webkit-border-radius: 36px;}
.access-items .map::before{top: 50%;left: inherit;font-size: 22px;position: relative;margin-right: 10px;}
.access-items .route::before{top: 50%;left: inherit;font-size: 22px;position: relative;margin-right: 10px;}
.access-items span::after{right:20px;}
}