@charset "utf-8";

/* ---------------------
    - common
    - header
    - main image
    - contents
    - aside
    - footer
--------------------- */

/* =====================
  common
===================== */


body {
    font-size: 14px;
    line-height:1.7em;
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica;
    background-color: #F7F5EF;
    color: #978888;
}
body *{
  box-sizing: border-box;
  color: #978888;
}
    body img {
        display: block;
    }

a:hover img{opacity: 0.6;}
a{color:#4C4C80;text-decoration:none;}
a:hover{color:#4C4C80;text-decoration:none;}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.pcDisp{ }
.spDisp{ display: none!important;}



/* =====================
  header
===================== */

header{
    background-color: #FFF;
}
    header #headerWrap{
        padding: 10px 0 10px;
        margin: 0 auto;
        width: 1060px;
        position: relative;
    }
      header #headerWrap #headerCol{
          width: 100%;
          display:-ms-flexbox;/*--- IE10 ---*/
          display:-webkit-flex;/*--- safari（PC）用 ---*/
          display:flex;
          -ms-flex-wrap:wrap;/*--- IE10用 ---*/
          -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
          flex-wrap:wrap;
          -webkit-justify-content: space-between; /* Safari */
          justify-content:         space-between;
      }
          header #headerWrap #headerCol #left{
              width: 700px;
              display:-ms-flexbox;/*--- IE10 ---*/
              display:-webkit-flex;/*--- safari（PC）用 ---*/
              display:flex;
              -ms-flex-wrap:wrap;/*--- IE10用 ---*/
              -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
              flex-wrap:wrap;
              -webkit-justify-content: space-between; /* Safari */
              justify-content:         space-between;
          }
            header #headerWrap #headerCol #left a{
              width: 25%;
              font-size: 0.8em;
              display: block;
            }
              header #headerWrap #headerCol #left a img{
                width: 100%;
                height: auto;
                display: block;
              }
            header #headerWrap #headerCol #left .siteH1{
              padding: 0.8em 0;
              width: 70%;
              font-size: 0.7em;
              display: block;
              line-height: 120%;
            }
          header #headerWrap #headerCol #right{
              width: 300px;
              display:-ms-flexbox;/*--- IE10 ---*/
              display:-webkit-flex;/*--- safari（PC）用 ---*/
              display:flex;
              -ms-flex-wrap:wrap;/*--- IE10用 ---*/
              -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
              flex-wrap:wrap;
              -webkit-justify-content: space-between; /* Safari */
              justify-content:         space-between;
              align-items: center;
          }
            header #headerWrap #headerCol #right a{
                padding: 0.5em;
                width: 49%;
                display: block;
                font-size: 1.2em;
                font-weight: bold;
                text-align: center;
                border-radius: 5px;
            }
              header #headerWrap #headerCol #right a#btn_memberEntry{
                background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                color: #FFF;
                border: 1px solid #ED3E52;
              }
              header #headerWrap #headerCol #right a#btn_memberLogin{
                background: linear-gradient(to bottom, #FFFFFF 0%,#FAE5E7 100%);
                color: #E53B4E;
                border: 1px solid #E5848E;
              }

/*　絞り込む・変更する　ボタン　*/

.btn_plus{
    border: none;
    display: inline-block;
    padding: 5px 10px 5px 30px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.9em;
    text-align: center;
    background-image: url(../img/icon_white_check.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.btn_plus:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.btn_plus:hover{
    color: #FFF;
}

/*　もっと見る　ダウンアロー　ボタン　*/
.btn_down_more{
    border: none;
    display: inline-block;
    padding: 5px 10px 5px 30px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.9em;
    text-align: center;
    background-image: url(../img/icon_white_kakko03.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.btn_down_more:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.btn_down_more:hover{
    color: #FFF;
}



/* =====================
  gm
===================== */

nav#gm{
  background-color: #ffffff;
  border-bottom: 1px solid #978888;
}
    nav#gm ul{
        margin: 0 auto;
        width: 1060px;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:         flex-start;
    }
        nav#gm ul li{
          margin-right: 10px;
        }
            nav#gm ul li a{
              padding: 5px 25px;
              box-sizing: border-box;
              width: 100%;
              display: block;
              height: auto;
              color: #978888;
              border: 1px solid #978888;
              border-bottom: none;
              border-radius: 5px 5px 0 0;
            }

/* =====================
  main image
===================== */
figure#mainArea{
    background-image: url('../img/bg_mainImage.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
    figure#mainArea #mainAreaWrap{
        padding: 20px 0;
        margin: 0 auto;
        width: 1000px;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:         space-between;
    }
    figure#mainArea #mainAreaWrap #left{
        width: 700px;
    }
    figure#mainArea #mainAreaWrap #right{
        width: 270px;
    }


/* メインエリア 検索 */
.searchBox01{
  width: 780px;
  /* height: 500px; */
  margin-bottom: 10px;
  border-collapse: collapse;
  /* box-sizing: border-box;
  background-image: url('../img/tokyo_bg.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat; */
}
    .searchBox01 h2{
      padding: 0.5em 1em;
      margin-bottom: 10px;
      font-size: 1.2em;
      line-height: 100%;
      font-weight: bold;
      background-color: #978888;
      color: #FFF;
      display: inline-block;
    }
        .searchBox01 .searchBox01Wrap{
            margin: 0 auto;
            border: 1px solid #ccc;
            background: #FFF;
            padding: 1em;
        }
        .searchBox01 .searchBox01Wrap a.link01{
          /* position: absolute;
          top: 200px;
          left: 20px;
          width: 80px; */
          display: block;
        }
          .searchBox01 .searchBox01Wrap a.link01 img{
            display: block;
            width: 100%;
            height: auto;
          }
        .searchBox01 .searchBox01Wrap .link02{
          /* position: absolute;
          top: 20px;
          right: 20px;
          width: 200px; */
          display: block;
        }
          .searchBox01 .searchBox01Wrap .link02 img{
            display: block;
            width: 100%;
            height: auto;
          }

