@charset "utf-8";
@import url(css/basic.css);
@import url(css/beauty/shared.css);
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&family=M+PLUS+1p&display=swap');
.ff-kd{font-family:"Kaisei Decol", serif;font-weight:400;font-style:normal;}
body{font-family:"M PLUS 1p", sans-serif;font-weight:100;font-style:normal;}
strong,b,.b,h1,.a-btn-more,.a-btn-w,#contact dt,.more a,span.more,.a_card>li>a>dl>dt,#a-shopinfo h5,#a-shopinfo .h5{font-family:"M PLUS 1p", sans-serif;font-weight:600;font-style:normal;}
.ff-en,[lang="en"],#global>ul>li>a,#contact .tel{font-family:"M PLUS 1p", sans-serif;font-weight:300;font-style:normal;/*font-family:"Jost",sans-serif;font-weight:400;*/}
a,.cataloglist dt,#index section>h3,#fmenu a,.a-btn-w:hover{color:#333;}
h1,#global a{color:#fff;}
h3,.h3,h3 a,.h3 a,#menu li li a:hover,#menu li li a.on{color:#333;}
#fnav h3,#fnav h3 a,#copyright{color:#666;}
#contact,#contact a[href^="tel:"]{color:#fff;}
.list-btn a.on{background-color:#d4fce5;border:#d4fce5;color:#333;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"],.close_popup,.list-tag a,#pnav a,#menu>ul>li>a.on,#menu>ul>li>a:hover,#global>ul>li>a::after,.pnav a,.pnav [rel],.list-btn a:hover,.list-btn a.on,.list-tag a:hover,.list-tag a.on,#global>ul>li>a>span::after,[class|="required"],#paging li.active,#cl_point~.cataloglist dd.on,#rnav a,.slick-arrow span::before,.slick-arrow span::after,.owl-nav span::before,.owl-nav span::after,.a_extend::before,.a_extend::after,.more a>span::before,.more a>span::after,span.more>span::before,span.more>span::after{background-color:#d4fce5;color:#333;}
.a-btn2:hover{background-color:#65cb91;border:none;color:#fff;}
.slick-arrow span::after,.slick-arrow span::before{background-color:#333;}
#mbtn a::before,#mbtn a::after{border-bottom:1px solid #333;}#mbtn a::after{box-shadow:0 1px 0 #333 inset;}
.list-btn a:hover::before,[class*="a-btn"]::before{border-left-color:#333;}
#contact [class*="a-btn"]::before{border-left-color:#fff;}#contact .a-btn-w{color:#fff;}#contact .a-btn-w:hover{color:#333;}
#rnav a::before{border-top-color:#333;}
button:hover,[type="button"]:hover,[type="reset"]:hover,[type="submit"]:hover,.list-btn a:hover,.close_popup:hover,.pnav a:hover,.pnav [rel]:hover,.a-btn:hover,.list-tag a.on,.list-tag a:hover,#rnav a:hover{background-color:#d4fce5;border:#d4fce5;color:#333;}
.a-btn-more,.more a,span.more{border:2px solid #d4fce5;color:#333;background-color:#d4fce5;}
[class|="required"]{background-color:#c13a3a;color:#fff;}
#haircatalog::after{background:#dfdede;}
#footer,#banner,.a-btn-w,.slick-arrow,.slick-arrow:hover{background:none;}
.list-btn a{border-color:#333;}
.link a::before,a.link::before,.list li::before,.a-btn-w:hover::before,.list-btn a::before,#menu li li a.on::before,#menu li li a:hover::before,#fmenu li::before{border-left-color:#333;}
.a-btn2::before{border-left-color:#fff;}
.list-btn a.on::before{border-left-color:#333;}
.newlist>li,.newlist>li:first-child{border-color:#7f7f7f;padding:1.624em 0;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"],.close_popup,.list-tag a{border-radius:0;}
.a-btn2{background-color:#65cb91;border:none;color:#fff;}
.noi::before{content:none;}
.slick-arrow{padding:0;overflow:visible;}
#top{background-image:url("images/design/title.jpg");/*background:#fff;*/}
#show.pin{max-height:900px;}
#saloninfo>h3,#news>h3{margin-bottom:0;padding:2.25em 0;}
#saloninfo>h3 [lang="en"]{margin:0;}
#saloninfo>h3+p{width:90%;max-width:840px;text-align:left;margin:0 auto 4em auto;}
#saloninfo>p:last-child::after{content:"";display:block;height:7.85714285714286vw;max-height:110px;}
#haircatalog .slick-slide{padding:0 20px;width:80%;max-width:280px;}
#haircatalog .owl-carousel .photo{height:auto;}
#haircatalog .owl-carousel .photo::before{content:"";display:block;padding-top:133.3333333333333%;}
#banner,#index #banner{padding:5px 10px;}
[class^="p-haircatalog"] .a_card>li>a::after{background:#333 url("images/design/arrow.png") right center no-repeat;}
#mbtn a{background-color:#d4fce5;color:#333;}
.sns [class^="icon-"]::before{color:#333;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"],.close_popup,.list-tag a{border-radius:0;}

#price>h3{padding:0 0 2.25em;}#price .content{margin:0 auto 40px auto;width:75%;max-width:840px;}

[class^="ttl-point"]{background:#3fbc72;color:#fff;display:inline-block;padding:.5em 20px;border-radius:3em;}
[class^="ttl-point"]{border-radius:10px;position:relative;padding:.8em;font-size:1em;line-height:1.25;margin:20px 15px;}
[class^="ttl-point"]::after{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";border:6px solid transparent;border-top-color:#3fbc72;}
[class^="ttl-point"]{font-size:1em;text-align:center;}[class*="ttl-"]>span{vertical-align:middle;}
.ttl-point2{background:#3f88bc;}.ttl-point2::after{border-top-color:#3f88bc;}
#a-system01{padding:10px 0;}
.haikei{background:#eef1f0;}
.linebox2{background-color:#fff;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border:none;padding:2em 1em;}
.linebox3{background-color:#f5f5f5;box-shadow:none;border:none;}
.linebox4{background-color:#fff;box-shadow:none;padding:1.5rem;border:1px solid #aaffce;background-image:radial-gradient(#aaffce 20%, transparent 20%),radial-gradient(#aaffce 20%, transparent 20%);background-size:10px 10px;background-position:0 0, 5px 5px;color:#353535;}[class*="waku"]{padding:0px 10px;margin:0px 0px 10px 0px;color:#fff;font-size:.9em;display:inline-block;}
.linebox5{background-color:#fff;box-shadow:none;padding:1.5rem;border:1px solid #c9e9ff;background-image:radial-gradient(#c9e9ff 20%, transparent 20%),radial-gradient(#c9e9ff 20%, transparent 20%);background-size:10px 10px;background-position:0 0, 5px 5px;color:#353535;}[class*="waku"]{padding:0px 10px;margin:0px 0px 10px 0px;color:#fff;font-size:.9em;display:inline-block;}
.waku-w{background:#fff;color:#333;border:solid 1px #333;margin:5px 5px;}
.waku-b{background:#333;margin:5px auto;}
.pb30sp{padding-bottom:30px;}
.kome3>dt,.kome3>.dt{width:7em;position:relative;}.kome3 span{display:inline-block;}
.colon dt::after{content:"\FF1A";position:absolute;right:0;}
#contact{padding:38px 10px 12px;}
#rnav [class*=" icon-"]{padding-left:0.2em;}
#mv.fade,.fade #view li,#show.pin{max-height:598px;}
#global a{color:#111;}
.switching input#box5:checked~.screen>li.box5{z-index:2;opacity:1;height:auto;}
.switching input#box5:checked~.tab>.tab5 label>span::after{border:1px solid #4bb3b9;z-index:2;}
.photo.ratio_{max-height:750px;}
#saloninfo p.photo{margin:0;width:100%;max-width:750px;}
[id|="carousel"] .photo img{width:auto;max-width:100%;}
@media (min-width:20em){
#banner .sns{font-size:20px;font-size:1.25rem;}
}
@media (min-width:40em){
#contact{padding:68px 4px;}
}
@media (min-width:48em){
h2+p{padding:0 0 0 50px;top:28px;width:34.28571428571429%;max-width:174px;}
.bs h2+p{top:28px;}
h2+p a{max-width:124px;}h2+p img{max-height:80px;}
#pnav a{background-color:inherit;}
section>h3 [lang="en"]{letter-spacing:.04em;}
#show.pin{height:64.28571428571429vw;max-height:none;}
.widebox{margin-bottom:102px;}
#index .newlist{padding:0 20px 6px 20px;}
#index #news,#index #blog,#cmb{padding:70px 0 50px 0;}
#concept>section{width:100%;}
.pb30sp{padding-bottom:0;}
}
@media (min-width:1280px){
[id|="carousel"] .slick-slide{width:788px;}
}