@charset "UTF-8";
/*-----------------------------------------------
 top_search 店舗検索
-----------------------------------------------*/
html,body {background: #F9F9F9}

#japan-map_wrap {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
    overflow-y: hidden;
}
#japan-map_wrap .btn {
    position: absolute;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    border-radius: 2.0em;
}
#japan-map_wrap .btn a {
    padding: 0.5em 1.4em 0.5em 1.0em;
    display: block;
    background: #FFF;
    border-radius: 2.0em;
    position: relative;
    color: #3D3D3D;
    border: 1px solid #CCC;
}
#japan-map_wrap .btn a::after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 0.8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2rem;
}
#japan-map_wrap .area01 {top: 5%; left: 42%;}/*北海道・東北*/
#japan-map_wrap .area02 {top: 65%; right: 10%;}/*関東*/
#japan-map_wrap .area03 {top: 49%; left: 34%;}/*北陸*/
#japan-map_wrap .area04 {top: 38%; left: 45%;}/*甲信越*/
#japan-map_wrap .area05 {top: 75%; right: 24%;}/*東海*/
#japan-map_wrap .area06 {top: 82%; right: 41%;}/*関西*/
#japan-map_wrap .area07 {top: 58%; left: 20%;}/*中国*/
#japan-map_wrap .area08 {top: 88%; right: 57%;}/*四国*/
#japan-map_wrap .area09 {top: 70%; left: 0%;}/*九州・沖縄*/

.japan-map {
    max-width: 450px;
    margin: 0 auto;
    padding: 1.0em;
}
.japan-map .pref {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.japan-map .pref li {
    width: calc(97% / 3);
    list-style: none;
    text-align: center;
    white-space: nowrap;
    margin: 0.5%;
}
.japan-map .pref li a {
    display: block;
    padding: 1.5em 0.5em;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    color: #3D3D3D;
    border-radius: 0.5em;
    font-weight: 600;
    border: 1px solid #CCC;
    position: relative;
}
.japan-map .pref li a::after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 0.8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2rem;
}
.japan-map .pref .no-link a {
    background: none;
    color: #999;
    font-weight: 300;
    pointer-events: none;
    border: 1px solid #DDD; 
}
.japan-map .pref .no-link a::after {
    display: none;
}
.japan-map .back a {
    margin-top: 1em;
    color: #271107;
    display: block;
}