@charset "UTF-8";
/*
Theme Name: dears_hp
Template: keni62_wp_corp_150509
Description: DearsのHP専用テンプレート。賢威(keni62_wp_corp_150509)の子テーマ。
*/

/*--------------------------------------------------------
-初期設定
-コンポーネント
 -アニメーションキーフレーム
 -snsボタン ベース
 -ベーシックボタン ベース(立体感の薄いボタン)
  -ライトカラーベース
  -ダークカラーベース
 -telボタン ベース
 -ピンクボタン ベース(CTA用)
 -グリーンボタン ベース(ブログ用)
 -ブルーボタン ベース
 -パープルボタン ベース
 -矢印付きボタン ベース
-アウトライン
 -ヘッダー
 -コンテンツ
 -サイド
  -ローカルナビ ボタン
  -side共通パーツ SNS
  -side共通パーツ 店舗詳細情報
  -side共通パーツ LINE PR
  -facebook page plugin
 -フッター
  -footerロゴ & アドレス
  -footerメニュー
  -copyright
-ナビゲーション
 -グローバルナビゲーション
  -予約/ブログボタン用
 -パンくずリスト
 -スマホ固定ナビ
-コンテンツ基本設定
 -見出し
  -h1要素
  -h2 h3 h4
  -シングルと固定ページ
  -アーカイブページ見出し
-各ページ
 -TOPページ
  -ページ最上部装飾
  -基本パーツ
  -大見出し(白丸背景)
  -小見出し
  -上部に薄い線の装飾
  -上部に植物文様区切り線の装飾
  -TOPページ 3カラム 最初の見出しと説明文
  -TOPページ 1カラム 大見出し下
  -TOPページ 2カラム 5つのこだわり上部ほか
  -TOPページ 3カラム--1 3つの訴求点ほか
  -TOPページ 3カラム--2 5つのこだわり下部ほか
  -オーダーメイド髪質改善ヘアエステ 施術の流れ
  -コース
  -問合せ
  -問合せフォーム
 -アーカイブページ
  -アーカイブの日付
  -アーカイブのサムネイル
-パーツ(記事下提案)
 -記事下提案
 -記事下SNS
-パーツ(その他)
 -次のページへ(アーカイブページ)
 -ページング
 -上に戻る
 -homeに戻る
 -記事内装飾(.honbun-haikei)
 -吹き出し(.balloon)
 -trust form

-------------------------------------------------------------*/

/*------------------------------------------------------------
初期設定
-------------------------------------------------------------*/
img[class*='wp-image']{
  width: 95%\9;/* IE8用 */
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
  box-sizing: border-box;
}
img.alignleft{
  margin-right: 30px;
}
img.alignright{
  margin-left: 30px;
}
table{
  background-color: #5c4b51;
}
#main-contents table{
  border-top: 2px solid #5c4b51;
  border-right: 1px solid #5c4b51;
  border-bottom: 1px solid #5c4b51;
  border-left: 2px solid #5c4b51;
}
#main-contents th{
  color: #fff;
  border-right: 1px solid #5c4b51;
  border-bottom: 1px solid #5c4b51;
  background-color: #9a808b;
}
#main-contents th a{
  color: #fff;
}
#main-contents td{
  border-right: 1px solid #5c4b51;
  border-bottom: 1px solid #5c4b51;
  background-color: #fff;
}
.old-pink{
  color: #d15f63;
}
.fs--12{
  font-size: 12px;
}
.fs--14{
  font-size: 14px;
}
.fs--16{
  font-size: 16px;
}
.fs--18{
  font-size: 18px;
}
.fs--20{
  font-size: 20px;
}
.fs--22{
  font-size: 22px;
}
.ff--serif{
  font-family: serif;
}
.ff--sans-serif{
  font-family: sans-serif;
}
.normal{
  font-weight: normal;
}
.bold{
  font-weight: bold;
}
.is-pc{
  display: block;
}
img.is-pc{
  display: inline;
}
.is-mobi, img.is-mobi{
  display: none;
}
@media only screen and (max-width : 640px){
  img[class*='wp-image']{
    box-sizing: border-box;
  }
  img.alignleft{
    margin-right: auto;
  }
  img.alignright{
    margin-left: auto;
  }
  .is-pc, img.is-pc{
    display: none;
  }
  .is-mobi{
    display: block;
  }
  img.is-mobi{
    display: inline;
  }

}


/*------------------------------------------------------------
コンポーネント
-------------------------------------------------------------*/
/* アニメーションキーフレーム
---------------------------------------------------*/
@keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-webkit-keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

