/*
 Theme Name:    Anago Child
 Theme URI:    
 Description:  child theme for anago
 Author:       
 Author URI:   
 Template:     anago-theme
 Version:      1.0.1
 Tags:         flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, translation-ready, light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
.area-list-ul {
    margin: 0;
    padding-left: 1.5em;
    display: grid;
    column-gap: 1em;
    grid-template-columns: auto auto auto;
}

.area-list-point {
    font-size: 0.85rem;
}

.sidebar-area-list {
    max-height: 300px;
    overflow-y: scroll;
    background: linear-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), rgb(245, 245, 245) 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center bottom;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll;
}

.graybox {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    ul.area-list-ul {
        grid-template-columns: auto;
        margin-bottom: 1em;
        max-height: 300px;
        overflow-y: scroll;
        background: linear-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), rgb(245, 245, 245) 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center bottom;
        background-repeat: no-repeat;
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
        background-attachment: local, local, scroll, scroll;
    }

    .area-list-point {
        font-size: 1rem;
    }
}