#starsavior_charm_list .sort_table .fil_ul {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    overflow-x: auto;
}
#starsavior_charm_list .sort_table .fil_ul li {
    padding: 0px 5px;
    border: 2px solid #e3e3e3;
    background: #ebebeb;
    margin: 2px;
    border-radius: 2px;
    cursor: pointer;
    color: #7c7b7b;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    width: calc(100% / 5 - 4px);
    min-width: calc(100% / 5 - 4px);
    max-width: calc(100% / 5 - 4px);
    box-sizing: border-box;
    flex: 0 0 calc(100% / 5 - 4px);
    line-height: 1.8;
}
#starsavior_charm_list .sort_table .fil_ul[data-target="rarity"] li {
    width: calc(100% / 5 - 4px);
    min-width: calc(100% / 5 - 4px);
    max-width: calc(100% / 5 - 4px);
    flex: 0 0 calc(100% / 5 - 4px);
}
#starsavior_charm_list .sort_table .fil_ul[data-target="target"] {
    flex-wrap: wrap;
}
#starsavior_charm_list .sort_table .fil_ul[data-target="target"] li {
    width: calc(100% / 6 - 4px);
    min-width: calc(100% / 6 - 4px);
    max-width: calc(100% / 6 - 4px);
    flex: 0 0 calc(100% / 6 - 4px);
    font-size: 0.7rem;
    letter-spacing: -0.5px;
    overflow: hidden;
}
#starsavior_charm_list .sort_table .fil_ul[data-target="target"] li .fil_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#starsavior_charm_list .sort_table .fil_ul li[data-checked="1"] {
    border: 2px solid #204FBC;
    color: #4474e2;
    background: #fff;
}
#starsavior_charm_list .sort_table .fil_ul li[data-checked="0"] img {
    opacity: 0.6;
    filter: grayscale(0.8);
}

.post-content #starsavior_charm_list table.result_table td {
    padding: 6px 8px;
    vertical-align: middle;
}
.post-content #starsavior_charm_list table.result_table td .disp_name {
    font-size: 0.9rem;
    letter-spacing: -0.5px;
    display: block;
}
.post-content #starsavior_charm_list table.result_table tbody[data-disp="0"] {
    display: none;
}
.post-content #starsavior_charm_list table.result_table td.td_target img {
    vertical-align: middle;
    margin-right: 2px;
}
.post-content #starsavior_charm_list table.result_table td.td_target .charm_point_icon {
    margin: 0 2px 0 0;
}
.post-content #starsavior_charm_list table.result_table td.td_effect {
    font-size: 0.85rem;
    color: #5b5b5b;
}

@media screen and (max-width: 480px) {
    #starsavior_charm_list .sort_table .fil_ul li {
        width: calc(100% / 3 - 4px);
        min-width: calc(100% / 3 - 4px);
        max-width: calc(100% / 3 - 4px);
        flex: 0 0 calc(100% / 3 - 4px);
        font-size: 0.7rem;
    }
    #starsavior_charm_list .sort_table .fil_ul[data-target="target"] li {
        width: calc(100% / 4 - 4px);
        min-width: calc(100% / 4 - 4px);
        max-width: calc(100% / 4 - 4px);
        flex: 0 0 calc(100% / 4 - 4px);
    }
    .post-content #starsavior_charm_list table.result_table td .disp_name {
        font-size: 0.7rem;
    }
    .post-content #starsavior_charm_list table.result_table td.td_target {
        font-size: 0.8rem;
    }
    .post-content #starsavior_charm_list table.result_table td.td_effect {
        font-size: 0.75rem;
    }
}