@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name:      spec_sf939.css
Style Info:     spec_sf939のみのレイアウト
----------------------------------------------------------- */
#str-main .table-arrow {
    display: none;
}
#str-main #JS_scLeft .table-02 {
    word-break: break-all;
}
#str-main #JS_scLeft .table-02 th {
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#str-main #JS_scLeft .table-02 td {
    font-size: 12px;
}

@media screen and (max-width: 500px) {
    #str-main .table-arrow {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    #str-main #JS_scLeft .table-02 {
        table-layout: fixed;
    }
    #str-main #JS_scLeft .table-02 .w90 {
        width: 90px;
    }
    #str-main #JS_scLeft .table-02 .w262 {
        width: 262px;
    }
}

@media screen and (max-width: 768px) {
    .rwd-valid #JS_scLeft {
        overflow: scroll;
        border-left: 1px solid #999;
        margin-bottom: 5px;
    }
    #str-main #JS_scLeft .table-02 {
        -webkit-text-size-adjust: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-left: 0;
    }
    #str-main #JS_scLeft table.table-02 thead th:first-of-type {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        z-index: 2;
    }
    #str-main #JS_scLeft table.table-02 tbody th {
        width: 45px;
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        z-index: 2;
    }
    #str-main #JS_scLeft .table-02 thead th {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #str-main #JS_scLeft table th:first-of-type {
        left: 0;
        z-index: 3;
    }
    #str-main #JS_scLeft .table-02 tbody th:nth-of-type(2) {
        left: 45px;
    }
    #str-main #JS_scLeft .table-02 tbody th.table-sticky {
        left: 45px;
    }
    .sticky-box {
        height: 100%;
    }
    #str-main .table-arrow img {
        position: absolute;
        right: 0;
        top: 3px;
        width: 41px;
        height: 40px;
        margin-bottom: 0;
    }
    #str-main #JS_scLeft table:not(.not-renew-css).table-02 {
        margin: 0;
    }
}