@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{color:#4C4C80;text-decoration:none;}
a:hover{color:#4C4C80;text-decoration:none;}

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

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


/* =====================
  header
===================== */
.mean-bar{
  margin-top: 12px;
}

header{
    background-color: #FFF;
    position: relative;
}
    header #headerWrap{
        padding: 10px 0 0px;
        margin: 0 auto;
        width: 100%;
    }
            header #headerWrap #headerCol{
                width: 100%;
            }
                header #headerWrap #headerCol #left{
                    width: 100%;
                    z-index: 999999;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                header #headerWrap #headerCol #left a{
                    width: 28%;
                    max-width: 110px;
                    display: block;
                    position: absolute;
                    top: 16px;
                    left: 2%;
                }
                    header #headerWrap #headerCol #left a img{
                        width: 100%;
                        display: block;

                    }
                    header #headerWrap #headerCol .siteH1{
                      width: 100%;
                      display: block;
                      font-size: 0.8em;
                      position: absolute;
                      top: 0;
                      left: 0px;
                      z-index: 999999;
                      line-height: 110%;
                      overflow: scroll;
                      white-space: nowrap;
                      background-color: #555;
                      color: #FFF;
                    }
                header #headerWrap #headerCol #right{
                    width: 100%;
                    box-sizing: border-box;
                    margin-top: 0px;
                    margin-left: auto;
                    margin-right: auto;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    padding: 10px;
                }
                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: #333;
}
    nav#gm ul{
        margin: 0 auto;
        width: 100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:         flex-start;
    }
        nav#gm ul li{

        }
            nav#gm ul li a{
                padding: 15px 25px;
                box-sizing: border-box;
                width: 100%;
                display: block;
                height: auto;
                color: #FFF;
                font-size: 1.2em;
            }

/* =====================
  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: 100%;

    }
    figure#mainArea #mainAreaWrap #left{
        width: 100%;
    }
    figure#mainArea #mainAreaWrap #right{
        width: 100%;
    }


    /* メインエリア 検索 */
    .searchBox01{
      width: 100%;
      /* height: 470px; */
      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.3em;
            line-height: 100%;
            font-weight: bold;
            background-color: #978888;
            color: #FFF;
            display: block;
            width: 100%;
        }
            .searchBox01 .searchBox01Wrap{
              width: 100%;
              /* height: 450px; */
              margin: 0 auto;
              /* background-image: url('../img/tokyo.svg');
              background-position: 40% 50%;
              background-size: 85%;
              background-repeat: no-repeat;
              position: relative; */
            }
            .searchBox01 .searchBox01Wrap a.link01{
              /* position: absolute;
              top: 180px;
              left: 4%;
              width: 18%; */
              display: block;
            }
              .searchBox01 .searchBox01Wrap a.link01 img{
                display: block;
                width: 100%;
                height: auto;
              }
            .searchBox01 .searchBox01Wrap .link02{
              /* position: absolute;
              top: 10px;
              right: 10px;
              width: 150px; */
              display: block;
            }
              .searchBox01 .searchBox01Wrap .link02 img{
                display: block;
                width: 100%;
                height: auto;
              }

ul.area_tokyo{
  /* position: absolute;
  top: 180px;
  left: 25%; */
  padding: 0 1em;
}
  ul.area_tokyo li{
    display: inline-block;
    margin-bottom: 0.3em;
    width: 23.993%;
  }
    ul.area_tokyo li a{
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 0.8em 0.5em;
      line-height: 110%;
      border-radius: 3px;
      background: linear-gradient(#FFF,#E8E8E8);
      border: 1px solid #E8E8E8;
      text-align: center;
      font-size: 1em;
      color: #010101;
    }



.accordion {
    width: 94%;
    margin: 0 auto 1em;
}
.accordion li {
    margin-bottom: 0.2em;
}
.accordion li div {display: none;}
.accordion li .inner1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    background-color: #F3F3F3;
    box-sizing: border-box;
    padding: 0.2em;
    margin-bottom: 0.5em;
}
.accordion li > p{
    padding: 0.5em;
    background-color: #EB5382;
    color: #FFF;
    text-align: center;
    background-image: url('../img/arr01_wh_03.svg');
    background-position: 94% 50%;
    background-size: 8px;
    background-repeat: no-repeat;
    font-size: 1.2em;
}
    .accordion li .inner1 li{
        margin-right: 0.5%;
        width: 33.0%;
        padding: 5px;
        box-sizing: border-box;
    }
        .accordion li .inner1 li a{
            width: 100%;
            padding: 5px 10px 5px 30px;
            box-sizing: border-box;
            background-image: url("../img/icon_arw_red01.png");
            background-size: 12px;
            background-repeat: no-repeat;
            background-position: 10px 50%;
            display: block;
            background-color: #FFF;
            border-bottom: 3px solid #EEE;
            border-radius: 5px;

        }
    .accordion li .inner1 li:nth-child(3n){
        margin-right: 0;
    }