ul.area_tokyo{}
  ul.area_tokyo li{
    display: inline-block;
    margin-bottom: 0.5em;
    /* position: absolute; */
  }
  /* ul.area_tokyo li:nth-child(1){
    top: 215px;
    left: 320px;
  }
  ul.area_tokyo li:nth-child(2){
    top: 245px;
    left: 350px;
  }
  ul.area_tokyo li:nth-child(3){
    top: 272px;
    left: 310px;
  }
  ul.area_tokyo li:nth-child(4){
    top: 188px;
    left: 270px;
  }
  ul.area_tokyo li:nth-child(5){
    top: 164px;
    left: 320px;
  }
  ul.area_tokyo li:nth-child(6){
    top: 189px;
    left: 365px;
  }
  ul.area_tokyo li:nth-child(7){
    top: 189px;
    left: 365px;
  }
  ul.area_tokyo li:nth-child(8){
    top: 229px;
    left: 415px;
  }
  ul.area_tokyo li:nth-child(9){
    top: 322px;
    left: 311px;
  }
  ul.area_tokyo li:nth-child(10){
    top: 286px;
    left: 241px;
  }
  ul.area_tokyo li:nth-child(11){
    top: 375px;
    left: 281px;
  }
  ul.area_tokyo li:nth-child(12){
    top: 257px;
    left: 181px;
  }
  ul.area_tokyo li:nth-child(13){
    top: 237px;
    left: 257px;
  }
  ul.area_tokyo li:nth-child(14){
    top: 162px;
    left: 226px;
  }
  ul.area_tokyo li:nth-child(15){
    top: 197px;
    left: 184px;
  }
  ul.area_tokyo li:nth-child(16){
    top: 136px;
    left: 284px;
  }
  ul.area_tokyo li:nth-child(17){
    top: 106px;
    left: 319px;
  }
  ul.area_tokyo li:nth-child(18){
    top: 136px;
    left: 366px;
  }
  ul.area_tokyo li:nth-child(19){
    top: 96px;
    left: 246px;
  }
  ul.area_tokyo li:nth-child(20){
    top: 116px;
    left: 176px;
  }
  ul.area_tokyo li:nth-child(21){
    top: 87px;
    left: 386px;
  }
  ul.area_tokyo li:nth-child(22){
    top: 127px;
    left: 449px;
  }
  ul.area_tokyo li:nth-child(23){
    top: 197px;
    left: 469px;
  } */
    ul.area_tokyo li a{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0.5em 1.5em;
        line-height: 110%;
        border-radius: 3px;
        background: linear-gradient(#FFF,#E8E8E8);
        border: 1px solid #E8E8E8;
        text-align: center;
        font-size: 1em;
    }



/* フリーワードエリア */
.freeword_search_box{
    padding: 1em 1em;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    background-color: #F5F3F1;
}
.freeword_search_box input[type="search"],
.freeword_search_box input[type="submit"]{
    display: block;
    border: none;
    padding: 0.8em 0.5em;
}
.freeword_search_box input[type="search"]{
    width: 88%;
    border: 1px solid #CCC;
    border-radius: 5px;
}
.freeword_search_box input[type="submit"]{
    width: 10%;
    background-color: #EEE;
    color: #FFF;
    background-image: url(../img/icon_search_gray.svg);
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #CCC;
    border-radius: 5px;
}


/* .freeword_search_area{
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
}
    .freeword_search_area .freeword_search_area_dl{
        display:flex;
        flex-wrap:wrap;
        justify-content:         space-between;
    }
        .freeword_search_area .freeword_search_area_dl dt{
          padding: 0.5em 0;
          width: 15%;
          font-size: 1em;
          font-weight: bold;
        }
        .freeword_search_area .freeword_search_area_dl dd{
            width: 85%;
        }
            .freeword_search_area .freeword_search_area_dl dd > .wrap{
                display:flex;
                flex-wrap:wrap;
                justify-content:         space-between;
            }
                .freeword_search_area .freeword_search_area_dl dd > .wrap > .input01{
                    padding: 10px;
                    box-sizing: border-box;
                    display: block;
                    width: 78%;
                    border: 1px solid #DDD;
                }
                .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn{
                    width: 20%;
                }
                    .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn .input02{
                        display: none;
                    }
                    .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn .input03{
                        width: 100%;
                        border: none;
                        display: block;
                        padding: 7px 10px 7px 50px;
                        box-sizing: border-box;
                        text-decoration: none;
                        text-align: left;
                        border-radius: 4px;
                        font-size: 1.2em;
                        background-image: url(../img/icon_search_wh.svg);
                        background-size: 22px;
                        background-repeat: no-repeat;
                        background-position: 20px 50%;
                        background-color: #978888;
                        border-bottom: 3px solid #CB446D;
                        color: #FFF;
                    } */

.trainLink{
  width: 100%;
  margin-bottom: 1em;
}
  .trainLink a{
    padding: 1em 2em;
    background-color: #FFF;
    border-radius: 10px;
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #BBB;
    border-bottom: 3px solid #BBB;
  }
    .trainLink a span{
      padding: 0.3em 0 0.3em 2.2em;
      background-color: #FFF;
      color: #111;
      font-size: 2em;
      font-weight: bold;
      display: inline-block;
      background-image: url(../img/icon_train.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 20px 50%;
    }


/* free */

.accordion {
    width: 100%;
    height: 600px;
    position: relative;
    background-image: url("../img/bg_main_map.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.accordion > li:nth-child(1) {
    top: 300px;
    left: 490px;
}
.accordion > li:nth-child(2) {
    top: 300px;
    left: 250px;
}
.accordion > li:nth-child(3) {
    top: 460px;
    left: 490px;
}
.accordion > li:nth-child(4) {
    top: 30px;
    left: 490px;
}
.accordion > li:nth-child(5) {
    top: 140px;
    left: 490px;
}
.accordion > li:nth-child(6) {
    top: 140px;
    left: 250px;
}
.accordion > li:nth-child(7) {
    top: 300px;
    left: 10px;
}
.accordion > li:nth-child(8) {
    top: 480px;
    left: 250px;
}
.accordion > li:nth-child(9) {
    top: 452px;
    left: 10px;
}
.accordion > li {
    width: 230px;
    position: absolute;
    background-color: rgba(195,13,35,0.8);
    border-radius: 5px;
}
.accordion > li p{
    padding: 0.5em;
    line-height: 120%;
    background-color: #978888;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
}
    .accordion li ul{
        padding: 0.5em 0.5em 0.5em;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:         flex-start;
    }
    .accordion li ul li{
        margin-right: 1.33%;
        margin-bottom: 0.3em;
        width: 32%;
        display: block;
    }
    .accordion li ul li a{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0.2em;
        line-height: 110%;
        border-radius: 3px;
        background: linear-gradient(#FFF,#E8E8E8);
        border: 1px solid #E8E8E8;
        text-align: center;
        font-size: 0.9em;
        color: #010101;
    }

.accordion li div {}

.accordion li > p{
    padding: 0.5em;
    background-color: #978888;
    color: #FFF;
    text-align: center;
}




table.serchTbl{
    width: 100%;
}
    table.serchTbl th,
    table.serchTbl td{
        padding: 8px 15px;
        border: 1px solid #D1D1D1;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    table.serchTbl th{
        background-color: #EAEAEA;
        width: 22%;
        text-align: left;
    }
    table.serchTbl td{
        background-color: #FFF;
    }
        table.serchTbl td ul{
            width: 100%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:         flex-start;
        }
            table.serchTbl td ul li{
                padding-left: 15px;
                margin-right: 15px;
                box-sizing: border-box;
                background-image: url("../img/icon_arw_red01.png");
                background-size: 12px;
                background-repeat: no-repeat;
                background-position: 0 50%;
            }

table.serchTbl02{
    width: 100%;
}
    table.serchTbl02 th,
    table.serchTbl02 td{
        padding: 8px 15px;
        border: 1px solid #D1D1D1;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    table.serchTbl02 th{
        background-color: #EAEAEA;
        width: 22%;
        text-align: left;
    }
    table.serchTbl02 td{
        background-color: #FFF;
    }
        table.serchTbl02 td ul{
            width: 100%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:         flex-start;
        }
            table.serchTbl02 td ul li{
                margin-right: 15px;
                box-sizing: border-box;
            }

/* search tab */
.ChangeElem_Btn_Content{
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
    .ChangeElem_Btn_Content > ul{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:         flex-start;
    }
        .ChangeElem_Btn_Content > ul > li{
            margin-right: 1em;
            background-color: #EA7F8C;
            border-radius: 10px 10px 0 0;
            width: 32%;
            text-align: center;
        }
        .ChangeElem_Btn_Content > ul > li.is-active{
            background-color: #978888;
            color: #FFF;
        }
            .ChangeElem_Btn_Content > ul > li > a{
                padding: 15px 10px;
                box-sizing: border-box;
                border: none;
                font-size: 1.4em;
                color: #FFF;
                display: block;
                border-radius: 10px 10px 0 0;
                width: 100%;
                text-align: center;
                font-weight: bold;
            }
            .ChangeElem_Btn_Content > ul > li > a span{
                font-size: 1.4em;
                color: #FFF;
                font-weight: bold;
            }






/* 下層ページ サーチエリア */
.localSearc01{
    margin-bottom: 20px;
    width: 100%;
}
    .localSearc01 .freeword_search_area{
        display: none;
    }

/* エリアサーチ */
.serchBox01{
    padding: 20px;
    box-sizing: border-box;
    border: 5px solid #978888;
    background-color: #FFF;
}
.serchBox01_areaDl{
    width: 100%;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
    .serchBox01_areaDl > dl{
        margin-bottom: 10px;
    }
        .serchBox01_areaDl > dt{
            padding: 10px;
            box-sizing: border-box;
            width: 20%;
            font-size: 1.2em;
            font-weight: bold;
        }
        .serchBox01_areaDl > dt{
            padding: 10px;
            box-sizing: border-box;
            width: 20%;
            font-size: 1.2em;
            font-weight: bold;
        }
            .serchBox01_areaDl > dt br{
                display: none;
            }
        .serchBox01_areaDl > dd{
            padding: 10px 0 10px;
            width: 80%;
            border-bottom: 1px solid #EEE;
        }
        .serchBox01_areaDl > dd:last-child{
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

          .serchBox01_areaDl > dd dd{
            background-color: #F5F5F5;
            box-sizing: border-box;
            border: 1px solid #EEE;
            padding: 0.3em 1em;
            margin-right: 0.5em;
            margin-bottom: 0.5em;
            border-radius: 0.5em;
          }

.categoryList{
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
  .categoryList li{
    width: 24%;
  }
    .categoryList li label,
    .categoryList li a{
      width: 100%;
      text-align: center;
      display: block;
    }
    .categoryList li a{
      box-sizing: border-box;
      padding: 15px 10px;
      font-size: 1.2em;
      font-weight: bold;
      background: #F95A6B;
      background: linear-gradient(to bottom, #FF9BA2 0%,#F95A6B 75%,#F85164 100%);
      border: 1px solid #DA949B;
      color: #FFFFFF !important;
      border-radius: 5px;
    }

.stationListArea{
  width: 100%;
  overflow: hidden;
  position: relative;
}
  .stationListArea::after{
    position: absolute;
    content: '';
    width: 100%;
    border-bottom: 20px solid #333;
    top: 43px;
    z-index: -2;
  }
  .stationListArea::before{
    position: absolute;
    content: '';
    width: 100%;
    border-bottom: 12px dashed #FFF;
    top: 47px;
    z-index: -1;
  }
.stationList{
  width: 100%;
}
  .stationList li{
    width: 120px;
  	margin: 12px;
  }
    .stationList li a{
      display: block;
    }
    .stationList li span{
      box-sizing: border-box;
      padding: 25px 0;
      display: block;
      width: 80px;
      height: 80px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 5px;
      border-radius: 60px;
      border: 5px solid #333;
      font-size: 20px;
      line-height: 1;
      text-align: center;
      background-color: #FFF;
      color: #333;
    }
    .stationList li p{
      box-sizing: border-box;
      font-size: 14px;
      line-height: 150%;
      word-break: break-all;
      /* width: 120px; */
      text-align: center;
    }

.serchBoxGgmap {
    margin-bottom: 20px;
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*padding-top: 30px;*/
    /*height: 0;*/
    overflow: hidden;
    height: 400px;
}
.serchBoxGgmap iframe,
.serchBoxGgmap object,
.serchBoxGgmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.serchBox02_areaDl{
    width: 100%;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
    .serchBox02_areaDl > dt{
        box-sizing: border-box;
        width: 20%;
        font-size: 1.4em;
        font-weight: bold;
    }
    .serchBox02_areaDl > dd{
        padding: 0 0;
        width: 80%;
    }

.searchBtnArea{
    padding: 40px 20px 0;
    box-sizing: border-box;
}
    .searchBtnArea > .searchBtnAreaWrap{
        margin: 0 auto;
        width: 250px;
        position: relative;
    }
        .searchBtnArea > .searchBtnAreaWrap > p.searchFukidashi{
            position: absolute;
            top:-40px;
            left:210px;
            padding: 23px 10px;
            width: 90px;
            height: 90px;
            box-sizing: border-box;
            box-sizing: border-box;
            background-image: url("../img/bg_fukidashi_red.svg");
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            font-size: 0.8em;
            font-weight: bold;
            line-height: 110%;
            text-align: center;
        }
            .searchBtnArea > .searchBtnAreaWrap > p.searchFukidashi > span{
                font-size: 1.9em;
                font-weight: bold;
                line-height: 110%;
                display: block;
                margin-top: 0.2em;
            }

/* 検索ボタン */

.freeword_search_btn{
    width: 100%;
    border: none;
    display: block;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    font-size: 1.5em;
    text-align: center;
    border-radius: 4px;
    background-image: url(../img/icon_search_white.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-color: #978888;
    border-bottom: 3px solid #CB446D;
    color: #FFF;
}
.freeword_search_btn.spDisp{
    display: none;
}

.condDl{
    margin-bottom: 10px;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
        }
    .condDl > dt{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 1em;
        background-color: #978888;
        color: #FFF;
    }
    .condDl > dd{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border: none;
    }

.condDl01{
    margin-bottom: 5px;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
        }
    .condDl01 > dt{
        margin: 0;
        padding: 5px 10px;
        box-sizing: border-box;
        font-size: 1em;
        background-color: #978888;
        color: #FFF;
        border-radius: 5px;
        line-height: 120%;
    }
    .condDl01 > dd{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border: none;
    }

    ul.condList{
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:flex-start;
    }
        ul.condList > li{
            margin-right: 15px;
        }
            ul.condList > li > a{

            }

/* 選択中のエリア */

ul.condList01{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
}
    ul.condList01 > li{
        margin-right: 10px;
        padding: 5px 10px;
        background-color: #FEFEFE;
        border:1px solid #EEE;
        box-sizing: border-box;
        border-radius: 5px;
        line-height: 120%;
    }
        ul.condList01 > li > a{
            display: inline-block;
        }

ul.condList02{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
}
    ul.condList02 > li{}
        ul.condList02 > li > a{
            display: inline-block;
        }






/*****************************
    modal
*****************************/
/* オーバーレイのスタイル */
.overLay {
  top:0;
  left:0;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100vh;
  position: absolute;
}

/* モーダルウィンドウのスタイル */
.modal {
  position:fixed;
  width:100%;
  height:100vh;
  top:0;
  left:0;
  display:none;
  z-index: 5;
  overflow: scroll;
}
    /* モーダルウィンドウの中身のスタイル */
    .modal .modalCloseBtn {
      position:absolute;
      top:10px;
      right:20px;
    }
    /* モーダルウィンドウの中身のスタイル */
    .modal .inner {
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      background-color: #FFF;
      overflow: scroll;
      width: 96%;
      height: auto;
      max-height:95vh;
    }

    .ChangeElem_modal_Btn,
    .ChangeElem_modal_Btn02{
        margin-right: 3px;
        padding: 10px 20px;
        box-sizing: border-box;
        border: none;
        font-size: 1em;
    }
    .ChangeElem_modal_Btn.is-active,
    .ChangeElem_modal_Btn02.is-active{
        background-color: #978888;
        color: #FFF;
    }

    button.modalBtn {
        width: 100px;
        height: 50px;
        font-size: 1.2em;
        color: #D04255;
        background-color: #FFF;
        border: solid 2px #D04255;
        border-radius: 3px;
        transition: .4s;
    }
    button.modalBtn:hover {
      background: #D04255;
      color: #FFF;
    }
    .ChangeElem_modal_Panel,
    .ChangeElem_modal_Panel02{
        display: none;
        width: 100%;
        height: auto;
        max-height: 300px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #555;
        background-color: #FFF;
        overflow: auto;
    }
        .ChangeElem_modal_Panel .modalSerchBox,
        .ChangeElem_modal_Panel02 .modalSerchBox{}
            .ChangeElem_modal_Panel .modalSerchBox h3,
            .ChangeElem_modal_Panel02 .modalSerchBox h3{
                padding: 5px 10px;
                margin-bottom: 10px;
                background-color: #DDD;
                display: block;
            }
    div.infoArea{
        position: fixed;
        width: 80%;
        z-index: 999;
        }
        div.infoArea a.modalWindowClose{
            position: absolute;
            right: 20px;
            top: 10px;
        }

    .modalWindowWrap{
        padding: 10px;
        box-sizing: border-box;
    }

    .modalDl{
        margin-bottom: 20px;
        overflow: auto;
    }
    .modalDl dl{
        margin-bottom: 20px;
    }

    .modalDl dl dt{
        padding: 5px 10px;
        margin-bottom: 10px;
        font-size: 1em;
        box-sizing: border-box;
        background-color: #F0F0F0;
        color: #333;
        width: 100%;
    }
    .modalDl dl dd{
        width: 100%;
    }
    .modalDl dl dd ul{
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:    flex-start;
    }
        .modalDl dl dd ul li{
            width: 24%;
        }
    .modalDl dl dd ul.areaList > li{
        width: 20%;
    }

    .condArea{
        width: 100%;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between;  /*Safari */
        justify-content:    space-between;
    }
        .condArea .checkedCondArea{
            width: 73%;
            padding: 20px;
            box-sizing: border-box;
            background-color: #F0F0F0;
        }
            .condArea .checkedCondArea ul.checkedCondList{
                margin-bottom: 10px;
            }
                .condArea .checkedCondArea h3{
                    margin-bottom: 10px;
                    font-size: 1.2em;
                }
                .condArea .checkedCondArea button{

                }
        .condArea .entryArea{
            width: 25%;
        }
            .condArea .entryArea #hitTxt01{
                margin-bottom: 10px;
                font-size: 2em;
                line-height: 100%;
            }
            .condArea .entryArea #hitTxt01 span{
                margin-right: 10px;
                font-size: 1.5em;
                line-height: 100%;
                color: #FF6600;
                font-weight: bold;
            }
                .condArea .entryArea button{
                    padding: 20px 0;
                    width: 100%;
                    height: auto;
                }






/* =====================
  contents
===================== */
div#contentsWrap01{
    margin: 0 auto;
    width: 1060px;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}

main#contents800{
    width: 780px;
}
main#contents1000{
    width: 1000px;
}
.wrap1060{
    width: 1060px;
}
.contents100par{
    width: 100%;
}
section.contents01{}


/* =====================
  aside
===================== */
aside#sidemenu01{
    width: 250px;
}


/* =====================
  footer
===================== */
footer{}
#footerArea02{
    padding: 20px 0;
    box-sizing: border-box;
    background-color: #FFF;
}
    #footerArea02_wrap {
        margin: 0 auto;
        width: 1100px;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:    space-between;
    }
        #footerArea02_wrap h2{
            padding-bottom: 5px;
            margin-bottom: 10px;
            font-size: 1.2em;
            font-weight: bold;
            width: 15%;
            display: block;
        }
          #footerArea02_wrap h2 a{
              width: 100%;
              display: block;
          }
            #footerArea02_wrap h2 a img{
                width: 100%;
                height: auto;
                display: block;
            }
          #footerArea02_wrap ul.footerLink{
            width: 35%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:    flex-start;
          }
            #footerArea02_wrap ul.footerLink li{
              display: inline-block;
              margin-right: 0.5em;
            }
              #footerArea02_wrap ul.footerLink li a{
                padding: 0.5em 1em;
              }
          #footerArea02_wrap ul.footerBtn{
            width: 45%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:    flex-start;
          }
            #footerArea02_wrap ul.footerBtn li{
              display: inline-block;
              margin-right: 0.5em;
            }
              #footerArea02_wrap ul.footerBtn li a{
                display: block;
                padding: 5px 15px;
                background: linear-gradient(#FFF,#EEE);
                border: 1px solid #CCC;
                border-radius: 5px;
                font-size: 1em;
              }


