﻿.heading-1 {
    padding: .1em .4em;
    border-left: 3px solid #2589d0;
    color: #333333;
}
<style>
/*::::::::::: JAPAN MAP 日本地図 :::::::::::*/
/*#jp_map { max-height:80%; 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:18px; line-height:1; padding:6px 0; text-align:center; position:absolute; margin:0; text-decoration:none; }
#jp_map a:hover { opacity:.85; text-decoration:none; }
#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 .hokkaido1 a { background-color:#7f7fff; } 
#jp_map .hokkaido2 a { background-color:#7f7fff; } 
#jp_map .hokkaido3 a { background-color:#7f7fff; } 
#jp_map .hokkaido4 a { background-color:#7f7fff; } 
#jp_map .tohoku a { background-color:#7fbfff; }
#jp_map .kanto a { background-color:#bf7fff; } 
#jp_map .chubu a { background-color:#ffbf7f;} 
#jp_map .kansai a { background-color:#ffff7f; } 
#jp_map .chugoku a { background-color:#bfff7f; } 
#jp_map .shikoku a { background-color:#ff7fbf; } 
#jp_map .kyushu a { background-color:#7fffbf; } 
#jp_map .okinawa a { background-color:#7fff7f; } 

#jp_map li a { height:9.5%; width:11.8%; }

#jp_map li.hokkaido1 a  { top:5%; left:75.5%; }
#jp_map li.hokkaido2 a  { top:5%; left:88%; }
#jp_map li.hokkaido3 a  { top:15%; left:75.5%; }
#jp_map li.hokkaido4 a  { top:15%; left:88%; }

#jp_map li.iwate a     { top:30%; left:88%; }
#jp_map li.miyagi a    { top:40%; left:88%; }
#jp_map li.fukushima a { top:50%; left:88%; }
#jp_map li.ibaraki a   { top:60%; left:88%; }
#jp_map li.tochigi a   { top:70%; left:88%; }
#jp_map li.chiba a     { top:80%; left:88%; }

#jp_map li.aomori a    { top:30%; left:75.5%; }
#jp_map li.akita a     { top:40%; left:75.5%; }
#jp_map li.yamagata a  { top:50%; left:75.5%; }
#jp_map li.gunma a     { top:60%; left:75.5%; }
#jp_map li.saitama a   { top:70%; left:75.5%; }
#jp_map li.tokyo a     { top:80%; left:75.5%; }


#jp_map li.nigata a    { top:30%; left:63%; }
#jp_map li.toyama a    { top:40%; left:63%; }
#jp_map li.nagano a    { top:50%; left:63%; }
#jp_map li.yamanashi a { top:60%; left:63%; }
#jp_map li.shizuoka a  { top:70%; left:63%; }
#jp_map li.kanagawa a  { top:80%; left:63%; }

#jp_map li.ishikawa a  { top:30%; left:50.5%; }
#jp_map li.fukui a     { top:40%; left:50.5%; }
#jp_map li.gifu a      { top:50%; left:50.5%; }
#jp_map li.aichi a     { top:60%; left:50.5%; }
#jp_map li.shiga a     { top:70%; left:50.5%; }
#jp_map li.mie a       { top:80%; left:50.5%; }

#jp_map li.kyoto a     { top:30%; left:38%; }
#jp_map li.osaka a     { top:40%; left:38%; }
#jp_map li.nara a      { top:50%; left:38%; }
#jp_map li.wakayama a  { top:60%; left:38%; }
#jp_map li.tokushima a { top:70%; left:38%; }
#jp_map li.kagawa a    { top:80%; left:38%; }

#jp_map li.tottori a   { top:30%; left:25.5%; }
#jp_map li.okayama a   { top:40%; left:25.5%; }
#jp_map li.hyogo a     { top:50%; left:25.5%; }
#jp_map li.ehime a     { top:70%; left:25.5%; }
#jp_map li.kochi a     { top:80%; left:25.5%; }

#jp_map li.shimane a   { top:30%; left:13%; }
#jp_map li.hiroshima a { top:40%; left:13%; }
#jp_map li.oita a      { top:50%; left:13%; }
#jp_map li.miyazaki a  { top:60%; left:13%; }
#jp_map li.kagoshima a { top:70%; left:13%; }


#jp_map li.yamaguchi a { top:30%; left:0.5%; }
#jp_map li.fukuoka a   { top:40%; left:0.5%; }
#jp_map li.saga a      { top:50%; left:0.5%; }
#jp_map li.nagasaki a  { top:60%; left:0.5%; }
#jp_map li.kumamoto a  { top:70%; left:0.5%; }
#jp_map li.okinawa a   { top:80%; left:0.5%; }


@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:18px; 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:18px; }
}
@media screen and (max-width:620px) {
#jp_map a span { width: 1em; }
#jp_map li.hokkaido1 a span, jp_map li.hokkaido2 a span, jp_map li.hokkaido3 a span, jp_map li.hokkaido4 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:18px; }
}

</style>