/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 16 2026 | 01:22:31 */
/* ===== 警戒レベル相当情報 表 ===== */
.warn-table-wrap {
    margin: 24px 0;
}
.warn-table-title {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background: #34536b;
    padding: 8px 16px;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
}
.warn-table-title-sub {
    margin-top: 20px;
}

/* 横スクロール対応 */
.warn-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.warn-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88em;
    min-width: 480px;
    table-layout: fixed;
}
.warn-table th,
.warn-table td {
    border: 1px solid #c5d8e8;
    padding: 10px 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
}

/* ヘッダー */
.warn-table thead tr {
    background: #5c8da8;
    color: #fff;
}
.warn-table thead th span {
    display: block;
    font-size: 0.82em;
    font-weight: normal;
    opacity: 0.9;
}
.warn-th-kind {
    width: 25%;
    background: #34536b;
}

/* レベルごとの色 */
.warn-th-lv3 { background: #f5a623; }
.warn-th-lv4 { background: #e8534a; }
.warn-th-lv5 { background: #7b2d8b; }
.warn-th-lv3,
.warn-th-lv4,
.warn-th-lv5 {
    width: 25%;


/* 種別列 */
.warn-td-kind {
    background: #eef4f7;
    font-weight: bold;
    color: #2c5f7a;
    text-align: center;
}

/* 偶数行に薄い背景 */
.warn-table tbody tr:nth-child(even) td:not(.warn-td-kind) {
    background: #f8fbfd;
}

/* その他の表 */
.warn-table-other thead {
    display: none;
}

/* 注記 */
.warn-table-note {
    font-size: 0.78em;
    color: #888;
    margin-top: 8px;
    text-align: right;
}