#footerArea03{
    background-color: #978888;
}
    #footerArea03_wrap {
        margin: 0 auto;
        width: 100%;
        color: #FFF;
    }
    #footerArea03_wrap > #copylight{
      padding: 10px;
      box-sizing: border-box;
      text-align: center;
      font-size: 0.8em;
      color: #FFF;
    }

/* =====================
  トップページ
===================== */

/* wrap  *********************************/
.wrap01{
  padding: 1em;
}
.wrap02{
  padding: 2em;
}

/* box  *********************************/
.box_pink_waku{
  background-color: #FFFFFF;
  border: 1px solid #978888;
}
  .box_pink_waku h3{
    background: linear-gradient(#FFF, #EEE);
    padding: 0.5em 1em;
    border-bottom: 1px solid #978888;
  }
    .box_pink_waku h3 span{
      font-size: 1em;
      font-weight: bold;
    }

.box_gray_waku{
  border-radius: 10px;
  overflow: hidden;
  background-color: #FFEDF3;
  border:1px solid #AAAAAA;
}
  .box_gray_waku h3{
    background: linear-gradient(to bottom, #F5F5F5, #EEE);
    color: #111;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.5em 1em;
    border-bottom:1px solid #AAAAAA;

  }
.box_gray_waku_link{
  border-radius: 5px;
  overflow: hidden;
  background-color: #FFEDF3;
  border:1px solid #AAAAAA;
}
  .box_gray_waku_link h3{
    background: linear-gradient(to bottom, #FFF, #EEE);
    font-weight: bold;
    background-color: #F5F3F1;
    margin-bottom: 10px;
    font-size: 1.1em;
    line-height: 1.2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #AAAAAA;
    padding: 0 15px;
  }
    .box_gray_waku_link h3 span{
      display: block;
      padding: 11px 0;
      box-sizing: border-box;
      font-weight: bold;
      color: #978888;

    }
    .box_gray_waku_link h3 a{
      font-size: 0.8em;
      display: block;
      padding: 5px 20px;
      box-sizing: border-box;
      background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
      border: 1px solid #CCC;
      border-radius: 5px;
    }

/* box new  *********************************/
.box2{
    border: 1px solid #CCC;
    border-radius: 0.5em 0.5em 0 0;
    overflow: hidden;
    width: 100%;
    background: #FFF;
}
    .box2 h3{
        display: flex;
        justify-content: space-between;
        background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
        border-bottom: 1px solid #CCC;
        padding: 0.5em;
    }
        .box2 h3 span{
            padding: 0.3em 1em;
            color: #6e5f5f;
            font-weight: bold;
            display: block;
        }
        .box2 h3 a{
            padding: 0.3em 1.5em;
            color: #6e5f5f;
            display: inline-block;
            border-radius: 0.3em;
            border: 1px solid #CCC;
        }
        .box2 .box2__wrap{
            padding: 1em;
        }




/* list  *********************************/
.list01{
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
}
  .list01 li{
    background-color: #6e5f5f;
    display: inline-block;
    border-radius: 0.3em;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    line-height: 1;
  }
    .list01 li a{
    padding: 0.8em 1em;
    color: #fff;
    display: inline-block;
    }


/* =====================
  パンくず
===================== */
.pankuzu{
    margin-bottom: 20px;
    padding: 5px 15px;
    box-sizing: border-box;
    width: 100%;
    background-color: #FFF;
    border-radius: 5px;
    display:flex;
    align-self: center;
    flex-wrap:wrap;
    justify-content:    flex-start;
}
    .pankuzu li{
        display: inline-block;
        margin-right: 1em;
    }
    .pankuzu li{
      margin-right: 20px;
      background-image: url(../img/icon_black_kakko02.svg);
      background-repeat: no-repeat;
      background-size: 4px;
      background-position: 100% 50%;
      line-height: 1;
      font-size: 0.9em;
    }
    .pankuzu li:last-child{
        margin-right: 0;
        background-image:none;
    }
        .pankuzu li a,
        .pankuzu li span{
          padding: 5px 20px 5px 10px;
          box-sizing: border-box;
          display: block;
          color: #555;
          font-size: 0.9em;
          line-height: 1.1em;
        }

/* =====================
  local main
===================== */
.localMain{
    width: 100%;
}




/* =====================
  ページネーション
===================== */

div.paginationArea {
    margin-bottom: 20px;
    text-align: center;
}
div.paginationArea p {
    margin-bottom: 5px;
}
div.paginationArea ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
    div.paginationArea  ul.pagination li {
        margin-right: 10px;
        display: inline;
        float: left;
        text-decoration: none;
        transition: background-color .3s;
        background-color: #FFF;
        border-radius: 5px;
        overflow: hidden;
    }
    div.paginationArea ul.pagination li:last-child {
        margin-right: 0;
    }
        div.paginationArea ul.pagination li a {
            color: #000;
            display: block;
            padding: 4px 12px;
            font-size: 14px;
        }
        div.paginationArea  ul.pagination li a.active {
            background-color: #978888;
            color: white;
        }






/* =====================
  店舗一覧
===================== */
.shopList{}
    .shopList > div > li,
    .shopList > li{
        margin-bottom: 30px;
        background-color: #FFF;
        border: 1px solid #AAA;
        box-sizing: border-box;
        border-radius: 5px 5px;
        overflow: hidden;
    }

    .shopList li h3{
        padding: 10px;
        box-sizing: border-box;
        background-color: #F2F2F2;
        border-bottom: 2px solid #927979;
        border-radius: 4px 4px 0 0;
        display:flex;
        position: relative;

    }
        .shopList li h3 > span.area,
        .shopList li h3 > span.shopname,
        .shopList li h3 > span.favo{
          padding: 0 20px;
        }


        .shopList li h3 > span.area{
          background-color: #FFFFFF;
          border: solid 1px #988989;
          color: #988989;
          display: inline-block;
          border-radius: 4px;
          font-size: 1em;
          text-align: center;
        }
        .shopList li h3 > span.shopname{
            display: inline-block;
            box-sizing: border-box;
            color: #333;
            font-size: 1em;
            display: block;
            text-align: left;
            font-weight: bold;
        }
        .shopList li h3 > span.favo{
          box-sizing: border-box;
          display: inline-block;
          position: absolute;
          right: 20px;
          background-color: #FFF;
          border: 1px solid #FB615F;
          color: #FB615F;
          font-size: 14px;
          line-height: 1;
          padding: 5px 10px;
        }

        #mensEstheSearchTxt{}
          #mensEstheSearchTxt #mensEstheSearchTitle{
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 1.2em;
          }
        .mensEstheSearchBox{
          border: 1px solid #EEE;
          border-radius: 5px 5px 0 0;
          overflow: hidden;

        }
          .mensEstheSearchBox h2,
          .mensEstheSearchBox h3{
            padding: 5px 20px;
            display: block;
            background: linear-gradient(#FFF,#EEE);
            border-bottom: 1px solid #CCC;
          }
            .mensEstheSearchBox h2 p,
            .mensEstheSearchBox h3 p{
              font-weight: bold;
              font-size: 1.1em;
            }
        .mensEstheSearchBox > p{
          padding: 20px;
          font-size: 1em;
          background-color: #FFF;
        }

    #areaLinkArea{
      width: 100%;
      padding: 20px;
      background-color: #FFF;
      border: 1px solid #978888;
      margin-bottom: 20px;
    }
      #areaLinkArea h3{
        margin-bottom: 10px;
        font-size: 1.1em;
        font-weight: bold;
        border-bottom: 1px solid #978888;
      }
    #areaLinkArea ul{
      margin-bottom: 20px;
    }
      #areaLinkArea ul li{
        display: inline-block;
        margin-right: 10px;
      }
        #areaLinkArea ul li a{
          padding: 5px 20px;
          display: block;
          background: linear-gradient(#FFF,#EEE);
          border-radius: 5px;
          border: 1px solid #CCC;
        }

    .shopList li > .shopListWrap{
        padding: 20px 30px 10px;
    }

        .shopList li > .shopListWrap h4{
            margin-bottom: 10px;
        }

        .shopList li > .shopListWrap > .shopListCondArea{
            margin-bottom: 10px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            align-self: center;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:    space-between;
        }

            .shopList li > .shopListWrap > .shopListCondArea > .left{
                width: 28%;
            }
                .shopList li > .shopListWrap > .shopListCondArea > .left img{
                  width: 100%;
                  height: 200px;
                  object-fit: cover;
                  display: block;
                }
            .shopList li > .shopListWrap > .shopListCondArea > .right{
                width: 68%;
            }
                .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation{
                    margin-bottom: 10px;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    align-self: center;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:    flex-start;
                }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation dt,
                    .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation dd{
                        padding: 0 10px;
                        font-size: 13px;
                        margin-bottom: 5px;
                    }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation dt{
                      width: 18%;
                      background-color: #FFFFFF;
                      border: solid 1px #988989;
                      color: #988989;
                      display: inline-block;
                      border-radius: 4px;
                      text-align: center;
                    }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation dd{
                        width: 81%;
                    }
                .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList{
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    align-self: center;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:    flex-start;
                }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList li{
                        margin-bottom: 5px;
                        margin-right: 10px;
                        padding: 7px 15px;
                        font-size: 0.8em;
                        line-height: 100%;
                        border-radius: 3px;
                        /*background-color: #978888;*/
                        background-color: #F0F0F0;
                        border: 1px solid #DDD;
                        color: #000;
                    }
