.common_ranking_filter_container{
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(7, 1fr);
}
.common_ranking_filter_container[data-length="12"],
.common_ranking_filter_container[data-length="11"],
.common_ranking_filter_container[data-length="6"]{
    grid-template-columns: repeat(6, 1fr);
}
.common_ranking_filter_container[data-length="10"],
.common_ranking_filter_container[data-length="9"],
.common_ranking_filter_container[data-length="5"]{
    grid-template-columns: repeat(5, 1fr);
}
.common_ranking_filter_container[data-length="8"],
.common_ranking_filter_container[data-length="4"]{
    grid-template-columns: repeat(4, 1fr);
}
.common_ranking_filter_container[data-length="3"]{
    grid-template-columns: repeat(3, 1fr);
}
.common_ranking_filter_container[data-length="2"]{
    grid-template-columns: repeat(2, 1fr);
}
table ul.common_ranking_filter_container > li{
    line-height: 1;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #f6f6f6;
    color: #666666;
    cursor: pointer;
    padding: 7px 0;
}
table ul.common_ranking_filter_container > li[data-check="1"]{
    color: #000000;
    border-color: #5646b7;
}

.common_ranking_table .data_container > li[data-disp="0"]{
    opacity: 0.3;
}