body {margin:auto;max-width:1280px;font-family: 'Century Gothic',"Zen Kaku Gothic New", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: .9rem;line-height: 1.8rem;letter-spacing: .1rem;color: #363637;font-weight: 400;background:#f5f7fb;}h1, h2, h3, h4, h5 {font-weight:normal;}#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 100px; margin-top: -100px;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;color: rgb(223,0,43);text-decoration: none;}a:hover,a:focus,a:active {transition: all 0.2s ease;color:#ed5374;outline: none;}b{font-weight: normal}p {padding: 0;margin: 0;}ol,ul{padding: 0;}ol,ul li{list-style:none;}ol,ul li{list-style:none;}img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}
/*loading*/
#loading {width: 100vw;height: 100vh;transition: all 1s;background: linear-gradient(75deg, rgb(241, 194, 201,.95) 0%, rgb(194, 225, 241,.95) 100%);color: white;position: fixed;top:0;left: 0;z-index: 9999;}#loading div {position: absolute;top: calc(50% - 8rem);width: 100%;text-align: center;}#loading div img {width:50%;}
.loaded {opacity: 0;visibility: hidden;}
.fadein{animation-name:fadeinAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeinAnime{from {opacity: 0;}to {opacity: 1;}}
.fadeup{animation-name:fadeupAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeupAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.blurT,.zoomOut{opacity: 0;}
.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes blurAnime{from {filter: blur(10px);transform: scale(1.02);opacity: 0;}to {filter: blur(0);transform: scale(1);opacity: 1;}}
.zoomout{animation-name:zoomoutAnime;animation-duration:0.5s;animation-fill-mode:forwards;}
@keyframes zoomoutAnime{from {transform: scale(1.2);opacity: 0;}to {transform:scale(1);opacity: 1;}}
.delay05{animation-delay: .5s;}.delay10{animation-delay: 1s;}.delay15{animation-delay: 1.5s;}.delay20{animation-delay: 2s;}.delay25{animation-delay: 2.5s;}
/*-------------font------------------*/
/*日本語*/
.zen-kaku-gothic-new-regular {font-family: "Zen Kaku Gothic New", sans-serif;}
 /*LOGO*/
.uncial-antiqua-regular {font-family: "Uncial Antiqua", system-ui;}
 /*DECO*/
.alex-brush-regular {font-family: "Alex Brush", serif;}
/*-------------BTN------------------*/
/*common*/
.btnGold,.btn {width: 100%;cursor: pointer;transition: all 0.2s;display: inline-block}
.btnGold {background: #d6b488;margin: 2rem 0 0;text-align: center;padding: 1rem;font-size:1rem;box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5);position: relative;}
.btnGold span {font-size:1.5rem;}
.btnGold img{width:25px;display:inline-block;}
.recommend .btn {margin: 2rem 0 0;text-align: center;padding: .8rem 1rem ;font-size:1rem;box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);border-radius: 2rem;}
.btnBlue {background:#5f799c;}
.btnBlue02 {background:#3a506c;}
.btnBrown {background:#a98d66;}
.btnOrange {background:#f4a637;}
.btnPink {background:#f687a3;}
@media (hover: hover) {/* hover指定できるPC */
  .btnGold:hover, .canNav p:hover,.otherInfo .col-md a:hover {background: #ed5374;color:white;}
  .btnBlue:hover,.btn:hover,.btnOrange:hover,.ghostBtn:hover,.recommend .btn:hover {background:#d6b488;color:white;}
  .btnBrown:hover {background:#5f799c;color:white;}
  }
  @media (hover: none) {/* hoverが使えないタッチ端末 */
  .btnGold:hover, .canNav p:hover,.otherInfo .col-md a:hover {background:#ed5374;color:white;}
  .btnBlue:hover,.btn:hover,.btnOrange:hover,.ghostBtn:hover,.recommend .btn:hover {background:#d6b488;color:white;}
  .btnBrown:hover {background:#5f799c;color:white;}
  }
.btnA {display: flex;justify-content: space-around;align-items: center;position: relative;transition: 0.3s;}
.btnA::before,.btnA::after{content: '';position: absolute;background-color: white; transition: 0.3s;}
.btnA::before {top: calc(50% - 1px);right: 1em;transform: translateY(calc(-50% - 2px)) rotate(30deg);width: 12px;height: 1px;}
.btnA::after {top: 50%;right: 1em;transform: translateY(-50%);width: 70px; height: .5px;}
.btnA:hover { text-decoration: none;}
.btnA:hover::before,.btnA:hover::after {right: 0.5em;}
/*-------------TTL------------------*/
.ttl01,.method01 h3,.voice01 .BAphoto span,.plan01 .card-body,.faq,.media,.privacy {color:#3a506c;}
/*-------------Common------------------*/
/*font*/
.en,.reservation h3:before,.card .card-title::before,.ownerCon .col-md > p:first-child,.voice h3::before,.method01 p:first-child,.method02 p:first-child,.topCoupon > p:first-child,.ttl01 span {font-family: "Alex Brush", sans-serif;}
.phone,.reservation .phone{font-family: 'Century Gothic', sans-serif;}
/*white*/
.btnGold,.recommend .btn,.btnBlue,.btnBlue02,.btnBrown,.btnOrange,.btnPink,.fixBtn,.snsArea a,.navbar-nav .snsArea a,.canNav p,.complex,.ghostBtn,.salonInfo .ttl01,footer,footer a,.recOth,.salonInfo,.btnCou:hover,.btnCou,.faq li div::before
{color:white;}
.canNav,.coupon,.complex .col div,.cw,.BAphoto span,.reviewDetail .col-sm,.otherInfo .col-md a.rakuten, .card .planDetail,.salonInfo dt span,.salonInfo .attnW,.photograph div,.media
{background:white;}
/*colors*/
.salonInfo .attnW,.salonInfo dt span,.ch h3{color:#7c95ce;}
.navbar-nav li a:hover,.navbar-nav .nav-link.active, .navbar-nav .nav-link.show
{color:#7088cb;}
.recOth,.salonInfo {background:#7c95ce}
.method01 p,.voice01,.navbar-nav li,.dropdown-item {color:#435872;}
.voice h3::before,.voice h3::after,.BAphoto img,.reviewDetail .col-sm span,.reservation .phone,.phone,.pagetop::before,.ttl01 span,.complex:before
{display: block;}
/*other*/
.recommend .visual,.ch,.voice h3,.faq li div,.reservation h3,.reservation h3 span,.btnCou{position: relative;}
.complex:before,.complex .downBg:before,.complex .downBg:after,.recommend .visual::before,.voice h3::after,.reservation h3:after,.btnCou:before,.btnCou:after
{content:"";position: absolute;}
.fixBtn,footer h2,.salonInfo dt span,.price,.tag,.otherInfo .col-md a.rakuten,.otherInfo .col-md-5,.reviewDetail .col-3,.BAphoto span,.voice .ttl01,.comment .col-3,.ch h3,.recOth h2,.method h2,.complex h2,.complex .lead,.review h2 {text-align:center;}
.recommend span, .voice h3 span, .card .card-title span {background: linear-gradient(transparent 50%, #fed8d5 50%);font-weight: 500;line-height: 0;}
.tag,  .tax, .card p,.price,.otherInfo .col-md a.rakuten,.BAphoto span,.salonInfo dt span {letter-spacing: 0;}
.otherInfo h4,.faq li div::before {	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.planList .ttl01,.salonInfo .ttl01,.reservation .ttl01{font-size:1.3rem;}
.planList .ttl01 span,.salonInfo .ttl01 span,.reservation .ttl01 span{font-size:2.5rem;padding:1rem 0;}
.spBlock{display: none}
/*-------------Navigation------------------*/
.navbar h1 {padding: 1rem 0 0 1rem;margin: 0;}
.navbar h1 img {filter: drop-shadow(1px 1px 5px rgba(255,255,255,.8));  transform: translateZ(0);}
.navbar {padding: 0;line-height: 0.875rem;letter-spacing: .05rem;background-color:rgba(255,255,255,.4);}
.navbar-brand {padding-top: 0!important;}
.navbar-brand img {width: 140px;padding-bottom:.5rem;}
.snsArea {text-align: center;vertical-align: middle;padding: .2rem;margin:0 .2rem;}
.snsArea a {font-weight: bold;font-size:1.5rem;vertical-align: middle;}
.snsArea a img:hover {filter: drop-shadow(3px 3px 5px white); transform: translateZ(0);}
.snsArea img{height:25px;}
.navbar-nav {padding:1rem 3rem;}
.navbar-nav .snsArea {padding: .2rem;margin:0 .2rem;background:#7088cb;}
.navbar-toggler {border:none;}
.navbar-toggler-icon{width:1.2em;height:1.2em;}
.navbar-toggler .navTxt {display:block;font-size:.7rem;}
.navbar-nav li {padding: .6rem 1rem;font-size: 1rem;line-height:1.4rem;}
.dropdown-item {font-size: .9rem;}
.collapse {background: #edeff9;border-radius:1rem;}
   .dropdown-menu {background:transparent; border:none;}
   .dropdown-menu>li {padding:.5rem;}
   .dropdown-menu>li a:hover {background:transparent; }
   .navbar-nav .subNav {font-size:.8rem;margin:1rem 0;padding: .2rem; text-align: center;}
   .navbar-nav .snsArea {text-align: center;vertical-align: middle;padding: .2rem;margin:0 .2rem;}
   .navbar-nav .snsArea a {font-weight: bold;font-size:1.5rem;vertical-align: middle;}
   .navbar-nav .snsArea a img:hover {filter: drop-shadow(3px 3px 5px white);}
   .navbar-nav .snsArea img{height:25px;}
   .canNav {margin:0 .5rem;}
   .canNav a{border:#d6b488 1px solid;padding:.5rem;}
   .canNav p {text-align:center;line-height: 1.5rem;font-size:1.1rem;margin:.8rem .5rem .5rem;background:#d6b488;padding:.5rem 0;}
   .canNav img {padding:0 .5rem;}
 .canNav img:first-child {width:65%;padding:.5rem;}
  /*  Header  */
header {background: url("../img/graBgFull.webp") no-repeat center top / contain;}
header .col-10 {padding-top:3.5rem;}
header h2 {background: url("../img/mainImg.webp") no-repeat right bottom / contain;margin-top:5rem;padding:10rem 0 15rem;}
header h2 img {width: calc(200px + 20vw);}
header h3 img {margin:.8rem 0;width:70%;}
header h3 img:first-child {width:60%;}
header h3 img:last-child {width:100%;}
.stars .col{padding:1rem .8rem;}
/*  topCoupon  */
.topCoupon {background: linear-gradient(to bottom, transparent 10%, #edeff9 10%,#edeff9 80%,transparent 80%);margin-top:2rem}
.topCoupon > p:first-child {color:#c4cad8; transform: rotateZ(-5deg);font-size: calc(2.5rem + 20 * (100vw - 320px)/960);}
/*  Coupon  */
.coupon {box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5);padding:.5rem;margin-top:4rem;}
.coupon .line {border:2px solid #d6b488;padding:1rem 2rem;}
.coupon .line > img:first-child {width:clamp(9.375rem, 4.261rem + 14.2vw, 15.625rem);}
.coupon .line h2 img {padding:1rem .5rem;max-width:500px;}
.attn {font-size:.6rem;margin:1rem 0;}
.attn li {padding:0 .5rem;line-height:1.1rem;}
/*  complex  */
.complex h2,.complex .lead {font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.complex h2,.complex .lead {font-size:1.2rem;}
.complex h2 span,.complex .lead span {font-size:1.6rem;}
.complex {background:url("../img/compBg.webp") no-repeat bottom center / cover;margin: 3rem 0;position:relative;padding-bottom:100px;}
.complex:before{bottom:0;width: 0;height: 0; left: calc(50% - 100px); border-style: solid;border-width: 80px 100px 30px 100px; border-color: transparent #f5f7fb #f5f7fb #f5f7fb;}
.complex .downBg:before,.complex .downBg:after {height:110px;background:#f5f7fb; bottom:0;}
.complex .downBg:before {width:calc(50% - 100px);left:0;}
.complex .downBg:after {width:calc(50% - 99px);right:0;}
.complex h2 {padding:4rem 0 2.5rem;}
.complex .col {padding:1rem clamp(1rem, 0.111rem + 1.85vw, 1.5rem);}
.complex .col div {border-radius: 1rem;color:black;padding:.8rem .5rem;}
.complex .col div img {width: 50px;padding-top:1rem;}
.complex .col div p {line-height:1.8rem;padding:1rem 0;}
.complex .col div span { background: linear-gradient(transparent 50%, #c7d2df 50%);font-size: clamp(1rem, 0.111rem + 1.85vw, 1.5rem);font-weight: 500;}
.complex .lead {line-height:2.5rem;margin:2rem 0 0;}
.complex .lead img {width:40px;} 
/*  method  */
.method { background-image: url("../img/graCriBlue.webp"), url("../img/graCriPink.webp"), url("../img/graCriBlue.webp");background-position: right top 5%, center center, bottom -5% left -5%;background-size: 45%;background-repeat: no-repeat;padding-bottom:5rem;}
.method h2 img{width:clamp(200px, 10.227rem + 11.36vw, 300px);}
.method .col-md-7 div {padding-top:3.5rem;width:75%;margin:0 auto;}
.method .col-md-7 div p {line-height:2rem;}
.method h3 {font-size: 1.2rem;line-height:2.5rem;padding-bottom:4rem;}
.method h3 strong {font-size: 1.4rem;font-weight: 400;}
.method01 p:first-child,.method02 p:first-child {transform: rotateZ(-5deg);line-height:3.5rem;font-size: calc(2.4rem + 20 * (100vw - 320px)/960);}
.method01 p:first-child {color:#c4cad8; }
.method02 p:first-child {color:#d1c0b9;}
.method01,.method02 {margin:5rem 0 0;}
.method01 {background:linear-gradient(#edeff9, #edeff9) 0 50%/80% 80% no-repeat,transparent;margin-bottom: 8rem;}
.method02 {background:linear-gradient(#f6f0f3, #f6f0f3) 100% 50%/80% 80% no-repeat, transparent;}
.method02 h3 {color:#845f2a;}
.method02 p,.voice02 {color:#6d5534}
.method span {background: linear-gradient(transparent 50%, #ffd7d7 50%);font-weight: 500;}
/*  recommend  */
.recommend {background: linear-gradient(#eff1ee 0%, #eeeeef 100%);color:#363637;}
.recommend-visual {background: linear-gradient(#e8e9d8 60%, #eff1ee 60%);}
.visuBg { background-image: url("../img/recMainImg.webp"), url("../img/graPink.webp");background-position: left 1.2rem top 1.2rem,  bottom 0 right 5%;background-size: 75%, 12%;background-repeat: no-repeat;padding:1rem 1rem 2rem;text-align: right;}
.visuBg div img {width:50%;padding:8rem 0 10rem;margin-right: 5%;filter: drop-shadow( 10px 10px 5px white);transform: translateZ(0);}
.recommend .row {padding:5rem 3rem;}
.recommend .row:nth-child(odd) {padding-right: 0;}
.recommend .row:nth-child(even) {padding-left: 0;}
.recommend .row .col-md {padding:0 4%;}
.recommend h2 img {max-width:300px;padding:.5rem 0 5rem;width:100%;}
.recommend .visual {display: grid;place-content: center;}
.recommend .visual::before {bottom:8%;left:0;background:url("../img/nayamiMainTtl02.svg") no-repeat bottom left / contain;width:95%;height:90px;transform: rotate(-5deg);}
.recommend .visual img {padding-bottom: 2rem;width:100%;max-width:350px;}
.recommend span, .voice h3 span {background: linear-gradient(transparent 50%, #fed8d5 50%);font-weight: 500;}
.rec01 {background:url("../img/recFlower01.webp") no-repeat top left / contain;}
.rec02 {background:url("../img/recFlower02.webp") no-repeat top right / contain;}
.rec03 {background:url("../img/recFlower03.webp") no-repeat top left / contain;}
.rec04 {background:url("../img/recFlower04.webp") no-repeat bottom right / 50%;}
.recommend .btn {box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);}
.rec01 .btn {background:#cc8eab;}
.rec01 .visual {background:linear-gradient(transparent 50%, rgba(220,198,209,0.85)  50%);}
.rec02 .btn {background:#8494c6;}
.rec02 .visual {background:linear-gradient(transparent 50%, rgba(201,198,220,0.85)  50%);}
.rec03 .btn {background:#cc8585;}
.rec03 .visual {background:linear-gradient(transparent 50%, rgba(220,198,198,0.85)  50%);}
.rec04 .btn {background:#7db6c4;}
.rec04 .visual {background:linear-gradient(transparent 50%, rgba(191,212,225,0.85)  50%);}
.recOth {padding:2rem 0;}
.recOth h2 {font-size:1.2rem;line-height: 2rem;padding:1rem 1rem 2rem;}
.recOth h2 strong{font-size:1.6rem;font-weight: 400;}
.recOthList {margin:1rem 0;}
.recOthList .col .cw{width: 100%;margin:1rem 0;}
.cw {width: 25%;border-radius: 50%;}
.ch {padding-top: 100%;height: 0;}
.ch h3 {font-size:1rem;line-height: 1.6rem;position: absolute;
top: calc((100% - 3em)/2);left: 0;right: 0;margin: 0;font-weight: 500;}
.mediaInfo {border:1px solid white;border-radius: 1rem;padding:1rem;}
.mediaInfo img {border-radius: 1rem;}
.mediaInfo h3 {border-bottom: 1px white solid;font-size:.9rem;padding:.5rem 0;margin-bottom: 1rem;letter-spacing: .1rem;}
.mediaInfo p {font-size:.8rem;line-height: 1.4rem;}
.ghostBtn {border:1px solid white;margin-top:.8rem;font-size:.9rem;}
/*Voice*/
.voice {background:#f6f7fb;line-height: 1.6rem;}
.voiceDetail {padding:0 2.5rem;}
.comment{background:#eee3df;color:#6d4c39;border-radius: 1rem;padding:.5rem;
  margin: 1.5rem 1rem 6rem;}
.comment img {width: 80px;}
.voice .ttl01{font-size:1.3rem;padding:5rem 0;}
.voice .ttl01 span{font-size:3rem;padding:1rem 0;}
.voice .btn {box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);padding:.8rem 0;}
.voice p{padding:1rem 0;}
.voice h3 {margin-top:3rem;font-size:1.2rem;line-height: 2rem;}
.voice h3::before {content: '“' ;font-size: 15rem;line-height:1rem;text-transform: uppercase;}
.voice h3::after {top: 0; right:0;width: 15%;height: 80px;background-image: url("../img/userIcon.svg");background-size: contain; background-repeat: no-repeat;}
.voice .voice01  h3::before {color:#d5dbe9;}
.voice .voice02  h3::before {color:#e6d8d8;}
.BAphoto {padding-bottom:1rem;margin:1rem 0;}
.BAphoto img {border-radius: 1rem;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);margin: 0 auto 1.5rem;width: 90%;}
.BAphoto span {padding:0 .5rem;border-radius: .5rem;margin:.5rem .2rem;font-size: .7rem;font-weight: 500;display:inline-block;}
.voice01 .BAphoto {background: linear-gradient(to bottom, transparent 40%, #edeff9 40%,#edeff9 100%);}
.voice02 .BAphoto {background: linear-gradient(to bottom, transparent 40%, #f8eff4 40%,#f8eff4 100%);}
.voice02 .BAphoto span {color:#845f2a;}
/* Review*/
.review {background:url("../img/reviewBg.webp") no-repeat top center / cover;padding:2rem 0;}
.review h2 {color:#384e6c;font-size: 1.2rem;padding:2rem 0;}
.review h2 strong{font-size: 1.4rem;font-weight: 500;}
.reviewDetail {margin:2rem 0;}
.reviewDetail .col-sm {border:1px solid #384e6c;border-radius: 1rem;padding:1rem;font-size: .9rem;letter-spacing: 0rem;}
.reviewDetail .col-sm span {font-size: .8rem;}
.reviewDetail .col-3 img{max-height: 90px;}
.review .btn {border-radius: 2rem;padding:1rem .5rem;font-size: 1.3rem;box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);margin: 1rem 0;}
/* Review*/
.owner {background:url("../img/ownerBg.webp") no-repeat bottom center /cover;color:#7c5c35;}
.ownerCon {padding:5rem 0 1rem;}
.ownerCon .col-md > p:first-child {color:#ab9274; transform: rotateZ(-5deg);font-size: calc(3rem + 20 * (100vw - 320px)/960);margin:5rem 0;}
.ownerCon .col-md {padding:4rem 1rem 0 4rem;}
.ownerCon .col-md-5 {padding:1rem 1rem 1rem 0;}
.ownerCon .col-md-5 div {background:
  linear-gradient(rgba(228, 227, 201,.9), rgba(228, 227, 201,.9)) 0 250px/90% 100% no-repeat;text-align: right;}
.ownerCon .col-md-5 div img{max-width:449px;width:90%;}
.ownerCon .col-md-5 div p {text-align: left;padding:.5rem 0 1rem 2rem;font-size:.8rem;line-height: 1.2rem;}
.secretStory p{padding:4rem 0 0;}
.secretStory h2 img{max-width:208px;width:35%;border-radius: 1rem;margin:1rem;}
.owner h3 {font-size:1.05rem;line-height: 1.8rem;}
.owner .btn {border-radius: 0;padding:1rem .5rem;font-size: 1rem;margin:1rem 0;box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);}
/*Other Info*/
.otherInfo {padding:0 2rem;}
.otherInfo .row:first-child{border:1px solid #ab9274; background: rgba(246,247,250,0.8);color:#94662e;margin: 3rem 0 2rem;padding:1rem;}
.otherInfo h4 {border-bottom:1px solid #ab9274;font-size:1rem;display: inline-block;padding:0 0 .5rem;	}
.otherInfo .col-sm-5 {border-right:1px solid #ab9274;padding:0 1rem;}
.otherInfo .col-sm {padding:0 1rem 0 1.5rem;}
.otherInfo p strong {font-size:1rem;font-weight: normal;}
.otherInfo .col-md-5 {padding:.5rem;}
.otherInfo .col-md p {font-size:.8rem;line-height: 1.2rem;}
.otherInfo .col-md a.rakuten {border:1px solid #ab9274;color:#94662e;display:inline-block;font-size:.75rem;margin:1rem 0;width: 100%;}
.otherInfo .col-md a.rakuten span {font-size:1.1rem;display:block;}
.otherInfo img {max-height:150px;}
/*PlanList*/
.planList {
background-image: url("../img/graBlue.webp"),url("../img/graCriBlue.webp"), url("../img/graCriBlue.webp");
background-position: left 20% top, right -5% top 3%, bottom -5% left -5%;
 background-repeat: no-repeat;}
 .planList .ttl01{padding:5rem 5rem 0;}
.card-group {background:url("../img/planListBg.webp") no-repeat left top / contain;padding:4rem .5rem;}
.card-group .col-md {padding:0 0.2rem;}
 .plan01 .card-body{background:#edeff9;} 
 .plan02 .card-body{background:#f8eff4;color:#7d6646;} 
 .card-group .btn {background:#d6b488;box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);font-size: 1.1rem;padding:1rem;border-radius: 0;margin-bottom:1rem;}
 .card {border:0;background:transparent;margin-bottom:1rem;}
 .card-body {padding:1rem;}
 .card .planDetail {margin-top:1.2rem;padding:1rem;border-radius: .5rem;}
 .card .card-title {position:relative;font-size:clamp(0.9rem, 0.603rem + 0.62vw, 1.1rem);padding:.5rem 0 1rem;line-height: 1.8rem;}
 .plan01 .card-title {border-bottom:1px solid #3a506c;}
 .plan02 .card-title {border-bottom:1px solid #7d6646;}
 .card .card-title span {font-size:1.2rem;display: inline;}
 .card .card-title::before {position: absolute;content:attr(data-en);
  top:-40px;left:0;line-height:3.5rem;font-size:2.1rem;}
.card p {padding:1rem;font-size:.8rem;line-height: 1.4rem}
.tag {padding:.15rem;display: inline-block;font-size: .7rem;margin:.1rem;border-radius: .2rem;line-height:1.1rem;width:80%;}
.plan01 .tag {border:1px solid #3a506c;}
.plan02 .tag {border:1px solid #7d6646;}
.price img {padding:.15rem .8rem;width: 95%;}
/*Staff*/
.staff div {padding-bottom:2rem;color:#3a506c;}
.staff img {border-radius: 1rem;}
/*FAQ*/
.faq .row { padding:5rem 0;}
.faq .ttl01 {font-size:1.1rem;padding:2rem 0;}
.faq .ttl01 span{font-size:2rem;padding:1rem 0;}
.faq li div {padding:.5rem 0 .2rem 3rem;margin-top:.5rem;font-weight: 500;}
.faq li div::before { position: absolute;bottom: 0;left: 1rem; width: 30px; height: 30px;line-height: 5px;transform: translateX(-50%);border-radius: 30px 30px 0 0;padding: 1rem .5rem; font-size: 1rem;text-transform: uppercase;}
.faq li:nth-child(odd) div{border-bottom:1px solid #7c95ce;}
.faq li:nth-child(even) div{border-bottom:1px solid #F487A3;}
.faq li:nth-child(odd) div::before { background: #7c95ce;content: 'Q';}
.faq li:nth-child(even) div::before {background: #F487A3;content: 'A';}
.faq li p {padding:1rem 2rem;}
.faq .btn {padding:1rem 0;margin:1rem 0;box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);}
/*SaronInfo*/
.salonInfo {padding:3rem;}
.salonInfo .ttl01{padding:3rem 0 2rem;}
.salonInfo dt span {border-radius: .5rem;font-weight: normal;font-size: .7rem;display: inline-block;padding:0rem;width: 100%;line-height: 1.5rem;}
.salonInfo .attnW {padding: 1rem 1.5rem;font-size:.7rem;border-radius: .5rem;line-height: 1.5rem;}
/*DecoImg*/
.decoImg02 {background:url("../img/eclaryBg.webp") no-repeat top center / cover;}
.decoImg02 div {padding:15rem 1rem 5rem;}
/*Reservation*/
.reservation {background:url("../img/graBgFull.webp") #f5f0f4 no-repeat top -160px center / contain ;color:#80644c;}
.reservation .row:first-child{padding:6rem 0 1rem;}
.reservation .ttl01 {color:#80644c;padding-bottom:3rem;}
.reservation .ttl01 span {padding:.5rem 0;}
.reservation .col-md-4 img {width: 100%;max-width: 425px;}
.reservation .col-md-8 {padding:5rem 5rem 1rem;}
.reservation p span {background:linear-gradient(transparent 50%, #ffd7d7 50%);}
.reservation h3 {font-size:1.2rem;margin-bottom:2rem;}
.reservation h3 span{ z-index: 2;display: inline-block;}
.reservation h3:after {top: 50%;right: 0;display: inline-block;width:68%;height: .5px;background-color:#80644c;}
.reservation h3:before {position: absolute;top:-25px;left:0;content:attr(data-en);color:#eadfd6; transform: rotateZ(-5deg);font-size: calc(2rem + 20 * (100vw - 320px)/960); }
.reservation .phone {color:#f4698c;font-weight: bolder;font-size:2rem;letter-spacing: 0;}
.reservation .row-cols-lg-2 .text-center {padding-top:1rem;}
.reservation .btn{font-size: .9rem;padding:.8rem 0;box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);}
.reservation .btn strong{font-size: 1.2rem;font-weight: 500;}
.photograph div{margin:.5rem 0 .2rem;border:1px solid #80644c;padding:.5rem 1rem;font-size: .8rem;border-radius: .2rem;}
.photograph div img {width:28px;margin-right:.5rem;}
/*Media*/
.media{border:1px solid #a4abb4;padding:1rem;margin:5rem 0 3rem;}
.media .col-md-8{border-left:1px solid #3a506c;padding:.5rem 0 .5rem 1.5rem;}
.media .col-md-4{padding:.5rem .5rem 1rem;}
.phone {font-weight: bolder;font-size:2rem;letter-spacing: 0;}
/*Privacy*/
.privacy {background:#e5e9ef;font-size:.7rem;padding:1rem 2rem;margin-bottom:2rem;}
.privacy h2 {font-size:1.1rem;padding:2rem 0;}
/*Footer*/
footer {background:url("../img/footerBg.webp") no-repeat #90aed4 right center;background-size: auto 100%;padding:3.5rem 0 .5rem;}
footer a {font-size:.8rem;}
footer ul li {padding:.5rem 0 .5rem 1.5rem;}
footer ul li ul li{padding:0 0 0 1rem;}
footer h2 {padding:1rem;}
footer h2 img{width:150px;}
footer .col-md-4 {padding:.5rem 1.5rem;font-size: .8rem;}
footer .ghostBtn {padding:1rem 0;}
address {margin:0;}
.btnCou span {font-size:1.5rem;}
.btnCou {display: flex; justify-content: center;align-items: center;width: 100%;
background: #d6b488;box-sizing: border-box;padding: 1rem 2rem;margin: 2rem 0 0;font-size:1rem;box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5);text-align: left; text-decoration: none; transition-duration: 0.3s;}
.btnCou:before {width: 26px;height: 26px; background: #ffffff;border-radius: 50%;top: 50%;right: 15px;margin-top: -15px;}
.btnCou:after {width: 8px;height: 8px;border: 0;border-top: 2px solid #d6b488;border-right: 2px solid #d6b488;transform: rotate(45deg);top: 50%;right: 25px;margin-top: -6px;}
.btnCou:hover {background: #ed5374;}
.btnCou:hover:after {border-top: 2px solid #ed5374; border-right: 2px solid #ed5374;}
.fixed-bottom {display: none;z-index:2;}
.fixBtn {background: #d6b488;border-radius: .5rem;padding:.3rem 1rem;display: inline-block;margin:.1rem .3rem 1rem;}
/*pagetop*/
.pagetop{ width: 40px; height: 40px;border-radius: 50%;right:3%; bottom: 2%;position: fixed;border: 1px solid #000;background: #000;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.pagetop::before{content: ""; width: 8px; height: 8px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(-45deg);}
@media (width < 576px) {/* 画面サイズ 576px 未満 */
  header h2 img {width:clamp(17.5rem, 8.125rem + 46.88vw, 25rem);}
  header h2 {padding:clamp(15rem, 2.5rem + 62.5vw, 25rem) 0 0;text-align: center;margin-bottom:3rem;}
  header h3 img,header h3 img:first-child,.BAphoto img {width:100%;}
  .method .col-md-7 div,.recommend h2 img,.method .col-md-7 div {width:90%;}
.visuBg div img,.recommend .visual img {width:95%;}
  .navbar-nav {padding:1rem .5rem;}
  .dropdown-menu>li {font-size:.6rem;}
  .topCoupon {background: linear-gradient(to bottom, transparent 10px, #edeff9 10px,#edeff9 80%,transparent 80%);}
  .dropdown-menu>li,.coupon .line h2,.complex .col,.complex .col div,.complex .col div p
   {padding:.5rem;}
.coupon .line h2 img {padding:.5rem 1rem;}
.coupon .line > img:first-child {width:70%;}
.btnGold,.btnCou {font-size:.9rem;}
.btnGold span,.btnCou span {font-size:1.3rem;}
.complex h2,.complex .lead,.method h3 {font-size:1.1rem;}
.complex h2 span,.complex .lead span {font-size:1.6rem;}
.complex .col div img {padding-top:.5rem;}
.method h3 {letter-spacing:0rem;}
.method h3 strong {font-size: 1.5rem;}
.method .col-md-7 {z-index:1;}
.method {background-size: 100%;}
.visuBg { background-image: url("../img/recMainImgSP.webp"), url("../img/graPink.webp");background-position: left 1.2rem top 1.2rem,  bottom 5% right 2%;background-size: 90%, 30%;background-repeat: no-repeat; padding:1rem 1rem 2rem;text-align: right;}
.visuBg div img {padding:18rem 0 1rem;margin-right:0;}
.ownerCon .col-md {padding:4rem 1rem 0 1rem;}
.salonInfo {padding:3rem 2rem;}
.secretStory h2 img{width:45%;border-radius: 1rem;margin:.3rem;}
.secretStory p{text-shadow: 0 0 10px white;}
.planList .ttl01{padding:5rem 2rem 0;}
.tag{width:25%;margin:.5rem .2rem;}
.otherInfo .col-sm-5 {border-bottom:1px solid #ab9274;border-right:none;}
.reservation .col-md-4 img {width: 80%}
.reservation .col-md-8 {padding:5rem 2rem 1rem;}
.reservation h3:after {width:55%;}
.review {background:url("../img/reviewBg.webp") no-repeat bottom center / cover;padding:2rem 0;}
.decoImg02{padding:0;}
.btnA::after { width: 40px;}
.fixed-bottom,.spBlock {display: block;}
.coupon .line {padding:.6rem;}
.decoImg02 div {padding:16rem 1rem 3rem;}
}
@media (width < 768px) {/* 画面サイズ 768px 未満 */
  header {background: url("../img/graBgFull.webp") no-repeat center top / contain;}
  header h2 {background-position: right top;}
header h3 img {width:90%;}
header h3 img:first-child {width:75%;}
header h3 img:last-child {width:100%;}
.stars .col{padding:1rem .1rem;}
.coupon .line .col-sm-3 img {width:120px;padding-bottom:.8rem;}
.btnGold span,.btnCou span {display: block}
.complex .col div span { font-size: 1rem;}
.method .col-md-8 div {padding-top:2rem;width:95%;}
.method01,.method02 {margin:3rem 0 0;}
.method01 {margin-bottom: 3rem;}
.method .col-md-5 img{width:clamp(18.75rem, 14.286rem + 22.32vw, 25rem);}
.method01 .col-md-5,.method02 p:first-child {text-align: right;}
.method02 .col-md-5 {text-align: left;}
.method01 p:first-child,.method02 p:first-child {line-height:3rem;margin-top: -4rem;}
.recommend .visual {margin-top:2rem;}
.voiceDetail {padding:3rem 1.2rem;}
.review h2 strong{display:block;line-height:2rem;}
.media .col-md-8{border-top:1px solid #3a506c;border-left:0;}
.card-group {background:url("../img/planListBgSp.webp") no-repeat left top / contain;}
footer {background:url("../img/footerBgSp.webp") no-repeat left top/ cover;}
footer .col-md-4 {padding-top:3rem;}
}
@media (width < 992px) {/* 画面サイズ 992px 未満 */
  .navbar h1 img{width:120px;}
.reservation .text-center,.media .text-center {padding:1.5rem 0 0;}
.reservation .text-center .phone,.media .text-center .phone {letter-spacing: .1rem;}
}
@media (576px <= width) {/* 画面サイズ 576px 以上 */}
@media (768px <= width) {/* 画面サイズ 768px 以上 */
  #loading div img {width:30%;}
}
@media (992px <= width) {/* 画面サイズ 992px 以上 */}
@media (1200px <= width) {/* 画面サイズ 1200px 以上 */
  header {background: url("../img/graBgFull.webp") no-repeat center top / cover;}
}
@media (576px <= width < 768px) {/* 画面サイズ576px 以上 768px 未満 */
  header h2 {padding:8rem 0;}
  .topCoupon {background: linear-gradient(to bottom, transparent 7%, #edeff9 7%,#edeff9 80%,transparent 80%);}
  .coupon .line h2 {padding:1.5rem 1rem;}
  .coupon .line h2 img {padding:.5rem 2rem;}
  .coupon .line {padding:1rem;}
  .recOthList .col .cw{width:75%;margin:1rem;}
  .recommend h2 img {width:80%;}
  .recommend .visual img {width:90%;}
}
@media (768px <= width < 865px) {/* 画面サイズ 768px 以上 865px 未満 */
.method .col-md-7 div {padding-top:3.5rem;width:85%;margin:0 auto;}
footer .snsArea a {font-size:1rem;}
}
@media (992px <= width < 1200px) {/* 画面サイズ 992px 以上 1200px 未満 */}