/* ■ 文字サイズ */
.cst-fsize-XL {
    font-size: 2.0rem!important;
}

.cst-fsize-LG {
    font-size: 1.5rem!important;
}

.cst-fsize-SM {
    font-size: 0.8rem!important;
}


/* ■ 赤系統： */
.cst-text-RED-1 {
    color: #721c24;
}

.cst-bg-RED {
    color: #ffffff;
    background-color: #dc3545;
}

.cst-alert-RED-1 {
    color: #721c24;
    background-color: #f8d7da;
}

.cst-alert-RED-2 {
    color: #721c24;
    background-color: #fbe9eb;
}

.cst-text-RED-2 {
    color: #dc3545;
}

.cst-border-RED {
    border-color: #dc3545!important;
}

.cst-btn-RED {
    color: #ffffff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-RED:hover {
    color: #ffffff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-RED {
    color: #dc3545;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-RED:hover {
    color: #ffffff;
    background-color: #dc3545;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-RED:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #dc3545;
}

.cst-btn-outline-RED-2 {
    color: #dc3545;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-RED-2:hover {
    color: #dc3545;
    background-color: #fbe9eb;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-RED-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #dc3545;
    border-color: #dc3545;
}

.cst-cap-RED-1 {
    color: #721c24;
    background-color: #ffffff;
    border-bottom: 1px solid #dc3545;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-RED-2 {
    color: #dc3545;
    background-color: #ffffff;
    border-bottom: 1px solid #dc3545;
    font-weight: bold;
    padding-bottom: 0.8rem;
}



/* ■ 紫系統： */
.cst-text-PPL-1 {
    color: #35166d;
}

.cst-text-PPL-2 {
    color: #6f42c1;
}

.cst-bg-PPL {
    color: #ffffff;
    background-color: #6f42c1;
}

.cst-alert-PPL-1 {
    color: #35166d;
    background-color: #c8abff;
}

.cst-alert-PPL-2 {
    color: #35166d;
    background-color: #ece2ff;
}

.cst-border-PPL {
    border-color: #6f42c1!important;
}

