.bosai-weather {
    position:relative;
    width: 100%;
}

.bosai-weather img {
    padding:3px;
    /* width: 100%; */
    height:100%;
    border:solid 1px;
}

.sp-disp {
    display: none;
}

.warning-area {
    display: block;
}
.warning-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    width: 100%;
}
.warning-status {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    width: 100%;
}
.warning-level {
    font-size: 20px;
    padding: 0 10px;
}

.shelters {
    width:100%;
    margin-left:auto;
}
table td,table th{
    padding:1px 4px 1px 3px;
    border: solid 1px;
}
table.shelters img:hover {
    cursor:pointer;
}

tr.shelter_normal td{
    background-color: #FFFFFF;
}
tr.shelter_open td{
    background-color: #FE84AF;
}
tr.shelter_free td{
    background-color: #52D4FE;
}
tr.shelter_wait td{
    background-color: #FFEF67;
}
tr.shelter_unavailable td{
    background-color: #AAAAAA;
}

/* 避難所一覧テーブルヘッダ固定 */
table.shelters.sticky {
    border-collapse: separate;
    border-spacing: 0;
    padding: initial;
    border: none;
}
  
table.shelters thead{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}

table.shelters > thead + tbody > tr > th,
table.shelters > thead + tbody > tr > td {
    border-top: none;
}
table.shelters > thead > tr:not(:first-child) > th,
table.shelters > thead > tr:not(:first-child) > td,
table.shelters > tbody > tr:not(:first-child) > th,
table.shelters > tbody > tr:not(:first-child) > td {
    border-top: none;
}
table.shelters > thead > tr > th:not(:first-child),
table.shelters > thead > tr:not(:first-child) > th,
table.shelters > thead > tr > td:not(:first-child),
table.shelters > tbody > tr > th:not(:first-child),
table.shelters > tbody > tr > td:not(:first-child) {
    border-left: none;
}
  
table.shelters thead tr th,
table.shelters thead tr td,
table.shelters tbody tr th,
table.shelters tbody tr td {
    border: thin solid #808080;
}
/* ------------------------- */
  
.fixed01 {
  background: #ddd;
  text-align: center;
}

/*メニュー*/
.menu_ul {
    display: flex;
    max-width: 1100px;
    margin: 0px auto;
    font-size: 90%;
    flex-wrap: wrap;
}

.menu_ul a {
    color: #333333;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
}

.menu_ul li {
    margin: 5px auto;
    width: 100%;
    max-width: 200px;
}

.menu_btn {
    text-align: center;
    display: block;
    border-radius:20px;
    border:solid 1px;
    background-color: #FFF;
    transition-duration: 0.3s;
    box-shadow: 0px 0px 9px -6px #04417c;
}

.menu_btn p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 90px;
    color:#333;
}

.menu_btn .nigyou {
    padding-top: 10px;
    padding-bottom: 65px;
}

#menu_map {
    background-image: url("../img/ico_menu_map.png");
    background-repeat: no-repeat;
    background-position: center 45px;
    background-size: 65px;
}
#menu_shelter {
    background-image: url("../img/ico_menu_shelter.png");
    background-repeat: no-repeat;
    background-position: center 45px;
    background-size: 65px;
}
#menu_broadcast {
    background-image: url("../img/ico_menu_broadcast.png");
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 60px;
}
#menu_weather {
    background-image: url("../img/ico_menu_weather.png");
    background-repeat: no-repeat;
    background-position: center 45px;
    background-size: 65px;
}
#menu_info {
    background-image: url("../img/ico_menu_info.png");
    background-repeat: no-repeat;
    background-position: center 45px;
    background-size: 65px;
}

/*災害種別*/
.bosai_ul {
    display: flex;
    /* max-width: 630px; */
    margin: 0px auto;
    /* gap: 10px; */
    font-size: 90%;
    flex-wrap: wrap;
}

.bosai_btn {
    text-align: center;
    display: block;
    width: 90px;
}

.menu_icon{
    width:40px;
    height:40px;
    position : relative;
    top      : -3px;
    left     : -1px;
    display:block;
    margin:auto;
}

.menu-sub-close {
    display: none;
}

.menu-sub-title {
    cursor: pointer;
    background: #eee;
    padding: 10px;
}
.menu-sub-title:before {
    content: "▶";
}
.menu-sub-open:before {
    content: "▼";
}

.chk_item {
    margin: auto 5px;
}

.content-header {
    display: flex;
    width: 99%;
    margin: 5px 0;
    flex-basis: auto;
    float: left;
    clear: both;
    flex-grow: 1;
    align-items: center;
}

.menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;   /* 縦方向中央 */
    align-items: center;       /* 横方向中央 */
    text-align: center;
    gap: 0.3em;
    white-space: normal;
}

.menu-btn img {
    display: block;
}

.all-layer {
    padding-top: 20px;
}

/* sp */
@media screen and (max-width: 991px){
    .sp-width {
        width: 100%;
    }

    .sp-disp {
        display: block;
    }

    .warning-area {
        display: block;
    }
    .warning-title {
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        padding: 0;
        width: 100%;
    }
    .warning-status {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        padding: 0;
        width: 100%;
    }
    .warning-level {
        font-size: 20px;
        padding: 0 10px;
    }
}