/*::::::::::: JAPAN MAP 日本地図 :::::::::::*/
.jp_map_wrapper {
    position: relative;
    width: 95%;
    max-width: 600px;
    margin: 10px auto;
}

.jm_overview {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0%;
    /* transform: translate(-50%, -50%); */
    display: grid;
    /* grid-template-columns: 1fr 3fr; */
    grid-gap: 5px;
    padding: 10px 15px;
    border: 1px solid #2e7eb7;
    text-shadow: #fff 1px 0px, #fff -1px 0px, #fff 0px -1px, #fff 1px -1px, #fff -1px -1px, #fff 0px 1px, #fff 1px 1px, #fff -1px 1px;
    background-color: #fff;
    color: #2e7eb7;
    font-weight: bold;
    font-size: 1.6rem;
}
.jm_index {
    grid-column: 1 / 4;
    font-weight: bold;
}
.jm_overview a {
    text-decoration: none;
}
.jm_overview a:hover {
    opacity: 0.8; transition: 0.2s;
}

#jp_map { 
    max-height:500px; 
    position:relative; 
    list-style-type:none; 
    margin:0 auto; padding:0; 
    box-sizing:border-box; 
    overflow:hidden; 
}
#jp_map::before { 
    content:''; 
    display:block; 
    padding:80% 0 0; 
}
#jp_map ul, #jp_map li { 
    display:block; 
    list-style:none; 
    margin:0; 
    padding:0; 
}
#jp_map a { 
    display:block; 
    font-weight: normal; 
    text-decoration:none; 
    color:var(--font-color); 
    text-shadow:#fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; 
    box-sizing:border-box; 
    border:solid #fff 2px; 
    float:none; font-size:14px; 
    line-height:1; 
    padding:6px 0; 
    text-align:center; 
    position:absolute; 
    margin:0; 
    text-decoration:none; 
}

@media screen and (min-width: 600px)  {
    .jm_overview {
        top: 0%;
        left: 0%;
        font-size: 2.2rem;
    }
}



/* #jp_map a:hover { opacity:.85; text-decoration:none; } */
/* .tokyo a:hover, .kanagawa a:hover, .aichi a:hover, .kyoto a:hover, .shiga a:hover .osaka a:hover, .nara a:hover, .mie a:hover, .wakayama a:hover, .okayama a:hover, .hiroshima a:hover, .fukuoka a:hover {
    opacity: 0.8; transition: 0.2s;
} */

#jp_map a span { 
    display:block; 
    margin:0 auto; 
    padding:0; 
    line-height:1.1em; 
    text-align:center; 
    position:absolute; 
    left: 0 ; 
    right: 0 ; 
    top: 50% ; 
    transform:translateY(-50%); 
} 

#jp_map .hokkaido a, #jp_map .tohoku a { background-color:#759ef4; }
#jp_map .kanto a { background-color:#7ecfea; } 
#jp_map .chubu a { background-color:#7cdc92 } 
#jp_map .kansai a { background-color:#ffe966; } 
#jp_map .chugoku a { background-color:#ffcc66; } 
#jp_map .shikoku a { background-color:#ffbb9c; } 

/* #jp_map .except a { background-color:#e6e6e6 !important; }  */
#jp_map .except a { background-color:#d7edc2 !important; } 

