@charset "UTF-8";

/* top
----------------------------------------------- */
.gallery {width: 100%;position: relative;}
.gallery img { height: auto; width: 100%;}
.gallery .slick-img { margin-bottom: 2vw;}

.gallery-text{padding: 7% 10% 6%;position: absolute;background: #ffffffde;top: 50%;left: 50%;z-index: 1;-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-moz-box-shadow: 0 0 15px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 20%);box-shadow: 0 0 15px rgb(0 0 0 / 20%);outline: 1px solid #d8c3ba;outline-offset: -5px;width: 70vw;}
.gallery-text .ttl span.en{display: block;text-align: center;font-family: 'Cinzel';margin-bottom: 0;}
.gallery-text .ttl span.jp{display: block;font-family: var(--mincho);font-size: 6vw;text-align: center;line-height: 1.3;}
.gallery-text .ttl span.jp span{font-size: 70%;color: var(--beige);display: block;line-height: 1.5;margin: 2% auto 1%;}

/* tab_area
----------------------------------------------- */
.tab_area{background: var(--beige);display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;flex-wrap: wrap;-webkit-align-items: center;padding: 4% 4% 3%;margin: -2vw auto 16vw;}
.tab_area .tab_btn {width: 49.5%;color: var(--beige02);background: #fff;text-align: center;line-height: 1.2;font-size: 3.6vw;margin-bottom: 1vw;padding: 4%;font-weight: 600;}
.tab_area .tab_btn:after {font-family: 'icon';content: "\f107";font-size: 3vw;padding-left: 2vw;}
.tab_area.sticky{position: fixed;top: 15vw;left: 0;margin-top: 0;z-index: 999;width: 100%;}

/* campaign
----------------------------------------------- */
.campaign{position: relative;margin-bottom: 30vw;}
.campaign p { margin-bottom: 4vw; font-size: 3.6vw; font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;line-height: 1.8;}

.campaign-items .slide-count {width: 100%;padding: 0;font-size: 4.3vw;font-family: 'Cinzel';font-weight: 500;letter-spacing: 0.2vw;position: absolute;bottom: -8vw;left: 16vw;}
.campaign-items .count-active { position: relative; }
.campaign-items .count-active:before { content: '0'; }
.campaign-items .count-all {margin-left: 8vw;position: relative;}
.campaign-items .count-all:before { content: '0'; }
.campaign-items .count-all:after {content: '';width: 4vw;height: 1px;background: #a2a2a2;position: absolute;left: -6.2vw;bottom: 2.7vw;-moz-transform: rotate(-60deg);-ms-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}

.campaign .menu-item dt{line-height: 1.3;}
.campaign .mini{font-size: 80%;}
.campaign-items .ast{font-family: var(--mincho);} 

/* Arrows */
.slick-prev{left: 0;}
.slick-prev, .slick-next {top: 100%;transform: none;right: 30vw;}

.campaign:before{content: "";width: 100%;height: 96vw;top: 32vw;background: url(../../images/salon/campaign-bg.jpg) top center;background-size: cover;position: absolute;z-index: -1;}
.campaign img.main{width: 90%;margin: 0 0 6vw 0;}
.campaign-ttl{font-family: 'Cinzel';letter-spacing: 0.4vw;position: relative;display: table;font-size: 10.5vw;width: 90%;text-align: right;}
.campaign-ttl img.deco{width: 25vw;position: absolute;top: -6vw;left: 3vw;}

.campaign-contents{width: 80vw;margin: -22vw 0 0 auto;}
.campaign-item{background: #fff;width: 80vw;height: auto;}
.campaign-item-in{padding: 6%;}

.campaign-long{margin-bottom: 32vw;}
.campaign-long:before{height: 118vw;}
.campaign-long02{margin-bottom: 30vw;}
.campaign-long02:before{height: 112vw;}

.campaign-middle:before{height: 108vw;}
.campaign-middle02:before{height: 103vw;}
.campaign-middle03:before{height: 100vw;}
.campaign-short:before{height: 86vw;}

/* 金額共通 */
.menu-item p{line-height: 1.6;font-size: 3.4vw;}
.menu-item p span.pasurire{font-size: 3.1vw;}
.menu-item p.sub{color: var(--beige02);font-size: 3.4vw;margin-bottom: 2vw;}
.menu-item p.sub span{background: var(--beige);border-radius: 30px;padding: 1% 2.5%;color: #fff;font-size: 90%;margin-right: 1vw;}
.menu-item p.name{font-family: var(--mincho);font-size: 4.4vw;margin-bottom: 1vw;line-height: 1.2;margin-bottom: 2vw;}
.menu-item dl{font-family: var(--mincho);display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 2vw;}
.menu-item dt{font-size: 4vw;margin-right: 3vw;}
.menu-item dd.normal{font-size: 4vw;position: relative;margin-right: 9vw;}
.menu-item dd.normal:after{content: "";width: 100%;height: 24px;top: 3px;right: -11vw;background: url(../../images/salon/campaign-arrow.png) top center no-repeat;background-size: 20%;position: absolute;}
.menu-item dd.special{font-size: 7vw;}
.menu-item a.more01{margin: 4vw 0 0;}

/* menu
----------------------------------------------- */
.menu{width: 90vw;margin: 0 auto;padding: 2% 0 10%;}
.menu-tab{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 6vw;}
.menu-tab li{width: 49%;margin-bottom: 2%;}
.menu-tab li a{background: var(--beige);color: #fff;padding: 11% 6%;font-weight: 700;text-align: center;border-radius: 6px;font-size: 3.8vw;}

.menu-wrap{margin-bottom: 12vw;}
.menu-wrap p{margin-bottom: 4vw; font-size: 3.6vw; font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;line-height: 1.8;}
.menu-wrap:last-of-type{margin-bottom: 0;}
.menu-wrap .midashi02{margin-bottom: 5vw;}
.menu-wrap .img-box{margin-bottom: 6vw;position: relative;}
.menu-wrap .img-box img{width: 100%;}
.menu-wrap .img-box p{position: absolute;bottom: -8vw;left: 50%;color: #fff;font-family: 'Cinzel';font-size: 12vw;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);margin: 0;white-space: nowrap;}

.menu-list li{border-bottom: 1px solid #ddd;padding-bottom: 5vw;margin-bottom: 5vw;}
.menu-list li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.menu-list.menu-item dt{padding: 1.4% 2%;border-radius: 30px;background: var(--beige);color: #fff;font-size: 86%;}
.menu-list.menu-item dd.special{font-size: 5.4vw;}
.menu-list.menu-item dd.pasurire{font-size: 3vw;width: 60%;line-height: 1.2;}
.menu-list.menu-item p.special{font-size: 5.4vw;margin-bottom: 2vw;font-family: var(--mincho);line-height: 1;}

.menu .op-midashi{padding: 0.8vw;font-size: 4.5vw;text-align: center;font-family: var(--mincho); background: var(--beige);color: #fff;line-height: 1.8;margin-bottom: 5vw;}

.menu-link a{padding: 5%;background: #8c7b76;text-align: center;font-size: 4.2vw;color: #fff;font-weight: bold;border-radius: 60px;}
.menu-link a:after {font-family: 'icon';content: "\f105";font-size: 3vw;padding-left: 2vw;}

/* staff
----------------------------------------------- */
.staff{padding: 12% 0;background: #fefaf5;}
.staff-inner{width: 90vw;margin: 0 auto;}
.staff li{padding: 10% 6% 4%;background: #fff;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin-bottom: 6vw;}
.staff li:last-child{margin-bottom: 0;}
.staff li dl{margin-bottom: 4vw;}
.staff li dt{font-family: 'Cinzel';color: var(--beige);margin-bottom: 2vw;font-size: 3.6vw;}
.staff li dd{font-size: 5vw;font-family: var(--mincho);}
.staff li dd span{font-size: 60%;margin-left: 2vw;opacity: 0.5;}
.staff li p{margin-bottom: 4vw;font-size: 3.6vw;font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;line-height: 1.5;}

.tbl {width:100%;position:relative;font-size: 3.4vw;margin-bottom: 4vw;}
.tbl:before {content:"";width: 100px;position:absolute;background: #938d81;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;}
.tbl td {width: 68%;padding: 3% 0 3% 0%;}
.tbl th {text-align:center;width: 32%;color: #938d81;font-weight: 600;display: inline-block;padding: 3% 2% 3% 0;}
.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 a.tel {color: var(--beige02);font-size: 5.8vw;font-family: 'Cinzel';font-weight: 300;letter-spacing: .08em;display: inline-block;}

/* salon
----------------------------------------------- */
.salon{width: 90vw;margin: 0 auto;padding: 10% 0;}
.salon .map { margin: 0 auto 6%; height: 300px;}
.map-root { margin: 0 auto; text-align: center;}
.map-root li {width: 46%;display: inline-block;font-size: 3.4vw;text-align: center;background: var(--beige);letter-spacing: 0.1em;border-radius: 50px;}
.map-root li a {padding: 10% 2%;color: #fff;position: relative;}
.map-root li a:after { content: '>'; margin-left: 2%; display: inline;}
.map-root .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.map-root .googleroot a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }

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

/* top
----------------------------------------------- */
.gallery .slick-img {width: 960px;margin: 0 auto 10px;opacity: 0.5;}
.gallery .slick-img.slick-active {opacity: 1;}

.gallery-text{padding: 40px;width: 410px;}
.gallery-text .ttl span.en{margin-bottom: 10px;}
.gallery-text .ttl span.jp{font-size: 30px;}

/* tab_area
----------------------------------------------- */
.tab_area{background: var(--beige);padding: 24px;margin: -10px auto 100px;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.tab_area .tab_btn {width: 238px;font-size: 16px;padding: 16px;margin: 0 2px;}
.tab_area .tab_btn:after {font-size: 16px;padding-left: 16px;}

.tab_area.sticky{width: 100%;top: 120px;padding: 20px;}
.tab_area.sticky .tab_btn{padding: 14px;}

/* campaign
----------------------------------------------- */
.campaign{margin-bottom: 100px;}
.campaign-inner{width: 960px;margin: 0 auto;position: relative;}
.campaign p { margin-bottom: 20px; font-size: 15px;}

.campaign-items .slide-count {font-size: 16px;bottom: 24px;left: -180px;}
.campaign-items .count-all {margin-left: 30px;}
.campaign-items .count-all:after {width: 16px;left: -26px;bottom: 10px;}

/* .nishikasai .campaign-items .slide-count{bottom: 155px;} */
/* .fujisawa .campaign-items .slide-count{bottom: 155px;} */
/* .abeno .campaign-items .slide-count{bottom: 124px;} */
/* .shinkamagaya .campaign-items .slide-count{bottom: 155px;} */
/* .ginza .campaign-items .slide-count{bottom: 63px;} */
.kachidoki .campaign-items .slide-count{bottom: 109px;}
.nishikasai .campaign-items .slide-count{bottom: 109px;}
.fujisawa .campaign-items .slide-count{bottom: 109px;}
.abeno .campaign-items .slide-count{bottom: 109px;}
.fushimimomoyama .campaign-items .slide-count{bottom: 109px;}
.sunmarche .campaign-items .slide-count{bottom: 37px;}
.shinkamagaya .campaign-items .slide-count{bottom: 109px;}
.totsuka .campaign-items .slide-count{bottom: 37px;}
.ginza .campaign-items .slide-count{bottom: 37px;}
.shibaura .campaign-items .slide-count{bottom: 39px;}
.inazawa .campaign-items .slide-count{bottom: 109px;}
.nishinippori .campaign-items .slide-count{bottom: 109px;}
.odaka .campaign-items .slide-count{bottom: 37px;}
.osaki .campaign-items .slide-count{bottom: 109px;}
.meinohama .campaign-items .slide-count{bottom: 37px;}
.minamirinkan .campaign-items .slide-count{bottom: 37px;}
.nakayama .campaign-items .slide-count{bottom: 37px;}

/* Arrows */
.slick-prev,.slick-next {width: 50px;transform: none;right: 460px;}
.slick-prev{left: -250px;}
.slick-next{right: 485px;}

.campaign:before{height: 460px;top: 20px;}
.campaign img.main{width: 600px;margin: -90px 0 20px -50px;}
.campaign-ttl{font-size: 48px;width: auto;margin: 0 0 0 auto;letter-spacing: 2px;}
.campaign-ttl img.deco{width: 110px;top: -20px;left: -25px;}

.campaign-contents{width: 450px;margin: -220px 0 0 auto;}
.campaign-item{width: 520px;}
.campaign-item-in{padding: 40px;}
	
.campaign-long{margin-bottom: 100px;}
.campaign-long:before{height: 580px;}
.campaign-long .slick-prev, .campaign-long .slick-next{top: 240px;}
	
.campaign-long02{margin-bottom: 90px;}
.campaign-long02:before{height: 550px;}
.campaign-long02 .slick-prev, .campaign-long02 .slick-next{top: 240px;}
	
.campaign-middle:before{height: 540px;}
.campaign-middle .slick-prev, .campaign-middle .slick-next{top: 240px;}
	
.campaign-middle02:before{height: 520px;}
.campaign-middle02 .slick-prev, .campaign-middle02 .slick-next{top: 240px;}
.campaign-middle02 .slide-count{bottom: 80px;}

.campaign-middle03:before{height: 480px;}
.campaign-middle03 .slick-prev, .campaign-middle03 .slick-next{top: 240px;}
.campaign-middle03 .slide-count{bottom: 60px;}

.campaign-short:before{height: 430px;}
.campaign-short .campaign-contents{margin: -210px 0 0 auto;}
.campaign-short .slick-prev, .campaign-short .slick-next{top: 208px;}
	
.campaign-short02 .campaign-contents{margin: -220px 0 0 auto;}
.campaign-short02 .slick-prev, .campaign-short02 .slick-next{top: 234px;}

/* 金額共通 */
.menu-item p{font-size: 15px;margin-bottom: 14px;}
.menu-item p span.pasurire{font-size: 15px;}
.menu-item p.sub{font-size: 15px;margin-bottom: 10px;}
.menu-item p.sub span{padding: 6px 12px;margin-right: 8px;}
.menu-item p.name{font-size: 22px;margin-bottom: 10px;}
.menu-item dl{margin-bottom: 10px;}
.menu-item dt{font-size: 15px;margin-right: 20px;}
.menu-item dd.normal{font-size: 22px;margin-right: 60px;}
.menu-item dd.normal:after{height: 24px;top: 3px;right: -60px;background-size: 16px;}
.menu-item dd.special{font-size: 36px;}
.menu-item a.more01{margin: 30px 0  0;}

/* 金額複数 */
.menu-item .price{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.menu-item .price dl{margin:0 20px 0 0;}

/* menu
----------------------------------------------- */
.menu{width: 960px;padding: 40px 0 80px;}
.menu-tab{margin-bottom: 50px;}
.menu-tab li{width: 24%;margin-bottom: 0;}
.menu-tab2 li{width: 32.5%;}
.menu-tab3 li{width: 49%;}
.menu-tab4 li{width: 19%;}
.menu-tab li a{padding: 20px 10px;font-size: 18px;}

.menu-wrap{margin-bottom: 100px;}
.menu-wrap p{margin-bottom: 30px;font-size: 16px;}
.menu-wrap .midashi02{margin-bottom: 30px;}
.menu-wrap .img-box{margin-bottom: 30px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.menu-wrap .img-box img{width: 480px;}
.menu-wrap .img-box p{bottom: -30px;left: initial;right: -5px;font-size: 50px;transform: none;white-space: nowrap;}

.menu-list li{padding-bottom: 24px;margin-bottom: 24px;}
.menu-list li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.menu-list.menu-item p.sub{margin-bottom: 0;}
.menu-list.menu-item dt{padding: 4px 10px;margin-right: 10px;}
.menu-list.menu-item dd.special{font-size: 22px;}
.menu-list.menu-item dd.pasurire{font-size: 15px;width: 45%;}
.menu-list.menu-item p.special{font-size: 22px;margin-bottom: 10px;}
	
.menu .op-midashi{padding: 5px;font-size: 24px;margin-bottom: 30px;}

.menu-link a{padding: 24px;font-size: 20px;width: 500px;margin: 0 auto;}
.menu-link a:after {font-size: 20px;padding-left: 30px;}

/* staff
----------------------------------------------- */
.staff{padding: 80px 0;}
.staff-inner{width: 960px;margin: 0 auto;}
.staff li{padding: 40px;margin-bottom: 40px;}
.staff li dl{margin-bottom: 16px;}
.staff li dt{margin-bottom: 10px;font-size: 16px;}
.staff li dd{font-size: 26px;}
.staff li dd span{margin-left: 10px;}
.staff li p{margin-bottom: 30px;font-size: 16px;}

.tbl {font-size: 14px; margin-bottom: 20px;}
.tbl:before {width: 160px;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;display: inline-block;}
.tbl td {padding: 14px 0 14px 20px;}
.tbl th {padding: 14px 14px 14px 0;width: 160px;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a.tel {font-size: 24px;}

/* salon
----------------------------------------------- */
.salon{width: 960px;padding: 80px 0;}
.salon .map { margin: 0 auto 40px; height: 300px;}
.map-root li {width: 30%;font-size: 14px;}
.map-root li a {padding: 20px 20px;}

}


/* =============================================
 retina-size
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.campaign:before{background-image: url(../../images/salon/campaign-bg@2x.jpg);}
.menu-item dd.normal:after{background-image: url(../../images/salon/campaign-arrow@2x.png);}

}