/*↓↓↓↓↓県選択地図↓↓↓↓background-color: pink;↓*/
#ken_sentaku_div{
margin-left : auto ;
margin-right : auto ;
}
#ken_sentaku_div table{
width: 100%;
text-align: center;
border-collapse: separate;
border-spacing: 10px;
}
#ken_sentaku_div td{
padding: 0;


}
#ken_sentaku_div .no{
border: 1px solid dimgray;
padding: 1em;
background-color: black;
}

#ken_sentaku_div a{
padding: 1em;
font-weight: bold;
text-decoration: none;

display: block;
color: white;

}
.hokkaido a{
border: 1px solid #cfa7cd;
}
.touhoku a{
border: 1px solid #f9c270;
}
.kantou a{
border: 1px solid #addef8;
}
.hokuriku a{
border: 1px solid #59bc88;
}
.sinetsu a{
border: 1px solid #e07961;
}
.toukai a{
border: 1px solid #b6d56a;
}
.kansai a{
border: 1px solid #f4b4d0;
}
.chugoku a{
border: 1px solid #ffed61;
}
.sikoku a{
border: 1px solid #aea1ef;
}
.kyuusyu a{
border: 1px solid #a3d6ca;
}
.okinawa a{
border: 1px solid #addef8;
}
.honkon a{
border: 1px solid whitesmoke;
}
/*===============================================border: 1px solid yellow;

●style.css 画面の横幅が981px以上
===============================================*/
@media screen and (min-width: 981px){
#ken_sentaku_div table td a:hover{
background-color: gray;
}
}
/*===============================================
●tablet.css 画面の横幅が980pxまで
===============================================*/
@media screen and (max-width: 980px){
#ken_sentaku_div{
overflow-x: scroll;/*横スクロール*/
-webkit-overflow-scrolling: touch;/*iOSでの横スクロールを滑らかな惰性スクロールにする効果*/
}
#ken_sentaku_div table{

}
#ken_sentaku_div td{
white-space: nowrap;/*自動的な折り返し禁止*/
}
#ken_sentaku_div a{
padding: 1em 0;

}
}