#jp_map .okinawa a, #jp_map .kyushu a { background-color:#ffbdbd; } 
#jp_map li a { height:12%; width:7%; }
#jp_map li.hokkaido a { top:0; left:81%; height:20%; width:21%; }
#jp_map li.hokkaido a span { right:7.5%; }
#jp_map li.hokkaido a::before, #jp_map li.hokkaido a::after { display:block; z-index: 1; content:''; background-color:inherit; width:10%; height:40%; right:100%; bottom:0; position: absolute; } 
#jp_map li.hokkaido a::after { content:''; border:inherit inherit inherit; z-index:-1; } 
#jp_map li.aomori a { top:21%; left:79%; height:8%; width:19%; }
#jp_map li.iwate a { top:29%; left:89.5%; height:8%; width:10.5%; }
#jp_map li.akita a { top:29%; left:79%; height:8%; width:10.5%; }
#jp_map li.miyagi a { top:37%; left:89.5%; height:8%; width:10.5%; }
#jp_map li.yamagata a { top:37%; left:79%; height:8%; width:10.5%; }
#jp_map li.fukushima a { top:45%; left:93%; height:18%; }
#jp_map li.ibaraki a { top:63%; left:93%; height:18%; }
#jp_map li.tochigi a { top:57%; left:86%; }
#jp_map li.gunma a { top:57%; left:79%; }
#jp_map li.saitama a { top:69%; left:86%; }
#jp_map li.chiba a { top:81%; left:93%; height:17%; }
#jp_map li.tokyo a { top:81%; left:86%; }
#jp_map li.kanagawa a { top:81%; left:79%; }
#jp_map li.nigata a { top:45%; left:79%; width:14%; }
#jp_map li.toyama a { top:45%; left:72%; }
#jp_map li.ishikawa a { top:45%; left:65%; height:17%; }
#jp_map li.fukui a { top:50%; left:58%; }
#jp_map li.yamanashi a { top:69%; left:79%; }
#jp_map li.nagano a { top:57%; left:72%; height:24%; }
#jp_map li.gifu a { top:62%; left:65%; height:19%; }
#jp_map li.shizuoka a { top:81%; left:72%; }
#jp_map li.aichi a { top:81%; left:65%; }
#jp_map li.mie a { top:86%; left:58%; }
#jp_map li.shiga a { top:62%; left:58%; }
#jp_map li.kyoto a { top:56%; left:51%; height:18%; }
#jp_map li.osaka a { top:74%; left:51%; }
#jp_map li.hyogo a { top:53%; left:44%; height:24%; }
#jp_map li.nara a { top:74%; left:58%; }
#jp_map li.wakayama a { top:86%; left:51%; }
#jp_map li.tottori a { top:53%; left:37%; }
#jp_map li.shimane a { top:53%; left:30%; }
#jp_map li.okayama a { top:65%; left:37%; }
#jp_map li.hiroshima a { top:65%; left:30%; }
#jp_map li.yamaguchi a { top:59%; left:23%; }
#jp_map li.tokushima a { top:89.5%; left:36.5%; height:8%; width:10.5%; }
#jp_map li.kagawa a { top:81.5%; left:36.5%; height:8%; width:10.5%; }
#jp_map li.ehime a { top:81.5%; left:26%; height:8%; width:10.5%; }
#jp_map li.kochi a { top:89.5%; left:26%; height:8%; width:10.5%; }
#jp_map li.fukuoka a { top:55%; left:15%; }
#jp_map li.saga a { top:55%; left:8%; }
#jp_map li.nagasaki a { top:55%; left:1%; height:16%; }
#jp_map li.kumamoto a { top:67%; left:8%; }
#jp_map li.oita a { top:67%; left:15%; }
#jp_map li.miyazaki a { top:79%; left:15%; }
#jp_map li.kagoshima a { top:79%; left:8%; }
#jp_map li.okinawa a { top:88%; left:0; }


@media screen and (max-width:782px) {
#jp_map { margin: 16px 0 0; }
#jp_map::before { padding:100% 0 0; }
#jp_map li a { font-size:12px; border-width:1px; }
#jp_map a { text-shadow:#fff 1px 0px, #fff -1px 0px, #fff 0px -1px, #fff 1px -1px, #fff -1px -1px, #fff 0px 1px, #fff 1px 1px, #fff -1px 1px; border-width:1px; font-size:12px; }
#jp_map li.tokushima a, #jp_map li.kochi a { top:88%; }
#jp_map li.kagawa a, #jp_map li.ehime a { top:80%; }
}

@media screen and (max-width:620px) {
#jp_map a span { width: 1em; }
#jp_map li.hokkaido a span, #jp_map li.aomori a span, #jp_map li.akita a span, #jp_map li.iwate a span, #jp_map li.yamagata a span, #jp_map li.miyagi a span, #jp_map li.nigata a span, #jp_map li.ehime a span, #jp_map li.kagawa a span, #jp_map li.kochi a span, #jp_map li.tokushima a span { width:auto; }
}
@media screen and (max-width:480px) {
#jp_map li a { font-size:11px; }
}
@media screen and (max-width: 599px)  {
    #jp_map { 
        max-height:300px;
    }
}