@charset "utf-8";

/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
.reason h2, .salon h2{width:1000px; height:auto; margin-bottom:30px; padding-bottom:15px; box-sizing:border-box; border-bottom:solid 1px #aca29a; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:32px; line-height:65px; text-align:center; letter-spacing:0.06em; position:relative;}
.reason h2 b, .salon h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}

/******************************************************/
/** インドエステbanner風
/******************************************************/
.indo_banner{width:1000px; height:386px; margin:60px 0; background:#fff; border:solid 3px #f07573; box-sizing:border-box;}
.indo_banner .inner01{float:right; width:721px; height:380px; background:url("../../img/index/banner_indo_bg.jpg") no-repeat; position:relative;}
.indo_banner .inner01 .mds{width:auto; height:auto; margin:0; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:35px; letter-spacing:0.06em; text-align:center; text-indent:-0.1em; position:absolute; top:24px; left:294px;}
.indo_banner .inner01 .mds b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:68px; margin-top:14px; text-indent:0;}
.indo_banner .inner01 .mds span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:54.5px; margin-top:12px; text-indent:0; letter-spacing:0.08em;}
.indo_banner .inner01 .subject{display:table; margin:0; position:absolute; top:224px; left:302px;}
.indo_banner .inner01 .subject span:nth-child(1){float:left; width:60px; height:32px; margin-right:8px; display:block; background:#6d583c; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:12px; line-height:32px; text-align:center;}
.indo_banner .inner01 .subject span:nth-child(2){float:left; display:block; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10.5px; line-height:16px; letter-spacing:0.06em; text-align:left;}
.indo_banner .inner02{float:left; width:273px; height:380px; background:#f07573;}
.indo_banner .inner02 p{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 text-align:center;}
.indo_banner .inner02 p.ribbon{width:235px; height:50px; margin:25px auto 15px; padding-top:12px; box-sizing:border-box;  background:url("../../img/index/banner_indo_ribbon.png") no-repeat; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:14px; letter-spacing:0.1em;}
.indo_banner .inner02 p.mds{margin:10px 0; font-size:40.6px; letter-spacing:0.04em;}
.indo_banner .inner02 p.mds b{display:block; margin-bottom:14px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:68.5px;}
.indo_banner .inner02 p.mds span{display:block; margin-top:20px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:18px;}
.indo_banner .inner02 a{width:228px; height:80px; display:block; margin:30px auto auto; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:17px; line-height:80px; text-align:center;}
.indo_banner .inner02 a:hover{background:#d53330; color:#fff; text-indent:0.2em;}
.indo_banner .inner02 a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.indo_banner .inner02 a, .indo_banner .inner02 a:hover{transition:all 0.3s ease;}

/******************************************************/
/** 980円予約バナー
/******************************************************/
.banner_yoyaku980{width:1000px; height:176px; display:block; margin:40px auto; padding:2px; box-sizing: border-box; background:url("../img/banner_yoyaku980_bg.jpg") repeat-x;}
.banner_yoyaku980 .orange{float:left; width:523px; height:172px; color:#fff; text-align:center;}
.banner_yoyaku980 .orange p.mds{margin:30px 0 0;  font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:21.5px; letter-spacing:0.13em;}
.banner_yoyaku980 .orange p.mds b{font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:31.5px;}
.banner_yoyaku980 .orange p.mds b.strong{position:relative;}
.banner_yoyaku980 .orange p.mds b.strong:after{content:url("../img/banner_yoyaku980_orange_strong.png"); position:absolute; top:-12px; left:0;}
.banner_yoyaku980 .orange ul{width:504px; height:49px; margin:15px auto 16px; display:table; background:url("../img/banner_yoyaku980_orange_ul_bg.png") no-repeat;}
.banner_yoyaku980 .orange ul li{float:left; width:155px; height:49px; color:#df5b45;  font-family:"Kaisei Opti", serif; font-weight: 400; font-size:20px; letter-spacing:0.06em; line-height:49px; text-align:center;}
.banner_yoyaku980 .orange ul li:nth-child(2){margin:0 20px 0 19px;}
.banner_yoyaku980 .orange ul li:nth-child(3){transform:scale( 1 , 2.1 ); transform: scale( 0.8 , 1 );}
.banner_yoyaku980 .orange p.support{margin:0; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:15px; letter-spacing:0.06em;}
.banner_yoyaku980 .white{float:left; width:473px; height:172px; background:#fff; position:relative;}
/*まずはお試し下さい⇒予約*/
.banner_yoyaku980 .white .text{position:absolute; top:0; right:20px; z-index:1;}
.banner_yoyaku980 .white .text p.mds{color:#e86967; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:19px; letter-spacing:0.08em; position:relative;}
.banner_yoyaku980 .white .text p.mds:before{content:''; width:120%; height:0; border-bottom:dashed 1px; position:absolute; top:-8px; right:-3px;}
.banner_yoyaku980 .white .text p.mds:after{content:''; width:103%; height:0; border-bottom:dashed 1px; position:absolute; bottom:-8px; right:-3px;}
.banner_yoyaku980 .white .text .btn{display:block; width:100%; max-width:284px; height:auto; margin:0 auto; border-radius:10px; box-shadow:0 0 5px #999;  background:url("../img/banner_yoyaku980_white_btn.png") no-repeat; position:relative; left:8px; transition:all 0.3s ease;}
.banner_yoyaku980 .white .text .btn:hover{transition:all 0.3s ease; box-shadow:0 0 10px #666;}
.banner_yoyaku980 .white .text .btn:hover:after{content:''; width:100%; height:100%; border-radius:10px; background:rgba(255,255,255,0.2); display:block; position:absolute; top:0; left:0;}
.banner_yoyaku980 .white .text .btn a{width:100%; height:73px; overflow:hidden; margin:26px 0 12px; display:block; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:21px; line-height:73px; letter-spacing:0.12em; text-align:center; position:relative; z-index:2; transition:.35s linear; -webkit-transition:.35s linear; -moz-transition:.35s linear;}
.banner_yoyaku980 .white .text .btn a:before{display:block; position:absolute; z-index:-1; left:-30%; top:-50%; content:""; width:50px; height:200px; transform:rotate(30deg); -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0))); background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,.8),rgba(255,255,255,0) 100%); animation:shiny 2s infinite linear; -webkit-animation:shiny 2s infinite linear; -moz-animation:shiny 2s infinite linear;}
@keyframes shiny {
    0% {left:-30%;}
    20% {left:120%;}
    100% {left: 120%;}
}
@-webkit-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-moz-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
.banner_yoyaku980 .white .text p.attention{margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:300; font-size:11px; text-align:right;}
.banner_yoyaku980 .white .text p.attention:before{content:'※'; padding-right:0.1em;}
/*お得で豊富な体験コース980円*/
.banner_yoyaku980 .white .otoku{width:164px; height:161px; background:url("../img/banner_yoyaku980_white_otoku.png") no-repeat; display:block; position:absolute; top:5px; left:2px; z-index:3; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
.banner_yoyaku980 .white .otoku p{margin:0; padding-top:35px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:15px; letter-spacing:0.06em; line-height:23px; text-align:center;}
.banner_yoyaku980 .white .otoku p b{display:block; margin-top:12px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:44px; letter-spacing:-0.05em;}
.banner_yoyaku980 .white .otoku p b span{font-size:21px; letter-spacing:0;}

/******************************************************/
/** 指示されている理由
/******************************************************/
.bg_none .content_full.reason{background:none; padding:0;}/*背景色なし*/
.reason{background:#fbf8f7; padding:40px 0 60px;}
.reason ul, .reason .box{width:940px; height:auto; margin:auto;}
.reason ul{display:table; margin:50px auto 10px;}
.reason ul li{float:left; width:448px; min-height:134px; height:auto; margin-bottom:42px; padding-left:154px; box-sizing:border-box;}
.reason ul li:nth-child(1){background:url("../img/reason_icon01.png") no-repeat;}
.reason ul li:nth-child(2){background:url("../img/reason_icon02.png") no-repeat;}
.reason ul li:nth-child(3){background:url("../img/reason_icon03.png") no-repeat;}
.reason ul li:nth-child(4){background:url("../img/reason_icon04.png") no-repeat;}
.reason ul li:nth-child(5){background:url("../img/reason_icon05.png") no-repeat;}
.reason ul li:nth-child(6){background:url("../img/reason_icon06.png") no-repeat;}
.reason ul li h3{color:#996d63; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:20px; line-height:29px;}
.reason ul li p{margin:5px 0 0; color:#160e07; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:13px; line-height:24px; text-align:justify;}
.reason ul li:nth-child(2n){float:right;}
.reason .box{height:auto; padding:26px; display:block; background:#fff; border:solid 1px #d8d5d5; box-sizing:border-box;}
.reason .box h3{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:15px; text-indent:-0.6em;}
.reason .box h3:before{content:'【'; padding-right:0.1em;}
.reason .box h3:after{content:'】'; padding-left:0.1em;}
.reason .box p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:29px;}

/******************************************************/
/** サロン情報
/******************************************************/
.salon{margin-top:60px;}
.salon h2{padding-left:120px;}
.salon h2:before{width:112px; height:105px; content:url("../img/salon_h2_icon.png"); display:block; position:absolute; top:12px; left:45px;}
.salon h2+img{width:100%; height:auto; display:block; margin:40px auto; background:#ccc;}
.salon table{float:left; width:525px; margin-top:-34px;}
.salon table tr{height:auto; border-bottom:solid 1px #d1d1d1; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:15px; line-height:24px;}
.salon table tr:first-child{border-top:solid 1px #d1d1d1;}
.salon table tr th, .salon table tr td{padding:10px 0; vertical-align:middle; letter-spacing:0.06em;}
.salon table tr th{width:115px; border-right:solid 1px #d1d1d1; color:#ef7674; text-align:center;}
.salon table tr td{width:410px; color:#515151; text-align:left; padding-left:1.4em; box-sizing:border-box;}
.salon table tr td span{font-size:13px;}
.salon table tr td span:before{content:'('; padding-right:0.1em;}
.salon table tr td span:after{content:')'; padding-left:0.1em;}
.salon table tr td span.pc.tab{display:inline-block!important;}
.salon table tr td span.pc.tab:before,.salon table tr td span.pc.tab:after{display:none;}
.salon #map{float:right; width:440px; height:297px; border: solid 1px #b3b3b3;  box-sizing:border-box;}
.salon #map .yolp-logo{transform:scale(0.7); transform-origin:right bottom;}
.salon #map+button{position:relative; left:559px; top:305px; border:solid 1px #b3b3b3; border-radius:50px; background:#fcfcfc; background:-moz-linear-gradient(top, #fcfcfc 0%, #eaeaea 67%, #cecece 99%); background:-webkit-linear-gradient(top, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); background:linear-gradient(to bottom, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 );}
.salon #map+button:hover{box-shadow:0 0 5px #969696; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #efefef 67%, #dbdbdb 99%); background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 67%,#dbdbdb 99%); background:linear-gradient(to bottom, #ffffff 0%,#efefef 67%,#dbdbdb 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); cursor:pointer;}
.salon #map+button .map_btn{display:block; width:100%; height:100%; padding:0 20px; box-sizing:border-box; color:#000; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px; line-height:31px;}
.salon .btn{display:-webkit-box;}
.salon .btn a{display:block; width:800px; height:70px; margin:70px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; letter-spacing:0.06em; text-align:center;}
.salon .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.salon .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.salon .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.salon .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}
}

/******************************************************/
/**
/**　タブレット用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
.reason h2, .salon h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding:10px 0 25px; background:url("../../common/img/h2_line.png") repeat-x left bottom; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3vw; line-height:1.8; letter-spacing:0.06em; position:relative;}
.reason h2 b, .salon h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
/******************************************************/
/** インドエステbanner風
/******************************************************/
.indo_banner{width:90%; height:0; margin:30px auto; padding-top:33.8%; background:#fff; border:solid 3px #f07573; box-sizing:border-box; position:relative;}
.indo_banner .inner01{width:72.1%; height:0; padding-top:38%; background:url("../../img/index/banner_indo_bg.jpg") no-repeat; background-size:cover; position:absolute; top:0; right:0;}
.indo_banner .inner01 .mds{width:63%; height:auto; margin:0; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:2.2vw; letter-spacing:0.06em; text-align:center; text-indent:-0.1em; position:absolute; top:6%; left:37%;}
.indo_banner .inner01 .mds b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:5.6vw; margin-top:4%; text-indent:0;}
.indo_banner .inner01 .mds span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.6vw; margin-top:4%; text-indent:0; letter-spacing:0.08em;}
.indo_banner .inner01 .subject{width:57%; display:table; margin:0; position:absolute; top:54%; left:41%;}
.indo_banner .inner01 .subject span:nth-child(2){width:122%; display:block; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:1vw; line-height:1.3; letter-spacing:0.06em; text-align:left; transform:scale(0.8); transform-origin:left top;}
.indo_banner .inner02{width:27.9%; height:0; margin-top:-38%; padding-top:38%; background:#f07573; position:relative; top:0; left:0;}
.indo_banner .inner02 p{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 text-align:center;}
.indo_banner .inner02 p.ribbon{width:86%; height:0; margin:-133% auto 0; padding-top:21.27%; box-sizing:border-box;  background:url("../../img/index/banner_indo_ribbon.png") no-repeat; background-size:contain; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.1em; position:relative; top:0; left:0;}
.indo_banner .inner02 p.ribbon span{width:100%; font-size:1.8vw; position:absolute; top:14%; left:0;}
.indo_banner .inner02 p.mds{margin:1.5vw 0; font-size:3vw; letter-spacing:0.04em;}
.indo_banner .inner02 p.mds b{display:block; margin-bottom:8px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:8vw;}
.indo_banner .inner02 p.mds span{display:block; margin-top:11px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:2.6vw;}
.indo_banner .inner02 a{width:84%; height:30px; display:block; margin:13px auto auto; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:1.8vw; line-height:30px; text-align:center;}
.indo_banner .inner02 a:hover{background:#d53330; color:#fff; text-indent:0.2em;}
.indo_banner .inner02 a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.indo_banner .inner02 a, .indo_banner .inner02 a:hover{transition:all 0.3s ease;}

/******************************************************/
/** 980円予約バナー
/******************************************************/
.banner_yoyaku980{width:95%; height:auto; display:block; margin:30px auto; padding:1.2% 2px 4px; box-sizing: border-box; background:url("../img/banner_yoyaku980_bg.jpg") repeat;}
.banner_yoyaku980 .orange{width:100%; height:auto; color:#fff; text-align:center;}
.banner_yoyaku980 .orange p.mds{margin:22px 0 0;  font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:3.4vw; letter-spacing:0.13em;}
.banner_yoyaku980 .orange p.mds b{font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:4.5vw;}
.banner_yoyaku980 .orange p.mds b.strong{position:relative;}
.banner_yoyaku980 .orange p.mds b.strong:after{width:100%; height:100%; content:''; background:url("../img/banner_yoyaku980_orange_strong.png") no-repeat; background-size:contain; position:absolute; top:-3vw; left:0;}
.banner_yoyaku980 .orange ul{width:96.3%; height:0; margin:8px auto 0; padding-top:9.7%; display:flex; background:url("../img/banner_yoyaku980_orange_ul_bg.png") no-repeat; background-size:contain;}
.banner_yoyaku980 .orange ul li{float: left; width:30.7%; height:9vw; display:block; margin-top:-9vw; color:#df5b45; font-family:"Kaisei Opti", serif; font-weight: 400; font-size:3vw; letter-spacing:0.06em; line-height:9vw; text-align:center;}
.banner_yoyaku980 .orange ul li:nth-child(2){margin:-9vw 3.7% 0 4.1%;}
.banner_yoyaku980 .orange p.support{margin:5px 0 10px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:1.8vw; letter-spacing:0.06em; line-height:1.7;}
/*まずはお試し下さい⇒予約*/
.banner_yoyaku980 .white{width:98%; height:30vw; background:#fff; margin:auto; position:relative;}
.banner_yoyaku980 .white .text{width:100%; position:absolute; top:6%; left:0; z-index:1;}
.banner_yoyaku980 .white .text p.mds{width:80%; margin-bottom:18px; padding:0 0.2em 0 6.8em; box-sizing:border-box; color:#e86967; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size: 2.5vw; letter-spacing:0.4em; position:relative; left:16%; text-align:center;}
.banner_yoyaku980 .white .text p.mds:before{content:''; width:100%; height:0; border-bottom:dashed 1px; position:absolute; top:-8px; right:-3px;}
.banner_yoyaku980 .white .text p.mds:after{content:''; width:103%; height:0; border-bottom:dashed 1px; position:absolute; bottom:-8px; right:-3px;}
.banner_yoyaku980 .white .text .btn{display:block; width:65%; height:0; margin:0; padding-top:16.7%; border-radius:10px; box-shadow:0 0 5px #999;  background:url("../img/banner_yoyaku980_white_btn.png") no-repeat; background-size:contain; position:relative; left:33%; transition:all 0.3s ease;}
.banner_yoyaku980 .white .text .btn:hover{transition:all 0.3s ease; box-shadow:0 0 10px #666;}
.banner_yoyaku980 .white .text .btn:hover:after{content:''; width:100%; height:100%; border-radius:10px; background:rgba(255,255,255,0.2); display:block; position:absolute; top:0; left:0;}
.banner_yoyaku980 .white .text .btn a{width:100%;height:auto;overflow:hidden;margin:-25.5% 0 0 0;padding:9% 0;display:block;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 4vw;line-height:1;letter-spacing:0.12em;text-align:center;position:relative;z-index:2;transition:.35s linear;-webkit-transition:.35s linear;-moz-transition:.35s linear;}
.banner_yoyaku980 .white .text .btn a:before{display:block; position:absolute; z-index:-1; left:-30%; top:-50%; content:""; width:50px; height:200px; transform:rotate(30deg); -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0))); background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,.8),rgba(255,255,255,0) 100%); animation:shiny 2s infinite linear; -webkit-animation:shiny 2s infinite linear; -moz-animation:shiny 2s infinite linear;}
@keyframes shiny {
    0% {left:-30%;}
    20% {left:120%;}
    100% {left: 120%;}
}
@-webkit-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-moz-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
.banner_yoyaku980 .white .text p.attention{display:none;}
.banner_yoyaku980 .white p.tab.attention{width:100%; margin:0; padding-left:28%; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:1.8vw; text-align:center; position:absolute; bottom:1.6vw; z-index:4;}
.banner_yoyaku980 .white p.tab.attention:before{content:'※'; padding-right:0.1em;}
/*お得で豊富な体験コース980円*/
.banner_yoyaku980 .white .otoku{width:32.6%; height:0; padding-top:33%; background:url("../img/banner_yoyaku980_white_otoku.png") no-repeat; background-size:contain; display:block; position:absolute; top:5px; left:0; z-index:3; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
.banner_yoyaku980 .white .otoku p{margin:-98%; padding-top:15px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.5vw; letter-spacing:0.06em; line-height:1.4; text-align:center; transform:scale(0.7);}
.banner_yoyaku980 .white .otoku p b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10vw; letter-spacing:-0.05em;}
.banner_yoyaku980 .white .otoku p b span{font-size:5vw; letter-spacing:0;}

 /******************************************************/
/** 支持されている理由
/******************************************************/
.reason{background:#fbf8f7; padding:25px 0 40px;}
.reason h2{font-size:3.4vw; text-align:center;}
.reason ul, .reason .box{width:90%; height:auto; margin:auto;}
.reason ul{display:table; margin:30px auto 10px;}
.reason ul li{float:left; width:48%; height:26vw; margin-bottom:25px; box-sizing:border-box;}
.reason ul li:nth-child(2n){float:right;}
.reason ul li:nth-child(1){background:url("../img/reason_icon01.png") no-repeat left top 1%; background-size:24%;}
.reason ul li:nth-child(2){background:url("../img/reason_icon02.png") no-repeat left top 1%; background-size:24%;}
.reason ul li:nth-child(3){background:url("../img/reason_icon03.png") no-repeat left top 1%; background-size:24%;}
.reason ul li:nth-child(4){background:url("../img/reason_icon04.png") no-repeat left top 1%; background-size:24%;}
.reason ul li:nth-child(5){background:url("../img/reason_icon05.png") no-repeat left top 1%; background-size:24%;}
.reason ul li:nth-child(6){background:url("../img/reason_icon06.png") no-repeat left top 1%; background-size:24%;}
.reason ul li h3{width:100%; height:11vw; margin-bottom:10px; padding:1vw 0 0 27%; box-sizing:border-box; color:#996d63; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.3vw; line-height:1.9;}
.reason ul li p{margin:5px 0 0; color:#160e07; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:2; text-align:justify;}
.reason .box{width:95%; height:auto; padding:4%; display:block; background:#fff; border:solid 1px #d8d5d5; box-sizing:border-box;}
.reason .box h3{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2.5vw; text-indent:-0.6em;}
.reason .box h3:before{content:'【'; padding-right:0.1em;}
.reason .box h3:after{content:'】'; padding-left:0.1em;}
.reason .box p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.9;}

/******************************************************/
/** サロン情報
/******************************************************/
.salon{margin-top:30px;}
.salon h2{padding-left:26%; margin-bottom:0; background:none;}
.salon h2:before{width:24%; height:0; padding-top:22.4%; content:''; background:url("../img/salon_h2_icon.png") no-repeat; background-size:contain; display:block; position:absolute; top:-6%; left:1%; overflow:hidden;}
.salon h2+img{width:100%; height:auto; display:block; margin:0 auto 25px; background:#ccc;}
.salon #map{width:90%; height:240px; margin:25px auto; border: solid 1px #b3b3b3;  box-sizing:border-box;}
.salon #map .yolp-logo{transform:scale(0.7); transform-origin:right bottom;}
.salon #map+button{display:block; width:75%; height:auto; margin:-5px auto 20px; padding:0; border:solid 1px #b3b3b3; border-radius:50px; background:#fcfcfc; background:-moz-linear-gradient(top, #fcfcfc 0%, #eaeaea 67%, #cecece 99%); background:-webkit-linear-gradient(top, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); background:linear-gradient(to bottom, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 );}
.salon #map+button .map_btn{display:block; width:100%; height:100%; border-radius:50px; color:#000; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px; line-height:1; padding:15px 0; transition:all 0.3s ease;}
.salon #map+button .map_btn:hover{transition:all 0.3s ease; box-shadow:0 0 5px #969696; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #efefef 67%, #dbdbdb 99%); background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 67%,#dbdbdb 99%); background:linear-gradient(to bottom, #ffffff 0%,#efefef 67%,#dbdbdb 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );}
.salon table{width:95%; margin:auto;}
.salon table tr{height:auto; border-bottom:solid 1px #d1d1d1; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:12px; line-height:1.7;}
.salon table tr:first-child{border-top:solid 1px #d1d1d1;}
.salon table tr th, .salon table tr td{padding:10px 0; vertical-align:middle; letter-spacing:0.06em;}
.salon table tr th{width:22%; border-right:solid 1px #d1d1d1; color:#ef7674; text-align:center;}
.salon table tr td{width:78%; color:#515151; text-align:left; padding-left:1.4em; box-sizing:border-box;}
.salon table tr td span{font-size:10px;}
.salon table tr td span:before{content:'('; padding-right:0.1em;}
.salon table tr td span:after{content:')'; padding-left:0.1em;}
.salon table tr td span.pc.tab{display:inline-block!important;}
.salon table tr td span.pc.tab:before,.salon table tr td span.pc.tab:after{display:none;}
.salon .btn{display:-webkit-box;}
.salon .btn a{display:block; width:75%; height:40px; margin:30px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
.salon .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.salon .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.salon .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.salon .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}
}

/******************************************************/
/**
/**　スマホ用のcss
/**
*******************************************************/
@media screen and (max-width: 480px)/* ~480以上 */{
h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding-bottom:15px; background:url("../../common/img/h2_line.png") repeat-x left bottom; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:13px; line-height:1.8; letter-spacing:0.06em; position:relative;}
h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
/******************************************************/
/** インドエステbanner風
/******************************************************/
.indo_banner{width:92%; height:auto; margin:30px auto; background:#fff; border:solid 2px #f07573; box-sizing:border-box;}
.indo_banner .inner01{width:100%; height:0; padding:52.7% 0 0 0; background:url("../../img/index/banner_indo_bg.jpg") no-repeat; background-size:contain; position:relative; overflow:hidden;}
.indo_banner .inner01 .mds{width:60%; height:auto; margin:-4% 0 0 -48%; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:13px; letter-spacing:0.08em; text-align:center; text-indent:-0.1em; position:absolute; top:12%; left:87%;}
.indo_banner .inner01 .mds b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:31px; margin-top:3.5px; text-indent:0;}
.indo_banner .inner01 .mds span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:24px; margin-top:2px; text-indent:0; letter-spacing:0.06em;}
.indo_banner .inner01 .subject{width:70%; display:table; margin:0;  font-family:"Zen Old Mincho", serif; font-weight: 900; position:absolute; top:49%; left:35%; transform:scale(0.8);}
/*.indo_banner .inner01 .subject span:nth-child(1){float:left; width:auto; height:auto; margin-right:5px; padding:2%; display:block; background:#6d583c; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10px; line-height:1.5; text-align:center;}*/
.indo_banner .inner01 .subject span:nth-child(2){display:block; color:#6d583c; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10px; line-height:1.2; letter-spacing:0.06em; text-align:left;}
.indo_banner .inner02{width:100%; height:auto; background:#f07573; padding:14px 0;}
.indo_banner .inner02 p{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 text-align:center;}
.indo_banner .inner02 p.ribbon{width:80%; height:0; margin:auto; padding-top:17.3%; box-sizing:border-box;  background:url("../../img/index/banner_indo_ribbon.png") no-repeat; background-size:contain; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:14px; letter-spacing:0.1em; position:relative;}
.indo_banner .inner02 p.ribbon span{width:100%; position:absolute; top:22%; left:0;}
.indo_banner .inner02 p.mds{margin:0; font-size:35px; letter-spacing:0.04em;}
.indo_banner .inner02 p.mds b{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:35px;}
.indo_banner .inner02 p.mds span{display:block; margin-top:12px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:22px;}
.indo_banner .inner02 a{width:80%; height:60px; display:block; margin:15px auto 0; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:17px; line-height:60px; text-align:center;}
.indo_banner .inner02 a:hover{background:#d53330; color:#fff; text-indent:0.2em;}
.indo_banner .inner02 a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.indo_banner .inner02 a, .indo_banner .inner02 a:hover{transition:all 0.3s ease;}

/******************************************************/
/** 980円予約バナー
/******************************************************/
.banner_yoyaku980{width:95%; height:auto; display:block; margin:30px auto; padding:2px 2px 4px; box-sizing: border-box; background:url("../img/banner_yoyaku980_bg.jpg") repeat;}
.banner_yoyaku980 .orange{width:100%; height:auto; color:#fff; text-align:center;}
.banner_yoyaku980 .orange p.mds{margin:22px 0 0;  font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:15px; letter-spacing:0.13em;}
.banner_yoyaku980 .orange p.mds b{font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:22px;}
.banner_yoyaku980 .orange p.mds b.strong{position:relative;}
.banner_yoyaku980 .orange p.mds b.strong:after{width:100%; height:100%; content:''; background:url("../img/banner_yoyaku980_orange_strong.png") no-repeat; background-size:contain; position:absolute; top:-12px; left:0;}
.banner_yoyaku980 .orange ul{width:96.3%; height:0; margin:10px auto 0; padding-top:9.7%; display:table; background:url("../img/banner_yoyaku980_orange_ul_bg.png") no-repeat; background-size:contain;}
.banner_yoyaku980 .orange ul li{float:left; width:30.7%; height:49px; margin-top:-12%; color:#df5b45; font-family:"Kaisei Opti", serif; font-weight: 400; font-size:13px; letter-spacing:0.06em; line-height:49px; text-align:center;}
.banner_yoyaku980 .orange ul li:nth-child(2){margin:-12% 3.7% 0 3.9%;}
.banner_yoyaku980 .orange ul li:nth-child(3){transform:scale( 1 , 2.1 ); transform: scale( 0.8 , 1 );}
.banner_yoyaku980 .orange p.support{margin:0 0 10px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:10px; letter-spacing:0.06em; line-height:1.7;}
/*まずはお試し下さい⇒予約*/
.banner_yoyaku980 .white{width:98%; height:140px; background:#fff; margin:auto; position:relative;}
.banner_yoyaku980 .white .text{width:100%; position:absolute; top:6%; left:0; z-index:1;}
.banner_yoyaku980 .white .text p.mds{width:80%; margin-bottom:18px; padding-right:0.2em; color:#e86967; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:13px; letter-spacing:0.08em; position:relative; left:16%; text-align:right;}
.banner_yoyaku980 .white .text p.mds:before{content:''; width:100%; height:0; border-bottom:dashed 1px; position:absolute; top:-8px; right:-3px;}
.banner_yoyaku980 .white .text p.mds:after{content:''; width:103%; height:0; border-bottom:dashed 1px; position:absolute; bottom:-8px; right:-3px;}
.banner_yoyaku980 .white .text .btn{display:block; width:65%; height:0; margin:0; padding-top:16.7%; border-radius:10px; box-shadow:0 0 5px #999;  background:url("../img/banner_yoyaku980_white_btn.png") no-repeat; background-size:contain; position:relative; left:33%; transition:all 0.3s ease;}
.banner_yoyaku980 .white .text .btn:hover{transition:all 0.3s ease; box-shadow:0 0 10px #666;}
.banner_yoyaku980 .white .text .btn:hover:after{content:''; width:100%; height:100%; border-radius:10px; background:rgba(255,255,255,0.2); display:block; position:absolute; top:0; left:0;}
.banner_yoyaku980 .white .text .btn a{width:100%; height:auto; overflow:hidden; margin:-25.5% 0 0 0; padding:9% 0; display:block; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:15px; line-height:1; letter-spacing:0.12em; text-align:center; position:relative; z-index:2; transition:.35s linear; -webkit-transition:.35s linear; -moz-transition:.35s linear;}
.banner_yoyaku980 .white .text .btn a:before{display:block; position:absolute; z-index:-1; left:-30%; top:-50%; content:""; width:50px; height:200px; transform:rotate(30deg); -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0))); background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,.8),rgba(255,255,255,0) 100%); animation:shiny 2s infinite linear; -webkit-animation:shiny 2s infinite linear; -moz-animation:shiny 2s infinite linear;}
@keyframes shiny {
    0% {left:-30%;}
    20% {left:120%;}
    100% {left: 120%;}
}
@-webkit-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-moz-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
.banner_yoyaku980 .white .text p.attention{display:none;}
.banner_yoyaku980 .white p.sp.attention{width:100%; margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:10px; text-align:center; /*transform:scale(0.9);*/ position:absolute; bottom:0; z-index:4;}
.banner_yoyaku980 .white p.sp.attention:before{content:'※'; padding-right:0.1em;}
/*お得で豊富な体験コース980円*/
.banner_yoyaku980 .white .otoku{width:34.6%; height:0; padding-top:34%; background:url("../img/banner_yoyaku980_white_otoku.png") no-repeat; background-size:contain; display:block; position:absolute; top:5px; left:0; z-index:3; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
.banner_yoyaku980 .white .otoku p{margin:-98%; padding-top:15px; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:15px; letter-spacing:0.06em; line-height:23px; text-align:center; transform:scale(0.7);}
.banner_yoyaku980 .white .otoku p b{display:block; margin-top:12px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:44px; letter-spacing:-0.05em;}
.banner_yoyaku980 .white .otoku p b span{font-size:21px; letter-spacing:0;}

/******************************************************/
/** 支持されている理由
/******************************************************/
.reason{background:#fbf8f7; padding:30px 0;}
.reason h2{font-size:14px; text-align:center;}
.reason ul, .reason .box{width:95%; height:auto; margin:auto;}
.reason ul{display:table; margin:-10px auto 10px;}
.reason ul li{float:left; width:100%; height:auto; margin-bottom:20px; padding-left:39%; box-sizing:border-box;}
.reason ul li:nth-child(1){background:url("../img/reason_icon01.png") no-repeat left top 1%; background-size:contain;}
.reason ul li:nth-child(2){background:url("../img/reason_icon02.png") no-repeat left top 1%; background-size:contain;}
.reason ul li:nth-child(3){background:url("../img/reason_icon03.png") no-repeat left top 1%; background-size:contain;}
.reason ul li:nth-child(4){background:url("../img/reason_icon04.png") no-repeat left top 1%; background-size:contain;}
.reason ul li:nth-child(5){background:url("../img/reason_icon05.png") no-repeat left top 1%; background-size:contain;}
.reason ul li:nth-child(6){background:url("../img/reason_icon06.png") no-repeat left top 1%; background-size:contain;}
.reason ul li h3{color:#996d63; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:14px; line-height:1.5;}
.reason ul li p{height:6.5em; margin:5px 0 0; color:#160e07; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; text-align:justify;}
.reason ul li:nth-child(2n){float:right;}
.reason .box{height:auto; padding:5%; display:block; background:#fff; border:solid 1px #d8d5d5; box-sizing:border-box;}
.reason .box h3{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:13px; text-indent:-0.6em;}
.reason .box h3:before{content:'【'; padding-right:0.1em;}
.reason .box h3:after{content:'】'; padding-left:0.1em;}
.reason .box p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; letter-spacing:0.06em; text-align:justify;}

/******************************************************/
/** サロン情報
/******************************************************/
.salon{margin-top:30px;}
.salon h2{padding-left:26%; margin-bottom:0; background:none;}
.salon h2:before{width:24%; height:0; padding-top:22.4%; content:''; background:url("../img/salon_h2_icon.png") no-repeat; background-size:contain; display:block; position:absolute; top:-6%; left:1%; overflow:hidden;}
.salon h2+img{width:100%; height:auto; display:block; margin:0 auto 25px; background:#ccc;}
.salon #map{width:90%; height:240px; margin:25px auto; border: solid 1px #b3b3b3;  box-sizing:border-box;}
.salon #map .yolp-logo{transform:scale(0.7); transform-origin:right bottom;}
.salon #map+button{display:block; width:75%; height:auto; margin:-5px auto 20px; padding:0; border:solid 1px #b3b3b3; border-radius:50px; background:#fcfcfc; background:-moz-linear-gradient(top, #fcfcfc 0%, #eaeaea 67%, #cecece 99%); background:-webkit-linear-gradient(top, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); background:linear-gradient(to bottom, #fcfcfc 0%,#eaeaea 67%,#cecece 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 );}
.salon #map+button .map_btn{display:block; width:100%; height:100%; border-radius:50px; color:#000; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px; line-height:1; padding:15px 0; transition:all 0.3s ease;}
.salon #map+button .map_btn:hover{transition:all 0.3s ease; box-shadow:0 0 5px #969696; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #efefef 67%, #dbdbdb 99%); background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 67%,#dbdbdb 99%); background:linear-gradient(to bottom, #ffffff 0%,#efefef 67%,#dbdbdb 99%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );}
.salon table{width:95%; margin:auto;}
.salon table tr{height:auto; border-bottom:solid 1px #d1d1d1; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:12px; line-height:1.7;}
.salon table tr:first-child{border-top:solid 1px #d1d1d1;}
.salon table tr th, .salon table tr td{padding:10px 0; vertical-align:middle; letter-spacing:0.06em;}
.salon table tr th{width:22%; border-right:solid 1px #d1d1d1; color:#ef7674; text-align:center;}
.salon table tr td{width:78%; color:#515151; text-align:left; padding-left:1.4em; box-sizing:border-box;}
.salon table tr td span{font-size:10px;}
.salon table tr td span:before{content:'('; padding-right:0.1em;}
.salon table tr td span:after{content:')'; padding-left:0.1em;}
.salon .btn{display:-webkit-box;}
.salon .btn a{display:block; width:75%; height:50px; margin:30px auto 0; background:#F35B5E; border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
.salon .btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.salon .btn a:active{position:relative; top:4px;}
.salon .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}
}