/*snsボタン ベース
---------------------------------------------------*/
.btn--sns{
  font-size: 20px;
  line-height: 1;
  position: relative;
  border-radius: 5px;
}
.btn--sns a{
  font-family: serif;
  display: block;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 60px;
  text-decoration: none;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 34px;
}
.btn--instagram{
  border: 1px solid #1c4c74;
  background:    -moz-linear-gradient(top, #517fa4 1%, #1c4c74 100%);
  background: -webkit-linear-gradient(top, #517fa4 1%,#1c4c74 100%);
  background:         linear-gradient(to bottom, #517fa4 1%,#1c4c74 100%);
  background-color: #517fa4;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--instagram a{
  padding-top: 16px;
  padding-bottom: 12px;
  background-image: url(./images/icon--instagram.png);
}
.btn--facebook{
  border: 1px solid #274584;
  background:    -moz-linear-gradient(top,  #3b5998 1%, #274584 100%);
  background: -webkit-linear-gradient(top,  #3b5998 1%,#274584 100%);
  background:         linear-gradient(to bottom,  #3b5998 1%,#274584 100%);
  background-color: #3b5998;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--facebook a{
  padding-top: 16px;
  padding-bottom: 17px;
  background-image: url(./images/icon--facebook.png);
}
.btn--line{
  border: 1px solid #009f00;
  background:    -moz-linear-gradient(top,  #00c300 1%, #009f00 100%);
  background: -webkit-linear-gradient(top,  #00c300 1%,#009f00 100%);
  background:         linear-gradient(to bottom,  #00c300 1%,#009f00 100%);
  background-color: #00c300;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--line a{
  padding-top: 18px;
  padding-bottom: 17px;
  background-image: url(./images/icon--line.png);
}
@media only screen and (min-width : 641px){
  .btn--sns a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  .btn--sns a:hover{
    background-position: 15px center;
  }
}

/*ベーシックボタン ベース(立体感の薄いボタン)
---------------------------------------------------*/
.btn--basic{
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.6);
}
#container .btn--basic a{
  font-size: 14px;
  line-height: 1.2;
  display: block;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1.8em;
  text-decoration: none;
  text-decoration: underline;
  border-radius: 4px;
  background-image: url(./images/triangle--brown.png);
  background-repeat: no-repeat;
  background-position: 5px .6em;
}
/* ライトカラーベース */
.btn--basic--right{
  background-color: #b4b2af;
}
#container .btn--basic--right a{
  color: #6f5d63;
}
/* ダークカラーベース */
.btn--basic--dark{
  background-color: #6f5d63;
}
#container .btn--basic--dark a{
  color: #b4b2af;
}
@media only screen and (min-width : 641px){
  #container .btn--basic a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  #container .btn--basic a:hover{
    background-position: 8px .6em;
  }
}
@media only screen and (max-width : 640px){
  #container .btn--basic a{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}

/*telボタンベース
---------------------------------------------------*/
.btn--tel, .btn--reservation{
  border: 1px solid #d35959;
  background:    -moz-linear-gradient(top,  #fe817d 1%, #e56967 100%);
  background: -webkit-linear-gradient(top,  #fe817d 1%,#e56967 100%);
  background:         linear-gradient(to bottom,  #fe817d 1%,#e56967 100%);
  background-color: #fe817d;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--tel a{
  background-image: url(./images/icon--tel--mobi.png);
}

/*ピンクボタン ベース(CTA用)
---------------------------------------------------*/
.btn--pink{
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding-top: .5em;
  padding-right: .7em;
  padding-bottom: .5em;
  padding-left: 25px;
  text-decoration: none;
  color: #fff!important;
  border: 1px solid #d35959;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #fe817d 1%, #e56967 100%);
  background: -webkit-linear-gradient(top,  #fe817d 1%,#e56967 100%);
  background:         linear-gradient(to bottom,  #fe817d 1%,#e56967 100%);
  background-color: #fe817d;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--pink:before{
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
@media only screen and (min-width : 641px){
  .btn--pink:before{
    -webkit-transition: .3s ;
            transition: .3s ;
  }
  .btn--pink:hover:before{
    left: 7px;
  }
}
@media only screen and (max-width : 640px){
  .btn--pink:before{
    background-image: url(./images/triangle--white--mobi.png);
    background-size: 16px;
  }
}

/*グリーンボタン ベース(ブログ用)
---------------------------------------------------*/
.btn--green{
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding-top: .5em;
  padding-right: .7em;
  padding-bottom: .5em;
  padding-left: 25px;
  text-decoration: none;
  color: #fff!important;
  border: 1px solid #309183;
  border-radius: 5px;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #48bdae 1%, #3ba597 100%);
  background: -webkit-linear-gradient(top,  #48bdae 1%,#3ba597 100%);
  background:         linear-gradient(to bottom,  #48bdae 1%,#3ba597 100%);
  background-color: #48bdae;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--green:before{
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
@media only screen and (min-width : 641px){
  .btn--green:before{
    -webkit-transition: .3s ;
            transition: .3s ;
  }
  .btn--green:hover:before{
    left: 7px;
  }
}
@media only screen and (max-width : 640px){
  .btn--green:before{
    background-image: url(./images/triangle--white--mobi.png);
    background-size: 16px;
  }
}

/*ブルーボタン ベース
---------------------------------------------------*/
.btn--blue{
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding-top: .5em;
  padding-right: .7em;
  padding-bottom: .5em;
  padding-left: 25px;
  text-decoration: none;
  color: #fff!important;
  border: 1px solid #014fa4;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #39f 1%, #157beb 100%);
  background: -webkit-linear-gradient(top,  #39f 1%,#157beb 100%);
  background:         linear-gradient(to bottom,  #39f 1%,#157beb 100%);
  background-color: #39f;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--blue:before{
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
@media only screen and (min-width : 641px){
  .btn--blue:before{
    -webkit-transition: .3s ;
            transition: .3s ;
  }
  .btn--blue:hover:before{
    left: 7px;
  }
}
@media only screen and (max-width : 640px){
  .btn--blue:before{
    background-image: url(./images/triangle--white--mobi.png);
    background-size: 16px;
  }
}

/*パープルボタン ベース
---------------------------------------------------*/
.btn--purple{
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding-top: .5em;
  padding-right: .7em;
  padding-bottom: .5em;
  padding-left: 25px;
  text-decoration: none;
  color: #fff!important;
  border: 1px solid #2c0a2c;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #9b3b62 1%, #87274e 100%);
  background: -webkit-linear-gradient(top,  #9b3b62 1%,#87274e 100%);
  background:         linear-gradient(to bottom,  #9b3b62 1%,#87274e 100%);
  background-color: #9b3b62;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.btn--purple:before{
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
@media only screen and (min-width : 641px){
  .btn--purple:before{
    -webkit-transition: .3s ;
            transition: .3s ;
  }
  .btn--purple:hover:before{
    left: 7px;
  }
}
@media only screen and (max-width : 640px){
  .btn--purple:before{
    background-image: url(./images/triangle--white--mobi.png);
    background-size: 16px;
  }
}

/*矢印付きボタン ベース(link--arrowクラスを付与)
---------------------------------------------------*/
.link--tri{
  display: inline-block;
  padding-left: 1.3em;
  background-image: url(./images/triangle--brown.png);
  background-repeat: no-repeat;
  background-position: left .3em;
}
@media only screen and (min-width : 641px){
  .link--tri{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  .link--tri:hover{
    background-position: 3px .3em;
  }
}
@media only screen and (max-width : 640px){
  .link--tri{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}

/*------------------------------------------------------------
アウトライン
-------------------------------------------------------------*/
#wrap--main{
  position: relative;
  padding-bottom: 50px;
}
#container{
  padding-top: 0;
  background-color: #edece4;
}
.col2 #main-and-sub, .col2r #main-and-sub{
  width: 650px;
  padding-left: 10px;
}
.col2 #sidebar, .col2r #sidebar{
  width: 260px;
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px){
  #container{
    padding-bottom: 0;
  }
  .col2 #main-and-sub, .col2r #main-and-sub{
    padding-left: 0;
  }
}

/*ヘッダー
---------------------------------------------------*/
#main-visual{
  height: 470px;
  background-image: url(./images/main-visual.jpg);
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: cover;
  box-shadow: 0 -1px 2px 0 rgba(0,0,0,.3)inset;
}
#header-in{
  overflow: hidden;
}
#header-in__copy{
  padding-top: 120px;
  -webkit-animation: fadein 1.8s linear 0s 1;
          animation: fadein 1.8s linear 0s 1;
  text-align: center;
}
@media only screen and (max-width : 640px){
  #header-in__logo{
    display: none;
  }
  #header-in__copy{
    padding-top: 105px;
  }
  #main-visual{
    height: 340px;
    background-image: url(./images/main-visual--mobi.jpg);
    background-position: 50% 50%;
    background-size: cover;
  }
}

/*コンテンツ
---------------------------------------------------*/


#main-contents{
  font-size: 1.6em;
  border-top: 1px solid #dcdad1;
}
#main-contents:before{
  display: block;
  width: 100%;
  height: 1px;
  content: ' ';
  background-color: #fff;
}
.archive #main-contents{
  border-top: 0;
}
.archive #main-contents:before{
  content: none;
}
#main-in{
  position: relative;
  padding-top: 0;
  border-radius: 5px 5px 0 0;
  background-color: #edece4;
}
#main-in:before{
  /* 上にはみ出た部分のドロップシャドウ用 */
  display: block;
  width: 950px;
  height: 30px;
  margin-right: auto;
  margin-bottom: -20px;
  margin-left: auto;
  content: ' ';
  border-radius: 5px 5px 0 0;
  box-shadow: 0 -2px 3px -1px rgba(0,0,0,.3);
}
@media only screen and (max-width : 640px){
  #main-in:before{
    content: none;
  }
}

/*サイド
---------------------------------------------------*/
#sidebar .contents h3{
  font-size: 1.3333em;
  line-height: 1.2;
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding-left: 1em;
  color: #fff;
  border: 1px solid #ef6060;
  background:    -moz-linear-gradient(left,  #fe817d 1%, #ffa798 100%);
  background: -webkit-linear-gradient(left,  #fe817d 1%,#ffa798 100%);
  background:         linear-gradient(to right,  #fe817d 1%,#ffa798 100%);
  background-color: #fe817d ;
  box-shadow: 0 0 2px 0 rgba(255,255,255,.7)inset,0 0 0 1px rgba(255,255,255,1);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe817d', endColorstr='#ffa798',GradientType=1 );
}
#sidebar .contents h3:before{
  position: absolute;
  top: 50%;
  left: 5px;
  display: inline-block;
  width: 5px;
  height: 1.2em;
  margin-top: -.6em;
  content: ' ';
  background-color: #fff;
}
#sidebar .contents{
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

/* ローカルナビ ボタン */
.nav--local__inbox > ul > li, .nav--local__inbox .contents > ul > li{
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid #5c4b51;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(./images/pattern--plants.png);
  background-repeat: no-repeat;
  background-position: center top;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}
.nav--local li a{
  font-weight: bold;
  display: block;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1.8em;
  text-decoration: none;
  color: #5c4b51;
  border-radius: 4px;
  background-image: url(./images/triangle--brown.png);
  background-repeat: no-repeat;
  background-position: 5px .7em;
}
.nav--local ul ul, .nav--local ul ul ul, .nav--local ul ul ul ul{
  margin-right: 5px;
  margin-left: 5px;
  padding-left: 10px;
  border-top: 1px solid #bcadb3;
}
@media only screen and (min-width : 641px){
  .nav--local li a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  .nav--local li a:hover{
    color: #8a204d;
    background-position: 10px .7em;
  }
}
@media only screen and (max-width : 640px){
  .nav--local li a{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}

/* side共通パーツ SNS */
.nav--local + .side--contents{
  border-top: 1px solid #dcdad1;
}
.nav--local + .side--contents:before{
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  content: ' ';
  background-color: #fff;
}
.side__inbox--page{
  font-size: 16px;
  margin-bottom: 20px;
  padding: 10px;
  color: #5c4b51;
  border: 2px solid #5c4b51;
  background-color: #fff;
}
.side__sns{
  padding-top: 20px;
}
.side__sns .btn--sns{
  margin-bottom: 20px;
}
.side__inbox--page.side__photo{
  overflow: hidden;
  padding-bottom: 5px;
}
.side__photo img{
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

/* side共通パーツ 店舗詳細情報 */
.side__detail{
  font-weight: bold;
  background-image: url(./images/pattern--plants.png),url(./images/pattern--plants--2.png),url(./images/pattern--triangle.png);
  background-repeat: no-repeat;
  background-position: center top,center bottom,right top;
}
.side__detail h5{
  font-weight: bold;
  margin-bottom: .5em;
  padding-left: 5px;
  border-left: 5px solid #5c4b51;
}
.side__detail li{
  padding-top: .3em;
  padding-bottom: .3em;
  border-bottom: 1px solid #5c4b51;
}

/* side共通パーツ LINE PR */
.side__line h5{
  font-size: 24px;
  font-weight: bold;
  margin-right: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  padding-top: .2em;
  padding-bottom: .2em;
  text-align: center;
  color: #fff;
  background-color: #59d113;
}
.side__line__inbox{
  margin-bottom: 10px;
  padding: .5em;
  border: 1px solid #eee;
  border-radius: 2px;
  background-color: #f6f6f6;
}
.side__line__inbox__btn{
  padding: 1em 0 .5em 0;
  text-align: center;
}
.side__line__qrcode, .side__line__btn{
  padding-bottom: 1em;
  text-align: center;
}
.side__line__qrcode img{
  width: 125px;
  height: auto;
}
.side__line__btn img{
  width: 125px;
  height: auto;
}
.side__line ul{
  padding-top: 1em;
  border-top: 1px solid #5c4b51;
}
.side__line li{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: .5em;
  padding-left: 5px;
  border-left: 5px solid #ff807d;
}
@media only screen and (max-width : 640px){
  .side__line ul{
    clear: both;
  }
}

/* facebook page plugin */
@media only screen and (max-width : 640px){
  .side__fb-pageplugin{
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width : 320px){
  .side__fb-pageplugin{
    width: 260px;
  }
}
/*フッター
---------------------------------------------------*/
#footer{
  color: #c1c0bd;
  background-color: #6f5d63;
}
#footer .area01{
  position: relative;
  border-right: 1px solid #543e47;
}
#footer .area01:before{
  position: absolute;
  right: 0;
  width: 1px;
  height: 100%;
  content: ' ';
  background-color: #806d78;
}
#footer .area02{
  margin-bottom: 20px;
}
#footer .menu-hp-footer-menu-container{
  position: relative;
  margin-bottom: 20px;
}

dl.reserve-border {
    border: none!important;
	padding-left: 0px!important;
}

/* footerロゴ & アドレス */
#footer__logo{
  margin-bottom: 50px;
}
.footer__address__copy{
  font-size: 16px;
  display: block;
  margin-bottom: 1em;
  color: #efeee8;
}
.footer__address__detail{
  margin-bottom: 1em;
}
.footer__address__detail dl{
  padding-left: 5px;
  border-left: 3px solid #c1c0bd;
}

dt, .footer__address__detail dd{
  margin: 0;
  padding: 1px 0;
}
.footer__address__detail dt{
  font-size: 16px;
  color: #efeee8;
}
#footer .footer__address__detail a[href*='026-217-5430']{
  color: #c1c0bd;
}
.footer__address__reservation{
  font-size: 18px;
}
@media only screen and (max-width : 640px){
  #footer__logo img{
    width: 165px;
    height: auto;
  }
  #footer__logo{
    margin-bottom: 30px;
  }
  #footer .area01{
    border-right: 0;
  }
  #footer .area01:before{
    content: none;
  }
}