/*                    .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList li.on{
                        background-color: #978888;
                        color: #FFF;
                    }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList li.off{
                        background-color: #EEE;
                        color: #CCC;
                    }*/
                    .shopList li > .shopListWrap > .kuchikomiArea{
                        padding-top: 15px;
                        border-top: 1px dashed #DDD;
                    }
                        .shopList li > .shopListWrap > .kuchikomiArea > h5{
                            margin-bottom: 10px;
                            display:-ms-flexbox;/*--- IE10 ---*/
                            display:-webkit-flex;/*--- safari（PC）用 ---*/
                            display:flex;
                            align-self: center;
                            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                            flex-wrap:wrap;
                            -webkit-justify-content: flex-start; /* Safari */
                            justify-content:    flex-start;
                            font-size: 1.2em;
                        }


                    .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList{
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        align-self: center;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content: space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList > li{
                            padding: 20px;
                            box-sizing: border-box;
                            width: 49%;
                            border:1px solid #DDD;
                            border-radius: 5px;
                        }
                            .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList > li > a > dl > dt{
                                margin-bottom: 10px;
                                line-height: 120%;
                                font-weight: bold;
                                font-size: 1em;
                            }
                            .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList > li > a > dl > dd.hoshi{
                                margin-bottom: 5px;
                                display: inline-table;
                                line-height: 120%;
                            }
                                .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList > li > a > dl > dd.hoshi > p{
                                    line-height: 120%;
                                }
                                .shopList li > .shopListWrap > .kuchikomiArea > ul.kuchikomiList > li > a > dl > dd.text{
                                    margin-bottom: 10px;
                                    line-height: 120%;
                                }

    /* 詳細ページへリンク */

    .shopList li > .shopList_forDetail_pc{
        background-color: #EAEAEA;
    }
        .shopList li > .shopList_forDetail_pc > ul{
            padding: 10px 20px;
            box-sizing: border-box;
        }
        .shopList li > .shopList_forDetail_pc > ul > li{
            margin: 0;
            border-radius: 5px;
            overflow: hidden;
        }

        .shopList li > .shopList_forDetail_pc > ul > li.btn_fordetail a,
        .shopList li > .shopList_forDetail_pc > ul > li.btn_fortell a,
        .shopList li > .shopList_forDetail_pc > ul > li.btn_forfavo a{
            width: 100%;
            text-align: center;
            display: block;
            border-radius: 4px;
            padding: 10px 20px;
        }

            .shopList li > .shopList_forDetail_pc > ul > li.btn_fordetail{

                display: inline-block;
            }
              .shopList li > .shopList_forDetail_pc > ul > li.btn_fordetail a{
                  background: #F95A6B;
                  background: linear-gradient(to bottom, #FF9BA2 0%,#F95A6B 75%,#F85164 100%);
                  border: 1px solid #DA949B;
                  color: #FFFFFF !important;
              }
            .shopList li > .shopList_forDetail_pc > ul > li.btn_fortell{
                display: inline-block;
            }
              .shopList li > .shopList_forDetail_pc > ul > li.btn_fortell a{
                  background: #FDDCAF;
                  background: linear-gradient(to bottom, #FDDCAF 0%,#ECA241 100%);
                  border: 1px solid #D58B2C;
                  color: #FFF !important;
              }
            .shopList li > .shopList_forDetail_pc > ul > li.btn_forfavo{
                display: inline-block;
            }
              .shopList li > .shopList_forDetail_pc > ul > li.btn_forfavo a{
                background: #FDDCAF;
                background: linear-gradient(to bottom, #D1A8EF 0%,#A14AE2 100%);
                border: 1px solid #9F3AB1;
                color: #FFF !important;
              }



    .shopList li > .shopList_forDetail_sp{
        display: none;
    }

.shop_list_wrap{
  padding: 0;
  box-sizing: border-box;
}

#shop_list_header{}
#shop_list_header #shop_list_header_wrap{}



/* =====================
  店舗詳細
===================== */

.shopDetail_title01{
  font-weight: bold;
  color: #CC4466;
  background-color: #F5F3F1;
  padding: 6px 10px;
  margin-bottom: 10px;
}

#shopDetail_main{
  margin-bottom: 20px;
  border: 1px solid #978888;
  background-color: #FFF;
  padding: 20px;
}
    #shopDetail_main #shopDetail_main_title{
      padding: 0;
      box-sizing: border-box;
      margin-bottom: 10px;
      font-size: 1.5em;
      font-weight: bold;
      line-height: 120%;
    }

    #shopDetail_main > #shopDetail_main_info{
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        align-self: center;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:space-between;
    }
        ul.snsArea{
            margin-bottom: 10px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            align-self: center;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:    flex-start;
        }
            ul.snsArea li{
                margin-right: 10px;
                border-radius: 5px;
                overflow: hidden;
            }
                ul.snsArea li a{
                    padding: 10px;
                    box-sizing: border-box;
                    color: #FFF;
                }
                ul.snsArea li a#facebook{
                    background-color: #305097;
                }
                ul.snsArea li a#twitter{
                    background-color: #00aced;
                }
                ul.snsArea li a#hate{
                    background-color: #333;
                }
            ul.snsArea li:last-child{
                margin-right: 0;
            }


        #shopDetail_main > #shopDetail_main_info #left{
            width: 27%;
        }
            #shopDetail_main > #shopDetail_main_info #left img{
                margin-bottom: 10px;
                width: 100%;
                display: block;
                height: auto;
            }



        #shopDetail_main > #shopDetail_main_info #right{
            width: 70%;
        }
        #shopDetail_main > #shopDetail_main_info table#shopInformation{
            margin-bottom: 10px;
            width: 100%;
        }
            #shopDetail_main > #shopDetail_main_info table#shopInformation th{
                width: 15%;
                text-align: left;
            }
            #shopDetail_main > #shopDetail_main_info table#shopInformation td{
                word-break: break-all;
            }

/* PC お問い合わせエリア */
            .shopDetail_main_info_contact_pc{
                padding: 20px;
                box-sizing: border-box;
                margin-bottom: 10px;
                border: 1px solid #978888;
                border-radius: 5px;
                background-color: #FFFAF2;
            }
            .shopDetail_main_info_contact_pc h4{
                margin-bottom: 10px;
                font-size: 1.5em;
                font-weight: bold;
            }
                .shopDetail_main_info_contact_pc > .wrap > ul{
                    width: 100%;
                    height: auto;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    align-self: center;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:    flex-start;
                }
                    .shopDetail_main_info_contact_pc > .wrap > ul li{
                        margin-right: 2%;
                        width: 32%;
                        height: auto;
                        border-radius: 5px;
                        overflow: hidden;
                    }
                    .shopDetail_main_info_contact_pc > .wrap > ul li:last-child{
                        margin-right: 0;
                    }
                        .shopDetail_main_info_contact_pc > .wrap > ul li a{
                            padding: 15px 10px 15px 60px;
                            box-sizing: border-box;
                            width: 100%;
                            height: auto;
                            display: block;
                            color: #FFF;
                            text-align: left;
                            font-size: 1.2em;
                            background-repeat: no-repeat;
                            background-position: 20px 50%;
                            background-size: 20px;
                        }
                        .shopDetail_main_info_contact_pc > .wrap > ul li#tel{
                            background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                            border: 1px solid #ED3E52;
                        }
                          .shopDetail_main_info_contact_pc > .wrap > ul li#tel a{
                              background-image: url(../img/icon_tel_white.svg);
                          }

                        .shopDetail_main_info_contact_pc > .wrap > ul li#mail{
                            background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                            border: 1px solid #ED3E52;
                        }
                          .shopDetail_main_info_contact_pc > .wrap > ul li#mail a{
                              background-image: url(../img/icon_mail_white.svg);
                          }
                        .shopDetail_main_info_contact_pc > .wrap > ul li#bookmark{
                            background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                            border: 1px solid #ED3E52;
                        }
                          .shopDetail_main_info_contact_pc > .wrap > ul li#bookmark a{
                              background-image: url(../img/icon_heart_red.svg);
                          }