table.serchTbl{
    width: 100%;
}
    table.serchTbl th,
    table.serchTbl td{
        display: block;
        width: 100%;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    table.serchTbl th{
        padding: 10px 15px;
        background-color: #EAEAEA;
        text-align: center;
        font-size: 0.9em;
        line-height: 100%;
    }
    table.serchTbl td{
        padding: 5px;
        background-color: #F3F3F3;
    }
        table.serchTbl td ul{
            width: 100%;
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }
            table.serchTbl td ul li{
                margin-right: 2%;
                margin-bottom: 5px;
                width: 32%;
            }
            table.serchTbl td ul li:nth-child(3n){
                margin-right: 0;
            }
                table.serchTbl td ul li a{
                    padding: 5px 10px 5px 30px;
                    box-sizing: border-box;
                    background-image: url("../img/icon_arw_red01.png");
                    background-size: 12px;
                    background-repeat: no-repeat;
                    background-position: 10px 50%;
                    display: block;
                    background-color: #FFF;
                    border-bottom: 3px solid #EEE;
                    border-radius: 5px;
                }

table.serchTbl02{
    width: 100%;
}
    table.serchTbl02 th,
    table.serchTbl02 td{
        display: block;
        width: 100%;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    table.serchTbl02 th{
        padding: 10px 15px;
        background-color: #EAEAEA;
        text-align: center;
        font-size: 0.9em;
        line-height: 100%;
    }
    table.serchTbl02 td{
        padding: 5px;
        background-color: #F3F3F3;
    }
        table.serchTbl02 td ul{
            width: 100%;
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }
            table.serchTbl02 td ul li{
                margin-right: 2%;
                margin-bottom: 5px;
                width: 32%;
            }
            table.serchTbl02 td ul li:nth-child(3n){
                margin-right: 0;
            }
                table.serchTbl02 td ul li a{
                    padding: 5px 10px 5px 30px;
                    box-sizing: border-box;
                    background-image: url("../img/icon_arw_red01.png");
                    background-size: 12px;
                    background-repeat: no-repeat;
                    background-position: 10px 50%;
                    display: block;
                    background-color: #FFF;
                    border-bottom: 3px solid #EEE;
                    border-radius: 5px;
                }

/* 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:flex;
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:         space-between;
    }
        .ChangeElem_Btn_Content > ul > li{
            background-color: #EA7F8C;
            border-radius: 10px 10px 0 0;
            width: 49%;
            text-align: center;
        }
        .ChangeElem_Btn_Content > ul > li.is-active{
            background-color: #EB5382;
            color: #FFF;
        }
            .ChangeElem_Btn_Content > ul > li > a{
                padding: 0.5em 0px;
                box-sizing: border-box;
                border: none;
                font-size: 1em;
                color: #FFF;
                display: block;
                border-radius: 10px 10px 0 0;
                width: 100%;
                text-align: center;
            }
            .ChangeElem_Btn_Content > ul > li > a span{
                font-weight: bold;
                font-size: 1.2em;
                color: #FFF;
            }



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

/* エリアサーチ */
.serchBox01{
    padding: 10px;
    box-sizing: border-box;
    border-top: 5px solid #EB5382;
    background-color: #FFF;
    border-bottom: 5px solid #EB5382;
}


.serchBox01_areaDl{
    margin-bottom: 10px;
    width: 100%;
}
    .serchBox01_areaDl > dt{
        /* padding: 5px 0; */
        margin-bottom: 0.2em;
        box-sizing: border-box;
        width: 100%;
        font-size: 1.1em;
        font-weight: normal;
    }
      .serchBox01_areaDl > dt br{
        display: none;
      }
    .serchBox01_areaDl > dd{
        padding: 0 0 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #DDD;
    }
        .serchBox01_areaDl > dd .condList01 li{
            margin-bottom: 0.5em;
            width: auto;
        }

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

.categoryList{
  box-sizing: border-box;
  padding: 0 10px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
  .categoryList li{
    width: 49%;
    margin-bottom: 10px;
  }
    .categoryList li label,
    .categoryList li a{
      width: 100%;
      text-align: center;
      display: block;
    }
    .categoryList li a{
      box-sizing: border-box;
      padding: 15px 8px;
      font-size: 1.1em;
      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;
    }


    .serchBox01_areaDl > dd:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
        .serchBox01_areaDl dd > div > dl.condDl{
            margin: 0 0 5px;
            width: 100%;
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }
            .serchBox01_areaDl dd > div > dl.condDl > dt{
                width: 30%;
            }
            .serchBox01_areaDl dd > div > dl.condDl > dd{
                width: 70%;
                background-color: #F0F0F0;
            }
        .serchBox01_areaDl dd ul.tab{
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }

.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;
      width: 120px;
      margin-right: 10px;
    }
    .stationList li span{
      box-sizing: border-box;
      padding: 25px 0;
      display: block;
      width: 80px;
      height: 80px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 60px;
      border: 5px solid #333;
      font-size: 18px;
      text-align: center;
      background-color: #FFF;
    }
    .stationList li p{
      box-sizing: border-box;
      font-size: 14px;
      line-height: 150%;
      word-break: break-all;
      width: 120px;
      text-align: center;
    }

/* 使い回しボタン */
.btn_defo_block{
    display: block;
}
.btn_defo_inline{
    display: inline-block;
}
.btn_defo_block,
.btn_defo_inline{
    padding: 0.3em 1em;
    border: 1px solid #978888;
    background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
    border: 1px solid #CCC;
    border-radius: 5px;
}


/* 選択中のエリア*/
.searchinfo{
    margin-bottom: 0.5em;
}
    .searchinfo dt{
        font-weight: bold;
        font-size: 1em;
        padding: 0;
        line-height: 1;
        padding-right: 0.5em;
        margin-bottom: 0.5em;
    }
        .searchinfo dt br{
            display: none;
        }
    .searchinfo dd{
        padding-bottom: 0.5em;
    }
        .searchinfo dd .condDl01{
            display: flex;
        }
        .searchinfo dd .condDl01 dt{
            margin: 0;
            padding: 0;
            background: none;
            color: #978888;
            font-weight: bold;
            border-radius: 0 0;
            line-height: 120%;
            width: auto;
            margin-right: 0.5em;
            margin-bottom: 0.3em;
            font-size: 0.9em;
        }
        .searchinfo dd .condDl01 dd{
        }
            .searchinfo dd .condDl01 dd ul li{
                margin-right: 0.5em;
                display: inline-block;
                width: auto;
                font-size: 0.9em;
            }

/* サービスカテゴリ*/
.searchinfo2{}
    .searchinfo2 dt{
        font-weight: bold;
        font-size: 1.1em;
    }
        .searchinfo2 dt br{
            display: none;
        }
        .searchinfo2 dd{}
        .searchinfo2 dd .condList{}
        .searchinfo2 dd .condList li{
            margin-right: 1em;
        }


.serchBox01_areaDl{
    margin-bottom: 10px;
    width: 100%;
}
    .serchBox01_areaDl > dt{
        /* padding: 5px 0;  */
        box-sizing: border-box;
        width: 100%;
        font-size: 1.1em;
        font-weight: bold;
    }
    .serchBox01_areaDl > dd{
        padding: 0 0 10px;
        margin-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #DDD;
    }
    .serchBox01_areaDl > dd:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
        .serchBox01_areaDl dd > div > dl.condDl{
            margin: 0 0 5px;
            width: 100%;
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }
            .serchBox01_areaDl dd > div > dl.condDl > dt{
                width: 30%;
            }
            .serchBox01_areaDl dd > div > dl.condDl > dd{
                width: 70%;
                background-color: #F0F0F0;
            }
        .serchBox01_areaDl dd ul.tab{
            display:flex;
            flex-wrap:wrap;
            justify-content:         flex-start;
        }
            .serchBox01 dd ul.tab > li{
                width: 100%;
            }
        .serchBox01 dd a{
            display: inline-block;
        }

.condDl01{
    margin-bottom: 5px;
    display:flex;
    flex-wrap:wrap;
    justify-content:         flex-start;
        }
    .condDl01 > dt{
        /* margin: 0 0 0.5em; */
        padding: 5px 1em;
        box-sizing: border-box;
        font-size: 1em;
        background-color: #978888;
        color: #FFF;
        border-radius: 5px 5px 0 0;
        line-height: 120%;
        width: 100%;
    }
    .condDl01 > dd{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        border: none;
        width: 100%;
    }


.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:flex;
    flex-wrap:wrap;
    justify-content:         flex-start;
}
    .serchBox02_areaDl dt{
        padding: 12px 0;
        box-sizing: border-box;
        width: 25%;
        font-size: 1em;
        line-height: 120%;
        font-weight: bold;
    }
    .serchBox02_areaDl dd{
        padding: 0 0;
        width: 75%;

    }

.searchBtnArea{
/*    padding: 40px 20px 0;*/
    box-sizing: border-box;
        display:flex;
        flex-wrap:wrap;
        justify-content:         flex-start;

}
    .searchBtnArea > .searchBtnAreaWrap{
        padding: 5px 10px;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
        background-color: #F5F5F5;
    }
        .searchBtnArea > .searchBtnAreaWrap > p.searchFukidashi{
            padding: 5px 10px;
            width: 90%;
            box-sizing: border-box;
            font-size: 0.8em;
            font-weight: bold;
            line-height: 110%;
            text-align: center;
        }
            .searchBtnArea > .searchBtnAreaWrap > p.searchFukidashi > span{
                margin-left: 5px;
                font-size: 1.9em;
                font-weight: bold;
                line-height: 110%;
                color: #EB5382;
        }

/* 検索ボタン */

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

.condDl{
    margin-bottom: 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:         flex-start;
        }
    .condDl > dt{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 1em;
        background-color: #EB5382;
        color: #FFF;
    }
    .condDl > dd{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border: none;
    }
        ul.condList01{
            display:flex;
            flex-wrap:wrap;
            justify-content:flex-start;
        }
            ul.condList01 > li{
              width: 23%;
              margin-bottom: 5px;
              margin-right: 2.3%;
            }
        ul.condList{
            display:flex;
            flex-wrap:wrap;
            justify-content:flex-start;
        }
            ul.condList >li{
                width: 49%;
                margin-bottom: 5px;
                padding: 5px;
                box-sizing: border-box;
                background-color: #FAFAFA;
                border: 1px solid #EEE;
                border-radius: 3px;
                line-height: 150%;
                font-size: 0.9em;
            }

/* 選択中のエリア */

ul.condList01{
    display:flex;
    flex-wrap:wrap;
    justify-content:         flex-start;
}
    ul.condList01 > li{
        margin-right: 1em;
        /* 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:flex;
    flex-wrap:wrap;
    justify-content:         flex-start;
}
    ul.condList02 > li{}
        ul.condList02 > li > a{
            display: inline-block;
        }





/* フリーワードエリア */

.freeword_search_box{
    padding: 1em 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 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: 75%;
    border: 1px solid #CCC;
    border-radius: 5px;
}
.freeword_search_box input[type="submit"]{
    width: 20%;
    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: 1em;
    padding: 10px 2%;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #FFF;
}
    .freeword_search_area .freeword_search_area_dl{
        display:flex;
        flex-wrap:wrap;
        justify-content:         space-between;
    }
        .freeword_search_area .freeword_search_area_dl dt{
            width: 70%;
            font-size: 1em;
            font-weight: bold;
            line-height: 120%;
        }
            .freeword_search_area .freeword_search_area_dl dt input[type="search"]{
                width: 100%;
                font-size: 1em;
                line-height: 1.2;
                display: block;
                border: 1px solid #CCC;
                background-color: #FFF;
            }
        .freeword_search_area .freeword_search_area_dl dd{
            width: 25%;
        }
            .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: 73%;
                    border: 1px solid #DDD;
                }
                .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn{
                    width: 100%;
                    box-sizing: border-box;
                }
                    .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn .input02{
                        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.4em;
                        background-image: url(../img/icon_search_wh.svg);
                        background-size: 22px;
                        background-repeat: no-repeat;
                        background-position: 20px 50%;
                        background-color: #EB5382;
                        border-bottom: 3px solid #CB446D;
                        color: #FFF;
                    }
                    .freeword_search_area .freeword_search_area_dl dd > .wrap > .btn .input03{
                        display: none;
                    } */

.trainLink{
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  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%;
    }



/*****************************
    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:10px;
        width: 30px;
        height: 30px;
    }
        .modal .modalCloseBtn img{
          display: block;
        }
    /* モーダルウィンドウの中身のスタイル */
    .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: #EB5382;
        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: 20px;
        box-sizing: border-box;
        border: 5px solid #EB5382;
        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: 30px 10px 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:flex;
        flex-wrap:wrap;
        justify-content:    flex-start;
    }
        .modalDl dl dd ul li{
            width: 24%;
        }
    .modalDl dl dd ul.areaList > li{
        width: 50%;
    }

    .condArea{
        width: 100%;
    }
        .condArea .checkedCondArea{
            width: 100%;
            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: 100%;
        }
            .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: 100%;
}

