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

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

.warning-status {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.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;
}