html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
   margin: 0;
   padding: 0;
    border: 0;
    font-weight: normal;
    font-size: 100%;
    vertical-align:baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
    display:block;
}
body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: .1rem;
}
a{
    text-decoration: none;
}
a:hover{
    opacity: .5;
    transition: all 1s;
    cursor: pointer;
}
.mincho{
    font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
@font-face{
    font-family: 'angeltears';
    src: url(../fonts/ANGELTEARS-trial.ttf);
}
.angeltears{
    font-family: 'angeltears';
}
.PinyonScript-Regular{
    font-family: 'Pinyon Script', cursive;
}
ol, ul {
    list-style: none;
}
html{
    font-size: 62.5%;
}
html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #000;
  position: fixed;
  display: block;
  z-index: 10;
}

/* 上 */
html:before {
  height: 10px; 
  width: 100vw;
  left: 0;
  top: 0;
  min-width: 127rem;
}

/* 右 */
html:after {
  width: 10px;
  height: 100vh;
  right: 0;
  top: 0;
}

/* 下 */
body:before {
  height: 10px;
  width: 100vw;
  bottom: 0;
  left: 0;
  min-width: 127rem;
}

/* 左 */
body:after {
  width: 10px;
  height: 100vh;
  top: 0;
  left: 0;
}
/*==================
#loading
==================*/

#loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: #0a3537;
  }
  #loading_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }
  .loading-one {
    display: inline-block;
    /*border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
  }
  .loading-one div.loading-txt {
    color: #fff;
    font-size: 4rem;
    letter-spacing: 0.25em;
    /*line-height: 2.0;*/
    padding: 2em 0;
  }
  .loading-one div.loading-txt p{
    padding-top: 1rem;
    /*padding-bottom: 11rem;*/
    font-size: 1.6rem;
    font-weight: bold;
  }
  .loading-one div.loading-txt p:nth-child(2){

  }
  
  /*==================
  .animation_loading
  ==================*/
  
  .animation_loading {
    animation: equalizer_loading 7000ms infinite;
    animation-iteration-count: 10;
  }
/*--animation--------------*/
.fadein{
	opacity: 0;
	transform: translate(0,40px);
	transition: all .5s;
}
.fadein.scrollin{
	opacity: 1;
	transform: translate(0,0);
}
/*-------------------------*/

.movetext{opacity:0;}
.movetext span{opacity:0;}


.wrap{
    min-width: 127rem;
}
/*-------------------------
    ヘッダー
-------------------------*/

.wrap header{
    min-width:127rem;
    width: 100%;
    position: fixed;
    z-index: 5;
    transition: all 1.5s;
}
.wrap header a{
    font-size: 1.4rem;
    color: #fff;
}
.wrap header .headerInner{
    padding: 3rem;
    display: flex;
}
.wrap header .headerInner .logo{
    height: 7rem;
    padding: 1.5rem 6rem 0 4.5rem;
}
.wrap header .headerInner nav.pc,
.wrap header .headerInner nav.pc ul{
    display: flex;
    height: 7rem;
}
.wrap header .headerInner nav.pc{
    width: 100%;
    justify-content: space-between;
}
.wrap header .headerInner nav.pc ul li{
    margin: 3.8rem 3rem 0 0;
}
.wrap header .headerInner .humNav{
    display:none;
}
.wrap header .headerInner .openBurger{
    display: none;
}

header.scroll-nav{
    background: #fff;
    border: 1px solid #000;
}

header.scroll-nav .cls-1{
    fill: #000;
    fill-rule: evenodd;
}
header.scroll-nav a{
    color: #000;
}


/*header.scroll-nav .headerInner{
    padding: 1em;
}*/
/*header.scroll-nav .headerInner .logo{
    padding: 2rem 6rem 2rem 4.5rem;
}*/

/*========================
ヘッダーアイコンsvg
=========================*/
.cls-1{
    fill: #fff;
    fill-rule: evenodd;
}

.line01 {
    fill: #00C300;
}
.line02 {
    fill: #fff;
}
.insta{
    fill: #fff;
}
.scroll-nav .insta{
    fill: #000;
}

/*
.changeColor{
    fill: #000;
    fill-rule: evenodd;
}
.scrollOn{
    background:#fff;
    border-bottom: 1px solid #000;
}
.changeColorB{
    color: #000;
}*/
/*-------------------------
    ヘッダーここまで
-------------------------*/
/*.wrap header{
    width: 100%;
    height: 7.5rem;
    position: fixed;
    z-index: 5;
    min-width: 127rem;
}
.hScroll{
    padding-top: .5rem;
    display: none;
    width:100%;
    background: #fff;
    border-bottom: 1px solid;
    z-index: 5;
}
.hInnerScroll{
    width:100%;
    height: 7rem;
    background: #fff;
    /*min-width: 127rem;
    margin: 0 auto;
    display: flex;
    color: #000;
}
 .wrap header .hInnerScroll div{
    font-size: 1.8rem;
    text-align: center;
    width: 11%;
    display: block;
    padding: 2rem 0;
}
.wrap header .hInnerScroll img{
    margin-top: 2.5rem;
}
.wrap header .hInnerScroll div a{
    color: #000;
}
.wrap header .hInnerScroll nav{
    width: 89%;
}
.wrap header .hInnerScroll nav ul{
    display:flex;
}
.wrap header .hInnerScroll nav ul li{
    padding-left: 3rem;
    /*margin-top: 2rem;
    line-height: 7rem;
    padding-top: .5rem;
    font-size: 1.4rem;
}
.wrap header .hInnerScroll nav ul li a{
    color: #000;
}
.wrap header .hInnerScroll nav ul li:nth-child(7){
   margin-left: auto;
}*/
/**
#about header.header,
#menu header.header,
#salon header.header,
#contact header.header,
#before_after header.header,
#reserve header.header,
#newsall header.header{
    display:none;
}
#about header.hScroll,
#menu header.hScroll,
#salon header.hScroll,
#contact header.hScroll,
#before_after header.hScroll,
#reserve header.hScroll,
#newsall header.hScroll{
    display:block;
}
.hInner{
    width:100%;
    height: 7rem;
    max-width: 127rem;
    margin: 0 auto;
    display: flex;
    color: #fff;
    margin-top: 5rem;
}*/
/*.wrap header .hInner img{
    margin-top: -0.3rem;
}
.wrap header .hInner div{
    font-size: 1.8rem;
    text-align: center;
    width: 11%;
    display: block;
}
.wrap header .hInner div a{
    color: #fff;
    display:block;
    display: inline-block;
}
.wrap header .hInner nav{
    width: 89%;
}
.wrap header .hInner nav ul{
    display:flex;
}
.wrap header .hInner nav ul li{
    padding-left: 3rem;
    margin-top: 2rem;
    font-size: 1.4rem;
}
.wrap header .hInner nav ul li a{
    color: #fff;
    display: block;
}
.wrap header .hInner nav ul li:nth-child(7){
   margin-left: auto;
}*/
.hLogo{
    font-size: 3rem;
}
.tLogo{
    font-size: 8rem;
}
.rLogo{
    font-size: 3rem;
}
.fLogo{
    font-size: 5rem;
}
#top .wrap main .top_main{
    width: 100%;
    /*height: 789px;*/
    min-height: 100vh;
    background-image: url(../images/top_main.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.dNone{
    display:none;
}
.dOn{
    display: block;
}
.bgF{
    background: #fff;
}
#top .wrap .mainPic{
    width: 100%;
    height: 60rem;
    background-image: url(../images/top_main.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    position:relative;
}
.mainDot::before{
    content:'';
    width:100%;
    position:absolute;
    height: 100vh;
    -webkit-box-shadow: inset 0px 0px 40px 16px rgb(0 0 0 / 80%);
    box-shadow: inset 0px 0px 40px 16px rgb(0 0 0 / 80%);
    box-shadow: inset 0px 0px 40px 16px rgb(0 0 0 / 80%);
}
.mainDot{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAABdJREFUGFdjZGBg+M/AwMDIACNADAwOACNxAQTGOwk4AAAAAElFTkSuQmCC);
    repeat:;
    position: absolute;
    z-index:1;
    width:100%;
    height:100vh;
}
#top .wrap main .top_main .h1Title{
    color: #fff;
    /*height: 100vh;*/
    position: absolute;
    right: 17%;
    top: 50%;
    transform: translateY(-50%);
    display: inline;
    text-align: center;
    z-index: 2;
}
#top .wrap main .top_main h1{
    font-size: 5rem;
    line-height: 1.2;
}
#top .wrap main .top_main .h1Title p{
    font-size: 1.3rem;
    padding-top: .5rem;
}
#top .wrap main .top_main .h1Title p:last-child{
    text-align: right;
    padding-top:1rem;
}
#top .wrap .topNews .newsInner{
    width: 100%;
    max-width: 127rem;
    margin: 0 auto;
    text-align: center;
}
#top .wrap .topNews .newsInner .h2Title h2,
#top .wrap .topService .h2Title h2,
#top .wrap .priceMenu .priceInner .h2Title h2,
.wrap footer .footerInner .h2Title h2{
    padding-top: 7.5rem;
    font-size: 3.1rem;
    font-weight: bold;
    letter-spacing: .5rem;
}
#top .wrap .topNews .newsInner .h2Title p,
#top .wrap .topService .h2Title p,
#top .wrap .priceMenu .priceInner .h2Title p,
#top .wrap footer .footerInner .h2Title p{
    padding-top: 1rem;
    padding-bottom: 11rem;
    font-size: 1.5rem;
    font-weight: bold;
}
#top .wrap .topNews .newsInner .newsList .newsDate{
    font-size: 1.1rem;
    margin-bottom: .9rem;
}
#top .wrap .topNews .newsInner .newsList .newsTitle{
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 2;
    margin-bottom: 3.5rem;
    border-bottom: 2px solid #0a3537;
    display: inline-block;
    padding-bottom: .3rem;
}
#top .wrap .topNews .newsInner .newsAll{
    width: 19.7rem;
    height: 6rem;
    background: #000;
    /*display: inline-block;*/
    margin: 2rem auto 9.5rem;
}
#top .wrap .topNews .newsInner a{
    font-weight: bold;
    font-size: 1.7rem;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsTitle a{
    color: #000;
}
.newsAll{
    color: #fff;
}
#top .wrap .topService{
    width: 100%;
    background: #0a3537;
    color: #fff;
}
#top .wrap .topService .serviceInner{
    width: 127rem;
    margin: 0 auto;
    text-align: center;
}