main#contents800{
  padding: 0;
  width: 100%;
  background-color: #FFF;
}
main#contents1000{
    width: 100%;
}
section.contents01{}

.spWrap{
    padding: 0 2%;
}


/* =====================
  aside
===================== */
aside#sidemenu01{
  padding: 0;
  background-color: #FFF;
}


/* =====================
  footer
===================== */
footer{}
  #footerArea02{
      padding: 0 0 20px;
      box-sizing: border-box;
      /* background-color: #F08CAB; */
  }
      #footerArea02_wrap {
          margin: 0 auto;
          width: 100%;
          color: #FFF;
      }
          #footerArea02_wrap h2{
            width: 90%;
            max-width: 150px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.2em;
            font-weight: bold;
            display: block;
          }
            #footerArea02_wrap h2 a{
                padding-top: 1em;
                padding-bottom: 1em;
                width: 100%;
                display: block;
            }
              #footerArea02_wrap h2 a img{
                  width: 100%;
                  height: auto;
                  display: block;
              }
            #footerArea02_wrap ul.footerLink{
              width: 100%;
              border-top: 1px solid #978888;
              flex-wrap: wrap;
              padding: 10px;
              text-align: center;
            }
              #footerArea02_wrap ul.footerLink li{
                display: inline-block;
              }
                #footerArea02_wrap ul.footerLink li a{
                  padding: 5px 15px;
                  width: 100%;
                  display: block;
                }
            #footerArea02_wrap ul.footerBtn{
              width: 96%;
              margin-left: auto;
              margin-right: auto;
              display: flex;
              justify-content: space-between;
            }
              #footerArea02_wrap ul.footerBtn li{
                margin-bottom: 0.5em;
                display: block;
                width: 49%;
              }
                #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;
                  text-align: center;
                }


  #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;
        line-height: 1.3em;
      }


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

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

