@charset "utf-8";
#aboutus_badckle p {
    line-height: 2.5em;
}


#aboutus_profile h2 {
    background-color: rgba(59,65,55,1.00);
    color: #FFFFFF;
    border-radius: 8px;
    text-align: center;
    padding: 3px 0;
    font-size:13px;
}

#aboutus_profile table {
    border-spacing: 0 15px;
    margin-top:-15px;
}
    #aboutus_profile table td:first-child {
        text-align: right;
        border-bottom: #011945 1px solid;
        padding: 15px 10px 3px 10px;
        white-space: nowrap;
    }
    #aboutus_profile table td:last-child {
        text-align: left;
        border-bottom: #011945 1px solid;
        padding: 15px 10px 3px 10px;        
    }
    #aboutus_profile table td {
        vertical-align: top;
    }

#aboutus_links ul li {
    line-height: 2.5em;
    text-align: center;
}
    #aboutus_links ul li a {
        background-color: #F0F5AE;
        /*background-color: #011945;*/
        color:#011945;
        text-decoration: none;
        padding: 15px;
        margin:15px;
        display: inline-block;
        float: left;
        min-width: 150px;
        border-radius: 32px;
    }



#aboutus_courts  {
    margin-bottom: 150px;
}
    #aboutus_courts ul.map_group {
        display: flex;
        flex-wrap: wrap;
        justify-content:flex-start;
        gap: 20px;
    }
        #aboutus_courts ul.map_group li.map_box {
            flex-basis: 220px;
            text-align: center;
            background-color: rgba(68,78,56,1.00);
        }
            #aboutus_courts ul.map_group li.map_box p.court_type {
                font-size:12px;
                padding: 1px 4px;
                background-color: rgba(255,161,25,1.00);
                color:#ffffff;
                display: inline-block;
                text-align: center;
                border-radius: 8px;
                margin: 10px auto 10px auto;
            }
                #aboutus_courts ul.map_group li.map_box p.court_type.outdoor {
                    background-color: rgba(227,24,255,1.00);
                }
            #aboutus_courts ul.map_group li.map_box p.court_name {
                font-size:16px;
                font-weight: bold;
                text-align: center;               
                margin-bottom: 10px;
                line-height: 1.2em;
                color:#ffffff;
            }
            #aboutus_courts ul.map_group li.map_box p.court_address {
                font-size:13px;
                text-align: center;    
                color:#ffffff;      
                line-height: 1.2em;      
            }
            .court_links {
                display: flex;
                justify-content: center;
                gap: 15px;
                }
                .court_links a.view_map {
                    text-align: center;
                    background-color: #F0F5AE;
                    color:#011945;
                    text-decoration: none;
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:10px;
                    display: inline-block;
                    border-radius: 16px;
                    flex-basis: 90px;
                    font-size: 14px;
                }
                .court_links a.view_site {
                    text-align: center;
                    background-color: #F0F5AE;
                    color:#011945;
                    text-decoration: none;
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:10px;
                    display: inline-block;
                    border-radius: 16px;
                    flex-basis: 90px;
                    font-size: 14px;
                }

@media screen and (max-width: 500px) {/*最低でも2列表示*/
    #aboutus_courts ul.map_group {
        justify-content:space-around;
        gap: auto;
    }
        #aboutus_courts ul.map_group li.map_box {
            flex-basis: 46%;
        }
            #aboutus_courts ul.map_group li.map_box p.court_type {
                font-size:12px;
                padding: 1px 4px;
                margin: 10px auto 10px auto;
                display: block;
                width: 100px;
            }
                #aboutus_courts ul.map_group li.map_box p.court_type.outdoor {
                }
            #aboutus_courts ul.map_group li.map_box p.court_name {
                font-size:14px;
                margin-bottom: 10px;
            }
            #aboutus_courts ul.map_group li.map_box p.court_address {
                font-size:11px;
            }
            .court_links {
                display: block;
                }
                .court_links a.view_map {
                    padding: 5px 0;
                    margin-top:20px;
                    margin-bottom:0px;
                    font-size: 14px;
                    display: block;    
                    width: 100px;
                    margin-left: auto;
                    margin-right: auto;
                }
                .court_links a.view_site {
                    padding: 5px 0;
                    margin-top:10px;
                    margin-bottom:10px;
                    font-size: 14px;
                    display: block;
                    width: 100px;
                    margin-left: auto;
                    margin-right: auto;
                }
}