/* footerメニュー */
#footer h3.footer-menu__title{
  font-size: 16px;
  font-weight: normal;
  margin-bottom: .5em;
  margin-left: 32px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  color: #efeee8;
  border-left: 6px solid #efeee8;
  background-color: transparent;
}
#footer .footer-menu ul{
  float: none;
  width: auto;
  padding-left: 32px;
}
.footer-menu li{
  margin: 0;
  padding: 0;
  background: none;
}
#footer .footer-menu li a{
  font-size: 14px;
  line-height: 1.2;
  display: inline-block;
  padding-top: .6em;
  padding-right: .6em;
  padding-bottom: .6em;
  padding-left: 1.8em;
  color: #c1c0bd;
  border-radius: 4px;
  background-image: url(./images/triangle--offwhite.png);
  background-repeat: no-repeat;
  background-position: 5px .6em;
}
@media only screen and (max-width : 640px){
  #footer h3.footer-menu__title{
    margin-left: 0;
  }
  #footer .footer-menu{
    box-sizing: border-box;
    padding-right: 1em;
    padding-left: 1em;
  }
  #footer .footer-menu ul{
    margin-right: 0;
    margin-left: 0;
    padding-left: 1em;
  }
  .footer-menu li{
    margin-bottom: 5px;
  }
  #footer .footer-menu li a{
    background-image: url(./images/triangle--offwhite--mobi.png);
    background-size: 16px;
  }
}
@media only screen and (min-width : 641px){
  #footer .footer-menu li a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  #footer .footer-menu li a:hover{
    background-position: 8px .6em;
  }
}