/* box  *********************************/
.box_pink_waku{
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  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-top: 1px solid #CCC;
    /* border-bottom: 1px solid #CCC; */
    overflow: hidden;
    width: 100%;
    background: #FFF;
}
    .box2 h3{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
        border-bottom: 1px solid #CCC;
        padding: 0.8em 0.5em;
    }
        .box2 h3 span{
            font-weight: bold;
            display: block;
            font-size: 1.2em;
        }
        .box2 h3 a{
            padding: 0.3em 1.5em;
            display: inline-block;
            border-radius: 0.3em;
            border: 1px solid #CCC;
        }
        .box2 .box2__wrap{
            padding: 1em;
        }

/* list  *********************************/
.list01{
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}
.list01 li{
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    display: block;
    line-height: 1;
    width: 50%;
  }
    .list01 li:nth-child(2n){
        border-right: none;
    }
    .list01 li a{
        padding: 0.8em 1em;
        color: #978888;
        display: block;
        position: relative;
    }
        .list01 li a::after{
            display: block;
            width: 5px;
            height: 5px;
            content: "";
            border-right: 1px solid #978888;
            border-bottom: 1px solid #978888;
            transform: rotate(45deg);
            position: absolute;
            top: 50%;
            right: 1em;
            margin-top: -4px;
        }


/* =====================
  パンくず
===================== */
.pankuzu{
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: #EEE;
    width: auto;
    overflow-x: scroll;
    white-space: nowrap;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    display: block;
    padding: 0;

}
    .pankuzu li,
    .pankuzu li a{
        color: #000;
        line-height: 100%;
    }
    .pankuzu li{
        background-image: url(../img/icon_black_kakko02.svg);
        background-repeat: no-repeat;
        background-size: 3px;
        background-position: right 5px bottom 50%;
        display: inline-block;
        padding: 0;
        border-right: 1px solid #DDD;
    }
    .pankuzu li:last-child{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 3px;
        padding-right: 15px;
        box-sizing: border-box;
        margin-right: 0;
        background-image:none;
        font-size: 0.8em;
    }
        .pankuzu li a,
        .pankuzu li span{
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 3px;
            padding-right: 15px;
            box-sizing: border-box;
            display: block;
            font-size: 0.8em;
        }






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

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: 5px;
        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 10px;
            font-size: 14px;
        }
        div.paginationArea  ul.pagination li a.active {
            background-color: #EB5382;
            color: white;
        }

