.banner{/* 高速道路標識のベース */
width:100%;
}

.banner a{
color:white;
}

.banner a:focus a:hover{
text-decoration:none;
}

#page_logo{ /* ページのロゴ */
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:center;
}

#top_menu{ /* index.html用 */
 justify-content:center;
}

.road_number{ /* 高速道路番号の指定 */
 margin:5px;
 padding:2px;
 background-color:white;
 color:darkgreen;
}

.road_number span{
 background-color:darkgreen;
 color:white;
}

.banner table{ /* 高速道路標識の共通設定 */
text-align: center;
background-color: darkgreen;
color:white;
border:1px solid #fff;
border-collapse: collapse;
width:100%;
height:100%;
}

.menu_logo th{
width:60%;
}

.banner th{
font-size:0.3rem;
}

.banner td{
font-size:0.2rem;
}

td.caption{
font-size:0.16rem;
}

@media screen and (max-width: 640px) {
.banner td.ic_number{
width:50px;
}
.ic_logo{
max-width:250px;
height:100px;
}

.menu_logo{
height:50px;
}

.banner th{
font-size:0.15rem;
}
.banner td{
font-size:0.1rem;
}

td.caption{
font-size:0.12rem;
}

}

.banner td.ic_number{ /* ICの番号設定 */
background-color:white;
color:darkgreen;
width:20%;
}

.banner .caption{ /* 標識の下に配置する注意用 */
background-color: gold;
color:black;
}

.ic_logo{/* IC等で使われるページ等のロゴ */
width:400px;
height:150px;
border:1px solid #000;
margin:1px;
}

.ic_logo th{
width:100%;
border:1px solid #fff;
}

.menu_logo{
height:120px;
border:1px solid #000;
margin:1px;
}

.menu_logo table{
width:100%;
height:100%;
text-align:center;
border-collapse: collapse;

background-color: darkgreen;
color:white;
}