/* copyright */
.copyright{
  position: relative;
  color: #c1c0bd;
  border-top: 1px solid #543e47;
  background-color: #6f5d63;
}
.copyright:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: ' ';
  background-color: #806d78;
}

/*------------------------------------------------------------
ナビゲーション
-------------------------------------------------------------*/
/*グローバルナビゲーション
---------------------------------------------------*/
#nav--global{
  margin-top: -90px;
  margin-bottom: 20px;
  border-bottom: 0;
  background-color: transparent;
}
#nav--global__inbox{
  width: 948px;
  margin: auto;
  border: 1px solid #3a2d32;
  border-radius: 5px;
  background-color: #5c4b51;
  box-shadow: 0 0 2px 0 rgba(255,255,255,.8)inset,0 0 2px 0 rgba(0,0,0,.8);
}
.nav-items-wrap{
  font-size: 1.6em;
  margin-bottom: 0;
  padding-top: .5em;
  padding-right: .5em;
  padding-bottom: .5em;
  padding-left: .5em;
}
.nav-items-wrap ul{
  position: relative;
}
.nav-items-wrap li{
  float: left;
  list-style: none;
}
.nav-items-wrap li:first-child{
  border-left: 1px solid #3a2d32;
}
.nav-items-wrap li:nth-last-of-type(2){
  border-right: 1px solid #87747c;
}
.nav-items-wrap li a{
  font-weight: normal;
  position: relative;
  display: block;
  padding: 0 1em;
  text-decoration: none;
  color: #fff;
  border-right: 1px solid #3a2d32;
  border-left: 1px solid #87747c;
}
.nav-items-wrap li a:link, .nav-items-wrap li a:visited, .nav-items-wrap li a:hover, .nav-items-wrap li a:active{
  background-color: transparent;
}
@media only screen and (max-width : 640px){
  #nav--global__inbox{
    width: auto;
    border-radius: 0;
  }
  .nav-items-wrap{
    font-size: 13px;
    font-weight: normal;
    padding-right: .3em;
    padding-left: .3em;
  }
  .nav-items-wrap li{
    display: inline-block;
    box-sizing: border-box;
    width: 32.3333%!important;
    margin-right: 1.33333%;
    border: 1px solid #87747c!important;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.8)!important;
  }
  .nav-items-wrap li:nth-child(1), .nav-items-wrap li:nth-child(2), .nav-items-wrap li:nth-child(3){
    margin-bottom: 5px;
  }
  .nav-items-wrap li:nth-child(3), .nav-items-wrap li:nth-child(6){
    margin-right: 0!important;
  }
  .nav-items-wrap li a{
    box-sizing: border-box;
    padding: 5px 0!important;
    text-align: center;
    border: none;
  }
}
/* 予約/ブログボタン用 */
/*.nav-items-wrap li:nth-last-of-type(1){
  position: absolute;
  top: -1em;
  right: 10px;
  width: 100px;
  border: 1px solid #309183;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #48bdae 1%, #3ba597 100%);
  background: -webkit-linear-gradient(top,  #48bdae 1%,#3ba597 100%);
  background:         linear-gradient(to bottom,  #48bdae 1%,#3ba597 100%);
  background-color: #48bdae;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}*/