#top .wrap .topService .reason h3{
    font-size: 2.4rem;
    padding-bottom: 6.8rem;
}
#top .wrap .topService .serviceInner .reason p,
#top .wrap .priceMenu .priceInner .reason p{
    font-size: 1.5rem;
    line-height: 3;
}
#top .wrap .topService .serviceInner .reason p span{
    display: inline;
    border-bottom: 4px solid rgba(255, 255, 255, 0.3);

}
#top .wrap .topService .serviceInner .reasonTitle{
    padding-top: 9rem;
    padding-bottom: .6rem;
    font-size: 1.8rem;
    border-bottom: 8px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
}
#top .wrap .topService .serviceInner .reasonReason{
    margin-top: 5.3rem;
}
#top .wrap .topService .serviceInner .reasonReason .reasonReasonInner{
    max-width: 127rem;
    color: #000;
    padding-bottom: 6rem;
}
#top .wrap .topService .serviceInner .reasonFlex{
    display: flex;
    background: #fff;
    padding: 5.8rem 1.7rem 5.8rem 10rem;
    margin-bottom: 6rem;
}
#top .wrap .topService .serviceInner .reasonFlex:last-child{
    margin-bottom: 0;
}
#top .wrap .topService .serviceInner .reasonFlex .reason01{
    padding: 2.3rem 9rem 0 0;
    width: 50%;
}
#top .wrap .topService .serviceInner .reasonFlex .reason01 h3{
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 8px solid #0a3537;
    display: inline-block;
    padding-bottom: .5rem;
}
#top .wrap .topService .serviceInner .reasonFlex .reason01 .p1{
    padding-top: 4.4rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2;
}
#top .wrap .topService .serviceInner .reasonFlex .reason01 .p2{
    padding-top: 4.8rem;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.4;
}
#top .wrap .priceMenu{
    background: #fff;
}
#top .wrap .priceMenu .priceInner{
    max-width: 114.5rem;
    color: #000;
    text-align: center;
    margin: 0 auto;
}
#top .wrap .priceMenu .priceInner .reason p{
    border-bottom: none;
    padding-bottom: 7.4rem;
    display: block;
}
#top .wrap .priceMenu .priceInner .priceMenuList{
    width: 49rem;
    background: #b2b2b2;
}
#top .wrap .priceMenu .priceInner .priceMenuList h3{
    background: #595959;
    width: 100%;
    padding: 2rem 0 2rem 0;
    color: #fff;
    font-size: 2.9rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex{
    display: flex;
    width: 100%;
    padding: 3rem 0 0 .8rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .img{
    width: 14.9rem;
    height: 14rem;
    background: #000;
    position: relative;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .img img{
    position: absolute;
    top: .5rem;
    left: .5rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu{ 
    text-align: left;
    padding-left: 1.5rem;
    font-size: 1.7rem;
    width: 65%;
    padding-bottom: 8rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu p{
    font-size: 1.7rem;
    padding-bottom: 4rem;
}
#top dl > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#top dl{
    margin-bottom: 5rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dt {
    display: inline-block;
    width: 20%;
    white-space: nowrap;
    padding-left: 1rem;
    line-height: 1.3;
}
  
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dd {
    margin-left: ;/*5rem;*/
    letter-spacing: .2rem;
  }
/*#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl{
    margin-bottom: 5rem;

}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl dd{
    padding-left: 1rem;
    width: 100%;
    line-height: 1.3;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl dt .sp1{
    display: inline-block;
    width: 20%;
    white-space: nowrap;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl dt .sp2{
    margin-left: 5rem;
    letter-spacing: .2rem;
}
*/
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl div dd .sp3{
    font-size: 2.2rem;
    color: #ff4040;
    letter-spacing: .2rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu .menuP.sp4{
    margin-left: 1rem;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu .dot{
  height: 3px;
  position: relative;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu .dot::before {
  content: "";
  background-image: linear-gradient(to right, #d7d7d7, #d7d7d7 5px, transparent 5px, transparent 10px);
  background-size: 10px 3px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu .menuP{
    padding-top: 2.6rem;
}
#top .wrap .priceMenu .priceInner .flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 14.8rem;
}
.wrap footer{
    background: #0a3537;
    width: 100%;
}
.wrap footer .footerInner{
    max-width: 93.5rem;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}
.wrap footer .footerInner .h2Title p{
    padding-bottom: 10rem;
}
.wrap footer .footerInner .footerFlex{
    display: flex;
    justify-content: center;
    padding-bottom: 11.3rem;
}
.wrap footer .footerInner .footerFlex .access{
    text-align: left;
    font-size: 1.3rem;
    width: 32%;
}
.wrap footer .footerInner .footerFlex .access a{
    color: #fff;
}
.wrap footer .footerInner .footerFlex .access h2{
    font-size: 2.5rem;
    letter-spacing: .4rem;
    line-height: 1.3;
}
.wrap footer .footerInner .footerFlex .access ul{
    padding-top: 3.5rem;
}
.wrap footer .footerInner .footerFlex .access ul li:nth-child(1){
    /*width: 22.5rem;*/
    /*height: 4.3rem;*/
    background: rgba(255,255,255, .3);
    font-size: 1.7rem;
    position: relative;
    text-align:center;
    display:inline-block;
    
}
.wrap footer .footerInner .footerFlex .access ul li a:nth-child(1){
    color: #fff;
    line-height: 4.3rem;
    padding: .5rem;
}
.wrap footer .footerInner .footerFlex .access ul li:nth-child(2){
    padding-top: 2.5rem;
    line-height: 1.5;
}
.wrap footer .footerInner .footerFlex .access ul li:nth-child(3){
    padding-top: 1.3rem;
    line-height: 1.5;
}
.wrap footer .footerInner .footerFlex .access ul li:nth-child(3) span{
    display: block;
    text-align: right;
}
.wrap footer .footerInner .footerFlex .access ul li:nth-child(4){
    padding-top: 1.3rem;
}
.wrap footer .footerInner .footerFlex .access p{
    padding-top: 1.5rem;
    text-align: left;
}
.wrap footer .footerInner .footerFlex div:nth-child(2){
    padding: 12px;
    width: 62%;
}
.wrap footer .footerInner p{
    padding-bottom: 3.8rem;
    text-align: center;
    color: #fff;
}
/*--共通-------------*/

.wrap main .mainPic{
    padding-top: 7.5rem;
    position: relative;
}
.wrap main .subPageTitle{
    position: absolute;
    top: 20rem;
    left: 20rem;
    color: #fff;
    font-size: 5rem;
    line-height: 5rem;
}
.wrap main .subPageTitle p{
    font-size: 3rem;
}
.wrap main .pageGuide{
    width: 120rem;
    margin: 0 auto 13rem;
    padding: 2rem 0;
    font-size: 1rem;
}
.wrap main .pageGuide a{
    color: #5683a2;
    border-bottom: 1px solid #5683a2;
}
.wrap .sectionTitle h2{
    font-size: 5rem;
    color: #0a3537;
    text-align: center;
    margin-bottom: 5rem;
}
/*===================
トップページ以外のヘッダー共通
=====================*/

.cls-1-02{
    fill: #000;
    fill-rule: evenodd;
}
.bgfff{
    background: #fff;
    border-bottom: 1px solid #000;
}
.colorfff{
    color: #fff;
}
.fff{
    fill:#fff;
}
.wrap .header02 a{
    color: #000;
}
.insta02{
    fill: #000;
}

/*======================
    アバウトページ
======================*/


#about .wrap .aboutPage{
    width: 120rem;
    margin: 0 auto;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex{
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex .aboutContentsEx{
    width: 35%;
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 4rem;
    letter-spacing: .1rem;
    line-height: 2.3rem;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex .exLeft{
    padding-right: 4rem;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex .exRight{
    padding-left: 3rem;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex div p{
    padding-bottom: 1.8rem;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex .aboutContentsEx h3{
    font-size: 4rem;
    color: #0a3537;
    padding-bottom: 3rem;
    position: relative;
}
#about .wrap .aboutPage .aboutContents .aboutContentsFlex .aboutContentsEx h3::before{
    content:"";
    position: absolute;
    top: 1.25rem;
    left: -12rem;
    width: 11rem;
    height: .2rem;
    background: #0a3537;
}
#about .wrap .aboutPage .aboutSumup{
    text-align: center;
}
#about .wrap .aboutPage .aboutSumup h2{
    font-size: 2rem;
    padding-bottom: 3rem;
    font-weight: bold;
}
#about .wrap .aboutPage .aboutSumup p{
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 3.5rem;
    margin-bottom: 10rem;
}
#about .wrap .aboutContents2 .sectionTitle{
    text-align: center;
}
#about .wrap .aboutContents2 .sectionTitle p{
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 3rem;
}
#about .wrap .aboutContents2 .storeInfo dl{
    width:80rem;
    margin:0 auto 10rem;
}
#about .wrap .aboutContents2 .storeInfo dl div{
    display:flex;
    justify-content: flex-start;
    font-size: 1.4rem;
}
#about .wrap .aboutContents2 .storeInfo dl dt{
    width: 25%;
    background: #f7f7f7;
    height: 5rem;
    border-bottom:1px solid #e7e7e7;
    padding-left: 2rem;
    line-height: 5rem;
    font-weight: bold;
}
#about .wrap .aboutContents2 .storeInfo dl dd{
    line-height: 5rem;
    height:5rem;
    padding-left: 2rem;
    font-weight: bold;
    border-bottom:1px solid #e7e7e7;
    width:75%;
}
#about .wrap .aboutContents2 .storeInfo dl dd:nth-last-of-type(){
    border-bottom:none;
}
/*--メニュープライス------------*/
#menu .wrap main .subPageTitle{
    color:black;
}
#menu .wrap .pricePageButton{
    /*width: 86.7rem;*/
    /*min-width: 86.7rem;*/
    margin: 0 auto;
    display:flex;
    /*justify-content: space-between;*/
    justify-content: center;
}
#menu .wrap .pricePage div{
    padding: 0 5px 2rem;
}
#menu .wrap .pricePageButton div{
    width: 19.5rem;
}
/*#menu .wrap .pricePage div a{
    color: #fff;
    width: 19.3rem;
    height: 5rem;
    background: #000;
    line-height: 5rem;
    padding-left: 6.5rem;
    font-size: 1.6rem;
    position: relative;
    display: inline-block;
}
#menu .wrap .pricePage div:nth-of-type(2) a{
    background: #0a3537;
    padding-left: 5.5rem;
}
#menu .wrap .pricePage div:nth-of-type(4) a{
    padding-left: 5.5rem;
}
#menu .wrap .pricePage div a::before{
        content: "";
        width: 6px;
        height: 6px;
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        position: absolute;
        top: 50%;
        left: 5rem;
        margin-top: -4px;
        transform: rotate(45deg);
}*/
#menu .wrap .pricePage div:nth-of-type(2) a::before,
#menu .wrap .pricePage div:nth-of-type(4) a::before{
    left: 4rem;
}
#menu .wrap .menuList{
    background: #eee;
    padding-top: 4rem;
    padding-bottom: 6.5rem;
}
#menu .wrap .menuList .sectionTitle{
    margin-bottom: 2rem;
}
#menu .wrap .menuList .sectionTitle h2{
    margin-bottom: 1.5rem;
}
#menu .wrap .menuList .sectionTitle p{
    text-align: center;
    font-size: 1.7rem;
    letter-spacing: 3rem;
}
#menu .wrap .menuList .menuListInner .menuListTitleFlex{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-top: 5.5rem;
}
#menu .wrap .menuList .menuListInner{
    width:95rem;
    background:#0a3537;
    color: #fff;
    margin: 0 auto;
}
#menu .wrap .menuList .menuListInner .menuListInnerInner{
    width: 90%;
    margin:0 auto;
    font-size: 1.5rem;
    padding-bottom: 3.5rem;
    margin-bottom: 1.5rem;
}
#menu .wrap .menuList .menuListInner h3{
    text-align: center;
    font-size: 2.7rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