/* =====================
  店舗一覧
===================== */
.shopList{
    padding: 0 10px;
}
    .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: grid;
    }
        /* .shopList li h3 > span.area,
        .shopList li h3 > span.shopname,
        .shopList li h3 > span.favo{
          padding: 0 10px;
        } */
        .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; */
            grid-row: 2 / 2;
            grid-column: 1 / 2;
        }
        .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;
            grid-row: 1 / 2;
            grid-column: 1 / 3;
        }
        .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; */
            grid-row: 2 / 2;
            grid-column: 2 / 3;
        }


    .shopList li > .shopListWrap{
        padding: 10px 10px 10px;
    }
        .mensEstheSearchTxt{
          padding: 5px;
          background-color: #FFF;
        }
          .mensEstheSearchTxt .mensEstheSearchTitle{
            margin-bottom: 20px;
            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: 10px;
          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: 5px;
          }
            #areaLinkArea ul li a{
              padding: 5px 15px;
              display: block;
              background: linear-gradient(#FFF,#EEE);
              border-radius: 5px;
              border: 1px solid #CCC;
            }



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

            .shopList li > .shopListWrap > .shopListCondArea > .left{
                width: 100%;
                margin-bottom: 10px;
            }
                .shopList li > .shopListWrap > .shopListCondArea > .left img{
                  width: 100%;
                  height: auto;
                  object-fit: contain;
                  display: block;
                }
            .shopList li > .shopListWrap > .shopListCondArea > .right{
                width: 100%;
            }
                .shopList li > .shopListWrap > .shopListCondArea > .right > .shopInformation{
                    margin-bottom: 10px;
            
                    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: 30%;
                      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: 68%;
                    }
                .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList{
                  display: block;
                }
                    .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList li{
                      display: inline-block;
                      margin-bottom: 5px;
                      margin-right: 5px;
                      padding: 7px 15px;
                      font-size: 0.8em;
                      line-height: 100%;
                      border-radius: 3px;
                      /*background-color: #EB5382;*/
                      background-color: #F0F0F0;
                      border: 1px solid #DDD;
                      color: #000;
                      width: auto;
                    }
/*                    .shopList li > .shopListWrap > .shopListCondArea > .right > ul.condList li.on{
                        background-color: #EB5382;
                        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:-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:-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{
        display: none;
    }

    .shopList li > .shopList_forDetail_sp{
            padding: 10px;
            box-sizing: border-box;
            background-color: #EAEAEA;
    }
        .shopList li > .shopList_forDetail_sp a{
                padding: 10px;
                box-sizing: border-box;
                background-color: #EB5382;
                display: block;
                width: 100%;
                color: #FFF;
                text-align: center;
                font-size: 1.2em;
                border-radius: 5px;
        }
.shop_list_wrap{
  padding: 0 10px;
  box-sizing: border-box;
}

#shop_list_header{}
#shop_list_header #shop_list_header_wrap{}



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

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

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

    #shopDetail_main > #shopDetail_main_info{
        margin-right: auto;
        margin-left: auto;
        width: 96%;
    }
        ul.snsArea{
            margin-bottom: 10px;
            display:flex;
            align-self: center;
            flex-wrap:wrap;
            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: 100%;
        }
            #shopDetail_main > #shopDetail_main_info #left img{
                margin-bottom: 10px;
                width: 100%;
                display: block;
                height: auto;
            }



        #shopDetail_main > #shopDetail_main_info #right{
            width: 100%;
        }
        #shopDetail_main > #shopDetail_main_info table#shopInformation{
            margin-bottom: 10px;
            width: 100%;
        }
            #shopDetail_main > #shopDetail_main_info table#shopInformation th{
              text-align: left;
              font-weight: bold;
              font-size: 0.9em;
              line-height: 140%;
              width: 18%;
            }
            #shopDetail_main > #shopDetail_main_info table#shopInformation td{
              width: auto;
              font-size: 0.9em;
              line-height: 140%;
            }

/* PC お問い合わせエリア */
        .shopDetail_main_info_contact_pc{
            display: none;
        }

/* スマホ お問い合わせエリア */
        .shopDetail_main_info_contact_sp{
            padding: 2%;
            box-sizing: border-box;
            background-color: rgba(0,0,0,0.6);
            position: fixed;
            bottom: 0px;
            left: 0px;
            z-index: 99999;
            width: 100%;
        }
        .shopDetail_main_info_contact_sp h4{
            margin-bottom: 10px;
            font-size: 1.3em;
            font-weight: bold;
            color: #FFF;
            text-align: center;
        }
            .shopDetail_main_info_contact_sp > .wrap > ul{
                width: 100%;
                height: auto;
        
                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;
            }
                .shopDetail_main_info_contact_sp > .wrap > ul li{
                    width: 32%;
                    height: auto;
                    border-radius: 5px;
                }
                .shopDetail_main_info_contact_sp > .wrap > ul li:last-child{
                    margin-right: 0;
                }
                    .shopDetail_main_info_contact_sp > .wrap > ul li a{
                        padding: 5px 10px;
                        box-sizing: border-box;
                        width: 100%;
                        height: auto;
                        display: block;
                        color: #FFF;
                        text-align: left;
                        font-size: 1.2em;
                    }

                    .shopDetail_main_info_contact_sp > .wrap > ul li#tel{
                        background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                        border: 1px solid #ED3E52;
                    }
                      .shopDetail_main_info_contact_sp > .wrap > ul li#tel a{

                      }

                    .shopDetail_main_info_contact_sp > .wrap > ul li#mail{
                        background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                        border: 1px solid #ED3E52;
                    }
                      .shopDetail_main_info_contact_sp > .wrap > ul li#mail a{

                      }
                    .shopDetail_main_info_contact_sp > .wrap > ul li#bookmark{
                        background: linear-gradient(to bottom, #FF9BA2 0%,#F85164 100%);
                        border: 1px solid #ED3E52;
                    }
                      .shopDetail_main_info_contact_sp > .wrap > ul li#bookmark a{

                      }


                        .shopDetail_main_info_contact_sp > .wrap > ul li a img{
                            margin: 0 auto;
                            display: block;
                            width: 100%;
                            max-width: 25px;
                            height: auto;
                        }
                        .shopDetail_main_info_contact_sp > .wrap > ul li a p{
                            margin-top: 5px;
                            font-size: 0.7em;
                            text-align: center;
                            line-height: 120%;
                            color: #FFF;
                        }

                #shopDetail_main > #shopDetail_main_info #right > ul#shopDetail_condList{
                    margin-bottom: 10px;
            
                    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: 5px;
                        padding: 5px 10px;
                        box-sizing: border-box;
                        font-size: 0.8em;
                        line-height: 100%;
                        border-radius: 3px;
                    }
                    #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:-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{
                        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:-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#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 4%;
    box-sizing: border-box;
    display:flex;
    align-self: center;
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
    .tabBtnArea ul li{
        background-color: #EA7F8C;
        border-radius: 5px 5px 0 0;
        width: 48%;
    }
        .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;
          text-align: center;
        }
    .tabBtnArea ul li.is-active{
    }
        .tabBtnArea ul li.is-active a{
          color: #FFF;
          background-color: #978888;
        }

