/* =======================================================
  スタッフリスト　
======================================================= */
  
  .staff-box {
    width: 90%;
    margin: 40px auto 0;
  }
  
  .staff-box-in {
    margin: 15px 20px 0;
    text-align: left!important;
  }
  
  .staff-box-in h5 {
    font-size: 1.5em!important;
    padding: 0.25em 0.5em;
    border-left: solid 5px #e4e4e4;
  }
  
  .staff-text {
    margin: 10px;
  }
  
  .staff-img-box {
    text-align: right;
    overflow: hidden;
  }
  
  .staff-img {
    max-width: 400px;
  }
  
  @media screen and (max-width:767px) {
    .staff-box {
      width: 100%;
      margin: 20px 0;
    }
    .staff-box-in {
      margin: 15px 10px 0;
    }
    .staff-img-box {
      text-align: center;
    }
    .staff-img {
      max-width: 75%;
    }
  }



/* =======================================================
  店舗案内
======================================================= */

#salon {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 0px;
  }
  
  #salon_data .full {
    margin-top: 15px;
  }
  
  #salon h3 {
    background-color: #ff5cbe;
    padding: 5px 15px 2px;
    margin: 25px auto !important;
    display: inline-block;
    border-radius: 15px;
    font-size: 1.5em;
    color: #fff;
  }
  
  #salon .text-left p {
    text-align: left;
  }
  
  #salon .text-left p .red {
    font-size: 1.1em;
    color: #ff5cbe;
  }
  
  #salon li {
    padding: 0px 7px;
  }
  
  .shop_text_in {
    padding: 20px 0 5px 50px;
  }
  
  .shop_text_in2 {
    padding: 20px 0 5px 50px;
  }
  
  .shop_text_in p {
    text-align: right;
    line-height: 1.6em;
  }
  
  .shop_in_line {
    padding: 15px 0 2px;
    border-top: 1px dotted #bbb;
  }
  
  .map iframe, .map object, .map embed {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px 0;
    width: 100%;
    height: 80%;
  }
  
  @media screen and (max-width:767px) {
    .shop_text_in {
      padding: 20px 10px;
    }
    .shop_text_in2 {
      padding: 10px 10px;
      text-align: left;
    }
    .shop_text_in p {
      text-align: left;
      line-height: 1.6em;
      font-size: 0.9em;
      letter-spacing: 0.03;
    }
    .shop_in_line {
      margin: 0;
    }
    .map iframe, .map object, .map embed {
      padding: 0 5px 0;
    }
  }
  
  