.nav-items-wrap li:nth-last-of-type(1){
  position: absolute;
  top: -1em;
  right: 10px;
  width: 140px;
  border: 1px solid #d35959;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #fe817d 1%, #e56967 100%);
  background: -webkit-linear-gradient(top,  #fe817d 1%,#e56967 100%);
  background:         linear-gradient(to bottom,  #fe817d 1%,#e56967 100%);
  background-color: #fe817d;
  box-shadow: 0 0 2px 0 rgba(255,255,255,1)inset,0 0 2px 0 rgba(0,0,0,.5);
}
.nav-items-wrap li:nth-last-of-type(1) a{
  padding: 1em;
  text-align: right;
  border: none;
  border-radius: 5px;
}
.nav-items-wrap li:nth-last-of-type(1) a:before{
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  -webkit-transition: .4s ;
          transition: .4s ;
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
.nav-items-wrap li:nth-last-of-type(1):hover a:before{
  left: 15px;
}

/* IE8以下用 */
.nav-items-wrap li.last-child--3{
  border-right: 1px solid #87747c;
}
.nav-items-wrap li.last-child--1 a, .nav-items-wrap li.last-child--2 a{
  padding: 1em;
  text-align: right;
  border: none;
}
.nav-items-wrap li.last-child--1 a:before, .nav-items-wrap li.last-child--2 a:before{
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: ' ';
  background-image: url(./images/triangle--white.png);
  background-repeat: no-repeat;
}
.nav-items-wrap li.last-child--1:hover a:before, .nav-items-wrap li.last-child--2:hover a:before{
  left: 15px;
}
.nav-items-wrap li.last-child--1{
  position: absolute;
  top: -1em;
  right: 10px;
  width: 100px;
  border: 1px solid #309183;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #48bdae 1%, #3ba597 100%);
  background: -webkit-linear-gradient(top,  #48bdae 1%,#3ba597 100%);
  background:         linear-gradient(to bottom,  #48bdae 1%,#3ba597 100%);
  background-color: #48bdae;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5),0 0 2px 0 rgba(255,255,255,1)inset;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48bdae', endColorstr='#3ba597',GradientType=0 );
}
.nav-items-wrap li.last-child--2{
  position: absolute;
  top: -1em;
  right: 130px;
  width: 140px;
  border: 1px solid #d35959;
  border-radius: 5px;
  background:    -moz-linear-gradient(top,  #fe817d 1%, #e56967 100%);
  background: -webkit-linear-gradient(top,  #fe817d 1%,#e56967 100%);
  background:         linear-gradient(to bottom,  #fe817d 1%,#e56967 100%);
  background-color: #fe817d;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5),0 0 2px 0 rgba(255,255,255,1)inset;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe817d', endColorstr='#e56967',GradientType=0 );
}
@media only screen and (max-width : 640px){
  .nav-items-wrap li:nth-last-of-type(1){
    position: static;
    width: auto;
    background: none;
    box-shadow: none;
  }
  .nav-items-wrap li:nth-last-of-type(1) a{
    text-align: center;
    border: none;
  }
  .nav-items-wrap li:nth-last-of-type(1) a:before{
    content: none;
  }
}

/*パンくず
---------------------------------------------------*/
#breadcrumbs{
  margin-bottom: 1em;
}
#breadcrumbs > ol{
  padding-right: 1em;
  padding-left: 1em;
}
@media only screen and (max-width : 640px){
  #breadcrumbs > ol{
    box-sizing: border-box;
    padding-right: 2%;
    padding-left: 2%;
  }
}

/*スマホ固定ナビ
---------------------------------------------------*/
#navFixed{
  display: none;
}
@media only screen and (max-width : 650px){
  #navFixed{
    position: fixed;
    z-index: 5;
    top: 0;
    display: table;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    table-layout: auto;
    border-bottom: 2px solid #000;
    background-color: #352e31;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.8);
  }
  .nav--fixed__item{
    display: table-cell;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 5px;
    vertical-align: middle;
  }
  .nav--fixed__logo img{
    display: block;
  }
  .nav--fixed__btn{
    border-radius: 5px;
  }
  .nav--fixed__btn a{
    font-size: 14px;
    line-height: 1.2;
    display: inline-block;
    padding-top: .5em;
    padding-right: .5em;
    padding-bottom: .5em;
    padding-left: 33px;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 20px;
  }
  .nav--fixed__reservation .btn--reservation{
    display: block;
  }
  .nav--fixed__reservation .btn--reservation a{
    padding-left: 56px;
    background-image: url(./images/icon--line.png),url(./images/icon--tel--mobi.png);
    background-repeat: no-repeat;
    background-position: 5px center, 30px center;
  }
}
@media only screen and (max-width : 374px){
  .nav--fixed__btn a{
    padding-top: .5em;
    padding-right: 3px;
    padding-bottom: .5em;
    padding-left: 26px;
    background-position: 3px center;
  }
}

/*------------------------------------------------------------
コンテンツ基本設定
-------------------------------------------------------------*/
/*見出し
---------------------------------------------------*/

h4.sml-heading{
	background:none!important;
	border-bottom:2px solid #857787!important;
}


/* h1要素 */
.h1-space{
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  background-color: #ff807d;
}
.h1-space h1{
  font-size: 14px;
  overflow: auto;
  width: 918px;
  height: 1.5em;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
  white-space: nowrap;
}
@media only screen and (max-width : 640px){
  .h1-space{
    padding: 0 10px;
  }
  .h1-space h1{
    font-size: 14px;
    width: auto;
    margin: 10px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
}
/* h2 h3 h4 */
#main-contents h2{
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: .5em;
  padding-top: .8em;
  padding-right: 0;
  padding-bottom: 50px;
  padding-left: 0;
  border: none;
  background-color: transparent;
  background-image: url(./images/h2.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
#main-contents h3{
  font-size: 1.5em;
  line-height: 1.2;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 32px;
  padding-left: 0;
  border: none;
  background-color: transparent;
  background-image: url(./images/h3.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
#main-contents .contents h3{
  margin-bottom: .5em;
}
#main-contents h4{
  font-size: 1.25em;
  line-height: 1.2;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  border: none;
  background-color: transparent;
  background-image: url(./images/h4.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#main-contents h4 a{
  text-decoration:none;
}




@media only screen and (max-width : 640px){
  #main-contents h2{
    font-size: 24px;
    background-image: url(./images/h2--mobi.png);
    background-size: 650px;
  }
  #main-contents h3{
    font-size: 20px;
    padding-top: 10px;
    background-image: url(./images/h3--mobi.png);
    background-size: 650px;
  }
  #main-contents h4{
    font-size: 18px;
    padding-top: 10px;
    background-image: url(./images/h4--mobi.png);
    background-size: 650px;
  }
}
/* シングルと固定ページ */
.single #main-contents h2:first-letter, .single #main-contents h3:first-letter, .single #main-contents h4:first-letter, .page #main-contents h2:first-letter, .page #main-contents h3:first-letter, .page #main-contents h4:first-letter{
  color: #8a204d;
}
/* アーカイブページ見出し */
.archive-title{
  position: relative;
  color: #edece4;
  background-color: #352e31;
}
.archive-title:before{
  position: absolute;
  top: 15%;
  left: 10px;
  display: inline-block;
  width: 5px;
  height: 70%;
  content: ' ';
  background-color: #edece4;
}
.archive #main-contents h2, .blog #main-contents h2{
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 0;
  padding-top: .2em;
  padding-bottom: 29px;
  padding-left: 0;
  border: none;
  background-color: transparent;
  background-image: url(./images/h2--2.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media only screen and (max-width : 640px){
  .archive #main-contents h2, .blog #main-contents h2{
    font-size: 24px;
    background-image: url(./images/h2--2--mobi.png);
    background-size: 650px;
  }
}

/*------------------------------------------------------------
各ページ
-------------------------------------------------------------*/
/*TOPページ & 各店LP
---------------------------------------------------*/
/* ページ最上部装飾 */
.home #main-in:before, .single-lp #main-in:before{
  margin-bottom: -20px;
}
.home.col2 #main-and-sub, .home.col2r #main-and-sub, .single-lp.col2 #main-and-sub, .single-lp.col2r #main-and-sub{
  width: 100%;
  padding-left: 0;
}
.home #main-contents, .single-lp #main-contents{
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 40px;
  border: 0;
  background-image: url(./images/top__bg.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.home #main-contents:before, .single-lp #main-contents:before{
  content: none;
}

/* 基本パーツ */

.home__inbox{
  position: relative;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.home__inbox__left{
  float: left;
  box-sizing: border-box;
  width: 446px;
  padding-right: 2px;
  padding-left: 2px;
}
.home__inbox__right{
  position: relative;
  float: right;
  box-sizing: border-box;
  width: 446px;
  padding-right: 2px;
  padding-left: 2px;
}
.home img[class*='wp-image'], .single-lp img[class*='wp-image']{
  box-sizing: border-box;
  width: auto;
  margin-bottom: 1px;
}
.home #main-contents p, .single-lp #main-contents p{
  margin-bottom: 1.2em;
}

/* 大見出し(白丸背景) */
.home__headline{
  font-size: 22px;
  display: table;
  height: 200px;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
  background-image: url(./images/pattern--circle.png);
  background-repeat: no-repeat;
  background-position: center;
}
.home__headline .adjust{
  display: inline-block;
  margin-top: -8px;
}
#main-contents .home__headline h2, .home #main-contents .home__headline h3, .single-lp #main-contents .home__headline h3{
  display: table-cell;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  background-image: none;
}

