body #japan-map-container > canvas,  body #japan-map-container2 > canvas{
position:relative;
top:0px;
left:0px;
}
body #japan-map-back-btn {
position:absolute;
top:10px;
left:10px;
z-index:100000;
display: none;
} .maps__table{
width:100px;
display:block;
text-align: center;
padding:5px 0px 1px;
border-radius: 10px;
position:absolute;
z-index:10;
}
.maps__table a:link, .maps__table a:visited{
color:#fff;
text-decoration: none;
}
.maps_tableHeader{
font-weight:bold;
width:100%;
}
.maps_tablePrefectures{
width:100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.maps_tablePref01{
width:100%;
display:inline-block;
font-size: 12px;
}
.maps_tablePref02{
max-width:40%;
display:inline-block;
padding:0px 5px;
text-align: left;
font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1028px) {
.maps_position01{
top:8%;
left:52%;
}
.maps_position02{
top:31%;
left:87%;
}
.maps_position03{
top:48%;
left:87%;
}
.maps_position04{
top:37%;
left:45%;
}
.maps_position05{
top:70%;
left:87%;
}
.maps_position06{
top:75%;
left:71%;
}
.maps_position07{
top:37%;
left:28%;
}
.maps_position08{
top:81%;
left:54%;
}
.maps_position09{
top:37%;
left:10%;
}
.maps_position10{
top:4%;
left:6%;
}
} .purple{
background:#6b72ad;
}
.blue{
background:#469ad5;
}
.greenblue{
background:#4cbbb4;
}
.lightblue{
background:#37bef0;
}
.green{
background:#9cca54;
}
.yellow{
background:#eac848;
}
.orange{
background:#f4a452;
}
.red{
background:#ee7961;
}
.pink{
background:#ee869a;
}
.violet{
background:#b96aa7;
}
.purple__light{
background:#979cc5;
}
.blue__light{
background:#7db8e2;
}
.greenblue__light{
background:#81cfca;
}
.lightblue__light{
background:#73d1f4;
}
.green__light{
background:#bada87;
}
.yellow__light{
background:#f0d87f;
}
.orange__light{
background:#f7bf86;
}
.red__light{
background:#f3a190;
}
.pink__light{
background:#f3aab8;
}
.violet__light{
background:#ce96c1;
}