.tab01{
    padding: 20px 0 ;
    margin-bottom: 20px;
    background-color: #FFF;
    box-sizing: border-box;
    border-top: 2px solid #978888;
}
    .tab01 > h3{
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 15px!important;
        font-size: 1.5em;
        line-height: 120%;
    }

/* 取扱商品エリア */
.shopDetail_syohin{
    margin-bottom: 20px;
}
    .shopDetail_syohin .shopDetail_syohin_list{

    }
        .shopDetail_syohin .shopDetail_syohin_list li{
            margin-bottom: 20px;
            box-sizing: border-box;
            width: 100%;

            display:flex;
            align-self: center;
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:space-between;
        }

            .shopDetail_syohin .shopDetail_syohin_list li figure{
                display: block;
                width: 30%;
                height: auto;
            }
                .shopDetail_syohin .shopDetail_syohin_list li figure img{
                    display: block;
                    width: 100%;
                    height: 80px;
                    object-fit: cover;
                }
                .shopDetail_syohin .shopDetail_syohin_list li div{
                    width: 65%;
                }
                .shopDetail_syohin .shopDetail_syohin_list li h5{
                    margin-bottom: 5px;
                    font-size: 1.1em;
                    font-weight: bold;
                    line-height: 120%;
                    color: #EB5382;
                }
                .shopDetail_syohin .shopDetail_syohin_list li p{
                    line-height: 130%;
                }