/* 小見出し */
.home #main-contents .bg--heading, .single-lp #main-contents .bg--heading{
  font-size: 22px;
  margin-bottom: 5px;
  padding-bottom: 32px;
  background-image: url(./images/h3.png);
}
.home #main-contents .bg--heading--2, .single-lp #main-contents .bg--heading--2{
  font-size: 22px;
  margin-bottom: 5px;
  padding-bottom: 32px;
  background-image: url(./images/h3--2.png);
}
.home #main-contents .no-bg--heading, .single-lp #main-contents .no-bg--heading{
  font-size: 20px;
  margin-bottom: .5em;
  padding-bottom: 0;
  background-image: none;
}
.f-indent{
  padding-left: 1em!important;
}
.f-indent:first-letter{
  margin-left: -1em;
}

/* 上部に薄い線の装飾 */
.line--1{
  position: relative;
  padding-top: 40px;
  border-top: 1px solid #dcdad1;
}
.line--1:before{
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: ' ';
  background-color: #fff;
}

/* 上部に植物文様区切り線の装飾 */
.line--2{
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.line--2:before{
  position: relative;
  z-index: 1;
  top: 0;
  left: 50%;
  display: block;
  width: 140px;
  height: 13px;
  margin-bottom: 40px;
  margin-left: -70px;
  content: ' ';
  background-color: #edece4;
  background-image: url(./images/pattern--plants--5.png);
  background-repeat: no-repeat;
  background-position: center;
}
.line--2:after{
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 27px;
  content: ' ';
  background-color: #352e31;
}

/* TOPページ 3カラム 最初の見出しと説明文 */
.parts--line{
  position: relative;
  clear: both;
  height: 1px;
  margin-top: 36px;
  border-bottom: 1px solid #fff;
}
.parts--line:after{
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: ' ';
  background-color: #dcdad1;
}

/* TOPページ 1カラム 大見出し下 */
.home__col1{
  position: relative;
  width: 70%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-right: 1.5em;
  padding-left: 1.5em;
}
.home__col1:before, .home__col1:after{
  position: absolute;
  top: 50%;
  display: block;
  width: 47px;
  height: 120px;
  margin-top: -60px;
  content: ' ';
  border-radius: 3px;
  background-repeat: no-repeat;
}
.home__col1:before{
  left: 0;
  margin-left: -47px;
  border-right: 2px solid #c4b7bc;
  background-image: url(./images/pattern--plants--6.png);
  background-position: left center;
}
.home__col1:after{
  right: 0;
  margin-right: -47px;
  border-left: 2px solid #c4b7bc;
  background-image: url(./images/pattern--plants--7.png);
  background-position: right center;
}

/* TOPページ 2カラム 5つのこだわり上部ほか */
.home__inbox--col2__item{
  font-size: 15px;
  line-height: 1.3;
  box-sizing: border-box;
  width: 436px;
  padding-right: 2px;
  padding-left: 2px;
}
.col2__left{
  float: left;
}
.col2__right{
  float: right;
}

/* TOPページ 3カラム--1 3つの訴求点ほか */
.home__inbox--col3--1{
  padding-right: 5px;
  padding-left: 5px;
}
.home__inbox--col3--1__item{
  float: left;
  width: 270px;
  margin-right: 45px;
  padding-top: 2em;
}
.home__inbox--col3--1__item.col3__right{
  margin-right: 0;
}
.home__inbox--col3--1__img{
  margin-bottom: 1em;
}
#main-contents .home__inbox--col3--1__item ul{
  margin: 0;
  list-style: none;
  text-align: center;
}
#main-contents h4.home__inbox--col3--1__title{
  font-size: 23px;
  font-weight: bold;
  position: relative;
  margin-bottom: .5em;
  text-align: center;
  color: #3c9e97;
  background-image: none;
}
#main-contents h4.home__inbox--col3--1__title:first-letter{
  color: #3c9e97;
}
#main-contents h4.home__inbox--col3--1__title:after{
  display: block;
  width: 80px;
  height: 4px;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
  content: ' ';
  border-radius: 2px;
  background-color: #3c9e97;
}
.home__inbox--col3--1__img img[class*='wp-image']{
  border-radius: 5px;
  background-color: #453d40;
}

/* TOPページ 3カラム--2 5つのこだわり下部ほか */
.home__inbox--col3--2__item{
  font-size: 15px;
  line-height: 1.3;
  float: left;
  box-sizing: border-box;
  width: 280px;
  margin-right: 35px;
  padding-right: 2px;
  padding-left: 2px;
}
.home__inbox--col3--2__item.col3__right{
  margin-right: 0;
}

/* オーダーメイド髪質改善ヘアエステ 施術の流れ */
.flow{
  margin-bottom: 0;
}
.flow--4{
  margin-bottom: 2em ;
}
.flow--end{
  margin-bottom: 1em;
}
.flow .home__inbox--col3--1__img, .flow--end{
  position: relative;
}
.home__inbox--col3--1__img{
  z-index: -1\9;
  padding-right: 5px\9;
  /* IE8用 */
  padding-left: 5px\9;
}
.flow .home__inbox--col3--1__img:before, .flow--end:before{
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -18px;
  margin-left: -18px;
  text-align: center;
  border: 3px solid #453d40;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}
.flow--1 .col3__left .home__inbox--col3--1__img:before{
  content: '1';
}
.flow--1 .col3__center .home__inbox--col3--1__img:before{
  content: '2';
}
.flow--1 .col3__right .home__inbox--col3--1__img:before{
  content: '3';
}
.flow--2 .col3__left .home__inbox--col3--1__img:before{
  content: '4';
}
.flow--2 .col3__center .home__inbox--col3--1__img:before{
  content: '5';
}
.flow--2 .col3__right .home__inbox--col3--1__img:before{
  content: '6';
}
.flow--3 .col3__left .home__inbox--col3--1__img:before{
  content: '7';
}
.flow--3 .col3__center .home__inbox--col3--1__img:before{
  content: '8';
}
.flow--3 .col3__right .home__inbox--col3--1__img:before{
  content: '9';
}
.flow--4 .col3__left .home__inbox--col3--1__img:before{
  content: '10';
}
.flow--4 .col3__center .home__inbox--col3--1__img:before{
  content: '11';
}
.flow--end:before{
  content: '11';
}
.flow--end img{
  border-radius: 5px;
  background-color: #453d40;
}

/* コース */
.home__course{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 15px 0 ;
  border-collapse: separate;
}
.home__course > div{
  display: table-cell;
}

/* 問合せ */
.contact-icon{
  position: relative;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  border-radius: 50%;
  background-color: #fff;
}
.contact-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-left: -25px;
}
.contact-icon--tel img{
  margin-top: -27px;
}
.contact-icon--line img{
  margin-top: -25px;
}
.contact-icon--mail img{
  margin-top: -15px;
}
#main-contents .contact-icon + h4{
  margin-bottom: 16px;
}
.line__qrcode{
  margin-bottom: 20px;
  text-align: center;
}
.line__qrcode img{
  width: 125px;
  height: auto;
}
.line__btn  img{
  width: 125px;
  height: auto;
}

/* 問合せフォーム */
.home #trust-form, .single-lp #trust-form{
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