/* スマホ　お問い合わせエリア */
                .shopDetail_main_info_contact_sp{
                    display: none;
                }


                #shopDetail_main > #shopDetail_main_info #right > ul#shopDetail_condList{
                    margin-bottom: 10px;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    align-self: center;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:    flex-start;
                }
                    #shopDetail_main > #shopDetail_main_info #right > ul#shopDetail_condList li{
                      margin-bottom: 5px;
                      margin-right: 1%;
                      padding: 8px 10px;
                      box-sizing: border-box;
                      font-size: 1em;
                      line-height: 100%;
                      border-radius: 3px;
                      border: 1px solid #978888;
                    }
                    #shopDetail_main > #shopDetail_main_info #right > ul#shopDetail_condList li.on{
                      border: 1px solid #978888;
                      font-size: 0.8em;
                    }
                    #shopDetail_main > #shopDetail_main_info #right > ul#shopDetail_condList li.off{
                        background-color: #EEE;
                        color: #CCC;
                    }
                #shopDetail_main > #shopDetail_main_info #right > ul#actionArea{
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    align-self: center;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:    flex-start;
                }
                    #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li{
                        margin-right: 20px;
                        width: 200px;
                    }

                            #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li#bookmark a{
                                padding: 8px 10px;
                                box-sizing: border-box;
                                display: block;
                                color: #000;
                                border-radius: 5px;
                                overflow: hidden;
                                text-align: center;
                            }
                            #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li#ittayo{
                                display:-ms-flexbox;/*--- IE10 ---*/
                                display:-webkit-flex;/*--- safari（PC）用 ---*/
                                display:flex;
                                align-self: center;
                                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                                flex-wrap:wrap;
                                -webkit-justify-content: flex-start; /* Safari */
                                justify-content:    flex-start;
                                margin-bottom: 10px;
                            }
                                #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li#ittayo a{
                                  padding: 5px 10px;
                                  box-sizing: border-box;
                                  width: 70%;
                                  display: block;
                                  color: #E53B4E;
                                  border-radius: 5px;
                                  overflow: hidden;
                                  text-align: center;
                                  background: linear-gradient(to bottom, #FFFFFF 0%,#FAE5E7 100%);
                                  border: 1px solid #E5848E;
                                }
                                #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li#ittayo p{
                                    padding: 5px 10px;
                                    box-sizing: border-box;
                                    width: 30%;
                                    box-sizing: border-box;
                                }
                    #shopDetail_main > #shopDetail_main_info #right > ul#actionArea li:last-child{
                        margin-right: 0;
                    }


/* タブ切り替えボタンエリア */
.tabBtnArea{}
.tabBtnArea ul{
    padding: 0 20px;
    box-sizing: border-box;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    align-self: center;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:flex-start;
}
    .tabBtnArea ul li{
        background-color: #EA7F8C;
        margin-right: 10px;
        border-radius: 5px 5px 0 0;
    }
        .tabBtnArea ul li a{
          padding: 10px 30px;
          border: none;
          font-size: 1.1em;
          display: block;
          border: 1px solid #978888;
          border-bottom: none;
          background-color: #FFF;
          border-radius: 5px 5px 0 0;
        }
    .tabBtnArea ul li.is-active{
    }
        .tabBtnArea ul li.is-active a{
          color: #FFF;
          background-color: #978888;
        }

.tab01{
  margin-bottom: 30px;
  background-color: #FFF;
  padding: 20px;
  box-sizing: border-box;
  border-top: 2px solid #978888;
}

/* 取扱商品エリア */
.shopDetail_syohin{
    margin-bottom: 20px;
}
    .shopDetail_syohin .shopDetail_syohin_list{
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        align-self: center;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:flex-start;
    }
        .shopDetail_syohin .shopDetail_syohin_list li{
            margin-bottom: 20px;
            margin-right: 2.5%;
            box-sizing: border-box;
            width: 18%;
        }
        .shopDetail_syohin .shopDetail_syohin_list li:nth-child(5n){
            margin-right: 0;
        }
            .shopDetail_syohin .shopDetail_syohin_list li figure{
                margin-bottom: 20px;
                display: block;
                width: 100%;
                height: auto;
            }
                .shopDetail_syohin .shopDetail_syohin_list li figure img{
                    display: block;
                    width: 100%;
                    height: 250px;
                    object-fit: contain;
                }
            .shopDetail_syohin .shopDetail_syohin_list li h5{
                margin-bottom: 5px;
                font-size: 1em;
                font-weight: bold;
                line-height: 120%;
            }
            .shopDetail_syohin .shopDetail_syohin_list li p{
                font-size: 0.8em;
                line-height: 130%;
            }

/* 取扱業務エリア */
.shopDetail_gyomu{
    margin-bottom: 20px;
}
    .shopDetail_gyomu_list{}
        .shopDetail_gyomu_list > li{
            display:flex;
            align-self: center;
            flex-wrap:wrap;
            justify-content:space-between;
            margin-bottom: 10px;
            padding: 20px;
            box-sizing: border-box;
            width: 100%;
            border: 1px solid #978888;
        }
            .shopDetail_gyomu_list > li figure{
                display: block;
                width: 20%;
                height: auto;
            }
                .shopDetail_gyomu_list > li figure img{
                    margin-bottom: 0;
                    display: block;
                    width: 100%;
                    height: auto;
                }
            .shopDetail_gyomu_list > li > .right{
                width: 76%;
            }
                .shopDetail_gyomu_list > li > .right h5{
                    margin-bottom: 5px;
                    font-size: 1.2em;
                    font-weight: bold;
                    line-height: 120%;
                }
                .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info{
                    margin-bottom: 10px;
                }
                    .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li{}
                        .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl{
                            display:flex;
                            align-self: center;
                            flex-wrap:wrap;
                            justify-content:flex-start;
                        }
                            .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl dt{
                              margin-bottom: 5px;
                              padding: 5px 15px;
                              box-sizing: border-box;
                              background-color: #978888;
                              display: inline-block;
                              color: #FFF;
                              line-height: 1.2em;
                              border-radius: 5px;
                              font-size: 0.9em;
                              width: 20%;
                              text-align: center;
                            }
                            .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl dd{
                              padding: 5px 15px;
                              line-height: 1.2em;
                              border-radius: 0 5px 5px 0;
                              width: 80%;
                              margin-bottom: 5px;
                              color: #EB5383;
                            }
                .shopDetail_gyomu_list > li > .right p{
                    font-size: 1em;
                    line-height: 130%;
                }
                .shopDetail_gyomu_list > li a.btn_reserve{
                    margin-top: 10px;
                    padding: 8px 20px;
                    line-height: 120%;
                    box-sizing: border-box;
                    background-color: #ebb650;
                    color: #FFF;
                    display: inline-block;
                    border-radius: 5px;
                }






/* 口コミエリア */
.shopDetail_kuchikomi{
    margin-bottom: 20px;
}
    .shopDetail_kuchikomi > h4{}
        .shopDetail_kuchikomi > h4 > span{
            margin-right: 10px;
        }
    .shopDetail_kuchikomi > h4:after {
        content: "";
        display: block;
        clear: both;
    }
        .shopDetail_kuchikomi > h4 > span.hyouka{
        }
        .shopDetail_kuchikomi > h4 > span.hyouka > ul{

        }
        .shopDetail_kuchikomi > h4 > span.hyouka_title{
            margin-right: 20px;
            float: left;
        }

.kuchikomiList{
}
    .kuchikomiList > li{
        margin-bottom: 10px;
        border: 3px solid #DDD;
    }
        .kuchikomiList > li h5{
            padding: 10px 20px 15px;
            box-sizing: border-box;
            background-color: #F5F5F5;
            font-weight: bold;
            font-size: 1.1em;
        }
            .kuchikomiList > li ul{
                margin-right: 10px;
            }

        .kuchikomiList > li{}
            .kuchikomiList > li > .wrap{
                padding: 10px 20px 20px;
                box-sizing: border-box;
             }
                .kuchikomiList > li > .wrap > .kuchikomi01{
                    padding-bottom: 20px;
                    box-sizing: border-box;
                    margin-bottom: 20px;
                    border-bottom: 1px solid #DDD;
                }
                    .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info{
                        margin-bottom: 10px;

                    }
                        .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl{
                            display: inline-block;
                        }
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dt{
                                padding: 5px 10px;
                                box-sizing: border-box;
                                background-color: #EEE;
                                display: inline-block;
                                font-size: 0.8em;
                                line-height: 120%;
                                border-radius: 5px;
                            }
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dd{
                                margin-right: 10px;
                                padding: 5px 5px;
                                box-sizing: border-box;
                                display: inline-block;
                            }

    .kuchikomiList_list > li{
        margin-bottom: 20px;
    }
    .kuchikomiList_list > li:after {
        content: "";
        display: block;
        clear: both;
    }
        .kuchikomiList_list > li figure img{
            width: 100%;
            height: auto;
            display: block;
        }
        .kuchikomiList_list > li figure p{
            font-size: 0.8em;
            text-align: center;
        }

        .kuchikomiList_list > li .fukidashi {
            width: 85%;
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 20px;
            box-sizing: border-box;
            background: #e0edff;
            border-radius: 5px;
        }
        .kuchikomiList_list > li .fukidashi:before{
            content: "";
            position: absolute;
            border: 10px solid transparent;
        }

    .kuchikomiList_list > li.right {}
        .kuchikomiList_list > li.right{}
            .kuchikomiList_list > li.right figure{
                width: 10%;
                float: left;
            }
            .kuchikomiList_list > li.right .fukidashi {
                float: right;
            }
            .kuchikomiList_list > li.right .fukidashi:before{
                top: 20%;
                right: 100%;
                margin-right: -0px;
                border-right: 15px solid #e0edff;
            }

        .kuchikomiList_list > li.left {}
            .kuchikomiList_list > li.left figure{
                width: 10%;
                float: right;
            }
            .kuchikomiList_list > li.left .fukidashi {
                float: left;
            }
            .kuchikomiList_list > li.left .fukidashi:before{
                top: 20%;
                left: 100%;
                margin-left: -0px;
                border-left: 15px solid #e0edff;
            }
    .formChildArea{
        background-color: #F8F8F8;
        padding: 20px;
        border-radius: 5px;
    }
        .formChildArea h6{
            margin-bottom: 10px;
            font-size: 1.1em;
            font-weight: bold;
        }
        .formChildArea textarea{
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
            border:1px solid #DDD;
        }
        .formChildArea input{}

    .formArea{
        background-color: #FFFAF2;
        padding: 20px;
        border:1px solid #F8EAD2;
    }
        .formArea h5{
            margin-bottom: 10px;
            font-size: 1.1em;
            font-weight: bold;
        }
        .formArea textarea{
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
            border:1px solid #DDD;
        }
        .formArea input{}

/* アクセス */
.shopDetail_access{
    margin-bottom: 20px;
}