/* =======================================================
  価格メニューページ（一覧）　
======================================================= */
  
  #menulist {
    width: 100%;
    max-width: 1100px;
    display: block;
    margin: 0px auto;
    padding: 0px;
  }
  
  #menulist .menulist_catch_img {
    width: 100%;
    height: 180px;
    margin: 0px;
  }
    
  #menulist_data h3 {
    text-align: center;
    margin: 50px 0px 12px;
    font-size: 2.3em;
    letter-spacing: 0.03em;
  }
  #menulist_data h3.text-left {
    text-align: left;
    margin: 50px 0px 0px 25px;
  }
  #menulist_data h3.text-left span {
    font-size: 0.5em;
    margin-left: 10px;
  }
  #menulist_data h3.text-left+hr {
    margin: 0px 10px 25px;
    height: 1px;
    background-color: #222;
  }
  #menulist_data h4 {
    text-align: center;
    margin: 25px 0px 12px;
    color: #ff5cbe;
  }

  #menulist_data p {
    text-align: center;
  }
  
  #menulist_data p.nedan {
    font-size: 1.5em;
    margin: 25px 0px 15px;
  }
  
  #menulist_data p.nedan span {
    font-size: 0.5em
  }
  
  #menulist_data p.subscript {
    margin: 0px;
    font-size: 0.9em;
    color: #858585;
  }
  
  #menulist_data p.subscript2 {
    margin: 0px;
  }
  
  #menulist_data p.menu_price {
    text-align: right!important;
  }
  
  #menulist_data list {
    clear: both;
    padding-top: 15px;
    display: block;
    border-top: 1px solid #E4DFDF;
  }
  
  #menulist_data list li {
    margin-bottom: 15px;
  }
  
  #menulist_data li {
    margin-bottom: 10px;
    display: block;
}
  
  #menulist_data li.menuname span {
    font-size: 1.3em;
    color: #ff5cbe;
    font-weight: 800;
    display: block;
    margin: 10px 0 5px 0;
  }
  
  .liststyle {
    padding: 0px 25px;
  }
  
  #m-category-menu {
    margin: 0;
    padding: 10px;
  }
  
  #m-category-menu li {
    padding: 7px 10px;
    font-size: 1em;
  }
  
  .menu_te {
    font-size: 0.9em;
    color: #858585;
    text-align: left !important;
    margin: 0 0 0 32px;
  }
  
  .menu_time {
    font-size: 1.2em;
    color: #6D6D6D;
    margin: 10px 0 0 0;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  
  .menu_price {
    font-size: 1.3em;
    color: #6D6D6D;
    margin: 10px 0 0 0;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  
  .menu-list-align {
    text-align: right!important;
  }
  
/* =========================
  メニュー・上に戻るボタン
========================= */
  
  .menu-btn-space {
    margin: 50px auto 30px;
  }
  
  .menu-catalog-btn {
    padding: 14px 35px;
    font-size: 1.4em;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background-color: #d4c649;
    border: 1px solid #d4c649;
    border-radius: 0px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    /* Safari */
  }
  
  .menu-catalog-btn:hover {
    text-decoration: none;
    color: #333;
    background-color: #fff;
    /* Green */
    border: 1px solid #e0e0e0;
    border-radius: 0px;
  }
  
  .back-top {
    padding: 37px 15px 10px;
  }
  
/* =========================
  メニュー・カテゴリ分けボタン
========================= */
  
  .menuprice_btn {
    display: inline-block;
    width: 90%;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    outline: none;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background-color: rgb(247, 242, 242);
    color: #383838;
    font-size: 1.5em;
    letter-spacing: 0.1em;
  }
  
  .menuprice_btn::before, .menuprice_btn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  
  .menuprice_btn, .menuprice_btn::before, .menuprice_btn::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  
  .menuprice_btn:hover {
    background-color: #242424;
    color: #F8F8F8;
    text-decoration: none;
  }
  
  @media screen and (max-width:767px) {
    #menulist_data h3 {
      margin: 35px 15px 6px !important;
      font-size: 2em;
      letter-spacing: 0.09em;
    }
    #menulist_data h3.text-left+hr {
      margin: 0px 10px 25px;
      height: 2px;
      background-color: #222;
    }
    #menulist_data li {
      margin-bottom: 25px;
    }
    #menulist_data h4 {
      margin: 15px 0px 12px;
    }
    #menulist_data p.nedan {
      margin: 0px 0px 3px;
    }
    #menulist_data h3.text-left {
      margin: 15px 0px 0px 15px;
      letter-spacing: 0;
    }
    .menuname {
      margin: 0 0 0 5px !important;
    }
    .liststyle {
      padding: 0px 10px!important;
    }
    .text-right {
      margin: 0;
    }
    .menu_te {
      margin: 7px 10px 7px 12px!important;
      font-size: 0.85em;
      color: #b3b3b3;
    }
    .menu_time {
      margin: 1px 0 0 0;
      font-size: 1em;
    }
    .menu_price {
      margin: 1px 0 0 0;
      font-size: 1.1em;
    }
    .menulist_btn {
      font-size: 1em;
      padding: 6px 7px;
      margin: 0 2px;
    }
    #m-category-menu li {
      margin: 0;
      padding: 5px 5px;
      font-size: 1em;
    }
    .menuprice_btn {
      display: inline-block;
      width: 100%;
      font-size: 1.3em;
      letter-spacing: 0.1em;
    }
  }
  
  

  
  