#menu .wrap .menuList .menuListInner .menuFlexBox{
    display: flex;
    justify-content: center;
    position:relative;
}
#menu .wrap .menuList .menuListInner .menuFlexBox::after{
    content:"";
    position: absolute;
    bottom: 0;
    width: 105%;
    height: 2px;
    background: #fff;
}
#menu .wrap .menuList .menuListInner .menuFlexBox:last-of-type::after{
    content: none;
}
#menu .wrap .menuList .menuListInner .menuFlexBox div.menu{
    width: 50%;
}
#menu .wrap .menuList .menuListInner .menuFlexBox div.menu:nth-child(1){
    padding-right: 1.5rem;
}
#menu .wrap .menuList .menuListInner .menuFlexBox div.menu:nth-child(2){
    padding-left:1.5rem;
}
#menu .wrap .menuList .menuListInner .menuFlexBox dt{
    font-size: 1.5rem;
}
#menu .wrap .menuList .menuListInner .menuFlexBox dd{
    font-size: 2.5rem;
}
#menu .wrap .menuList .menuListInner .menuFlexBox dl div{
    margin-bottom: 3rem;
    display:flex;
    justify-content: space-between;
}
#menu .wrap .menuList .menuListInner .menuFlexBox dt::before{
    content:"";
    background-image:url("../images/crawn.svg");
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: top;
    padding-right: .5em;
    background-repeat: no-repeat;
}
#menu .wrap .menuList .menuListInner h4{
    font-size: 1.5rem;
    padding-top: 6rem;
    padding-bottom: 3rem;
}
#menu .wrap .menuList .supplement{
    width: 95rem;
    margin:0 auto;
    font-size: 1.3rem;
}
#menu .wrap .menuList .supplement ul li{
    padding-bottom: 1rem;
    line-height: 2rem;
}
/*--サロンページ-----------------*/
#salon .wrap .salonPage .salonPageInner{
    width: 100rem;
    min-width: 100rem;
    margin: 0 auto;
}
#salon .wrap .salonPage .salonPageInner .salonPageText{
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.3rem;
    /*font-weight: bold;*/
    margin-bottom: 5rem;
}
#salon .wrap .salonPage .salonPageInner .salonPage00Flex{
    display: flex;
    margin-bottom: 7rem;
}
#salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01{
    width:50%;
}
#salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01 h3{
    font-size: 2rem;
    letter-spacing: .3rem;
    line-height: 3rem;
    padding-top: 8rem;
    margin-bottom: 2.2rem;
}

#salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01 p{
    font-size: 1.3rem;
    line-height: 2rem;
    padding-right: 2rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle p{
    font-size: 2rem;
    padding-bottom: 1rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle h3{
    font-size: 2.5rem;
    padding-bottom:1rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle{
    position: relative;
    padding-bottom: 1rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
}

#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex{
    display: flex;
    position: relative;
    margin-bottom: 18rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    bottom: -0.5rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div{
    padding-left: 2rem;
    padding-right: 2rem;
    width: 33.3%;
    position: relative;
    display: flex;
    flex-direction: column;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div::after{
    content: "";
    width: 2px;
    height: 100%;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div:nth-of-type(3)::after{
    content: none;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex h4 span{
    font-size: 4rem;
    padding-right: 1rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex h4{
    font-size: 2rem;
    padding-bottom: 1rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex p{
    padding-left: 3.5rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-bottom: 2rem;
}
/*#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div img{
    display:block;
    margin:0 auto;
    align-items: flex-end;
}*/
#salon .wrap .salonPage .salonPageInner .salonEx .salonExTitleFlex{
    display:flex;
    /*margin-bottom: 2rem;*/
}
#salon .wrap .salonPage .salonPageInner .salonEx{
    width: 80rem;
    min-width: 78rem;
    margin:0 auto 18rem;
}
#salon .wrap .salonPage .salonPageInner .salonEx .salonExTitleFlex img{
}
#salon .wrap .salonPage .salonPageInner .salonEx .salonExTitleFlex h3{
    font-size: 1.4rem;
    padding-top: 2rem;
    padding-left: 2rem;
}
#salon .wrap .salonPage .salonPageInner .salonEx .salonExflex{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
#salon .wrap .salonPage .salonPageInner .salonEx .salonExflex p{
    width: 55%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
}
#salon .wrap .TreatmentPage .TreatmentInner{

}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton{
    width: 100%;
    background: #ddd1c1;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton .TreatmentButtonInner{
    width: 95rem;
    padding: 5.8rem 0;
    margin:0 auto;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton .TreatmentButtonInner ul{
    display: flex;
    justify-content: space-between;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner{
    width: 95rem;
    min-width: 95rem;
    margin: 0 auto 13.5rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex{
    display: flex;
    padding-top: 12rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(1){
    padding-top: 12rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div h4{
    margin-top: 1.5rem;
    font-size: 2.5rem;
    position: relative;
    padding-left: 2.6rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div h4::before{
    content: "";
    position: absolute;
    top:50%;
    left: 0;
    width: 2.4rem;
    height:1px;
    background: #000;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div h3{
    margin-left: -7rem;
    margin-top: 2rem;
    width: 62.5rem;
    height: 6.5rem;
    background: #0a3537;
    color: #fff;
    font-size: 2.2rem;
    padding: 2rem 2rem 2rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div div{
    padding-left:2.9rem;
}
 .TreatmentStepFlex div p{
    padding-top: 3rem;
    font-size: 1.6rem;
    line-height: 2rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div p span{
    font-weight: bold;
    display: block;
    padding-bottom: 3rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div .oomoji,
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex div:nth-of-type(2) div .oomoji,
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(1) div .oomoji{
    font-size: 2.9rem;
    font-weight: bold;
    padding-top: 3rem;
    display:inline-block;
    line-height: 3.8rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div:nth-child(1){
    width:60%;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div h4{
    text-align: right;
    padding-right: 2.6rem;
    position: relative;

}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div h4::before{
    content: none;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div h4::after{
    content: "";
    position: absolute;
    top:50%;
    right: 0;
    width: 2.4rem;
    height:1px;
    background: #000;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div h3{
    margin-left: 0;
    margin-top: 2rem;
    width: 62.5rem;
    height: 6.5rem;
    background: #0a3537;
    color: #fff;
    font-size: 2.2rem;
    padding: 2rem 2rem 2rem;
    position:absolute;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div p:nth-of-type(1){
    padding-top: 10.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div p{
    text-align:right;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div div{
    padding-left:0;
    padding-right: 2.9rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex{
    display:flex;
    /*margin-bottom: 7.5rem;*/
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex div:nth-of-type(2) div{
    padding-top: 3rem;
    font-size: 1.6rem;
    line-height: 2rem;
    padding-left:2.9rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex div h4{
    margin-left: -3rem;
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex div h3{
    /*margin-left: -10rem;*/
}
#salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(1){
    text-align: right;
    padding-top: 3rem;
    font-size: 1.6rem;
    line-height: 2rem;
    padding-right:2rem;
}
.salonimg{
    width: 56.7rem;
}
#salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex .salonImgMelit{
    width: 13rem;
    display:block;
    margin:0 auto;
    align-items: flex-end;
}
.TreatmentFleximg img{
    width: 395px;
    height: 313px;
    object-fit: cover;
}
/*--お問い合わせページ--------------*/
#contact .wrap .contactPage .contactPageInner{
    width: 87.5rem;
    margin: 0 auto;
} 
.c_form_p{
	margin-top:30px;
	line-height: 1.5;
	border:1px solid;
}
.thankyou{
	width:100%;
	padding:30px 0 100px 0;
	line-height:1.5;
}
.thankyou p{
	padding-bottom:10px;
}
.c_form{
	/*padding:50px 5% 0 5%;*/
}
.c_form p{
    line-height:2rem;
    font-size: 1.4rem;
}
.f_form_flex{
	display:flex;
	margin-bottom:30px;
}
.f_form_flex li{
	width:33.333%;
	height:54px;
	border:1px solid #0a3537;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
}
.f_form_flex li:nth-child(1),.f_form_flex li:nth-child(2){
	margin-right:20px;
}
.f_form_flex li.arrow::after{
	content:"";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: -15px;
	display: block;
	content: "";
	border-left: 8px solid #ccc;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.f_form_flex li span::before{
	content:"step1";
	display:block;
	font-size:11px;
	padding-bottom:5px;
}
.f_form_flex li:nth-child(2) span::before{
	content:"step2";
}
.f_form_flex li:nth-child(3) span::before{
	content:"step3";
}
.active{
	background: #0a3537;
	color:#fff;
}
.no_active{
	background:#fff;
}
.tel_form{
	border:1px solid #e6e6e6;
	background:#fafafa;
	padding: 20px 30px 20px;
	margin: 30px 0 30px 0;

}
.tel_form a{
	text-decoration:none;
	color:#0a3537;
	font-size:36px;
}
.st0{
	fill: #0a3537;
}
.title{
	font-weight:600;
	font-size:17px;
	padding-bottom:15px;
}
.tel_time{
	padding:10px 0 10px;
	font-weight:600;
	font-size:17px;
}
.how ul{
	margin-top:20px;
}
.how ul li{
	position:relative;
	padding-bottom:5px;
}
.how ul li::before{
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color:#5d4439;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin:0 10px 0;
}
.req{
	color:red;
	font-size:13px;
}
.form_box{
	margin-top: 50px;
	padding: 20px 0 100px 0;
	line-height: 1.5;
}
.form_box div{
	display:flex;
	font-size:15px;
}
.c_t{
	height:50px;
}
.c_f{
	height:230px;
}
.form_tile{
	margin:40px 0 0 0;
	font-size:24px;
	padding-bottom:8px;
	border-bottom:2px solid;
}
input[type="submit"],input[type="button"]{
	-webkit-appearance:none;
	border-radius:0;
}
.f_submit{
	border:1px solid #0a3537;
	background:#0a3537;
	display: block;
	padding:15px 10px;
	margin:0px auto;
	width:250px;
	text-align: center;
	text-decoration:none ;
	color:#fff;
	cursor:pointer;
}
.f_submit:hover{
	opacity:0.8;
}
.fc_submit{
	text-align: center;
	margin-top:30px;
}
.form_n{
	margin-left:3%;
	width: 90%;
	height:20px;
}
.form_m{
	margin-left:3%;
	width:90%;
	height:20px;
}
.form_t{
	margin-left:3%;
	width:90%;
	height:20px;
}
.form_e{
	margin-left:3%;
	margin-top:10px;
	width:90%;
	height:200px;
	margin-bottom:30px;
}
.how{
	margin:30px 0 0 0;
}
#contact label{
	width:30%;
	padding-bottom:5px;
	padding-left:3%;
	font-size:16px;
	border:1px solid #e6e6e6;
	background:#fafafa;
	margin-top:-1px;

}
#contact label.f_label{
	display:flex;
	align-items:center;
}
label.ft_label{
	padding-top:10px;
}
.form_box p{
	width:70%;
	border:1px solid #e6e6e6;
	margin-left:-1px;
	margin-top:-1px;
}
.tt{
	display:flex;
	align-items:center;
}
.c_cc{
	padding:10px 0 0 10px;
}
/*--症例写真ページ-----------*/
#before_after .wrap main .subPageTitle{
    color: black;
}
#before_after .wrap .before_afterPage .before_afterPageInner{
    width: 100rem;
    margin: 0 auto 21.5rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .before_afterPageText p:nth-child(1){
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .before_afterPageText p:nth-child(2){
    text-align: left;
    line-height: 2.5rem;
    font-size: 1.3rem;
    font-weight: bold;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox{
    margin: 8.5rem 0;
    font-size: 1.6rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox h3{
    font-size: 2rem;
    position: relative;
    padding-bottom: 1rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox h3::after{
    content: "";
    width: 100%;
    height: .2rem;
    background: #0a3537;
    position: absolute;
    bottom: 0;
    left: 0;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox div{

}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox div span{
    padding-right: 2rem;
    display: inline-block;
    padding-top: 4rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex{
    display: flex;
    justify-content: space-between;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex div div{
    text-align: center;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex div div p{
    padding: 1rem 0;
    font-size: 1.2rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01,
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02{
    position: relative;
    padding-top: 4rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01::after,
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02::after{
    content: "Before";
    background: #000;
    color: #fff;
    padding: .5rem 2rem;
    text-align: center;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform:translateX(-50%);
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02::after{
    content: "After";
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baText{
    margin-top: 12.7rem;
    font-size: 1.65rem;
    color: #fff;
    line-height: 3rem;
    background: #0a3537;
    width: 100%;
    padding: 2rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .pageNation ul{
    font-size: 1.7rem;
    display: flex;
    width: 33rem;
    justify-content: space-between;
    margin: 0 auto;
}
#before_after .wrap .before_afterPage .before_afterPageInner .pageNation ul li a{
    background: #fff;
    border: 2px solid #0a3537;
    padding: .8rem 1rem;
    display:block;
    color: #0a3537;
}
#before_after .wrap .before_afterPage .before_afterPageInner .pageNation ul.active a{
    color: #fff;
    background:#0a3537;
}
#before_after .wrap .before_afterPage .before_afterPageInner .pageNation ul li a:hover{
    color: #fff;
    background: #0a3537;
}
/*=================
before-after.php追加
==================*/
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02{
    width: 42.4rem;
    height: 35.2rem;
}
#before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02::after{
    bottom: -7rem;
}


/*--予約・空き状況ページ----------------*/
#reserve .wrap .subPageTitle{
    color: black;
}
#reserve .wrap .reservePage .reservePageInner{
    width: 105rem;
    margin: 0 auto 10rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox{
    width: 100%;
    border: 2px solid #0a3537;
    padding: 6rem 6rem 7rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar h3{
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: 3.5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar{
    width: 92.5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar p{
    padding-bottom: 2.5rem;
    font-size: 1.4rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .calendarEx{
    margin-bottom: 6.5rem;
    line-height: 2rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveEx{
    font-size: 1.75rem;
    position: relative;
    color: #fff;
    height: 5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveEx::before{
    position: absolute;
    content: "予約品目";
    background: #0a3537;
    width: 100%;
    padding: 1.3rem 0 1.5rem 2rem;
    border-radius: .6rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveEx::after{
    content: "";
    position: absolute;
    border-top: 10px solid #0a3537;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -0.4rem;
    left: 3rem;
    border-radius: .2rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar caption{
    margin-bottom: 1rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar table{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 2rem;
}
#reserve .today{
    background: #ffffe0;
}
#reserve .noday{
    background: #f0f0f0;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar a{
    color: #4682b4;
    border-bottom: 1px solid #4682b4;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar table th{
    padding: .5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar table td{
    line-height: 2.5rem;
    padding: 6px 0;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .calendarPageGuide{
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem;

}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar h4{
    font-size: 1.6rem;
    margin-top: 3.5rem;
    margin-bottom: 2.5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .dateFlex{
    font-size: 1.5rem;
    display: flex;
    /*justify-content: center;*/
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .dateFlex div:nth-child(1){
    margin-right: .3rem;
    border-radius: 1rem 0 0 1rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .dateFlex div:nth-child(2){
    border-radius: 0 1rem 1rem 0;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .dateFlex div{
    text-align: center;
    border:1px solid #e1e1e1;
    width: 40%;
    margin-top: .3rem;
    padding: .8rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl .reserveFlex{
    display: flex;
    justify-content: start;
    width: 100%;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl .reserveFlex .courseFlex{
    display: flex;
    flex-direction: column;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl dt{

    text-align: right;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-right: .3rem;
    margin-bottom: .3rem;
    padding: 1rem;
    font-size: 1.5rem;
    width: 30%;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl dd{
    font-size: 1.4rem;
    line-height: 2.5rem;
    padding: .2rem;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    width: 70%;
    margin-bottom: .3rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox .courseFlex div{
    padding-bottom: .3rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox input[type="text"] ,#reserve input[type="email"]{
    width: 95%;
    height: 3rem;
    border-radius: .5rem;
    border: 1px solid #e1e1e1;
    margin-bottom: .5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox textarea{
    width: 95%;
    height: 10rem;
    border-radius: .5rem;
    border: 1px solid #e1e1e1;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox p{
    padding-top: 3rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox .reserveFlex dd p{
    padding:0;
    font-size: 1rem;
    color: red;
}

#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox legend{
    font-size: 1.7rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox fieldset:nth-of-type(1){
    margin-bottom:5rem;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox fieldset{
    border: 1px solid #e1e1e1;
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox .buttonArea{
    margin-top: 3rem;
    text-align: center;
    
}
#reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox .buttonArea input[type="submit"]{
    padding: .3rem .7rem;
    border-radius: .1rem;
    font-size: 1.5rem;
}



/*--news------------------------*/
#newsall .wrap .newsPageListInner{
    padding-top: 16rem;
    padding-bottom: 29rem;
    width: 95rem;
    margin: 0 auto;
}
#newsall .wrap .newsPageListInner .flex{
    display:flex;
    margin-top: 1.5rem;
    position: relative;
}
#newsall .wrap .newsPageListInner .flex::before{
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft{
    width: 70%;
    border-right: 1px solid;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx{
    padding-bottom: 10.6rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .newsAllExTitle{
    font-size: 1.8rem;
    color: #0a3537;
    padding-top: 1.6rem;
    padding-bottom: 1.9rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .newsAllExDate{
    background: #0a3537;
    color: #fff;
    font-size: 1rem;
    padding: .5rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx p{
    text-align: left;
    padding-top: 3.4rem;
    font-size: 1.3rem;
    text-align: left;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .blogText .bp{
    padding-top: 3.4rem;
    font-size: 1.3rem;
    text-align: left;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .blogText{
    margin-right: 10rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .bn{
    text-align: right;
    font-size: 1.3rem;
    padding-top: 2.5rem;
}

#newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .bn a{
    color: #0a3537;
    border-bottom: 4px solid #0a3537;
    padding: .5rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListRight .newsPageCategory{
    margin-left: 2.9rem;
    margin-top: 3rem;
    font-size: 1.4rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .blogText img{
    margin: 3rem auto;
    display: block;
}
#newsall .wrap .newsPageListInner .flex .newsPageListRight .newsPageCategory p{
    padding-bottom: 2.2rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListRight .newsPageCategory a{
    color: #000;
    padding-bottom: .5rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .blogPagepn{
    border-top:1px solid #000;
    width:100%;
    font-size: 1.4rem;
    padding: .5rem .5rem 7rem;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .blogPagepn #detailNav ul{
    display: flex;
    justify-content: space-between;
}
#newsall .wrap .newsPageListInner .flex .newsPageListLeft .blogPagepn #detailNav ul li a{
    color: #000;
}
.Navleft{
    margin-right: auto;
}
.Navright{
    margin-left: auto;
}

@media screen and (max-width:1000px){
    .wrap{
        min-width: auto;
        overflow: hidden;
        width: 100%;
    }
    .wrap header{
        min-width: auto;
    }
    #top .wrap .priceMenu .priceInner .flex{
        display: flex;
        flex-direction: column;
    }
    /*============
    ローディング
    =============*/
    .loading-one div.loading-txt {
        font-size: 20px;
      }
      .loading-one div.loading-txt p{
        font-size: 10px;
      }
      .tlogo{
          font-size: 30px;
      }
    /*-------------------------
        ハンバーガーメニュー
    -------------------------*/

    .wrap header .headerInner nav.pc{
        display:none;
    }
    .wrap .header02 a,.wrap header a{
        height: 22px;
    }
    .wrap header .headerInner .logo{
        height: 22px;
        width: 70px;
        padding: 0;
    }
    .wrap header .headerInner .humNav{
        width: 3.3rem;
        height: 2.2rem;
        position: relative;
        margin-left:auto;
        z-index: 30;
        display: block;
        cursor: pointer;

    }
    .wrap header .headerInner .humNav span{
        position: absolute;
        left: 0;
        width: 100%;
        height: .4rem;
        background: #fff;
    }
    #about .wrap header .headerInner .humNav span,
    #menu .wrap header .headerInner .humNav span,
    #salon .wrap header .headerInner .humNav span,
    #before_after .wrap header .headerInner .humNav span,
    #reserve .wrap header .headerInner .humNav span,
    #contact .wrap header .headerInner .humNav span,
    #newsall .wrap header .headerInner .humNav span{
        background: #000;
    }
    

    .wrap header .headerInner .humNav span:nth-child(1){
        top: 0;
    }
    .wrap header .headerInner .humNav span:nth-child(2){
        top: .9rem;

    }
    .wrap header .headerInner .humNav span:nth-child(3){
        bottom: 0;
    }
    .humNav span.bgBlack{
        background: #000;
    }

    /*クリックしてバーガーメニューが開く*/
    .wrap header .headerInner .active02 span{
        background: #000;
    }
    .humNav.active02 span:nth-child(1){
        transform: translate(0,10px) rotate(45deg);      
        transition: all .3s;
    }
    .humNav.active02 span:nth-child(2){
        opacity: 0;  
        transition: all .3s;    
    }
    .humNav.active02 span:nth-child(3){
        transform: translate(0,-8px) rotate(-45deg);      
        transition: all .3s;   
    }
    .humNav.active02 .insta{
        fill: #000;
    }

    .wrap header .headerInner .openBurger{
        width: 100%;
        height: 100%;
        position: fixed;
        background: #fff;
        z-index: 20;
        margin-top: -3rem;
        margin-left: -3rem;
        text-align: center;
        display: none;
    }
    .wrap header .headerInner .openBurger a,.wrap header .headerInner .openBurger #access{
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 2px;
        padding: .6rem;
        cursor: pointer;
    }
    .wrap header .headerInner .openBurger .burgerBox{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .wrap header .headerInner .openBurger .burgerBox .bugerFlex ul{
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
    header.scroll-nav .humNav span{
        background:#000;
    }
    header.scroll-nav .headerInner .humNav span{
        background: #000;
    }
    /*-------------------------
　      ハンバーガーメニューここまで
    -------------------------*/
    #top .wrap main .top_main .h1Title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }
    #top .wrap main .top_main h1{
        font-size: 20px;
    }
    .tLogo {
        font-size: 40px;
    }
    #top .wrap main .top_main .h1Title p{
        font-size: 12px;
    }
    #top .wrap .topService .reason h3{
        font-size: 16px;
    }
    #top .wrap .topService .serviceInner .reason p, #top .wrap .priceMenu .priceInner .reason p{
        font-size: 13px;
    }
    #top .wrap .topService .serviceInner .reasonTitle{
        font-size: 16px;
    }
    .rLogo{
        font-size: 15px;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason01 h3{
        font-size: 16px;
    }
    #top .wrap main .top_main .h1Title p:last-child {
        text-align: center;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason01 .p1{
        font-size: 15px;
    }

    #top .wrap .topService .serviceInner{
        width: 100%;
        padding-left: 6%;
        padding-right: 6%;
    }
    #top .wrap .topService .serviceInner .reasonReason .reasonReasonInner{
        padding: 0 0 6rem;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason01{
        padding:0 3%;
        width: 50%;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason02{
        width: 50%;
        display: flex;
        align-items: center;
    }
    #top .wrap .topService .serviceInner .reasonFlex {
        display: flex;
        background: #fff;
        padding: 5.8rem 5%;
        margin-bottom: 6rem;
    }
    #top .wrap .priceMenu .priceInner{
        padding: 0 6% 0 6%;
        margin-bottom: 14.8rem;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList{
        width: auto;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList{
        margin: 0 0 5%;

    }
    .wrap footer .footerInner{
        max-width: auto;
    }
    #top .wrap .priceMenu .priceInner .flex {
        margin-bottom: 0;
    }
    .wrap footer .footerInner .footerFlex {
        padding: 0 3% 11.3rem;
    }
    #top .wrap .mainPic{
        display: none;
    }
/*===================
.pcDoneは表示させない
.mbDonは表示させたい
====================*/
    .pcDnone{
        display:none;
    }
    .mbDon{
        display:block;
    }
/*===================
アバウトページ
===================*/
    .wrap main .pageGuide {
        padding: 20px 6%;
    }
    #about .wrap .aboutPage {
        width: auto;
        padding: 0 6% 0 6%;
    }

    #about .wrap .aboutContents2{
        padding: 0 6%;
    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex .aboutContentsEx{
        font-size: 13px;
    }
    .wrap .sectionTitle h2{
        font-size: 31px;
    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex .aboutContentsEx h3{
        font-size: 31px;
    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex:nth-of-type(2) .mAbout{
        order: 2;
    }
    #about .wrap .aboutPage .aboutSumup h2{
        font-size: 15px;
    }
    #about .wrap .aboutPage .aboutSumup p{
        font-size: 13px;
    }
    #about .wrap .aboutContents2 .sectionTitle p{
        font-size: 15px;
    }

/*==========================
    サロンページ
==========================*/
    #salon .wrap .salonPage .salonPageInner{
        min-width: auto;
        width: 88%;
        margin: 0 auto;
    }
    #salon .wrap .TreatmentPage .TreatmentInner{
        min-width: auto;
        width: 100%;
        margin: 0 auto;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx{
        width: 100%;
        min-width: auto;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx .salonExflex p{
        width: 100%;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton .TreatmentButtonInner{
        padding: 5.8rem 3%;
        width: 100%;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton .TreatmentButtonInner ul li{
        padding-right: 5px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentButton .TreatmentButtonInner ul li:last-of-type{
        padding-right: 0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner{
        width: 88%;
        min-width: auto;
    }
/*    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner{
        padding: 0 3%;
    }*/
    .salonimg{
        width: 100%;
    }
    #menu .wrap .pricePageButton{
        width: 88%;
        margin: 0 auto;
    }
    #top .wrap .topService .reason h3{
        line-height: 2;
    }

    /*========================
    メニュー
    ========================*/
    #menu .wrap .menuList {
        padding-left: 3%;
        padding-right: 3%;
        
    }
    #menu .wrap .menuList .menuListInner{
        width: 100%;
    }
    #menu .wrap .pricePageButton div img{
        width: 100%;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox::after{
        width: 100%;
    }
    #menu .wrap .pricePageButton div img{
        width: 100%;
    }

    /*========================
    予約・空き状況
    ========================*/
    #reserve .wrap .reservePage .reservePageInner{
        width: 88%;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox{
        padding: 60px 3% 70px;
        border: none;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar{
        width: 100%;
    }


    /*========================
    ブログ
    /*======================*/
    #newsall .wrap .newsPageListInner{
        width: 100%;
    }

    /*========================
    コンタクト
    ========================*/
    #contact .wrap .contactPage .contactPageInner{
        width: 88%;
    }


}
@media screen and (max-width: 768px){
    .insta{
        fill: #000;
    }
    .pcDnone02{
        display:none;
    }
    .mbDon02{
        display:block;
    }

    html:before {
        min-width: 100%;
        width:100%;
    }
    body:before{
        width: 100%;
        min-width:100%;
    }
    /*=====================
    トップ
    =====================*/
    .wrap footer .footerInner .footerFlex{
        flex-direction: column;
    }
    .wrap footer .footerInner .footerFlex .access {
        margin:0 auto;
        text-align: center;
        width: 100%;
    }

    .wrap footer .footerInner .footerFlex .access ul li:nth-child(3) span,
    .wrap footer .footerInner .footerFlex .access p{
        text-align: center;
    }
    .wrap footer .footerInner .footerFlex div:nth-child(2),
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex .exRight{
        margin:0 auto;
        width: 100%;
    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex .exRight{
        padding-left: 0;

    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex{
        flex-direction: column;
        /*padding: 0 3%;*/
    }
    #about .wrap .aboutPage .aboutContents .aboutContentsFlex .exLeft{
        padding-right: 0;
        width: 100%;
    }
    #about .wrap .aboutPage .about#about .wrap .aboutContents2Contents .aboutContentsFlex:nth-child(2) .mAbout{
        order: 2;  
    }
    #about .wrap .aboutPage .aboutSumup{
        padding: 0 3%;
    }
    #about .wrap .aboutContents2 .storeInfo dl{
        width: 100%;
    }
    #about .wrap .aboutContents2 .storeInfo dl div{
        flex-direction: column;
    }
    #about .wrap .aboutContents2 .storeInfo dl dt,
    #about .wrap .aboutContents2 .storeInfo dl dd{
        width: 100%;
    }
    #top .wrap .topService .serviceInner .reason p,
    #top .wrap .priceMenu .priceInner .reason p{
        text-align: left;
    }
    #top .wrap .topService .serviceInner .reasonFlex{
        flex-direction: column;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason01{
        width: 100%;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason02{
        width: 100%;
    }
    #top .wrap .topService .serviceInner .reasonFlex .reason01 .p2{
        font-size: 13px;
        margin-bottom: 10px;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList h3{
        font-size: 15px;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu{
        font-size: 13px;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu p{
        font-size: 13px;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu dl div dd .sp3{
        font-size: 15px;
    }
    .wrap footer .footerInner .footerFlex .access h2{
        font-size: 15px;
    }

    /*========================
        メニューページ
    =========================*/
    
    #menu .wrap .pricePageButton{
        width: 88%;
        min-width: auto;
        flex-wrap: wrap;
    }
    #menu .wrap .pricePageButton div{
        width: 50%;
    }

    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .menu{
        width:75%;
    }
    #menu .wrap .menuList .menuListInner .menuListTitleFlex .menuListimg{
        width: 100%;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox{
        flex-direction: column;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox div dl {
        margin-bottom: 0;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox div.menu{
        width: 100%;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox div.menu:nth-child(2) {
        padding-left: 0;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox div.menu:nth-child(1) {
        padding-right: 0;
    }
    #menu .wrap .menuList .menuListInner h4{
        font-size: 14px;
    }
    .fLogo{
        font-size: 30px;
    }
    .wrap footer .footerInner .footerFlex .access ul li:nth-child(1){
        font-size: 13px;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .img {
        width: 19.401vw;
        height: 18.229vw;
        background: #000;
        position: relative;
    }
    #top .wrap .priceMenu .priceInner .priceMenuList .menuListFlex .img img{
        width: 18.099vw;
        height: 16.927vw;
        position: absolute;
        top:0.651vw;
        left:0.651vw;
    }
    #menu .wrap .menuList .sectionTitle h2{
        font-size: 15px;
    }
    #menu .wrap .menuList .sectionTitle p{
        font-size: 15px;
    }
    #menu .wrap .menuList .menuListInner h3{
        font-size: 15px;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox dt{
        font-size: 13px;
    }
    #menu .wrap .menuList .menuListInner .menuFlexBox dd{
        font-size: 18px;
    }
    #menu .wrap .menuList .supplement{
        width: auto;
        font-size: 11px;
    }
    #menu .wrap .pricePage div a{
        font-size: 13px;
    }

    /*==========================
        サロンページここから
    ==========================*/

    #salon .wrap .salonPage .salonPageInner .salonPage00Flex{
        flex-direction: column;
    }
    #salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01 {
        width: 100%;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx {
        width: 100%;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex{
        flex-direction: column;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx .salonExflex{
        align-items: normal;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div{
        width: 100%;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div:nth-child(3){
        margin-bottom: 30px;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex div::after{
        display:none;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx .salonExflex{
        flex-direction: column;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div h3{
        height: auto;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex {
        width: auto;
        flex-direction: column;
        padding-top: 70px;
    }
    .TreatmentFleximg{
        width: 100%;
        order: 2;
        margin-top: 20px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div div{
        padding-left: 0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div h3{
        margin-left:0;
        text-align: left;
        font-size: 15px;
        width: auto;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div p:nth-of-type(1){
        font-size: 13px;
        margin-bottom: 20px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div h3{
        font-size: 15px;
        width: 88%;
        height: auto;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div:nth-child(1){
        width: 100%;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex .m-r{
        text-align: right;
        position:relative;
        right: 6%;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(1){
        padding-top: 70px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(2) div div{
        padding-right: 0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex .StepFlex01{
        display: none;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex div:nth-of-type(2) div{
        width: 100%;
        padding-left:0;
        /*margin-top: 20px;*/
        font-size: 13px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex .TereatmentStepFlex03{
        order: 2;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex div h4 {
        margin-left: 0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex{
        flex-direction: column;
    }
    #salon .wrap .salonPage .salonPageInner .salonPageText{
        font-size: 13px;
        text-align: left;
        margin-bottom: 0;
    }
    #salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01 h3{
        font-size: 15px;
        padding-top: 30px;
        text-align: center;
    }
    #salon .wrap .salonPage .salonPageInner .salonPage00Flex .salonPage01 p{
        font-size: 12px;
        padding-right: 0;
        padding-bottom: 20px;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx .salonExTitleFlex{
        margin-bottom: 20px;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle p{
        font-size: 13px;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitTitle h3{
        font-size: 15px;   
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex h4 span{
        font-size: 20px;
    }
    #salon .wrap .salonPage .salonPageInner .salonMelit .salonMelitFlex h4{
        font-size: 15px;
    }
    #salon .wrap .salonPage .salonPageInner .salonEx .salonExflex p{
        margin-bottom: 30px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div p{
        font-size: 13px;
        margin-bottom: 20px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex:nth-of-type(1) div p{
        margin-bottom:0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .TreatmentStepFlex div .oomoji, #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .StepFlex div:nth-of-type(2) div .oomoji, #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(1) div .oomoji{
        font-size: 20px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(1){
        padding-top: 0;
        padding-right: 0;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(1) p{
        font-size: 13px;
        padding-top: 20px;
    }
    #salon .wrap .TreatmentPage .TreatmentInner .TreatmentStep .TreatmentStepInner .lastStepFlex02 div:nth-of-type(2){
        padding-top: 20px;
}
.TreatmentFleximg img{
    width: 100%;
    height: 100%;
}
    /*====================
        症例写真
    ====================*/
    #before_after .wrap .before_afterPage .before_afterPageInner{
        width: 88%;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01{
        margin-right: 10px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .before_afterPageText p:nth-child(1){
        font-weight: normal;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .before_afterPageText p:nth-child(2){
        font-weight: normal;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox h3{
        font-size: 15px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox{
        font-size: 13px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex div div p{
        font-size: 11px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01::after, #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02::after{
        font-size: 11px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baText{
        font-size: 13px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .pageNation ul{
        font-size: 13px;
    }
    .c_form p{
        font-size: 13px;
    }
    .form_tile{
        font-size: 15px;
    }
    .form_box div{
        font-size: 13px;
    }
    label{
        font-size: 13px;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01,
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02{
        width: 49%;
        height: auto ;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01 ul{
        height: 100%;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01 ul .draggable{
        height: 100%;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01 ul .draggable .slick-track{
        height: 100%;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01 #beforeImageWrap{
        height: 100%;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01 img,
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent02 img{
        width: 100%;
        height: 87.5%!important;
        object-fit: cover;
    }
    #before_after .wrap .before_afterPage .before_afterPageInner .baBox .baFlex .baFlexContent01::after{
        bottom: -7rem;
    }
    /*=================
    ブログページ
    =================*/
    #newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .newsAllExTitle{
        font-size: 15px;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx .newsAllExDate{
        font-size: 10px;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListLeft .newsAllEx p{
        font-size: 13px;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListLeft .blogPagepn{
        font-size: 13px;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListRight .newsPageCategory{
        font-size: 13px;
    }
    #newsall .wrap .newsPageListInner .flex{
        flex-direction: column;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListLeft{
        border-right: none;
        width: 100%;
    }
    #newsall .wrap .newsPageListInner .flex .newsPageListRight{
        /*border-top: 1px solid #000;*/
    }
    /*===================
    予約・空き状況
    ====================*/
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl .reserveFlex .courseFlex div:nth-of-type(2){
        display: flex;
        flex-direction: column;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar h3{
        font-size: 15px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox legend{
        font-size: 14px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl dd{
        font-size: 12px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveBox dl dt{
        font-size: 14px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar img{
        width: 100%;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar p{
        font-size: 13px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar table{
        font-size: 14px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .calendarPageGuide{
        font-size: 13px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar h4{
        font-size: 15px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .dateFlex{
        font-size: 14px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveEx{
        font-size: 14px;
    }
    #reserve .wrap .reservePage .reservePageInner .calendarBox .calendar .reserveEx::after{
        bottom: 0rem;
    }

}