.ggmap {
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*padding-top: 30px;*/
    /*height: 0;*/
    overflow: hidden;
    height: 300px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.shopDetail_contact{
    margin-bottom: 20px;
    background-color: #EAEAEA;
}
    .shopDetail_contact > h4{
        padding: 15px 20px;
        box-sizing: border-box;
        background-color: #978888;
        color: #FFF;
        font-size: 1.2em;
        text-align: center;
    }
    .shopDetail_contact > .wrap{
        padding: 15px 20px;
        box-sizing: border-box;

    }


/* キャンペーン */
.shopCamList{}
.shopCamList li{
    margin-bottom: 20px;
}
.shopCamList li h3{}
.shopCamList li .shopCamListWrap{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    align-self: center;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
.shopCamList li .shopCamListWrap figure{
    display: block;
    width: 30%;
}
.shopCamList li .shopCamListWrap figure img{
    display: block;
    width: 100%;
    height: auto;
}
.shopCamList li .shopCamListWrap p{
    width: 68%;
}


/* =====================
  各種 layout
===================== */
.shop_contact_area{}
    .shop_contact_area .shop_contact_area_telArea{
        padding: 20px;
        box-sizing: border-box;
    }
    .shop_contact_area .shop_contact_area_box{
        box-sizing: border-box;
        background-color: #FFF;
    }
    .shop_contact_area .shop_contact_area_box .btn{
        margin-bottom: 10px;
        padding: 10px 25px;
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        font-size: 2em;
        border-radius: 5px;
        background: linear-gradient(to bottom, #FF9BA2 0%,#F95A6B 75%,#F85164 100%);
        color: #FFF;
        border: 1px solid #ED3E52;
    }
    .shop_contact_area .shop_contact_area_box .btn:hover{
        font-size: 3.2em;
        color: #FFF;
    }

.checkShopArea{
  padding: 20px;
  background-color: #FFF;
}


/* =====================
  各種 layout
===================== */
.layout_col01{}

.layout_col02{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}
.layout_col02 > .left{
    width: 48%;
}
.layout_col02 > .right{
    width: 48%;
}

/* =====================
  各種 margin
===================== */
.mt10{    margin-top: 10px;}
.mt20{    margin-top: 20px;}
.mb5{    margin-bottom: 5px;}
.mb10{    margin-bottom: 10px;}
.mb20{    margin-bottom: 20px;}
.mb40{    margin-bottom: 40px;}
.mb50{    margin-bottom: 50px;}

/* =====================
  各種wrap
===================== */
.wrap10_0{
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
}
.wrap20_0{
    padding: 20px 0;
    box-sizing: border-box;
    width: 100%;
}
.wrap20_20{
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}
.wrap10_0_20{
    padding: 10px 0 20px;
    box-sizing: border-box;
}
.wrap10_20_20{
    padding: 10px 20px 20px;
    box-sizing: border-box;
}

/* =====================
  各種 box
===================== */
.box01{
    background-color: #FEFEFE;
}

/* =====================
  各種 title
===================== */
.title00_red{
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 10px solid #978888;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 120%;
}


.title01_red,
.title01_gray,
.title01_lightgray{
    padding: 8px 25px;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: bold;
}
.title01_red{
  border-radius: 5px 5px 0 0;
  color: #978888;
  border: 1px solid #CCCCCC;
  background:linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
}
.title01_gray{
  border-radius: 5px 5px 0 0;
  color: #978888;
  border: 1px solid #CCCCCC;
  background:linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
}
.title01_lightgray{
  border-radius: 5px 5px 0 0;
    background-color: #DDD;
    color: #333;
}

/* =====================
  各種 link付きtitle
===================== */
.title01_red_link{
    padding: 0.5em 0;
    font-weight: bold;
    color: #978888;
    /* background-color: #FFFFFF; */
    margin-bottom: 10px;
    font-size: 1.1em;
    line-height: 1.2em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #978888;
}
    .title01_red_link > span{
        display: block;
        /* padding: 11px 15px; */
        box-sizing: border-box;
        font-weight: bold;
        color: #978888;
    }
    .title01_red_link > a{
      font-size: 0.8em;
      display: block;
      padding: 5px 20px;
      box-sizing: border-box;
      background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
      border: 1px solid #CCC;
      border-radius: 5px;
    }

/* =====================
  角丸box
===================== */
.maruBox{
  /* border-radius: 10px;
  overflow: hidden; */
}

/* =====================
  各種 list
===================== */

/* kuchikomiList01 */

.kuchikomiList01{}
    .kuchikomiList01 > li{
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom: 1px solid #EEE;
    }
    .kuchikomiList01 > li:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
        .kuchikomiList01 li > a > .shopname{
        }
        .kuchikomiList01 li > a > div{
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            align-items: center;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:    flex-start;
        }
            .kuchikomiList01 li > a > div > .add{
                padding: 5px 20px;
                margin-right: 10px;
                line-height: 100%;
                box-sizing: border-box;
                display: inline-block;
                background-color: #978888;
                color: #FFF;
                font-size: 0.8em;
                border-radius: 5px;

            }
            .kuchikomiList01 li > a > div > ul{

            }
                .kuchikomiList01 li > a > div > ul > li{
                    margin-bottom: 0;
                }

/* kuchikomiList02 */

.kuchikomiList02{}
    .kuchikomiList02 > li{
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }
    .kuchikomiList02 > li:last-child{
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: none;
    }
        .kuchikomiList02 li > a > .shopname{
        }
        .kuchikomiList02 li > a{
            display: inline-block;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            align-items: center;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:    flex-start;
        }
            .kuchikomiList02 li > a > div{
                margin-right: 30px;
                display: inline-block;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                align-items: center;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: flex-start; /* Safari */
                justify-content:    flex-start;
            }
                .kuchikomiList02 li > a > div > .add{
                    padding: 5px 20px;
                    margin-right: 10px;
                    line-height: 100%;
                    box-sizing: border-box;
                    display: inline-block;
                    background-color: #EBB650;
                    color: #FFF;
                    font-size: 0.8em;
                    border-radius: 5px;

                }
                .kuchikomiList02 li > a > div > ul{

                }
                    .kuchikomiList02 li > a > div > ul > li{
                        margin-bottom: 0;
                    }

.newBlogList01{
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:    flex-start;
}
    .newBlogList01 > li{
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom: 1px solid #EEE;
        width: 48%;
        margin-right: 4%;
    }
    .newBlogList01 > li:nth-child(2n){
        margin-right: 0;
    }
    .newBlogList01 > li:nth-last-child(-n+2){
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
        .newBlogList01 li > a{
          color: #111;
        }
            .newBlogList01 li > a > div.wrap{
                margin-bottom: 10px;
                display:flex;
                flex-wrap:wrap;
                justify-content:    space-between;
            }
            .newBlogList01 li > a > div.wrap > figure{
                display: block;
                width: 35%;
                height: auto;
            }
                .newBlogList01 li > a > div.wrap > figure img{
                    display: block;
                    width: 100%;
                    height: 90px;
                    object-fit: cover;
                }
            .newBlogList01 li > a > div.wrap > div{
                display: block;
                width: 60%;
            }
                .newBlogList01 li > a > div.wrap > div > h4{
                    margin-bottom: 5px;
                    display: block;
                    line-height: 140%;
                }
                .newBlogList01 li > a > div.wrap > div > p{
                    font-size: 0.8em;
                }
                    .newBlogList01 li > a > div.wrap > div > p span{
                        margin-right: 5px;
                        padding: 3px 5px;
                        box-sizing: border-box;
                        display: inline-block;
                        background-color: #ED8EB1;
                        color: #FFF;
                        line-height: 120%;
                    }
            .newBlogList01 li > a > dl{
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: flex-start; /* Safari */
                justify-content:    flex-start;
            }
                .newBlogList01 li > a > dl > dt{
                    padding: 5px 10px;
                    margin-right: 10px;
                    line-height: 100%;
                    box-sizing: border-box;
                    display: inline-block;
                    background-color: #EBB650;
                    color: #FFF;
                    font-size: 0.8em;
                    border-radius: 5px;
                }
                .newBlogList01 li > a > dl > dd{
                    font-size: 0.8em;


                }

/* =====================
  サービス　カテゴリ　list
===================== */
.serviceCateList01{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:    flex-start;
}
    .serviceCateList01 > li{
        margin-right: 2%;
        width: 32%;
    }
    .serviceCateList01 > li:nth-child(3n){
        margin-right: 0;
    }
        .serviceCateList01 > li > a{
            padding: 1em 1.5em;
            color: #111;
            box-sizing: border-box;
            border: 1px solid #CCC;
            border-radius: 5px;
            margin-bottom: 5px;
            background-color: #FAFAFA;
            display:flex;
            flex-wrap:wrap;
            justify-content:    space-between;
        }
          .serviceCateList01 > li > a img{
              width: 30%;
              display: block;
          }
          .serviceCateList01 > li > a span{
            font-size: 1.2em;
            font-weight: bold;
            width: 65%;
            display: block;
          }
          .serviceCateList01 > li > a span i{
            font-size: 11px;
            font-weight: normal;
            display: block;
          }


/* =====================
  各種 画像list
===================== */
.newsImgList01{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:    flex-start;
}
    .newsImgList01 li{
        margin-right: 1.8%;
        margin-bottom: 20px;
        width: 18.5%;
    }
    .newsImgList01 li:last-child{
        margin-right: 0;
    }
        .newsImgList01 li > a{
            width: 100%;
            display: block;
        }
            .newsImgList01 li > a > img{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                height: 100px;
                object-fit:cover;
            }
            .newsImgList01 li > a > p{
                font-size: 0.9em;
                line-height: 120%;
            }

.asideList01{}
  .asideList01 li{
    margin-bottom: 1em;
  }
  .asideList01 li:last-child{
    margin-bottom: 0;
  }
    .asideList01 li a{
      display:-ms-flexbox;/*--- IE10 ---*/
      display:-webkit-flex;/*--- safari（PC）用 ---*/
      display:flex;
      -ms-flex-wrap:wrap;/*--- IE10用 ---*/
      -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
      flex-wrap:wrap;
      -webkit-justify-content: space-between; /* Safari */
      justify-content:    space-between;
      color: #111;
    }
      .asideList01 li a img{
        width: 35%;
        height: auto;
        object-fit: contain;
        display: block;
      }
      .asideList01 li a div{
        width: 60%;
        font-size: 0.9em;
      }
        .asideList01 li a div p{
          font-size: 1em;
        }
        .asideList01 li a div p.newShopList_area{
          font-size: 0.8em;
          padding: 0.5em;
          line-height: 100%;
          color: #FFF;
          background-color: #ED8EB1;
          display: inline-block;
        }

.asideBnrList{}
  .asideBnrList li{
    margin-bottom: 1em;
  }
    .asideBnrList li a{
      width: 100%;
      display: block;
    }
      .asideBnrList li a img{
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
      }
    .asideBnrList li p{
      font-size: 0.9em;
    }




/* =====================
  お知らせ一覧
===================== */
.newsImgList02{
    width: 100%;
}
    .newsImgList02 li{
        width: 100%;
        border-bottom: 1px solid #DDD;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .newsImgList02 li:last-child{
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
        .newsImgList02 li > a{
          color: #111;
            box-sizing: border-box;
            width: 100%;
        }
            .newsImgList02 li > a > span{
              margin-bottom: 0.5em;
              display: block;
              width: 100%;
              height: auto;
              object-fit:cover;
              line-height: 120%;
              font-size: 0.9em;
            }
            .newsImgList02 li > a > p{
                line-height: 120%;
                width: 100%;
            }

/* =====================
  お知らせ詳細
===================== */
.newsDetailWrap{
    padding: 40px 20px;
    box-sizing: border-box;
    background-color: #FFF;
}
.newsDetailWrap .newsDetail_teitle{
    margin-bottom: 40px;
}
.newsDetailWrap .newsDetail_teitle span.title{
    margin-bottom: 10px;
    font-size: 2em;
    font-weight: bold;
    display: block;
    line-height: 120%;
}
.newsDetailWrap .newsDetail_teitle span.time{
    font-size: 1em;
    font-weight: bold;
    display: block;
    line-height: 120%;
}
.newsDetailWrap .newsDetailText {
    margin-bottom: 30px;
}



/* =====================
  ブログ一覧
===================== */
.blogList01{
    width: 100%;
}
    .blogList01 li{
        width: 100%;
        border-bottom: 1px solid #EEE;
    }
    .blogList01 li:last-child{
        border-bottom: none;
    }
        .blogList01 li > a{
            padding: 15px 0;
            box-sizing: border-box;
            width: 100%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:     space-between;
        }
            .blogList01 li > a > figure{
                display: block;
                width: 10%;
                height: auto;
            }
                .blogList01 li > a > figure img{
                    display: block;
                    width: 100%;
                    height: auto;
                    object-fit:cover;
                }
            .blogList01 li > a > div{
                line-height: 120%;
                width: 88%;
            }
                .blogList01 li > a > div h3{
                    margin-bottom: 5px;
                    font-size: 1.2em;
                }
                .blogList01 li > a > div span{
                    font-size: 1em;
                }
                .blogList01 li > a > div p{
                    font-size: 1em;
                }

/* =====================
  ブログ詳細
===================== */
.blogDetailWrap{
    width: 1060px;
    padding: 40px 20px;
    box-sizing: border-box;
    background-color: #FFF;

    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}
    .blogDetailWrap main{
        width: 760px;
    }
        .blogDetailWrap main .blogDetail_teitle{
            margin-bottom: 40px;
        }
            .blogDetailWrap main .blogDetail_teitle span.title{
                margin-bottom: 10px;
                font-size: 2em;
                font-weight: bold;
                display: block;
                line-height: 120%;
            }
            .blogDetailWrap main .blogDetail_teitle span.time{
                font-size: 1em;
                font-weight: bold;
                display: block;
                line-height: 120%;
            }
            .blogDetailWrap main .blogDetailText {
                margin-bottom: 30px;
            }

    .blogDetailWrap aside{
        width: 220px;
    }
        .blogDetailWrap aside h3{
            display: block;
            padding: 5px 10px;
            box-sizing: border-box;
            color: #FFF;
            background-color: #978888;
            font-size: 1.1em;
            font-weight: bold;

        }
        .blogDetailWrap aside .calArea{
            margin: 20px 0;
        }
            .blogDetailWrap aside .calArea .calBtn{
                margin-bottom: 10px;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: space-between; /* Safari */
                justify-content:    space-between;
            }
                .blogDetailWrap aside .calArea .calBtn li:nth-child(1),
                .blogDetailWrap aside .calArea .calBtn li:nth-child(3){
                    width: 20%;
                }
                    .blogDetailWrap aside .calArea .calBtn li:nth-child(1) a,
                    .blogDetailWrap aside .calArea .calBtn li:nth-child(3) a{
                        padding: 5px;
                        box-sizing: border-box;
                        text-align: center;
                        display: block;
                        width: 100%;
                        background-color: #AAA;
                        border-radius: 5px;
                        color: #FFF;
                        font-size: 0.8em;
                        line-height: 120%;
                    }
                .blogDetailWrap aside .calArea .calBtn li:nth-child(2){
                    width: 60%;
                    font-size: 1.2em;
                    text-align: center;
                }
                    .blogDetailWrap aside .calArea .calBtn li a{
                        width: 100%;
                    }
            .blogDetailWrap aside .calArea .cal{
                width: 100%;
            }
                .blogDetailWrap aside .calArea .cal th,
                .blogDetailWrap aside .calArea .cal td{
                    padding: 5px 0;
                    border-collapse: collapse;
                    border:1px solid #EEE;
                    text-align: center;
                    font-size: 0.9em;
                }
                .blogDetailWrap aside .calArea .cal td{
                    width: 14.285%;
                }
                    .blogDetailWrap aside .calArea .cal td a{
                        padding: 5px;
                        box-sizing: border-box;
                        text-align: center;
                        background-color: #978888;
                        color: #FFF;
                        border-radius: 5px;
                    }
        .blogDetailWrap aside .blogAsidelist01{
            display: block;
        }
            .blogDetailWrap aside .blogAsidelist01 li{
                margin-bottom: 5px;
                padding-bottom: 5px;
                border-bottom: 1px solid #DDD;
            }
                .blogDetailWrap aside .blogAsidelist01 li a{
                    display: block;
                }




/* =====================
  各種 ランキングlist
===================== */
.rankingList01{
}
    .rankingList01 li{
        margin-bottom: 5px;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:    space-between;
    }
        .rankingList01 li > span{
            display: block;
            width: 15%;
            text-align: center;
            border-radius: 3px;
        }
            .rankingList01 li:nth-child(1) > span{
                background-color: #ffd700;
                color: #FFF;
            }
            .rankingList01 li:nth-child(2) > span{
                background-color: #C0C0C0;
                color: #FFF;
            }
            .rankingList01 li:nth-child(3) > span{
                background-color: #C47222;
                color: #FFF;
            }
            .rankingList01 li:nth-child(4) > span,
            .rankingList01 li:nth-child(5) > span{
                background-color: #DDD;
            }

        .rankingList01 li > a{
            box-sizing: border-box;
            display: block;
            width: 80%;
        }

/* =====================
  各種 キャンペーンバナーlist
===================== */
.bnrList_2col{
    width: 100%;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}
    .bnrList_2col li{
        margin-bottom: 20px;
        width: 49%;
    }
        .bnrList_2col li > a{
            width: 100%;
            display: block;
        }
            .bnrList_2col li > a > img{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                height: auto;
                object-fit:cover;
            }

/* =====================
  背景色
===================== */
.bg_color_yellow{
    color: #ffffff;
    background-color: #EBB650;
    border-bottom: solid 3px #CC9B3B !important;
}
.bg_color_orange_grd{
    color: #ffffff;
    background: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
}
.bg_color_orange{
    color: #FFF;
    background-color: #EBB650;
}
.bg_color_gray{
    color: #333;
    background-color: #CCC;
}
.bg_color_white{
    color: #333;
    background-color: #FFF;
}
.bg_color_red{
    color: #FFF;
    background-color: #978888;
}
.bg_color_blue{
    color: #FFF;
    background-color: #4B6EA9;
}

/* =====================
  ボタン等背景色
===================== */
.bg_btn_color_white{
    color: #333;
    background-color: #FFF;
    border-bottom: solid 3px #CCC !important;
}
.bg_btn_color_gray{
    color: #333;
    background-color: #CCC;
    border-bottom: solid 3px #BBB !important;
}
.bg_btn_color_orange{
    color: #FFF;
    background-color: #EBB650;
    border-bottom: solid 3px #CC9B3B !important;
}
.bg_btn_color_yellow{
    color: #ffffff;
    background-color: #EBB650;
    border-bottom: solid 3px #CC9B3B !important;
}
.bg_btn_color_red{
    color: #FFF;
    background-color: #978888;
    border-bottom: solid 3px #CB446D !important;
}
.bg_btn_color_blue{
    color: #FFF;
    background-color: #4B6EA9;
    border-bottom: solid 3px #33558D !important;
}


/* =====================
  各種リンク
===================== */
.btmLink01{
    padding: 10px 10px;
    box-sizing: border-box;
    display: block;
    background-color: #EAEAEA;
    text-align: right;
}
    .btmLink01 > a{
        padding: 10px 20px;
        box-sizing: border-box;
        display: inline-block;
        line-height: 100%;
        border-radius: 5px;
        font-size: 0.8em;
    }


.link01_inlineblock{
    box-sizing: border-box;
    display: block;
}
    .link01_inlineblock a{
        padding: 10px 20px;
        box-sizing: border-box;
        display: inline-block;
        line-height: 100%;
        border-radius: 5px;
    }
    .link01_inlineblock a:hover{
        color: #FFF;
    }

.moreBtnArea{
  margin: 1em 0;
}
  .moreBtnArea a{
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 0.3em;
  }



/* =====================
  進む・戻るボタン
===================== */
.plev_next_btnArea{
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FAFAFA;
}
    .plev_next_btnArea > ul{
        width: 100%;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:    space-between;
    }
        .plev_next_btnArea > ul > li{
            width: 48%;
        }
            .plev_next_btnArea > ul > li a{
              padding: 10px 10%;
              box-sizing: border-box;
              display: block;
              background-color: #CCC;
              text-align: center;
              border-radius: 5px;
              border: 1px solid #CCCCCC;
              background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
            }
        .plev_next_btnArea > ul > li:nth-child(1){
            width: 48%;
        }
            .plev_next_btnArea > ul > li:nth-child(1) a{
                background-image: url(../img/icon_white_kakko04.svg);
                    background-position: 10% 50%;
                    background-size: 6px;
                    background-repeat: no-repeat;
            }
        .plev_next_btnArea > ul > li:nth-child(2){
            width: 48%;
        }
            .plev_next_btnArea > ul > li:nth-child(2) a{
                background-image: url(../img/icon_white_kakko02.svg);
                background-position: 90% 50%;
                background-size: 6px;
                background-repeat: no-repeat;
            }




/* =====================
  table
===================== */

/* tbl01 ***********/

.tbl01{
    width: 100%;
}
    .tbl01 th,
    .tbl01 td{
        padding: 10px 20px;
        box-sizing: border-box;
        border-collapse: collapse;
        border: 1px solid #DDD;
    }
    .tbl01 th{
        background-color: #FAFAFA;
        color: #000;
        font-weight: bold;
        text-align: left;
    }
    .tbl01 td{
    }

/* tbl02 ***********/

.tbl02{
    width: 100%;
}
    .tbl02 th,
    .tbl02 td{
        box-sizing: border-box;
        padding: 10px;
        border-collapse: collapse;
        border: 1px solid #AAA;
    }
    .tbl02 th{
        background-color: #EEE;
        width: 20%;
        vertical-align: top;
    }
    .tbl02 td{
        background-color: #FFF;
    }

/* form用 CSS ***********/

.tableForm{
    margin-bottom: 10px;
    width: 100%;
}
    .tableForm th,
    .tableForm td{
        padding: 10px 20px;
        box-sizing: border-box;
        border-collapse: collapse;
        border: 1px solid #CCC;
    }
    .tableForm th.mainTh{
        background-color: #eeeeee;
        color: #000;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
    }
    .tableForm th.subTh{
        background-color: #FAFAFA;
        color: #000;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
    }
    .tableForm td{
        background-color: #FFF;
    }
        .tableForm td img{
            display: block;
            width: 100%;
            max-width: 200px;
        }
        .tableForm td .form_postnum{
            margin-left: 5px;
            margin-bottom: 10px;
            padding: 5px;
            box-sizing: border-box;
            border: 1px solid #DDD;
            background-color: #FAFAFA;
            display: inline-block;
            width: 100px;
        }
        .tableForm td .form_text{
            padding: 5px;
            box-sizing: border-box;
            border: 1px solid #DDD;
            background-color: #FAFAFA;
            display: block;
            width: 100%;
            font-size: 16px;
        }
        .tableForm td .form_text2{
            margin-left: 5px;
            margin-bottom: 10px;
            padding: 5px;
            box-sizing: border-box;
            border: 1px solid #DDD;
            background-color: #FAFAFA;
            display: inline-block;
            width: 80%;
        }
        .tableForm td .form_drop{
            margin-bottom: 10px;
            padding: 5px;
            box-sizing: border-box;
            border: 1px solid #DDD;
            background-color: #FAFAFA;
            display: block;
            width: auto;
            font-size: 1.1em;
        }
    .btn01{
        padding: 10px 20px;
        box-sizing: border-box;
        border: none;
        display: inline-block;
        border-radius: 5px;
    }
.req{
    margin-left: 10px;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    background-color: #FFC107;
    color: #FFF;
    line-height: 100%;
    font-size: 0.8em;
    border-radius: 5px;
}

.sendBtnArea{
    padding: 20px;
    box-sizing: border-box;
    background-color: #FAFAFA;
}

.form_sendBtn{
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 30px;
    box-sizing: border-box;
    border: 0;
    font-size: 1.5em;
    width: 300px;
    display: block;
    border-radius: 5px;
}

/* formTbl01 ***********/

.formTbl01{
    width: 100%;
}
    .formTbl01 th,
    .formTbl01 td{
        box-sizing: border-box;
        padding: 10px;
        border-collapse: collapse;
        border: 1px solid #AAA;
    }
    .formTbl01 th{
        background-color: #EEE;
        width: 20%;
        vertical-align: top;
    }
    .formTbl01 td{
        background-color: #FFF;
    }
        .formTbl01 td a{
            text-decoration: underline;
        }
        .formTbl01 td input.textBox{
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
            background-color: #FFF;
            border: 1px solid #EEE;
            font-size: 14px;
        }
        .formTbl01 td input.btn01{
            padding: 5px 10px;
            box-sizing: border-box;
            background-color: #EEE;
            font-size: 14px;
            display: inline-block;
            text-align: center;
            border-radius: 5px;
            border-bottom: 3px solid #999;
        }
        .formTbl01 td textarea.textArea{
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
            background-color: #FFF;
            border: 1px solid #EEE;
            font-size: 14px;
            line-height: 140%;
        }
        .formTbl01 td img{
            display: block;
            width: 100%;
            max-width: 200px;
        }


/* 利用規約用 CSS */

.text00{
    margin-bottom: 10px;
    font-size: 0.9em;
}
.text01{
    margin-bottom: 10px;
    text-align: center;
    font-size: 0.9em;
}

.kiyakuArea{
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background-color: #FFF;
    overflow: scroll;
    height: 150px;
}
    .kiyakuArea h3{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .kiyakuArea > p,
    .kiyakuArea dl,
    .kiyakuArea dl dt,
    .kiyakuArea dl dd,
    .kiyakuArea dl dd ul li{
        font-size: 12px;
        line-height: 120%;
    }
    .kiyakuArea p{
        margin-bottom: 10px;
    }
    .kiyakuArea dl dt{
        margin-bottom: 5px;
        font-weight: bold;
    }
    .kiyakuArea dl dd{
        margin-bottom: 15px;
    }
        .kiyakuArea dl dd ul.listNum li{
            margin-left: 20px;
            list-style-type: decimal;
        }





/* =====================
  口コミ評価
===================== */
ul.valuation01{
    display: inline-block;
}
ul.valuation01:after {
    content: "";
    display: block;
    clear: both;
}
    ul.valuation01 > li{
        margin: 0;
        margin-right: 2px;
        display: inline-block;
        float: left;
        line-height: 100%;
        color: #555;
    }
ul.valuation01.num00 li{}
ul.valuation01.num01 li:nth-child(-n+1){ color: #EBB650; }
ul.valuation01.num02 li:nth-child(-n+2){ color: #EBB650; }
ul.valuation01.num03 li:nth-child(-n+3){ color: #EBB650; }
ul.valuation01.num04 li:nth-child(-n+4){ color: #EBB650; }
ul.valuation01.num05 li:nth-child(-n+5){ color: #EBB650; }

/* =====================
  口コミ評価　入力
===================== */
.input-range {
    display: none;
}
.range-group {
    margin-bottom: 5px;
    position: relative;
}
    .range-group > a {
        margin-right: 5px;
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    .range-group > a:before {
        content: "★";
        font-size: 30px;
        color: #aaa;
    }
    .range-group > a.hover:before {
        content: "★";
        font-size: 30px;
        color: #fc3;
    }
    .range-group > a.on:before {
        content: "★";
        color: #fc3;
    }

/* =====================
  口コミ評価　エントリー
===================== */
.kuchikomiEntry{}
.kuchikomiEntry .title01{
    margin-bottom: 5px;
}
.kuchikomiEntry .title01,
.kuchikomiEntry .textArea01{
    margin-bottom: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 1rem;
}
.kuchikomiEntry .title01::-webkit-input-placeholder,
.kuchikomiEntry .textArea01::-webkit-input-placeholder{ color: #555;}
.kuchikomiEntry .title01:-ms-input-placeholder,
.kuchikomiEntry .textArea01:-ms-input-placeholder{ color: #555;}
.kuchikomiEntry .title01::-moz-placeholder,
.kuchikomiEntry .textArea01::-moz-placeholder{ color: #555;}

.kuchikomiEntry input.entryBtn {
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    width: auto;
    display: block;
    font-size: 1rem;
}

/* =====================
  ログインエリア
===================== */
.loginArea{
    width: 1100px;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}
    .loginArea .left,
    .loginArea .right{
        padding: 10px;
        width: 47%;
    }
        .loginArea .left .wrap,
        .loginArea .right .wrap{
            padding: 10px;
            box-sizing: border-box;
        }
        .loginArea .left h3,
        .loginArea .right h3{
            margin-bottom: 10px;
            padding: 5px 0;
            font-size: 1.5em;
            font-weight: bold;
            border-bottom: 5px solid #978888;
        }
        .loginArea .left > .wrap > p,
        .loginArea .right > .wrap > p{
            margin-bottom: 20px;
        }
        .loginArea .left .forget{
            padding: 5px 0;
        }
            .loginArea .left .forget a{
                padding: 3px 10px;
                line-height: 100%;
                box-sizing: border-box;
                display: inline-block;
                border-radius: 5px;
            }

        .loginArea .left{}
            .loginArea .left dl{
                padding: 20px;
                box-sizing: border-box;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: space-between; /* Safari */
                justify-content:    space-between;
                background-color: #FFFCF4;
                border: 1px solid #FFEFC3;
            }
                .loginArea .left dl dt{
                    padding: 5px 0;
                    box-sizing: border-box;
                    width: 25%;
                }
                .loginArea .left dl dd{
                    width: 72%;
                }
                    .loginArea .left dl dd input{
                        padding: 5px;
                        box-sizing: border-box;
                        width: 100%;
                        display: block;
                    }
            .loginArea .btn_login{
                border: 0;
                border-radius: 5px;
                padding: 10px;
                box-sizing: border-box;
                width: 200px;
                display: block;
                font-size: 1rem;
                text-align: center;
                line-height: 120%;
            }
        .loginArea .right{}


/* 予約マップ */
.reserve_map{
    margin: 50px 0;
}
.reserve_map .reserve_mapList{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    align-self: center;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
.reserve_map .reserve_mapList li{
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    width: 23%;
    background-color: #F1F1F1;
    border: 1px solid #DDD;
    position: relative;
    font-size: 1.3em;
    font-weight: bold;
    color: #555;
}
.reserve_map .reserve_mapList li:after{
    content: "";
    width: 3%;
    height: 100%;
    display: block;
    background-image: url(../img/icon_black_kakko02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
    position: absolute;
    top: 0;
    right: -7%;
}
.reserve_map .reserve_mapList li:last-child:after{
    background-image: none;
}
.reserve_map .reserve_mapList li.on{
    background-color: #ebb650;
    color: #FFF;
    border: none;
}

.reserve_entry_btn_area{
    padding: 20px;
    box-sizing: border-box;
}
.reserve_entry_btn_area a{
    margin: 0 auto 20px;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    width: 60%;
    text-align: center;
    border-radius: 5px;
    font-size: 1.5em;
}

/* 予約完了 */
.reserveCautionTitle{
    margin: 20px 0;
    font-size: 2em;
    text-align: center;
    color: #ebb650;
    font-weight: bold;
}
.reserveCautionText{
    margin-bottom: 50px;
    font-size: 1.2em;
    text-align: center;
    color: #333;
    font-weight: bold;
}
.reserveCaution{
    padding: 20px;
    box-sizing: border-box;
    border:1px solid #FFEFC3;
    background-color: #FFFCF4;
}
.reserveCaution > p{
    margin-bottom: 20px;
}
.reserveCautionList{}
.reserveCautionList li{
    position: relative;
    margin-left: 20px;
    color: #ebb650;
}
.reserveCautionList li:before{
    content: "※";
    position: absolute;
    left: -20px;
}


/* スタッフエリア */
.staffList{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    align-self: center;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:flex-start;
}
.staffList > li{
    margin-right: 2%;
    margin-bottom: 20px;
    width: 18%;
    border:1px solid #DDD;
    border-radius: 5px;
}
.staffList > li:nth-child(5n){
    margin-right: 0;
}
.staffList > li > .wrap{
    padding: 10px;
    box-sizing: border-box;
}
.staffList > li > .wrap > figure{
    margin-bottom: 10px;
    width: 100%;
}
.staffList > li > .wrap > figure img{
    width: 100%;
    display: block;
    height: auto;
}
.staffList > li > .wrap > .textArea{}
.staffList > li > .wrap > .textArea .name{}
.staffList > li > .wrap > .textArea .type{
    font-size: 0.9em;
}
.staffList > li > .wrap > .textArea .fee{
    margin-bottom: 5px;
    font-size: 0.9em;
}
.staffList > li > .wrap > a{
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 100%;
    border-radius: 5px;
    display: block;
}
.staffList > li > .wrap > a:hover{
    color: #FFF;
}

/**********************************
  タイトル
**********************************/
.title01{
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 2.2em;
    color: #FFF;
    font-weight: bold;
    border-left: 10px solid #B40C20;
    background-color: #978888;
    line-height: 120%;
}


/**********************************
  エリアページ作成機
**********************************/
.areaPageList{
    margin: 0 0 20px;
    background-color:#ffffff;
}

/**********************************
  利用規約
**********************************/
.termSec{}

.termSecDl{}
    .termSecDl dt{
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em;
    }
    .termSecDl dd{
        margin-bottom: 2em;
    }
        .termSecDl dd > ol{
            margin-left: 2em;
            list-style-type: decimal;
        }
            .termSecDl dd > ol > li{}
                .termSecDl dd > ol > li > ol{
                    margin-left: 2em;
                    list-style-type: lower-alpha;
                }
                    .termSecDl dd > ol > li > ol > li{}