html, body, p, li, dl, dt, dd, blockquote, td, form {
    margin: 0;
    padding: 0;
}
.searchArea {
    /* background-color: #f6f6f6; */
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
/* #mapArea_6{
    display: inline-block;
}
#mapArea_6 .mapArea {
    /*background: url(/common/imgs/bg_map_6.png) no-repeat #D0F3F7;*/
    /* background: url(img/bg_map_6.png) no-repeat #D0F3F7; */
    /* background-size: 100% auto; */
/* } 
.mapArea {
    float: left;
    width: 476px;
    height: 370px;
    position: relative;
}
.mapArea li.tottori {
    top: 51px;
    left: 338px;
}
.mapArea li {
    position: absolute;
}


.mapArea a {
    width: 72px;
    height: 21px;
    padding-top: 7px;
    line-height: 1;
    text-align: center;
    background-color: #d4d4d4;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ns-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.mapArea a.active {
    background-color: #81d8cf;
} */

.searchR {
    /* float: right; */
    border-right: 1px solid #f6f6f6;
    width: 267px;
}

.searchTotal {
    background: url(/common/imgs/icon_map.png) no-repeat white 24px center;
    /*padding: 8px 14px 8px 52px;
    min-height: 37px;*/
    line-height: 1.3;
    padding: 0.5em;
}

.searchTotal em {
    font-size: 18px;
    font-weight: bold;
}
address, em, code, cite, dfn, var, optgroup {
    font-style: normal;
}

.searchSelect {
    padding: 8px 10px 0 10px;
    font-size: 15px;
}

.cf {
    zoom: 1;
}

.searchSelect li {
    float: left;
    margin: 0 0px 8px 0;
    width: 105px;
}

.searchSelect li.all {
    float: none;
    border-bottom: 1px dotted #81d8cf;
    padding-bottom: 8px;
    width: 100%;
}
input, select, textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.check + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

#form-inner {
width: 744px;
    float: left;
}

/*広島と山口以外は消す*/
/* #top_search_area,
#tab-area,
.top_search_box,
#form-inner,
#mapArea_6,
.searchSelect,
.searchSelect > ul{
    display: inline-block;
    width: 100%;
} */

#tab-area,
.top_search_box,
.searchSelect{
    display: flex;
    width: 100%;
}

#mapArea_6{
    display: flex;
    width: auto;
}

#top_search_area,
#form-inner,
.searchSelect > ul{
    display: inline-block;
    width: 100%;
}

.tab_box_in > form,
.tab_box_in{
    display: inline-block;
}
.tab_box_in > form{
    width: 1000px;
}
.mapArea,
.searchR{
    height: auto;
}
.mapArea{
    width: 60%;
    background: #f6f6f6;
    margin: 20px;
}
.searchR{
    position: relative;
    width: 50%;
    background: #f6f6f6;
    margin: 20px;
}
#tab-area > .search_label_list{
    display: none;
}
#searchForm input[type="submit"]{
    /* position: absolute;
    bottom: 10px;
    right: 10px; */
    width: calc(100% - 20px);
    padding: 10px;
    border-top: 1px solid #d54250;
    border-left: 1px solid #d54250;
    border-right: 1px solid #d54250;
    border-bottom: 3px solid #d54250;
    background: #e26874;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top:0;
    transition: all 0.5s;
    border-radius: 10px;
}
.searchR > input[type="submit"]:hover{
    margin-top:3px;
    border-bottom: none;
    transition: all 0.5s;
}
.searchTotal{
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    color: #d54250;
}
.searchSelect > ul > li{
    width: 100%;
    height: 30px;
    position: relative;
}

.mapArea > ul > li > input,
.searchSelect > ul > li > input{
    height: 30px;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    border: 1px solid #CECECE;
    width: 100%;
    height: 30px;
}
.searchSelect > ul > li > label{
    width: 100%;
    height: 30px;
    background: #fff;
    line-height: 30px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #CECECE;
    border-radius: 5px;
    padding-left: 5px;
    transition: all 0.5s;
}
.searchSelect > ul > li > input:checked + label{
    color: #fff;
    background: #d54250;
    transition: all 0.5s;
}
/* .mapArea .area-label{
    line-height: initial;
    width: auto;
    border-radius: unset;
} */
/* .mapArea > ul > li:nth-child(1) > label,
.mapArea > ul > li:nth-child(2) > label{
    position: relative;
    background: lightgray;
    /* color: #fff; */
    /* padding: 0 5px 0 5px;
    transition: all 0.5s;
}  */
.mapArea > ul > li:nth-child(1) > input:checked + label,
.mapArea > ul > li:nth-child(2) > input:checked + label{
    background: #d54250;
    transition: all 0.5s;
}

/* .mapArea > ul > li:nth-child(1) > label{
    top: 200px;
    left: 100px;
}
.mapArea > ul > li:nth-child(2) > label{
    top: 170px;
    left: 300px;
} */

.mapArea > div > ul > li > label,.area_popup{
    width: auto;
    height: 30px;
    background: #fff;
    line-height: 30px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #CECECE;
    border-radius: 5px;
    /* padding-left: 5px; */
    padding: 0 5px;
    transition: all 0.5s;
    margin: 0 0px 8px 0;
    text-align: justify;
}

.mapArea > div {
    display: flex;
}

.mapArea > div > ul {
    padding: 8px 10px 0 10px;
    text-align: left;
}

.mapArea > div > ul > li{
    display: inline-block;

}

.mapArea > ul {
    padding: 8px 10px 0 10px;

}

.mapArea > ul > li > input:checked + label{
    color: #fff;
    background: #d54250;
    transition: all 0.5s;
}

.mapArea >div > ul > li > input:checked + label{
    color: #fff;
    background: #d54250;
    transition: all 0.5s;
}
.area_popup{
    font-size: 15px;
    cursor: pointer;
}
.click {
    color: #fff;
    background: #d54250;
    transition: all 0.5s;
}
@media screen and (max-width: 768px){
    .tab_box_in > form,
    #mapArea_6 .mapArea,
    .searchR{
        width: 100%;
    }
    .searchSelect > ul{
        padding: 5px 10px;
    }
    .searchSelect > ul > li{
        list-style: none;
    }
   
    #mapArea_6{
        display: block;
        width: auto;
    }
    .mapArea,
    .searchR{
        margin: auto;
    }
     input[type="submit"]{
        width: calc(100% - 20px);
        padding: 10px;
        border-top: 1px solid #d54250;
        border-left: 1px solid #d54250;
        border-right: 1px solid #d54250;
        border-bottom: 3px solid #d54250;
        background: #e46672;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        transition: all 0.5s;
        border-radius: 10px;
        margin: 0 auto;
    display: block;
    }
    .mapArea > div > ul {
        padding: 5px 10px;
        margin: 15px 10px;
        float: inherit;
        margin-bottom: 0;

    }
    
    /*.mapArea > ul:nth-of-type(2) {
        padding: 0 10px;
        margin-bottom: 0;
        float: inherit;

    }*/

    .mapArea > div {
        display: block;
    }

    .mapArea > div > ul > li > label,.area_popup{
        width: 100%;
        height: 30px;
        background: #fff;
        line-height: 30px;
        box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
        border: 1px solid #CECECE;
        border-radius: 5px;
        padding-left: 5px;
        transition: all 0.5s;
        margin: 0 0px 8px 0;
        text-align: justify;
    }
    .click {
        color: #fff;
        background: #d54250;
        transition: all 0.5s;
    }
    .area_popup{
        font-size: 16px;
        cursor: pointer;
    }
}
/*広島と山口以外は消す*/