/* 取扱業務エリア */
/*.shopDetail_gyomu{
    margin-bottom: 20px;
}
    .shopDetail_gyomu .shopDetail_gyomu_list{}
        .shopDetail_gyomu .shopDetail_gyomu_list > li{
            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;
            margin-bottom: 10px;
            padding: 2% 4%;
            box-sizing: border-box;
            width: 100%;
            border-bottom: 1px solid #EBD2D5;
        }
            .shopDetail_gyomu .shopDetail_gyomu_list li figure{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                height: auto;
            }
                .shopDetail_gyomu .shopDetail_gyomu_list li figure img{
                    margin-bottom: 0;
                    display: block;
                    width: 100%;
                    height: auto;
                }
            .shopDetail_gyomu .shopDetail_gyomu_list li > .right{
                width: 100%;
            }
                .shopDetail_gyomu .shopDetail_gyomu_list li > .right h5{
                    margin-bottom: 5px;
                    font-size: 1.2em;
                    font-weight: bold;
                    line-height: 120%;
                }
                .shopDetail_gyomu .shopDetail_gyomu_list li > .right .shopDetail_gyomu_list_info{
                    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_gyomu .shopDetail_gyomu_list li > .right .shopDetail_gyomu_list_info li{
                        margin-bottom: 5px;
                    }
                        .shopDetail_gyomu .shopDetail_gyomu_list li > .right .shopDetail_gyomu_list_info li dl{
                            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_gyomu .shopDetail_gyomu_list li > .right .shopDetail_gyomu_list_info li dl dt{
                                padding: 5px 10px;
                                box-sizing: border-box;
                                background-color: #EB5382;
                                display: inline-block;
                                color: #FFF;
                                line-height: 100%;
                                border-radius: 5px;
                                font-size: 0.8em;
                            }
                            .shopDetail_gyomu .shopDetail_gyomu_list li > .right .shopDetail_gyomu_list_info li dl dd{
                                padding: 3px 5px;
                                line-height: 120%;
                            }
                .shopDetail_gyomu .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_gyomu{
    margin-bottom: 20px;
}
    .shopDetail_gyomu_list{}
        .shopDetail_gyomu_list > li{
            margin-bottom: 10px;
            padding: 1em;
            box-sizing: border-box;
            width: 100%;
            border: 1px solid #DDD;
            border-radius: 5px;
            background-color: #FFF;
        }
            .shopDetail_gyomu_list > li figure{
                display: block;
                width: 100%;
                height: auto;
            }
                .shopDetail_gyomu_list > li figure img{
                    margin: 0 auto 10px;
                    display: block;
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                }
            .shopDetail_gyomu_list > li > .right{
                width: 100%;
            }
                .shopDetail_gyomu_list > li > .right h5{
                    margin-bottom: 10px;
                    font-size: 1.5em;
                    font-weight: bold;
                    line-height: 120%;
                }
                .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info{
                    margin-bottom: 10px;
            
                    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_gyomu_list > li > .right .shopDetail_gyomu_list_info li{
                        margin-bottom: 5px;
                    }
                        .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl{
                    
                            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_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl dt{
                                padding: 5px 15px;
                                box-sizing: border-box;
                                background-color: #978888;
                                display: inline-block;
                                color: #FFF;
                                line-height: 120%;
                                border-radius: 5px 0 0 5px;
                            }
                            .shopDetail_gyomu_list > li > .right .shopDetail_gyomu_list_info li dl dd{
                                padding: 5px 15px;
                                line-height: 120%;
                                border-radius: 0 5px 5px 0;
                                background-color: #FFF;
                                border: 1px solid #978888;
                            }
                .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{
    margin-bottom: 20px;
}
    .kuchikomiList > li{
        margin-bottom: 20px;
        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{
            }

        .kuchikomiList > li{}
            .kuchikomiList > li > .wrap{
                padding: 5px 2% 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{
                            width: 100%;
                            display: inline-block;
                    
                            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;

                        }
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dt,
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dd{
                                margin-bottom: 3px;
                                padding: 3px;
                                box-sizing: border-box;
                                line-height: 120%;
                                font-size: 0.8em;
                            }
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dt{
                                background-color: #EEE;
                                border-radius: 5px;
                                width: 20%;
                                text-align: center;
                            }
                            .kuchikomiList > li > .wrap > .kuchikomi01 > .kuchikomiList_info > dl dd{
                                margin-right: 10px;
                                width: 75%;
                            }

    .kuchikomiList_list > li{
        margin-bottom: 10px;
    }
    .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: 75%;
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 10px;
            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: 15%;
                float: left;
            }
                .kuchikomiList_list > li.right figure img{
                    margin-bottom: 10px;
                    width: 100%;
                    display: block;
                }
                .kuchikomiList_list > li.right figure p{
                    width: 100%;
                    word-wrap: break-word;
                    text-align: left;
                    line-height: 140%;
                }
            .kuchikomiList_list > li.right .fukidashi {
                float: right;
                font-size: 0.9em;
                line-height: 150%;
            }
            .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: 15%;
                float: right;
            }
                .kuchikomiList_list > li.left figure img{
                    margin-bottom: 10px;
                    width: 100%;
                    display: block;
                }
                .kuchikomiList_list > li.left figure p{
                    width: 100%;
                    word-wrap: break-word;
                    text-align: left;
                    line-height: 140%;
                }

            .kuchikomiList_list > li.left .fukidashi {
                float: left;
                font-size: 0.9em;
                line-height: 150%;
            }
            .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-top:1px solid #F8EAD2;
        border-bottom: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: #EB5382;
        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{
    padding: 10px;
    margin-bottom: 10px;
    background-color: #555;
    border-left: 10px solid #333;
    box-sizing: border-box;
    color: #FFF;
    line-height: 150%;
    font-size: 1.1em;
}
.shopCamList li .shopCamListWrap{
    margin: 0 4%;
    display:flex;
    align-self: center;
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
.shopCamList li .shopCamListWrap figure{
    display: block;
    width: 100%;
}
.shopCamList li .shopCamListWrap figure img{
    display: block;
    width: 100%;
    height: auto;
}
.shopCamList li .shopCamListWrap p{
    width: 100%;
}




/* =====================
  コンタクトページ
===================== */
.shop_contact_area{}
    .shop_contact_area .shop_contact_area_telArea{
        padding: 20px;
        box-sizing: border-box;
    }
    .shop_contact_area .shop_contact_area_box{
        padding: 0;
        box-sizing: border-box;
        background-color: #FFF;
    }
    .shop_contact_area .shop_contact_area_box .btn{
        margin-bottom: 10px;
        padding: 10px 25px;
        width: 100%;
        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{
        color: #FFF;
    }
.checkShopArea{
  padding: 10px;
  background-color: #FFF;
}

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

.layout_col02{

}
.layout_col02 > .left{
    width: 100%;
}
.layout_col02 > .right{
    width: 100%;
}

/* =====================
  各種 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;
}
.wrap20_0{
    padding: 0;
    box-sizing: border-box;
}
.wrap20_20{
    padding: 2%;
    box-sizing: border-box;
}
.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: 5px solid #978888;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
}

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



/* =====================
  各種 link付きtitle
===================== */
.title01_red_link{
  font-weight: bold;
  color: #978888;
  background-color: #F5F3F1;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #978888;
  padding: 1em 0.5em;
}
    .title01_red_link > span{
      display: block;
      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;
    }

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

/* kuchikomiList01 */

.kuchikomiList01{}
    .kuchikomiList01 > li{
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }
    .kuchikomiList01 > li:last-child{
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: none;
    }
        .kuchikomiList01 li > a > .shopname{
        }
        .kuchikomiList01 li > a > div{
            display:flex;
            align-items: center;
            flex-wrap:wrap;
            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: #EBB650;
                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 > div{
            display:flex;
            align-items: center;
            flex-wrap:wrap;
            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{}
    .newBlogList01 > li{
        margin-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }
    .newBlogList01 > li:last-child{
        border: none;
        padding-bottom: 0px;
    }

            .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: 80px;
                    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: #ebb650;
                        color: #FFF;
                        line-height: 120%;
                    }

  /* =====================
    サービス　カテゴリ　list
  ===================== */
  .serviceCateList01{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:    flex-start;
  }
      .serviceCateList01 > li{
          margin-right: 2%;
          width: 32%;
      }
      .serviceCateList01 > li:nth-child(3n){
          margin-right: 0;
      }
          .serviceCateList01 > li > a{
              padding: 0.5em;
              color: #111;
              box-sizing: border-box;
              border: 1px solid #CCC;
              border-radius: 5px;
              margin-bottom: 5px;
              background-color: #FAFAFA;
              display: block;
          }
            .serviceCateList01 > li > a img{
                width: 60%;
                margin-left: auto;
                margin-right: auto;
                display: block;
            }
            .serviceCateList01 > li > a span{
              font-size: 0.9em;
              font-weight: bold;
              width: 100%;
              display: block;
              text-align: center;
            }
            .serviceCateList01 > li > a span i{
                font-size: 11px;
                font-weight: normal;
                display: block;
              }

/* =====================
  各種 画像list
===================== */
.newsImgList01{
    display:flex;
    flex-wrap:wrap;
    justify-content:    flex-start;
}
    .newsImgList01 li{
        margin-right: 2%;
        margin-bottom: 20px;
        width: 32%;
    }
    .newsImgList01 li:nth-child(3n){
        margin-right: 0;
    }
        .newsImgList01 li > a{
            width: 100%;
            display: block;
        }
            .newsImgList01 li > a > img{
                margin-bottom: 10px;
                display: block;
                width: 100%;
                height: 80px;
                object-fit:cover;
            }
            .newsImgList01 li > a > p{
                font-size: 0.9em;
                line-height: 120%;
            }

.asideList01{

}
  .asideList01 li{
    margin-bottom: 1em;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .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;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
    .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 #EEE;
    }
    .newsImgList02 li:last-child{
        border-bottom: none;
    }
        .newsImgList02 li > a{
            padding: 20px 0;
            box-sizing: border-box;
            width: 100%;
            display: block;
        }
            .newsImgList02 li > a > span{
                margin-bottom: 5px;
                display: block;
                width: 100%;
                line-height: 120%;
            }
            .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:flex;
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:     space-between;
        }
            .blogList01 li > a > figure{
                display: block;
                width: 30%;
                height: auto;
            }
                .blogList01 li > a > figure img{
                    display: block;
                    width: 100%;
                    height: 80px;
                    object-fit:cover;
                }
            .blogList01 li > a > div{
                line-height: 120%;
                width: 65%;
            }
                .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: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    background-color: #FFF;

}
    .blogDetailWrap main{
        width: 100%;
    }
        .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: 100%;
    }
        .blogDetailWrap aside h3{
            display: block;
            padding: 5px 10px;
            box-sizing: border-box;
            color: #FFF;
            background-color: #EB5382;
            font-size: 1.1em;
            font-weight: bold;

        }
        .blogDetailWrap aside .calArea{
            margin: 20px 0;
        }
            .blogDetailWrap aside .calArea .calBtn{
                margin-bottom: 10px;
        
                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: #EB5382;
                        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:flex;
        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{
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    display:flex;
    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: #EB5382;
}
.bg_color_blue{
    color: #FFF;
    background-color: #4B6EA9;
}

/* =====================
  ボタン等背景色
===================== */
.bg_btn_color_white{
    color: #333;
    background-color: #FFF;
}
.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: #EB5382;
    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;
    padding: 1em 0.5em;
}
    .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: #F6F6F6;
}
    .plev_next_btnArea > ul{
        width: 100%;
        display:flex;
        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{
    width: 100%;
    border: 1px solid #DDD;
    border-bottom:none;
}
.tbl01 th,
.tbl01 td{
    padding: 10px 20px;
    box-sizing: border-box;
    border-collapse: collapse;
    border-bottom: 1px solid #DDD;
    display: block;
    width: 100%;
}
.tbl01 th{
    background-color: #FAFAFA;
    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;
    }


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

.formTbl01{
    border-top: 1px solid #AAA;
    width: 100%;
}
    .formTbl01 th,
    .formTbl01 td{
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 10px;
        border-collapse: collapse;
        border-bottom: 1px solid #AAA;
    }
    .formTbl01 th{
        background-color: #EEE;
        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%;
        }



/* form用 CSS */

.tableForm{
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
    .tableForm th,
    .tableForm td{
        width: 100%;
        display: block;
        border-collapse: collapse;
    }
    .tableForm th.mainTh{
        padding: 20px;
        box-sizing: border-box;
        background-color: #eeeeee;
        color: #000;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
        font-size: 1.2em;
    }
    .tableForm th.subTh{
        padding: 10px 20px 0;
        box-sizing: border-box;
        background-color: #FFF;
        color: #000;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
    }
    .tableForm td{
        padding: 20px;
        box-sizing: border-box;
        background-color: #FFF;
    }
        .tableForm td img{
            display: block;
            width: 100%;
        }
        .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: 14px;
        }
        .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: 100%;
            font-size: 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: 10px 2%;
    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: 100%;
    display: block;
    border-radius: 5px;
}