/* TOP下ボタン */
.home__bottm-btn > div{
  text-align: center;
}
.home__bottm-btn a{
  padding-top: 1em;
  padding-bottom: 1em;
}
@media only screen and (max-width : 640px){
  /* floatやwidthやoverflowの初期化 */
  .home #main-contents, .single-lp #main-contents{
    margin-right: 0;
    margin-left: 0;
    padding-top: 50px;
    background-image: url(./images/top__bg--mobi.png);
    background-size: 640px;
  }
  .home__inbox__left, .home__inbox__right, .home__inbox--col2__item, .home__inbox--col3__item, .home__inbox--col3--1__item, .home__inbox--col3--2__item{
    float: none;
    width: auto;
    margin-right: 0;
  }
  .home__inbox{
    overflow: visible;
  }
  .home__headline{
    width: 100%;
    height: 100px;
    margin-bottom: 32px;
    background-size: 100px;
  }
  .home__heading br, .home #main-contents .bg--heading br, .single-lp #main-contents .bg--heading br{
    display: none;
  }
  .home__col1{
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .home__col1:before, .home__col1:after{
    content: none;
  }
  .home__inbox--col3--2 > div{
    margin-bottom: 2em;
  }
  /* 髪質改善へアエステの流れ 調整*/
  .home__inbox--col3--1{
    padding-right: 0;
    padding-left: 0;
  }
  .home__inbox--col3--1__item{
    padding-top: 1em;
  }
  .flow--end{
    margin-bottom: 0;
  }
  .home__course, .home__course > div{
    display: block;
  }
  /* 区切り線 */
  .line--1{
    padding-top: 20px;
  }
  .line--2{
    margin-bottom: 0;
  }
  .line--2:before{
    background-image: url(./images/pattern--plants--5--mobi.png);
    background-size: 120px;
  }
  .mobi--noline{
    padding-top: 0;
    border-top: 0;
  }
  .mobi--noline:before{
    content: none;
  }
  /* 見出し */
  .home #main-contents h2, .home #main-contents h3, .single-lp #main-contents h2, .single-lp #main-contents h3{
    font-size: 23px;
    margin-right: -10px;
    margin-left: -10px;
  }
  #main-contents .home__inbox--col2__item h4, #main-contents .home__inbox--col3__item h4, .home #main-contents .bg--heading, .home #main-contents .bg--heading--2, .single-lp #main-contents .bg--heading, .single-lp #main-contents .bg--heading--2{
    font-size: 20px;
    background-image: url(./images/h3--mobi.png);
    background-size: 640px;
  }
  .home__inbox__left .home__head, .home__inbox__left .home__list:after{
    background-image: url(./images/triangle--green--mobi.png);
    background-size: 30px;
  }
  .home__inbox__right .home__head, .home__inbox__right .home__list:after{
    background-image: url(./images/triangle--pink--mobi.png);
    background-size: 30px;
  }
  .home__inbox--col3--1__img{
    margin-bottom: 0;
  }
  /* 問合せ */
  .contact-icon{
    width: 100%;
    height: 80px;
    margin-bottom: 8px;
    border-radius: 5px;
  }
  /*問合せフォーム*/
  .home #trust-form, .single-lp #trust-form{
    width: 100%;
  }
  /* TOP下ボタン */
  .home__bottm-btn .home__inbox__left{
    margin-bottom: 20px;
  }
  .home__bottm-btn a{
    box-sizing: border-box;
    width: 100%;
    padding-top: .8em;
    padding-bottom: .8em;
    text-align: left;
  }
}

/*店舗一覧
---------------------------------------------------*/
.to-reservation{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#main-contents .salon-list ul{
  overflow: hidden;
  width: 100%;
  margin: 0;
  color: #5c4b51;
}
#main-contents .salon-list li{
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 10px;
  list-style: none;
  transition: .5s all;
  border: 2px solid #5c4b51;
  border-radius: 5px;
  background-color: #fff;
}
#main-contents .salon-list li:hover{
  border: 2px solid #48bdae;
}
#main-contents .salon-list h3{
  font-size: 18px;
  margin: 0 0 5px 0;
  padding-bottom: 38px;
  background-image: url(./images/h3.png);
  background-position: left bottom;
}
#main-contents .salon-list h3:first-letter{
  color: #5c4b51;
}
.salon-list__info{
  float: left;
  width: 60%;
  margin-bottom: 10px;
}
#main-contents .salon-list table{
  margin: 0;
  table-layout: auto;
  border: none;
  border-top: 1px solid #c9c3c5;
  background-color: transparent;
}
#main-contents .salon-list th, #main-contents .salon-list td{
  border: none;
  border-bottom: 1px solid #c9c3c5;
}
#main-contents .salon-list th{
  position: relative;
  /*width: 5em;*/
  white-space: nowrap;
  color: #d15f63;
  background-color: transparent;
  text-align: center;
}
#main-contents .salon-list th:after{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: calc(100% - 1em);
  margin: .5em 0;
  content: ' ';
  background-color: rgba(92, 75, 81,.3);
}
.to-salon-detail{
  float: right;
  box-sizing: border-box;
  width: 35%;
  padding: 35px 0 ;
  text-align: center;
  border: 1px solid #eee;
  background-color: #f6f6f6;
}
@media only screen and (max-width : 640px){
  .salon-list__info, .to-salon-detail{
    float: none;
    width: 100%;
  }
  .to-salon-detail{
    padding: 10px;
  }
  #main-contents .salon-list h3{
    padding-top: 0;
  }
}

/*店舗詳細
---------------------------------------------------*/
#main-contents table.saloninfo{
  margin: 0;
  table-layout: auto;
  border: none;
  border-top: 1px solid #c9c3c5;
  background-color: transparent;
  margin-bottom: 30px;
}
#main-contents table.saloninfo th, #main-contents table.saloninfo td{
  border: none;
  border-bottom: 1px solid #c9c3c5;
  background-color: transparent;
}
#main-contents table.saloninfo th{
  position: relative;
  /*width: 4.5em;*/
  white-space: nowrap;
  color: #d15f63;
  background-color: transparent;
}
#main-contents table.saloninfo th:after{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: calc(100% - 1em);
  margin: .5em 0;
  content: ' ';
  background-color: rgba(92, 75, 81,.3);
}

/*アーカイブページ
---------------------------------------------------*/
.archive #main-contents .contents{
  margin-bottom: 20px;
}
.archive .post{
  border-top: 1px solid #dcdad1;
}
.archive .post:before{
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  content: ' ';
  background-color: #fff;
}
/* アーカイブの日付 */
.archive #main-contents p.post-meta, .blog #main-contents p.post-meta{
  margin-bottom: .5em;
}
/* アーカイブのサムネイル */
.left{
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}

@media only screen and (max-width : 640px){
  .left{
    display: inline-block;
  }
}



