#selected_city li a, #selected_city li {
    max-width: 105px;
    padding-left:10px !important;
}
.search-item {
    width: 80%;
    margin-bottom: 10px;
}

#search_area{
    padding: 20px 20px 10px 20px;
}
@media (max-width: 959px) {
    .modal_title {
        margin-top:40px;
    }
    .modal_title h3 {
        font-size: 15px;
        margin:0px;
    }
    .modal_title h4 {
        font-size: 14px;
        margin:5px;
    }
    #distribution_map {
        /* width:115% !important;
        position:relative;
        left:-10%; */
    }
    #chart_modal svg {
        max-width: max-content !important;
    }
    #change_search button {
        width: 50%;
    }
    .search-item {
        width: 100%;
    }

    .custom_card_closed_schools {
        margin-bottom: 10px;
        padding: 5px 20px;
        border: #fff1a6 solid 10px;
        background-color: #ffffff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    }
    .custom_card_closed_schools>p {
        margin:5px 0;
    }

}

#tooltip {
    position:absolute; 
    background-color: #E6EFF3; 
    color: #333; 
    padding: 5px; 
    border-radius: 3px;
    font-size: 13px;
}

        /* 凡例の文字サイズ変更 */
        .c3-legend-item {
            font-size: 16px; /* 凡例の文字サイズを16pxに設定 */
        }

        /* X軸の目盛の文字サイズ変更 */
        .c3-axis-x .tick text {
            font-size: 14px; /* X軸の文字サイズを14pxに設定 */
        }
/* 
        .flatpickr-calendar {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            z-index: 9999 !important;
        } */