/* 利用規約用 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-bottom: 5px;
            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%;
    }
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: 100%;
    display: block;
}

/* =====================
  ログインエリア
===================== */
.loginArea{
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:    space-between;
}
    .loginArea .left,
    .loginArea .right{
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }
        .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 #EB5382;
        }
        .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:-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: 100%;
                display: block;
                font-size: 1rem;
                text-align: center;
                line-height: 120%;
            }
        .loginArea .right{}

/* 予約マップ */
.reserve_map{
    margin: 30px 2%;
}
.reserve_map .reserve_mapList{
    display:flex;
    align-self: center;
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
.reserve_map .reserve_mapList li{
    padding: 3%;
    box-sizing: border-box;
    text-align: center;
    width: 20%;
    background-color: #F1F1F1;
    border: 1px solid #DDD;
    position: relative;
    font-size: 0.9em;
    line-height: 120%;
    color: #555;
}
.reserve_map .reserve_mapList li:after{
    content: "";
    width: 8%;
    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: -20%;
}
.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:flex;
    align-self: center;
    flex-wrap:wrap;
    justify-content:flex-start;
}
.staffList > li{
    margin-right: 4%;
    margin-bottom: 20px;
    width: 46%;
    border:1px solid #DDD;
    border-radius: 5px;
}
.staffList > li:nth-child(2n){
    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: #EB5382;
    line-height: 120%;
}


/**********************************
  利用規約
**********************************/
.termSec{
    box-sizing: border-box;
    padding: 1em;
}

.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{}