.cst-btn-PPL {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-PPL:hover {
    color: #ffffff;
    background-color: #35166d;
    border-color: #35166d;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-PPL {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #35166d;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-PPL:hover {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #35166d;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-PPL:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}

.cst-btn-outline-PPL-2 {
    color: #6f42c1;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-PPL-2:hover {
    color: #35166d;
    background-color: #ece2ff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-PPL-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #ece2ff;
}

.cst-cap-PPL-1 {
    color: #35166d;
    background-color: #ffffff;
    border-bottom: 1px solid #6f42c1;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-PPL-2 {
    color: #ece2ff;
    background-color: #ffffff;
    border-bottom: 1px solid #6f42c1;
    font-weight: bold;
    padding-bottom: 0.8rem;
}



/* ■ ピンク系統： */
.cst-text-PNK-1 {
    color: #9b275c;
}

.cst-text-PNK-2 {
    color: #e83e8c;
}

.cst-bg-PNK {
    color: #ffffff;
    background-color: #e83e8c;
}

.cst-alert-PNK-1 {
    color: #771c46;
    background-color: #fbd0e4;
}

.cst-alert-PNK-2 {
    color: #771c46;
    background-color: #fff0f7;
}

.cst-border-PNK {
    border-color: #e83e8c!important;
}

.cst-btn-PNK {
    color: #ffffff;
    background-color: #e83e8c;
    border-color: #e83e8c;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-PNK:hover {
    color: #ffffff;
    background-color: #9b275c;
    border-color: #9b275c;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-PNK {
    color: #e83e8c;
    border-color: #9b275c;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-PNK:hover {
    color: #ffffff;
    border-color: #9b275c;
    background-color: #e83e8c;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-PNK-2 {
    color: #e83e8c;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-PNK-2:hover {
    color: #ffffff;
    background-color: #771c46;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-PNK-1 {
    color: #b52567;
    background-color: #ffffff;
    border-bottom: 1px solid #e83e8c;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-PNK-2 {
    color: #e83e8c;
    background-color: #ffffff;
    border-bottom: 1px solid #e83e8c;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 緑系統： */
.cst-text-GRN-1 {
    color: #155724;
}

.cst-text-GRN-2 {
    color: #28a745;
}

.cst-bg-GRN {
    color: #ffffff;
    background-color: #28a745;
}

.cst-alert-GRN-1 {
    color: #155724;
    background-color: #d4edda;
}

.cst-alert-GRN-2 {
    color: #155724;
    background-color: #eefdf2;
}

.cst-border-GRN {
    border-color: #28a745!important;
}

.cst-btn-GRN {
    color: #ffffff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-GRN:hover {
    color: #ffffff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRN {
    color: #28a745;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-GRN:hover {
    color: #155724;
    background-color: #28a745;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRN:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #28a745;
}

.cst-btn-outline-GRN-2 {
    color: #28a745;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-GRN-2:hover {
    color: #155724;
    background-color: #eefdf2;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRN-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #eefdf2;
}

.cst-cap-GRN-1 {
    color: #155724;
    background-color: #ffffff;
    border-bottom: 1px solid #28a745;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-GRN-2 {
    color: #28a745;
    background-color: #ffffff;
    border-bottom: 1px solid #28a745;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ ライトグリーン系統： */
.cst-text-LGR-1 {
    color: #47c547;
}

.cst-text-LGR-2 {
    color: #90ee90;
}

.cst-bg-LGR {
    color: #ffffff;
    background-color: #90ee90;
}

.cst-alert-LGR-1 {
    color: #285928;
    background-color: #b8f1b8;
}

.cst-alert-LGR-2 {
    color: #398339;
    background-color: #d9ffd9;
}

.cst-border-LGR {
    border-color: #90ee90!important;
}

.cst-btn-LGR {
    color: #ffffff;
    background-color: #47c547;
    border-color: #90ee90;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-LGR:hover {
    background-color: #398339;
    border-color: #398339;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-LGR {
    color: #90ee90;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-LGR:hover {
    color: #ffffff;
    background-color: #90ee90;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-LGR-2 {
    color: #90ee90;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-LGR-2:hover {
    color: #ffffff;
    background-color: #d9ffd9;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-LGR-1 {
    color: #398339;
    background-color: #ffffff;
    border-bottom: 1px solid #90ee90;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-LGR-2 {
    color: #90ee90;
    background-color: #ffffff;
    border-bottom: 1px solid #90ee90;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ ダークグリーン系統： */
.cst-text-DGR-1 {
    color: #024302;
}

.cst-text-DGR-2 {
    color: #006400;
}

.cst-bg-DGR {
    color: #ffffff;
    background-color: #006400;
}

.cst-alert-DGR-1 {
    color: #024302;
    background-color: #85e185;
}

.cst-alert-DGR-2 {
    color: #024302;
    background-color: #bcf5bc;
}

.cst-border-DGR {
    border-color: #006400!important;
}

.cst-btn-DGR {
    color: #ffffff;
    background-color: #006400;
    border-color: #006400;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-DGR:hover {
    background-color: #024302;
    border-color: #024302;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-DGR {
    color: #006400;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-DGR:hover {
    color: #ffffff;
    background-color: #006400;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-DGR-2 {
    color: #006400;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-DGR-2:hover {
    color: #ffffff;
    background-color: #bcf5bc;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-DGR-1 {
    color: #024302;
    background-color: #ffffff;
    border-bottom: 1px solid #006400;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-DGR-2 {
    color: #006400;
    background-color: #ffffff;
    border-bottom: 1px solid #006400;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ シアン系統： */
.cst-text-CYN-1 {
    color: #0c5460;
}

.cst-text-CYN-2 {
    color: #17a2b8;
}

.cst-bg-CYN {
    color: #ffffff;
    background-color: #17a2b8;
}

.cst-alert-CYN-1 {
    color: #0c5460;
    background-color: #d1ecf1;
}

.cst-alert-CYN-2 {
    color: #0c5460;
    background-color: #e0f9fd;
}

.cst-border-CYN {
    border-color: #17a2b8!important;
}

.cst-btn-CYN {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-CYN:hover {
    color: #ffffff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-CYN {
    color: #17a2b8;
    background-color: #ffffff;
    border-color: #17a2b8;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-CYN:hover {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-CYN-2 {
    color: #17a2b8;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-CYN-2:hover {
    color: #ffffff;
    background-color: #e0f9fd;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-CYN-1 {
    color: #0c5460;
    background-color: #ffffff;
    border-bottom: 1px solid #17a2b8;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-CYN-2 {
    color: #17a2b8;
    background-color: #ffffff;
    border-bottom: 1px solid #17a2b8;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 青系統： */
.cst-text-BLU-1 {
    color: #004085;
}

.cst-text-BLU-2 {
    color: #007bff;
}

.cst-bg-BLU {
    color: #ffffff;
    background-color: #007bff;
}

.cst-alert-BLU-1 {
    color: #004085;
    background-color: #b5d9fd;
}

.cst-alert-BLU-2 {
    color: #004085;
    background-color: #d6e7f9;
}

.cst-border-BLU {
    border-color: #007bff!important;
}

.cst-btn-BLU {
    color: #ffffff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-BLU:hover {
    color: #ffffff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BLU {
    color: #007bff;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BLU:hover {
    color: #004085;
    background-color: #007bff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BLU:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #007bff;
}

.cst-btn-outline-BLU-2 {
    color: #007bff;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BLU-2:hover {
    color: #004085;
    background-color: #d6e7f9;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BLU-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #d6e7f9;
}

.cst-cap-BLU-1 {
    color: #004085;
    background-color: #ffffff;
    border-bottom: 1px solid #007bff;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-BLU-2 {
    color: #007bff;
    background-color: #ffffff;
    border-bottom: 1px solid #007bff;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ ライトブルー系統： */
.cst-text-LBL-1 {
    color: #4ea4c7;
}

.cst-text-LBL-2 {
    color: #87ceeb;
}

.cst-bg-LBL {
    color: #ffffff;
    background-color: #00a7eb;
}

.cst-alert-LBL-1 {
    color: #246783;
    background-color: #c1edff;
}

.cst-alert-LBL-2 {
    color: #246783;
    background-color: #dcf3fb;
}

.cst-border-LBL {
    border-color: #87ceeb!important;
}

.cst-btn-LBL {
    color: #ffffff;
    background-color: #4ea4c7;
    border-color: #87ceeb;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-LBL:hover {
    color: #ffffff;
    background-color: #246783;
    border-color: #246783;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-LBL {
    color: #87ceeb;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-LBL:hover {
    color: #ffffff;
    background-color: #87ceeb;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-LBL-2 {
    color: #87ceeb;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-LBL-2:hover {
    color: #ffffff;
    background-color: #dcf3fb;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-LBL-1 {
    color: #246783;
    background-color: #ffffff;
    border-bottom: 1px solid #87ceeb;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-LBL-2 {
    color: #00a7eb;
    background-color: #ffffff;
    border-bottom: 1px solid #87ceeb;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ ネイビーブルー系統： */
.cst-text-NAV-1 {
    color: #000080;
}

.cst-text-NAV-2 {
    color: #0000ff;
}

.cst-bg-NAV {
    color: #ffffff;
    background-color: #000080;
}

.cst-alert-NAV-1 {
    color: #000080;
    background-color: #a0a0ff;
}

.cst-alert-NAV-2 {
    color: #000080;
    background-color: #cdcdff;
}

.cst-border-NAV {
    border-color: #0000ff!important;
}

.cst-btn-NAV {
    color: #ffffff;
    background-color: #0000ff;
    border-color: #0000ff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-NAV:hover {
    background-color: #000080;
    border-color: #000080;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-NAV {
    color: #0000ff;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-NAV:hover {
    color: #ffffff;
    background-color: #0000ff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-NAV-2 {
    color: #0000ff;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-NAV-2:hover {
    color: #ffffff;
    background-color: #cdcdff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-NAV-1 {
    color: #000080;
    background-color: #ffffff;
    border-bottom: 1px solid #0000ff;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-NAV-2 {
    color: #0000ff;
    background-color: #ffffff;
    border-bottom: 1px solid #0000ff;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 警戒色系統： */
.cst-text-WAN-1 {
    color: #856404;
}

.cst-text-WAN-2 {
    color: #ffc107;
}

.cst-bg-WAN {
    color: #1b1e21;
    background-color: #ffc107;
}

.cst-alert-WAN-1 {
    color: #856404;
    background-color: #ffeeba;
}

.cst-alert-WAN-2 {
    color: #856404;
    background-color: #ffffee;
}

.cst-border-WAN {
    border-color: #856404!important;
}

.cst-btn-WAN {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-WAN:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-WAN {
    color: #856404;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-WAN:hover {
    color: #856404;
    background-color: #ffc107;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-WAN:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #1b1e21;
    background-color: #ffc107;
}

.cst-btn-outline-WAN-2 {
    color: #856404;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-WAN-2:hover {
    color: #856404;
    background-color: #ffeeba;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-WAN-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #1b1e21;
    background-color: #ffc107;
}

.cst-cap-WAN-1 {
    color: #856404;
    background-color: #ffffff;
    border-bottom: 1px solid #ffc107;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-WAN-2 {
    color: #ffc107;
    background-color: #ffffff;
    border-bottom: 1px solid #ffc107;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 黄系統： */
.cst-text-YEL-1 {
    color: #999900;
}

.cst-text-YEL-2 {
    color: #ffff00;
}

.cst-bg-YEL {
    color: #1b1e21;
    background-color: #ffff00;
}

.cst-alert-YEL-1 {
    color: #999900;
    background-color: #ffff99;
}

.cst-alert-YEL-2 {
    color: #999900;
    background-color: #ffffcc;
}

.cst-border-YEL {
    border-color: #999900!important;
}

.cst-btn-YEL {
    color: #1b1e21;
    background-color: #ffff00;
    border-color: #ffff00;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-YEL:hover {
    background-color: #999900;
    border-color: #999900;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-YEL {
    color: #ffff00;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-YEL:hover {
    color: #1b1e21;
    background-color: #ffff00;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-YEL-2 {
    color: #ffff00;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-YEL-2:hover {
    color: #1b1e21;
    background-color: #ffffcc;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-YEL-1 {
    color: #999900;
    background-color: #ffffff;
    border-bottom: 1px solid #ffff00;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-YEL-2 {
    color: #ffff00;
    background-color: #ffffff;
    border-bottom: 1px solid #ffff00;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ オリーブ系統： */
.cst-text-OLV-1 {
    color: #575700;
}

.cst-text-OLV-2 {
    color: #808000;
}

.cst-bg-OLV {
    color: #ffffff;
    background-color: #808000;
}

.cst-alert-OLV-1 {
    color: #575700;
    background-color: #dddd00;
}

.cst-alert-OLV-2 {
    color: #575700;
    background-color: #efefaa;
}

.cst-border-OLV {
    border-color: #808000!important;
}

.cst-btn-OLV {
    color: #ffffff;
    background-color: #808000;
    border-color: #808000;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-OLV:hover {
    background-color: #575700;
    border-color: #575700;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-OLV {
    color: #808000;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-OLV:hover {
    color: #ffffff;
    background-color: #808000;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-OLV-2 {
    color: #808000;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-OLV-2:hover {
    color: #ffffff;
    background-color: #efefaa;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-OLV-1 {
    color: #575700;
    background-color: #ffffff;
    border-bottom: 1px solid #808000;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-OLV-2 {
    color: #808000;
    background-color: #ffffff;
    border-bottom: 1px solid #808000;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 橙系統： */
.cst-text-ORG-1 {
    color: #914403;
}

.cst-text-ORG-2 {
    color: #fd7e14;
}

.cst-bg-ORG {
    color: #ffffff;
    background-color: #fd7e14;
}

.cst-alert-ORG-1 {
    color: #613815;
    background-color: #ffbe88;
}

.cst-alert-ORG-2 {
    color: #613815;
    background-color: #ffdfc4;
}

.cst-border-ORG {
    border-color: #fd7e14!important;
}

.cst-btn-ORG {
    color: #ffffff;
    background-color: #fd7e14;
    border-color: #fd7e14;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-ORG:hover {
    color: #ffffff;
    background-color: #914403;
    border-color: #914403;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-ORG {
    color: #fd7e14;
    border-color: #fd7e14;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-ORG:hover {
    color: #ffffff;
    border-color: #fd7e14;
    background-color: #fd7e14;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-ORG-2 {
    color: #fd7e14;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-ORG-2:hover {
    color: #ffffff;
    background-color: #ffdfc4;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-ORG-1 {
    color: #914403;
    background-color: #ffffff;
    border-bottom: 1px solid #fd7e14;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-ORG-2 {
    color: #fd7e14;
    background-color: #ffffff;
    border-bottom: 1px solid #fd7e14;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 茶系統： */
.cst-text-BRN-1 {
    color: #5f2d09;
}

.cst-text-BRN-2 {
    color: #8b4513;
}

.cst-bg-BRN {
    color: #ffffff;
    background-color: #8b4513;
}

.cst-alert-BRN-1 {
    color: #5f2d09;
    background-color: #c38c65;
}

.cst-alert-BRN-2 {
    color: #5f2d09;
    background-color: #efc3a3;
}

.cst-border-BRN {
    border-color: #8b4513!important;
}

.cst-btn-BRN {
    color: #ffffff;
    background-color: #8b4513;
    border-color: #8b4513;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-BRN:hover {
    background-color: #5f2d09;
    border-color: #5f2d09;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BRN {
    color: #5f2d09;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BRN:hover {
    color: #ffffff;
    background-color: #5f2d09;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BRN-2 {
    color: #5f2d09;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BRN-2:hover {
    color: #ffffff;
    background-color: #efc3a3;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-BRN-1 {
    color: #5f2d09;
    background-color: #ffffff;
    border-bottom: 1px solid #8b4513;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-BRN-2 {
    color: #8b4513;
    background-color: #ffffff;
    border-bottom: 1px solid #8b4513;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 灰系統： */
.cst-text-GRY-1 {
    color: #383d41;
}

.cst-text-GRY-2 {
    color: #6c757d;
}

.cst-bg-GRY {
    color: #ffffff;
    background-color: #6c757d;
}

.cst-alert-GRY-1 {
    color: #383d41;
    background-color: #e2e3e5;
}

.cst-alert-GRY-2 {
    color: #383d41;
    background-color: #f5f5f5;
}

.cst-border-GRY {
    border-color: #6c757d!important;
}

.cst-btn-GRY {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-GRY:hover {
    color: #ffffff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-GRY:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    background-color: #383d41;
    border-color: #383d41;
}

.cst-btn-outline-GRY {
    color: #6c757d;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRY:hover {
    color: #ffffff;
    background-color: #6c757d;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRY:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #6c757d;
}

.cst-btn-outline-GRY-2 {
    color: #6c757d;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRY-2:hover {
    color: #ffffff;
    background-color: #f5f5f5;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-GRY-2:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #f5f5f5;
}

.cst-cap-GRY-1 {
    color: #383d41;
    background-color: #ffffff;
    border-bottom: 1px solid #6c757d;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-GRY-2 {
    color: #6c757d;
    background-color: #ffffff;
    border-bottom: 1px solid #6c757d;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 黒系統： */
.cst-text-BLK-1 {
    color: #1b1e21;
}

.cst-text-BLK-2 {
    color: #343a40;
}

.cst-bg-BLK {
    color: #ffffff;
    background-color: #343a40;
}

.cst-alert-BLK-1 {
    color: #1b1e21;
    background-color: #d6d8d9;
}

.cst-alert-BLK-2 {
    color: #1b1e21;
    background-color: #e4e6e7;
}

.cst-border-BLK {
    border-color: #343a40!important;
}

.cst-btn-BLK {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-BLK:hover {
    background-color: #1b1e21;
    border-color: #1b1e21;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BLK {
    color: #343a40;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BLK:hover {
    color: #ffffff;
    background-color: #343a40;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-BLK-2 {
    color: #343a40;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-BLK-2:hover {
    color: #ffffff;
    background-color: #e4e6e7;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-BLK-1 {
    color: #1b1e21;
    background-color: #ffffff;
    border-bottom: 1px solid #343a40;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-BLK-2 {
    color: #343a40;
    background-color: #ffffff;
    border-bottom: 1px solid #343a40;
    font-weight: bold;
    padding-bottom: 0.8rem;
}


/* ■ 白・明るい灰系統： */
.cst-text-WHT-1 {
    color: #818182;
}

.cst-text-WHT-2 {
    color: #f8f9fa;
}

.cst-bg-WHT {
    color: #1b1e21;
    background-color: #f8f9fa;
}

.cst-alert-WHT-1 {
    color: #818182;
    background-color: #fefefe;
}

.cst-alert-WHT-2 {
    color: #818182;
    background-color: #fefefe;
}

.cst-border-WHT {
    border-color: #818182!important;
}

.cst-btn-WHT {
    color: #1b1e21;
    background-color: #f8f9fa;
    border-color: #818182;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-WHT:hover {
    background-color: #818182;
    border-color: #818182;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-WHT {
    color: #818182;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-WHT:hover {
    color: #1b1e21;
    background-color: #f8f9fa;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-btn-outline-WHT-2 {
    color: #818182;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.cst-btn-outline-WHT-2:hover {
    color: #1b1e21;
    background-color: #fefefe;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.cst-cap-WHT-1 {
    color: #818182;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f9fa;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.cst-cap-WHT-2 {
    color: #f8f9fa;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f9fa;
    font-weight: bold;
    padding-bottom: 0.8rem;
}