/*------------------------------------------------------------
パーツ(記事下提案)
-------------------------------------------------------------*/
/*記事下提案
---------------------------------------------------*/
.contents-bottom-area{
  margin-right: -10px;
  margin-left: -10px;
  border-top: 1px solid #dcdad1;
}
.contents-bottom-area:nth-of-type(1){
  margin-top: 3em;
}
.contents-bottom-area:before{
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  content: ' ';
  background-color: #fff;
}
#main-contents .contents-bottom-area h4{
  font-weight: normal;
  margin-bottom: 12px;
  padding: .5em;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #66173e;
  background-image: none;
}
#main-contents .contents-bottom-area h4:first-letter{
  color: #fff;
}
.contents-bottom-area__inbox{
  margin-bottom: 20px;
}
.contents-bottom__item{
  float: left;
  width: 296px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid #5c4b51;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}
.contents-bottom__item--2, .contents-bottom__item--4{
  margin-right: 0;
}
.contents-bottom__item .item__img{
  margin-bottom: 1em;
  text-align: center;
}
.contents-bottom__item .item__text, .contents-bottom__item .item__text dd{
  line-height: 1.2;
  margin: 0;
}
.contents-bottom__item .item__text dt{
  margin-bottom: 1em;
}
#main-contents .contents-bottom__item .item__text ul{
  margin: 0;
  padding: 10px;
  list-style: none;
  border: 1px solid #bcadb3;
  border-radius: 5px;
  background-color: #f9f9f9;
}
#main-contents .contents-bottom__item .item__text li{
  line-height: 1.2;
  border-bottom: 1px dotted #bcadb3;
}
.contents-bottom__item .item__text a{
  display: block;
  margin-bottom: .5em ;
  padding-left: 1.3em;
  border-radius: 4px;
  background-image: url(./images/triangle--brown.png);
  background-repeat: no-repeat;
  background-position: left .1em;
}
@media only screen and (min-width : 641px){
  .contents-bottom__item .item__text a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  .contents-bottom__item .item__text a:hover{
    background-position: 3px .1em;
  }
}
@media only screen and (max-width : 640px){
  .contents-bottom__item .item__text a{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}
@media only screen and (min-width : 375px) and (max-width : 640px){
  .contents-bottom__item{
    float: left;
    box-sizing: border-box;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 1%;
  }
  .contents-bottom__item:nth-of-type(2n){
    margin-right: 0;
  }
}
@media only screen and (max-width : 374px){
  .contents-bottom__item{
    float: none;
    width: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    margin-left: 3%;
  }
  #main-contents .contents-bottom__item .item__text li:last-child{
    margin-bottom: 0;
  }
}

/*記事下SNS
---------------------------------------------------*/
#main-contents .contents-bottom-area__sns ul{
  margin: 0;
}
#main-contents .contents-bottom-area__sns li{
  float: left;
  width: 205px;
  margin-right: 12px;
  list-style: none;
}
#main-contents .contents-bottom-area__sns li.btn--line{
  line-height: 1;
  margin-right: 0;
}
.contents-bottom-area__sns li.btn--line span{
  padding: 10px;
}
@media only screen and (max-width : 640px){
  #main-contents .contents-bottom-area__sns li{
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*------------------------------------------------------------
パーツ(その他)
-------------------------------------------------------------*/
/*次のページへ(アーカイブページ)
---------------------------------------------------*/
.link-next a{
  padding-left: 25px;
  background-image: url(./images/triangle--brown.png);
  background-repeat: no-repeat;
  background-position: 0 .2em;
}
@media only screen and (min-width : 641px){
  .link-next a{
    -webkit-transition: background-position linear .3s ;
            transition: background-position linear .3s ;
  }
  .link-next a:hover{
    background-position: 5px .2em;
  }
}
@media only screen and (max-width : 640px){
  .link-next a{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}

/*ページング
---------------------------------------------------*/
#main-contents .cont-menu-wp li.nav-prev a{
  padding-right: 20px;
  background-image: url(./images/triangle--brown.png);
  background-position: right .3em;
}
#main-contents .cont-menu-wp li.nav-next a{
  padding-left: 20px;
  background-image: url(./images/triangle--brown--2.png);
  background-position: left .3em;
}
@media only screen and (max-width : 640px){
  #main-contents .cont-menu-wp li.nav-next a{
    background-image: url(./images/triangle--brown--2--mobi.png);
    background-size: 16px;
  }
  #main-contents .cont-menu-wp li.nav-preva{
    background-image: url(./images/triangle--brown--mobi.png);
    background-size: 16px;
  }
}

/*上に戻る
---------------------------------------------------*/
a.return-top{
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: block;
  width: 25px;
  height: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  text-align: center;
  opacity: .8;
  border-radius: 50%;
  background-color: #66173e;
}

/*homeに戻る
---------------------------------------------------*/
a.return-home{
  font-size: 13px;
  font-weight: bold;
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: none;
  width: 4em;
  height: 1em;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  text-align: center;
  opacity: .8;
  color: #fff;
  border-radius: 5px;
  background-color: #66173e;
}
@media only screen and (max-width : 640px){
  a.return-home{
    display: block;
  }
}

/*記事内装飾(.honbun-haikei)
---------------------------------------------------*/
.honbun-haikei{
  margin-bottom: 2em;
  padding-top: 2.5em;
  padding-right: 1.5em;
  padding-bottom: 2.5em;
  padding-left: 1.5em;
  border: 3px double #9a808b;
  border-radius: 10px;
  background-color: #fcfbf7;
  background-image: url(./images/pattern--plants--3.png),url(./images/pattern--plants--4.png);
  background-repeat: no-repeat;
  background-position: center top,center bottom;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2)inset,0 0 2px 0 rgba(0,0,0,.2);
}
#main-contents .honbun-haikei > *:nth-last-child(1){
  margin-bottom: 0;
}
@media only screen and (max-width : 640px){
  .honbun-haikei{
    padding-right: .5em;
    padding-left: .5em;
    background-image: url(./images/pattern--plants--3--mobi.png),url(./images/pattern--plants--4--mobi.png);
    background-size: 199px;
  }
}

/*吹き出し(.balloon)
---------------------------------------------------*/
.balloon{
  font-style: italic;
  position: relative;
  z-index: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 530px;
  margin-bottom: 2em;
  padding: 1em;
  color: #fff;
  border: 3px solid #5c4b51;
  border-radius: 10px;
  background: #5c4b51;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}
.balloon > *{
  margin-bottom: 0!important;
}
.balloon:after{
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -12px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -10px;
  content: '';
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #5c4b51 transparent transparent;
}
@media only screen and (max-width : 640px){
  .balloon{
    width: auto;
    margin-bottom: 2em;
    padding: 1em .5em;
  }
}

/*trust form
---------------------------------------------------*/
#main-contents #trust-form table{
  table-layout: auto;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;
}
#main-contents #trust-form table th{
  width: 30%;
  color: #333;
  background-color: #efefef;
}
#main-contents #trust-form input[type='submit']{
  font-size: 18px;
  padding: .5em 1em;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
}
.ui-datepicker table{
  background-color: #fff!important;
}
@media only screen and (max-width : 640px){
  #main-contents #trust-form table{
    table-layout: fixed;
  }
  #main-contents #trust-form th, #main-contents #trust-form td{
    display: block;
  }
  #main-contents #trust-form table th{
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 0;
  }
  #main-contents #trust-form textarea{
    height: 200px;
  }
}