.shdl__data {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 5px;
    text-align: left;
    width: 180px; }

.shdl__data_num {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 90px; }

.shdl__grp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.shdl__grpTtl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.shdl .table__row:nth-child(2n+1) {
    background-color: #efeff99e;
}

@media screen and (max-width: 480px){
    .table.shdl {
        width: 100%;
        overflow: scroll;
    }
    .shdl .table__th {
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
    }
    .shdl .table__row {
        flex-wrap: nowrap;
        width: max-content;
    }
    .shdl__grpTtl {
        flex-wrap: nowrap;
    }
    .shdl__data {
        white-space: nowrap;
        text-align: left;
        width: 180px;
    }
    .shdl__data_num {
        display: none;
    }
    .shdl .table__top .shdl__data {
        white-space: break-spaces;
    }
}