#radioBanner_wrapper {
    position: relative;
    background-color: #00A0DA;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    padding: 5rem 0;
}

#radioBanner_wrapper_inner {
    position: relative;
    width: 73.2%;
    height: 100%;
    margin: 0 auto;
    display: grid;
    grid-template: auto / repeat(4, auto);
    gap: 4rem;
    row-gap:2rem;
}

#radioBanner_wrapper_inner li {
    width: auto;
    /* height: 8rem; */
    position: relative;
    text-align: center;
}

#radioBanner_wrapper_inner li img {
    width: auto;
    /* height: 100%; */

}

#radioBanner_wrapper_inner li img:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/*===============================================
●style.css 画面の横幅が1024pxまで
===============================================*/
@media screen and (max-width: 1024px) {
    #radioBanner_wrapper_inner {
        position: relative;
        width: 90%;
    }

    #radioBanner_wrapper_inner li {
        height: 5rem;
    }

}

/*===============================================
●style.css 画面の横幅が500pxまで
===============================================*/
@media screen and (max-width: 500px) {
    #radioBanner_wrapper_inner {
        position: relative;
        width: 94%;

        display: grid;
        grid-template: auto / repeat(2, 1fr);
        gap: 2rem;
    }

    #radioBanner_wrapper {
        padding: 4rem 0;
    }
}