/* =======================================================
  メニュー個別ページ　
======================================================= */

  /* ネイル */
  .menu-category-bg-nail {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-nail01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 400px;
      background: #ddd url(../img/menu-content-bg-nail01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  /* アイラッシュ */
    .menu-category-bg-eyelash {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-eyelash01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 400px;
      background: #ddd url(../img/menu-content-bg-eyelash01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  /* エステ */  
  .menu-category-bg-aesthe {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-esthe01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 400px;
      background: #ddd url(../img/menu-content-bg-esthe01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  /* ヘアメイク */  
  .menu-category-bg-hairmake {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-hairmake01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 400px;
      background: #ddd url(../img/menu-content-bg-hairmake01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  /* セルフホワイトニング */
  .menu-category-bg-whitening {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-whitening01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 500px;
      background: #ddd url(../img/menu-content-bg-whitening01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  /* 着付け */
  .menu-category-bg-dressing {
    width: 100%;
    height: 550px;
    background: #ddd url(../img/menu-content-bg-dressing01.jpg) no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width:767px) {
    .menu-category-bg-nail {
      width: 100%;
      height: 500px;
      background: #ddd url(../img/menu-content-bg-dressing01-sp.jpg) no-repeat center center;
      background-size: cover;
    }
  }
  
  
/* =======================================================
  デザインカタログ　
======================================================= */

/* =========================
  カテゴリ分けボタン
========================= */

#m-catalog {
    width: 100%;
    max-width: 1100px;
    display: block;
    margin: 0px auto;
    padding: 0px;
  }
   
  #m-catalog_data li {
    padding: 5px 10px;
  }
  
  #m-catalog_data h3 {
    text-align: center;
    margin: 25px 0px 12px;
    letter-spacing: 0.09em;
    font-size: 0.9em;
  }
  
  #m-category {
    margin: 25px 0px;
    padding: 20px;
  }
  
  #m-category li {
    padding: 7px 10px;
    font-size: 1em;
  }
  
  #m-category a li span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #ddd;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5em;
    display: block;
    margin: 0px;
    width: 100%;
    border: 1.7em solid #ddd;
    border-radius: 15px;
    transition: 0.2s;
  }
  
  #m-category a li.current span {
    background-color: #f39a9a;
    border: 1.7em solid #f39a9a;
  }
  
  #m-category a:hover li span {
    background-color: #f39a9a;
    border: 1.7em solid #f39a9a;
  }
  
/* =========================
  メインリスト
========================= */

  #m-list {
    margin: 25px 0px;
  }


/* =========================
  パンくずリスト
========================= */
  
  .catalog-bread {
    margin: 3px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 0.9em;
  }
  
/* =========================
  ページ送り
========================= */
  
  .wp-pagenavi {
    padding: 10px 20px 10px !important;
    display: block !important;
    clear: both !important;
    text-align: center;
  }
  
  .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend {
    display: inline-block;
    color: #333333 !important;
    text-shadow: 0px 1px #F6F6F6 !important;
    padding: 6px 9px 6px 9px !important;
    border: solid 1px #dfdfdf !important;
    background: #E6E6E6 !important;
    font-size: 12px !important;
    margin-right: 3px !important;
    text-decoration: none !important;
  }
  
  .wp-pagenavi a:hover {
    display: inline-block;
    color: #fff !important;
    text-shadow: 0px 1px #3C3C3C !important;
    border-color: #202020 !important;
    background: #525252 !important;
    color: #FFFFFF !important;
  }
  
  .wp-pagenavi span.current {
    display: inline-block;
    padding: 6px 9px 6px 9px !important;
    border: solid 1px #DCDCDC !important;
    color: #fff !important;
    margin-right: 3px !important;
    text-shadow: 0px 1px #3C3C3C !important;
    border-color: #202020 !important;
    background: #525252 !important;
  }
  
  
  @media screen and (max-width:767px) {
    #m-category li {
      padding: 5px 5px;
      font-size: 1em;
    }
    #m-category li span {
      font-size: 0.8em;
      border-radius: 50%;
      min-height: 80px;
    }
    #m-catalog_data h3 {
      font-size: 0.8em;
    }
    #m-catalog_data li {
        padding: 5px 5px;
      }
    #m-list {
      margin: 25px 10px;
    }
  }