html{
      height:100%;
}
body{
      width:100%;
      margin:0px;
      font-family:"fot-tsukubrdgothic-std","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
      background-color: #f3eeee;
      color: #2f2012;
      font-weight: 700;
}
a{
      text-decoration: none;
}
li{
      list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
      margin: 0;
}
ul{
      padding: 0;
      margin: 0;
}
section{
      position: relative;
}
br.mobile{
      display: none;
}

/* ---------------//トップビュー ---------------*/
/* トップ写真ベース */
.centerBlock{
      position: relative;
      width: 880px;
      height: 460px;
      margin: 100px auto 0;
      background-image: url("img/top.png");
      background-size: cover;
      font-weight: 400;
}
/* ロゴ */
.logo_center{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 110px;
      margin: -65px 0 0 -100px;
      background-image: url("img/toplogo.png");
      background-size: cover;
}
/* トップ写真 「施術について」 */
.centerBlock.treatment{
      background-image: url("img/top_treatment.png");
      background-size: cover;
      height: 230px;
}
/* トップ写真 「院について」 */
.centerBlock.facility{
      background-image: url("img/content_3.png");
      background-position: center -130px;
      height: 230px;
}
/* トップ写真 よくある質問 */
.centerBlock.question{
      background-image: url("img/top.png");
      background-position: center;
      height: 230px;
}
/* トップ写真 予約 */
.centerBlock.reserve{
      background-image: url("img/top.png");
      background-position: center;
      height: 230px;
}
.centerBlock.facility ul.textBlock_left,.centerBlock.treatment ul.textBlock_left,.centerBlock.question ul.textBlock_left,.centerBlock.reserve ul.textBlock_left{
      display: none;
}
/* トップ 緑帯 全体 */
ul.textBlock_left{
      position: absolute;
      left: -25px;
      top: -40px;
      width: auto;
      height: 300px;
      overflow: auto;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
/* トップ 緑帯 単体枠*/
ul.textBlock_left li{
      display: inline-block;
      font-size: 22px;
      color: #fff;
      background-color: #58652c;
      padding: 15px 0px;
      margin-right: 17px;
}
/* トップ内 メニュー 全体*/
ul.textBlock_right{
      position: absolute;
      right: 80px;
      /* left: 40px; */
      top: 40px;
      width: auto;
      height: auto;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
/* トップ内 メニュー 単体*/
ul.textBlock_right li{
      font-size: 18px;
      letter-spacing: .15em;
      padding: 0;
      color: #fff;
      transition: .2s;
      padding: 10px 0 10px 0;
      margin-left: 5px;
}
ul.textBlock_right li:hover{
      opacity: .5;
      transition: .2s;
}

/* コンテンツページ トップ内 メニュー 単体 */
ul.textBlock_right li.selected{
      font-size: 18px;
          background-color: #58652c;
          padding: 10px 0 10px 0;
          margin-left: 10px;
}
ul.textBlock_right li.selected:hover{
      opacity: 1;
}

/* facebookアイコン　全体 */
.fixBox_bottom{
      position: absolute;
      left: 20px;
      bottom: 20px;
      width: auto;
      height: 30px;
      z-index: 555;
      transition: .2s;
}
.fixBox_bottom:hover{
      opacity: .8;
      transition: .2s;
}
/* アイコン画像 */
.snsIcon{
      width: 30px;
      height: 30px;
      background-image: url("img/fb_footer.png");
}
/* 「予約はこちら」 */
.fixBox{
      position: absolute;
      right: -15px;
      top: -110px;
      background-color: #522c65;
      padding: 5px;
      box-sizing: border-box;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      z-index: 555;
      transition: .2s;
      font-weight: 400;
}
.fixBox:hover{
      opacity: .8;
      transition: .2s;
}
.fixBox p{
      font-size: 22px;
      color: #fff;
      padding: 25px 0px 25px;
      border: 1px solid #fff;
}
.fixBox p.mobile{
      display: none;
}
/* ---------------トップビュー//---------------*/


/* ---------------//コンテンツ ---------------*/
.content{
      position: relative;
      width: 880px;
      height: auto;
      margin: 120px auto 0;
      text-align: center;
      color: #2f2012;
}
/* 施術について/院について */
section.treatment>.content,section.facility>.content{
      height: 560px;
}
/* 地図 */
section.map>.content{
      width: 100%;
      height: 570px;
      margin: 150px 0 60px 0;
      background-color: rgba(255,255,255,.7);
}
/* フッター上 */
section.top_footer>.content{
      height: auto;
      overflow: auto;
      margin: 10px auto 0;
}
/* フッター下 */
section.bottom_footer>.content{
      width: 100%;
      height: auto;
      overflow: auto;
      margin: 120px 0 0 0;
      padding: 40px 0 10px;
      background-color: #58652c;
}
/* コンテンツ内 タイトル */
.content h2{
      font-size: 26px;
      letter-spacing: .05em;
}
/* コンテンツ内 サブタイトル */
.content h6,.content_detail h6{
      font-size: 16px;
      font-family: "Times New Roman";
}
/* コンテンツ内 テキスト */
.content p{
      font-size: 16px;
      font-weight: 700;
      margin-top: 50px;
      line-height: 45px;
}

/* 半透明テキスト */
.introBox{
      width: 440px;
      height: auto;
      background-color: rgba(255,255,255,.7);
      padding: 30px 100px 30px 30px;
      box-sizing: border-box;
      text-align: left;
}
/* セクションごとにサイズ調整 */
/* 施設について */
section.facility .introBox{
      float: right;
      padding: 30px 30px 30px 30px;
}
/* 半透明テキスト タイトル */
.introBox h2{
      line-height: 40px;
}
/* 半透明テキスト テキスト */
.introBox p{
      margin-top: 15px;
      line-height: 32px;
}
/* 半透明テキスト ボタン */
.introBox p.button{
      display: inline-block;
      padding: 0 15px;
      line-height: 26px;
      border: 1px solid #2f2012;
      color: #2f2012;
      transition: .2s;
}
.introBox p.button:hover{
      background-color: #2f2012;
      color: #fff;
      font-weight: 400;
      transition: .2s;
}

/* コンテンツ内画像 施術について */
.content .imgBox{
      position: absolute;
      top: 120px;
      left: 90px;
      width: 790px;
      height: 460px;
      background-image: url("img/content_1.png");
      z-index: -50;
}
/* コンテンツ内画像 院について */
section.facility .imgBox{
      left: 0;
      background-image: url("img/content_3.png");
}


/* コンテンツ内 緑帯 全体*/
.titleBox{
      position: absolute;
      top: 100px;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
/* 施術について */
section.treatment .titleBox{
      right: 90px;
}
/* 院について */
section.facility .titleBox{
      left: 90px;
}
/* アクセス */
section.map .titleBox{
      right: 90px;
      top: -20px;
      height: 170px;
      z-index: 50;
}
/* コンテンツ内 緑帯 タイトル*/
.titleBox h4{
      font-size: 22px;
      width: 45px;
      font-weight: 400;
      padding: 15px 0 30px 0;
      text-align: left;
      color: #fff;
      background-color: #58652c;
}
/* コンテンツ内 緑帯 サブタイトル*/
.titleBox h6{
      color: #58652c;
      letter-spacing: .1em;
      margin: 26px 6px 0 0;
      text-align: left;
}

/* 地図 */
#map_canvas{
      position: absolute;
      width: 100%;
      height: 400px;
}
/* 電車でお越しの方 */
.infoArea{
      position: absolute;
      top: 420px;
      left: 50%;
      width: 880px;
      margin-left: -440px;
      text-align: left;
}
.infoArea h4{
      font-size: 18px;
      color: #58652c;
}
.infoArea p{
      font-size: 14px;
      font-weight: 700;
      margin-top: 10px;
      line-height: 25px;
}
/* フッター上 */
.halfBlock{
      height: auto;
      float: left;
}
/* 店情報部 */
.halfBlock.left{
      width: 40%;
}
.logo{
      width: 126px;
      height: 45.6px;
      background-image: url("img/logo.png");
      background-size: contain;
      margin-bottom: 15px;
}
.halfBlock.left p{
      font-size: 14px;
      line-height: 24px;
      margin: 0;
      text-align: left;
}
.halfBlock.left .button{
      background-color: #522c65;
      color: #fff;
      padding: 3px;
      width: 250px;
      text-align: center;
      margin-top: 30px;
}
.halfBlock.left .button p{
      line-height: 32px;
      border: 1px solid #fff;
      text-align: center;
}
/* カレンダー部 */
.halfBlock.right{
      width: 60%;
}
/* カレンダー */
.calendar{
      width: 100%;
      height: auto;
}
.calendar p.thisMonth{
      font-size: 14px;
      margin: 0;
}
.calendar p.thisMonth span{
      font-size: 18px;
      margin-right: 5px;
}
.calendar table{
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      margin-top: 20px;
}
.calendar thead{
      font-size: 12px;
}
.calendar tr.anchor{
      display: none;
}
/* カレンダー枠　共通 */
.calendar th{
      width: 14.2857143%;
      position: relative;
      border: 1px solid #dcdcdc;
      background-color: #fafafa;
}
/* カレンダー枠　日にち枠のみ */
.calendar tbody th{
      padding: 18px 0 5px;
}
/* 日にち */
.calendar th span{
      display: inline-block;
      position: absolute;
      top: 2px;
      left: 2px;
      font-size: 10px;
      width: 22px;
      line-height: 22px;
}
/* 本日 */
.calendar th span.today{
      border-radius: 50% 50%;
      background-color: #58652c;
      color: #fff;
}
/* 休業日 */
.calendar th p{
      display: inline-block;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      width: 50px;
      margin: 0;
}
.calendar th p.selected{
      background-color: #dcdcdc;
}
/* フッター下 */
 section.bottom_footer .content ul{
       width: 880px;
       margin: auto;
 }
 section.bottom_footer .content ul li{
       width: 33.333%;
       font-weight: 300;
       float: left;
       color: #fff;
 }
 .footer_sns{
       width: 30px;
       height: 30px;
       margin: 50px auto 30px auto;
       background-image: url("img/fb_footer.png");
 }
 section.bottom_footer .content p{
       color: #fff;
       font-size: 8px;
       margin: 0;
 }


/* 施術についてページで使用 */
 .content_detail{
       position: relative;
       width: 880px;
       height: auto;
       background-color: rgba(255,255,255,.7);
       margin: 120px auto 0;
 }
 section.menu .content_detail{
       margin: 90px auto 0;
 }
 /* 左右非対称ボックス */
 .bgmask{
       position: absolute;
       top: 0px;
       height: 100%;
       background-color: rgba(255,255,255,.7);
       z-index: -10;
 }
 .content_detail.left .titleBox,.content_detail.center .titleBox{
       top: -20px;
       left: 0px;
 }
 .content_detail.right .titleBox{
      top: -20px;
      right: 20px;
 }
 .content_detail .textBox{
       width: 640px;
       height: auto;
       margin:  auto;
       padding: 50px 0 30px;
       font-size: 22px;
       font-weight: 700;
 }
 /* 「1.問診票に-」 */
 .content_detail .textBox p{
       color: #2f2012;
       padding-left: 100px;
       line-height: 24px;
       margin-bottom: 30px;
 }
 .content_detail .textBox p span{
       font-size: 14px;
       line-height: 12px;
       padding-left: 25px;
       font-weight: 400;
 }
 /* 「お客様のお悩みに合わせて-」 */
 .content_detail .textBox p.weak{
       text-align: center;
       font-size: 16px;
       line-height: 32px;
 }
 .content_detail .imgBox{
       width: 85%;
       height: 440px;
 }
 /* 施術メニュー写真大枠 */
 .content_detail .imgBox>.block{
       width: 100%;
       height: 50%;
 }
 /* 施術メニュー写真上部 */
 .content_detail .imgBox>.block.top{
       margin-left: -90px;
 }
 /* 施術メニュー写真下部 */
 .content_detail .imgBox>.block.bottom{
      margin-left: 150px;
 }
 /* 写真単体枠 */
 .content_detail .imgBox>.block .parts{
       height: 100%;
       width: 50%;
       float: left;
 }
 /* 写真 */
 .content_detail .imgBox>.block .parts .img{
       width: 260px;
       height: 180px;
       float: left;
 }
 .content_detail .imgBox>.block .parts .img.t_1{
      background-image: url("img/treatment_1.png");
 }
 .content_detail .imgBox>.block .parts .img.t_2{
      background-image: url("img/treatment_2.png");
 }
 .content_detail .imgBox>.block .parts .img.t_3{
      background-image: url("img/wide_2.png");
 }
 .content_detail .imgBox>.block .parts .img.t_4{
      background-image: url("img/treatment_4.png");
 }
 /* 写真注釈文 */
 .content_detail .imgBox>.block .parts p{
       font-size: 14px;
       font-weight: 700;
       color: #2f2012;
       -webkit-writing-mode: vertical-rl;
       -ms-writing-mode: tb-rl;
       writing-mode: vertical-rl;
       float: left;
 }
 /* 施術内容 */
 section.menu .content_detail{
       height: 480px;
 }
 /* 料金表 */
 section.price .content_detail{
       height: auto;
       margin: 180px auto 60px auto;
       padding: 50px 0;
 }

.content_detail table{
      font-size: 14px;
      font-weight: 700;
      color: #2f2012;
      width: 620px;
      margin: auto;
      border-collapse: collapse;
}
.content_detail table tr{
      height: 60px;
}
.content_detail table tr.borderFull{
      border-bottom: 1px solid #2f2012;
}
.content_detail table td{
      line-height: 24px;
      padding: 20px 0;
}
.content_detail table td.border{
      border-bottom: 1px solid #2f2012;
}

/* 施設について */
section.facility .content_detail{
      height: auto;
      overflow: auto;
      background-color: inherit;
}
.content_detail .textArea{
      width: 420px;
      float: left;
}
.content_detail .textArea p{
      font-weight: 700;
}
.content_detail .imageArea{
      width: 400px;
      margin-left: 60px;
      float: left;
}
.content_detail .imageArea .box{
      width: 400px;
      height: 300px;
}
.content_detail .imageArea .box.top{
      background-image: url("img/facility_1.jpg");
}
.content_detail .imageArea .box.bottom{
      background-image: url("img/facility_3.jpg");
      margin-top: 40px;
}

section.practitioner .content_detail{
      height: 400px;
}
section.practitioner .titleBox{
      z-index: 50;
}
section.practitioner .contentBox{
      position: absolute;
      width: 780px;
      height: auto;
      top: 50px;
      left: 50px;
}
section.practitioner .contentBox h4{
      font-size: 20px;
}

section.practitioner .imageBox{
      width: 300px;
      height: 400px;
      background-image: url("img/practitioner.jpg");
      float: left;
      margin-right: 50px;
}

section.facility h2{
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 30px;
}
section.facility p{
      margin-bottom: 18px;
}
section.question{
      background-color: rgba(255,255,255,.7);
}
section.question .content{
      height: auto;
      margin-bottom: 80px;
      margin-top: 70px;
      padding: 50px 0 5px 0;
}
section.question p{
      text-align: left;
      line-height: 30px;
      color: #58652c;
      margin: 0;
}
section.question p.anchor{
      text-align: left;
      line-height: 30px;
      margin: 0 0 30px 0;
      color: #2f2012;
      padding-bottom: 30px;
      border-bottom: 1px solid #dcdcdc;
}
section.question p.anchor.bottom{
      border-bottom: 0px solid #dcdcdc;
}
section.reserve .content{
      margin: 30px auto 100px;
}
section.reserve .content p.text{
      line-height: 30px;
      margin-bottom: 20px;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

form{
      width: 100%;
}
.content form p{
      font-size: 14px;
      width: 100%;
      margin-top: 15px;
      line-height: 25px;
      text-align: left;
}
.content form p span{
      font-size: 12px;
      margin-left: 10px;
      color: red;
}
input , textarea{
      font-size: 14px;
      width: 100%;
      background-color: #fafafa;
      line-height: 40px;
      padding: 0 15px;
      box-sizing: border-box;
}
textarea{
      line-height: 16px;
      padding: 10px 15px;
      resize: none;
}
input[type="submit"]{
      margin-top: 25px;
      font-family:"fot-tsukubrdgothic-std","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
      font-weight: 700;
}
input.inactive{
      background-color: inherit;
      color: #2f2012;
      border: 2px solid #2f2012;
      pointer-events: none;
}
input.active{
      background-color: #58652c;
      color: #fff;
      border: 2px solid #58652c;
      pointer-events: auto;
      cursor: pointer;
      transition: .2s
}
input.active:hover{
      opacity: .75;
      transition: .2s;
}

p.center{
      text-align: center;
      margin: 100px 0;
}


/*-------------------ipad----------------------*/
@media screen and (max-width:1024px){
/* トップページ */
.centerBlock{
      width: 90%;
}
/* 施設について */
.centerBlock.facility{
      background-position: center;
      height: 230px;
}
/* コンテンツ */
.content{
      width: 90%;
}



/* セクションごとにコンテンツサイズを調整 */
/* トップページ 施術・施設 */
section.treatment>.content,section.facility>.content{
      height: 560px;
}
/* トップページ　地図 */
section.map>.content{
      width: 100%;
      height: 570px;
      margin: 150px 0 60px 0;
      background-color: rgba(255,255,255,.7);
}
/* トップページ フッター上 */
section.top_footer>.content{
      height: auto;
      overflow: auto;
      margin: 10px auto 0;
}
/* トップページ フッター下 */
section.bottom_footer>.content{
      width: 100%;
      height: auto;
      overflow: auto;
      margin: 120px 0 0 0;
      padding: 40px 0 10px;
      background-color: #58652c;
}
/* フッター下 */
 section.bottom_footer .content ul{
       width: 100%;
       margin: auto;
 }

/* トップページ コンテンツ内テキスト */
.introBox{
      width: 50%;
      padding: 30px 30px 30px 30px;
}

/* セクションごとにサイズ調整 */
/* 施設について */
section.facility .introBox{
      float: right;
      padding: 30px 30px 30px 30px;
}

/* トップページ 画像 */
.content .imgBox{
      top: 120px;
      left: 10%;
      width: 90%;
      background-position: center;
}
/* セクションごと調整 */
/* 施術について */
section.treatment .titleBox{
      right: 50px;
}
/* 施設について */
section.facility .titleBox{
      left: 50px;
}
/* アクセス */
section.map .titleBox{
      right: 50px;
}

/* 電車でお越しの方 */
.infoArea{
      left: 5%;
      width: 95%;
      margin-left: 0;
}
/* 店情報部 */
.halfBlock.left{
      width: 30%;
}
.halfBlock.left .button{
      width: 75%;
}
/* カレンダー部 */
.halfBlock.right{
      width: 70%;
}
/*「施術について」ページで使用 */
 .content_detail{
       width: 90%;
       margin: 100px auto 0;
 }
 section.menu .content_detail{
       margin: 90px auto 0;
 }

 .content_detail.left .titleBox,.content_detail.center .titleBox{
       top: -20px;
       left: 0px;
 }
 .content_detail.right .titleBox{
      top: -20px;
      right: 20px;
 }
 .content_detail .textBox{
       width: 80%;
       padding: 50px 0px 30px 0;;
 }
 /* 「1.問診票に-」 */
 .content_detail .textBox p{
       line-height: 30px;
       padding-right: 50px;
 }
 .content_detail .textBox p span{
       padding-left: 0;
       line-height: 24px;
 }
 /* 「お客様のお悩みに合わせて-」 */
 .content_detail .textBox p.weak{
       text-align: center;
       font-size: 16px;
       line-height: 32px;
 }
 .content_detail .imgBox{
       width: 85%;
       height: 440px;
 }
 /* 施術メニュー写真大枠 */
 .content_detail .imgBox>.block{
       width: 100%;
       height: 50%;
 }
 /* 施術メニュー写真上部 */
 .content_detail .imgBox>.block.top{
         margin-left: -3%;
 }
 /* 施術メニュー写真下部 */
 .content_detail .imgBox>.block.bottom{
      margin-left: 150px;
 }
 /* 写真単体枠 */
 .content_detail .imgBox>.block .parts{
       height: 100%;
       width: 50%;
       float: left;
 }
 /* 写真 */
 .content_detail .imgBox>.block .parts .img{
         width: 100%;
       height: 180px;
 }
 .content_detail .imgBox>.block .parts .img.t_1{
      background: url("img/treatment_1.png");
      background-repeat: no-repeat;
 }
 .content_detail .imgBox>.block .parts .img.t_2{
      background: url("img/treatment_2.png");
      background-repeat: no-repeat;
 }
 .content_detail .imgBox>.block .parts .img.t_3{
      background: url("img/wide_2.png");
      background-repeat: no-repeat;
 }
 .content_detail .imgBox>.block .parts .img.t_4{
      background: url("img/treatment_4.png");
      background-repeat: no-repeat;
 }
 /* 写真注釈文 */
 .content_detail .imgBox>.block .parts p{
       font-size: 14px;
       font-weight: 700;
       color: #2f2012;
       -webkit-writing-mode: inherit;
       -ms-writing-mode: inherit;
       writing-mode: inherit;
       float: left;
 }
 /* 施術内容 */
 section.menu .content_detail{
       height: 480px;
 }
 /* 料金表 */
 section.price .content_detail{
       height: auto;
       margin: 180px auto 60px auto;
       padding: 50px 0;
 }

.content_detail table{
      font-size: 14px;
      font-weight: 700;
      color: #2f2012;
      width: 620px;
      margin: auto;
      border-collapse: collapse;
}
.content_detail table tr{
      height: 60px;
}
.content_detail table tr.borderFull{
      border-bottom: 1px solid #2f2012;
}
.content_detail table td{
      line-height: 24px;
      padding: 20px 0;
}
.content_detail table td.border{
      border-bottom: 1px solid #2f2012;
}

/* 施設について */
section.facility .content_detail{
      height: auto;
      overflow: auto;
      background-color: inherit;
}
.content_detail .textArea{
      width: 100%;
}
.content_detail .textArea p{
      font-weight: 700;
}
.content_detail .imageArea{
      width: 100%;
      margin-left: 0;
      margin-top: 20px;
      float: left;
}
.content_detail .imageArea .box{
      width: 49%;
      height: 300px;
      float: left;
      background-repeat: no-repeat;
}
.content_detail .imageArea .box.top{
      background: url("img/facility_1.jpg");
      margin-right: 2%;
}
.content_detail .imageArea .box.bottom{
      background: url("img/facility_3.jpg");
      margin-top: 0;
}

section.practitioner .content_detail{
      height: 400px;
}
section.practitioner .titleBox{
      z-index: 50;
}
section.practitioner .contentBox{
        width: 90%;
        left: 5%;
}
section.practitioner .contentBox h4{
      font-size: 20px;
}

section.practitioner .imageBox{
        margin-right: 25px;
}

section.facility h2{
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 30px;
}
section.facility p{
      margin-bottom: 18px;
}
section.question{
      background-color: rgba(255,255,255,.7);
}
section.question .content{
      height: auto;
      margin-bottom: 80px;
      margin-top: 70px;
      padding: 50px 0 5px 0;
}
section.question p{
      text-align: left;
      line-height: 30px;
      color: #58652c;
      margin: 0;
}
section.question p.anchor{
      text-align: left;
      line-height: 30px;
      margin: 0 0 30px 0;
      color: #2f2012;
      padding-bottom: 30px;
      border-bottom: 1px solid #dcdcdc;
}
section.question p.anchor.bottom{
      border-bottom: 0px solid #dcdcdc;
}
section.reserve .content{
      margin: 30px auto 100px;
}
section.reserve .content p.text{
      line-height: 30px;
      margin-bottom: 20px;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

form{
      width: 100%;
}
.content form p{
      font-size: 14px;
      width: 100%;
      margin-top: 15px;
      line-height: 25px;
      text-align: left;
}
.content form p span{
      font-size: 12px;
      margin-left: 10px;
      color: red;
}
input , textarea{
      font-size: 14px;
      width: 100%;
      background-color: #fafafa;
      line-height: 40px;
      padding: 0 15px;
      box-sizing: border-box;
}
textarea{
      line-height: 24px;
      padding: 10px 15px;
      resize: none;
}
input[type="submit"]{
      margin-top: 25px;
      font-family:"fot-tsukubrdgothic-std","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
      font-weight: 700;
}
input.inactive{
      background-color: #fafafa;
      color: #2f2012;
      border: 2px solid #2f2012;
}
input.active{
      background-color: #58652c;
      color: #fff;
      border: 2px solid #58652c;
}
}

/*-------------------iphone wide----------------------*/
@media screen and (max-width:736px){
br.pcOnly{
      display: none;
}
br.mobile{
      display: inline;
}
/* 予約ボタン */
.fixBox{
      width: 40px;
      height: 40px;
      right: 20px;
      top: auto;
      bottom: 20px;
      padding: 4px;
      box-sizing: border-box;
      border-radius: 50% 50%;
      -webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
      writing-mode: inherit;
}
.fixBox:hover{
        opacity: 1;
}
.fixBox p{
        font-size: 12px;
        padding: 0;
        border: none;
}
.fixBox p.pc{
      display: none;
}
.fixBox p.mobile{
      border-radius: 50% 50%;
      height: 30px;
      line-height: 30px;
      width: 30px;
      border: 1px dotted #fff;
      display: block;
      text-align: center;
}

/* トップページ */
.centerBlock{
        width: 100%;
        height: 250px;
        margin: 0 auto 0;
        background-size: 130%;
        background-repeat: no-repeat;
        background-position: center bottom;
}
/* 施術ページ */
.centerBlock.treatment{
      background-image: url("img/top_treatment.png");
      background-size: cover;
      height: 230px;
}
.centerBlock.facility{
      height: 230px;
}
.centerBlock.facility ul.textBlock_left,.centerBlock.treatment ul.textBlock_left,.centerBlock.question ul.textBlock_left,.centerBlock.reserve ul.textBlock_left{
      display: inline;
      top: 30px;
      height: 175px
}

/* トップロゴ */
.logo_center{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 110px;
      margin: -50px 0 0 -100px;
      background-size: 80px;
      background-repeat: no-repeat;
      background-position: center;
}

/* トップメッセージ */
ul.textBlock_left{
      left: 10px;
      top: 6px;
      height: 180px;
}
ul.textBlock_left li{
        font-size: 14px;
        margin-right: 2px;
        padding: 5px 0;
}
ul.textBlock_left li.noSelect{
      background-color: inherit;
      font-size: 14px;
}

/* メニュー */
ul.textBlock_right{
        display: none;
}
/* facebookアイコン */
.fixBox_bottom{
      left: 18px;
      bottom: 20px;
      height: 15px;
}
.fixBox_bottom:hover{
      opacity: 1;
}
/* アイコン画像 */
.snsIcon{
      width: 15px;
      height: 15px;
      background-image: url("img/fb_footer.png");
      background-size: 15px 15px;
}

/* コンテンツ */
.content{
        width: 85%;
        margin: 40px auto 0;
}
.content h2{
        font-size: 16px;
      letter-spacing: .05em;
}
.content h6,.content_detail h6{
        font-size: 14px;
      font-family: "Times New Roman";
}
.content p{
        font-size: 13px;
        line-height: 24px;
        margin-top: 30px;
}
/* セクションごとにコンテンツサイズを調整 */
/* トップページ 施術・施設 */
section.treatment>.content,section.facility>.content{
        height: auto;
        margin-top: 80px;
        width: 100%;
}
/* トップページ　地図 */
section.map>.content{
      height: 460px;
      margin: 80px 0 40px 0;
}
/* トップページ フッター上 */
section.top_footer>.content{
      height: auto;
      overflow: auto;
      margin: 10px auto 0;
}
/* トップページ フッター下 */
section.bottom_footer>.content{
      width: 100%;
      height: auto;
      overflow: auto;
      margin: 60px 0 0 0;
      padding: 40px 0 10px;
      background-color: #58652c;
}


/* トップページ コンテンツ内テキスト */
.introBox{
        width: 85%;
        background-color: inherit;
        padding: 200px 0 0 0;
        text-align: center;
        margin: auto;
}
.introBox h2{
        line-height: 30px;
}
.introBox p{
      margin-top: 30px;
      line-height: 26px;
}

/* セクションごとにサイズ調整 */
/* 施設について */
section.facility .introBox{
        float: none;
        padding: 200px 0 0 0;
}


/* トップページ 画像 */
.content .imgBox{
        top: 0;
        left: 0;
        width: 100%;
        height: 160px;
        background-size: 110%;
}
/* セクションごと調整 */
/* 施設について */
section.facility .imgBox{
      left: 0;
      background-image: url("img/content_3.png");
}


/* コンテンツ内 帯 */
.titleBox{
        top: -20px;
}
.titleBox h4{
      display: inline-block;
        font-size: 14px;
      width: auto;
      font-weight: 400;
        padding: 5px 0;
      text-align: left;
}
.titleBox h6{
      letter-spacing: .0em;
      margin: 2px 0 0 0;
      text-align: left;
}
/* セクションごと調整 */
/* 施術について */
section.treatment .titleBox{
      right: auto;
      left: 20px;
}
/* 施設について */
section.facility .titleBox{
      left: 20px;
}
/* アクセス */
section.map .titleBox{
        right: auto;
        left: -0;
      top: -20px;
        height: 70px;
      z-index: 50;
}


/* 地図 */
#map_canvas{
        height: 250px;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom,.gmnoprint{
      display: none;
}
/* 電車でお越しの方 */
.infoArea{
      top: 270px;
      width: 85%;
      left: 7.5%;
}
.infoArea h4{
      font-size: 16px;
}
.infoArea p{
      font-size: 13px;
      margin-top: 5px;
}


/* フッター上 */
.halfBlock{
      height: auto;
      float: left;
}
/* 店情報部 */
.halfBlock.left{
        width: 100%;
        margin-bottom: 50px;
}
.logo{
      width: 126px;
      height: 45.6px;
      background-image: url("img/logo.png");
      background-size: contain;
      margin-bottom: 15px;
}
.halfBlock.left p{
      font-size: 13px;
      line-height: 22px;
      margin: 0;
      text-align: left;
}
.halfBlock.left .button{
      padding: 3px;
        width: 100%;
        box-sizing: border-box;
      text-align: center;
        margin-top: 20px;
}

/* カレンダー部 */
.halfBlock.right{
        width: 100%;
}
/* 休業日 */
.calendar th p{
      width: 30px;
}

 section.bottom_footer .content ul li{
       font-size: 12px;
 }
 .footer_sns{
       width: 20px;
       height: 20px;
       background-image: url("img/fb_footer.png");
       background-size: 20px 20px;
 }

 /*「施術について」 */
  .content_detail{
        width: 85%;
        margin: 100px auto 0;
  }
section.facility .content_detail{
      margin-top: 40px;
}
/* 施術についてページで使用 */

 section.menu .content_detail{
       margin: 100px auto 0;
 }
 .content_detail.left .titleBox{
       left: 0px;
       top: -60px;
 }
.content_detail.center .titleBox{
      left: 0px;
      top: -40px;
 }
 section.practitioner  .content_detail.left .titleBox{
       top: -60px;
           left: 0;
 }
 .content_detail.right .titleBox{
      top: -40px;
      right: 0px;
 }
 .content_detail .textBox{
       width: 100%;
       padding: 40px 0 20px;
 }
 /* 「1.問診票に-」 */
 .content_detail .textBox p{
       padding-left: 12%;
       padding-right: 24px;
       line-height: 22px;
       margin-bottom: 20px;
       font-size: 13px;
 }
 .content_detail .textBox p span{
       font-size: 12px;
       line-height: 12px;


 }
 /* 「お客様のお悩みに合わせて-」 */
 .content_detail .textBox p.weak{
       font-size: 13px;
       line-height: 20px;
       padding: 0 5%;
       margin-bottom: 0;
 }
 .content_detail .imgBox{
       width: 100%;
       height: 260px;
 }
 /* 施術メニュー写真大枠 */
 .content_detail .imgBox>.block{
       width: 100%;
       height: 50%;
 }
 /* 施術メニュー写真上部 */
 .content_detail .imgBox>.block.top{
       margin-left: -3%;
 }
 /* 施術メニュー写真下部 */
 .content_detail .imgBox>.block.bottom{
      margin-left: 6%;
 }
 /* 写真単体枠 */
 .content_detail .imgBox>.block .parts{
       height: 100%;
       width: 48%;
       margin-right: 1%;

       float: left;
 }
 /* 写真 */
 .content_detail .imgBox>.block .parts .img{
       height: 100px;
       float: left;
 }
 .content_detail .imgBox>.block .parts .img.t_1{
      background-image: url("img/treatment_1.png");
      background-size: contain;
      background-position: left bottom;
 }
 .content_detail .imgBox>.block .parts .img.t_2{
      background-image: url("img/treatment_2.png");
      background-size: contain;
      background-position: left bottom;
 }
 .content_detail .imgBox>.block .parts .img.t_3{
      background-image: url("img/wide_2.png");
      background-size: contain;
      background-position: left bottom;
 }
 .content_detail .imgBox>.block .parts .img.t_4{
      background-image: url("img/treatment_4.png");
      background-size: contain;
      background-position: left bottom;
 }
 /* 写真注釈文 */
 .content_detail .imgBox>.block .parts p{
       font-size: 12px;
       font-weight: 400;
       float: left;
 }
 /* 施術内容 */
 section.menu .content_detail{
       height: auto;
       padding-bottom: 40px;
 }
 /* 料金表 */
 section.price .content_detail{
       height: auto;
       margin: 100px auto 60px auto;
       padding: 40px 0 50px 0;
 }

.content_detail table{
      font-size: 12px;
      font-weight: 700;
      width: 100%;
}
.content_detail table tr{
      height: 60px;
}
.content_detail table tr.borderFull{
      border-bottom: 1px solid #2f2012;
}
.content_detail table td{
      line-height: 18px;
      padding: 5px 20px 5px 0;
}
.content_detail table td:last-child{
      padding: 5px 0;
}
.content_detail table td.border{
      border-bottom: 1px solid #2f2012;
}

/* 施設についてメッセージ */
.content_detail .textArea{
      width: 100%;
}
.content_detail .textArea p{
      font-weight: 700;
}
.content_detail .imageArea{
      margin-top: 40px;
      margin-bottom: 60px;
}


/* 変更済み */
.content_detail .imageArea .box{
      height: 300px;
      overflow: auto;
}
.content_detail .imageArea .box.top{
      background: url("img/facility_2_sp.jpg");
      background-size: contain;
      background-repeat: no-repeat;
}
.content_detail .imageArea .box.bottom{
      background: url("img/facility_1_sp.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 30px;
}
/*  */



section.practitioner .content_detail{
      height: 290px;
      margin: 30px auto 0px;
}
section.practitioner .titleBox{
      z-index: 50;
}
section.practitioner .contentBox{
      width: 100%;
      height: auto;
      top: 30px;
      left: 0;
}
section.practitioner .contentBox h4{
      font-size: 14px;
}
section.practitioner .contentBox p{
      font-size: 12px;
      padding: 0 20px 0 0;
      line-height: 22px;
}

section.practitioner .imageBox{
      width: 48%;
      height: 300px;
      background-image: url("img/practitioner.jpg");
      float: left;
      background-size: contain;
      background-repeat: no-repeat;
}

section.facility h2{
      font-size: 16px;
      line-height: 26px;
}
section.facility p{
      font-size: 13px;
      line-height: 24px;
      margin-bottom: 0;
}
section.question{
      background-color: rgba(255,255,255,.7);
}
section.question .content{
      height: auto;
      margin-bottom: 80px;
      margin-top: 0;
      padding: 50px 0 5px 0;
}
section.question p{
      text-align: left;
      line-height: 30px;
      color: #58652c;
      margin: 0;
}
section.question p.anchor{
      text-align: left;
      line-height: 22px;
      margin: 0 0 30px 0;
      color: #2f2012;
      padding-bottom: 30px;
      border-bottom: 1px solid #dcdcdc;
}
section.question p.anchor.bottom{
      border-bottom: 0px solid #dcdcdc;
}


/* 予約画面 */
section.reserve .content{
      margin: 30px auto 100px;
}
section.reserve .content p.text{
      line-height: 20px;
      margin-bottom: 30px;
}
.content form p{
      font-size: 12px;
}
input{
      font-size: 15px;
      line-height: 40px;
}
textarea{
      font-size: 15px;
      line-height: 20px;
}
input[type="submit"]{
      font-size: 12px;
      margin-top: 20px;
}
input.inactive{
      border: 1px solid #2f2012;
}
input.active{
      border: 1px solid #58652c;
}

}

/*-------------------iphone5S----------------------*/
@media screen and (max-width:420px){
      .content_detail .imageArea{
            margin: 30px auto 20px auto;
      }
      .content_detail .imageArea .box.top,.content_detail .imageArea .box.bottom{
            height: 250px;
      }
}