@charset "utf-8";

.radio-box {
    max-width: 1024px;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
}

.rock-n-roll-banner {
    max-width: 546px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    filter: drop-shadow(10px 10px 20px #E3007F);
}

.rock-n-roll-banner img {
    width: 100%;
}

.pink-head-line {
    margin-top: 56px;
    display: block;
    text-align: center;
}

.radio-caption {
    max-width: 1024px;
    margin-top: 30px;
    margin-left: 6%;
    margin-right: 6%;
    text-align: center;
}

.radio-schedule {
    display: flex;
    justify-content: flex-start;
    margin-top: 40px;
    margin-left: 6%;
    margin-right: 6%;
    align-items: flex-start;
}

.radio-schedule img {
    width: 264px;
    height: auto;
    margin-top: 4px;
    filter: drop-shadow(10px 10px 20px #E3007F);
}

.radio-schedule iframe {
    width: 264px;
    height: 148px;
    margin-bottom: 16px;
}

.radio-text {
    margin-left: 46px;
}

.radio-text p {
    margin-top: 18px;
}

.radio-nav-text {
    margin-top: 56px;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
}

.jcba {
    display: grid;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 378px;
    height: 64px;
    border: solid 1px #0E52ED;
    grid-template-columns: 108px 270px;
}

.jcba img {
    width: 100%;
}

.jcba p {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 140%;
}

.jcba a {
    color: inherit;
    text-decoration: none;
}

.radimo {
    display: grid;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 378px;
    height: 80px;
    grid-template-columns: 10px 60px 308px;
    grid-template-rows: 10px 64px 10px;
    border-top: solid 1px #1D8B26;
    border-right: solid 1px #1D8B26;
    border-left: solid 1px #1D8B26;
}

.radimo a {
    color: inherit;
    text-decoration: none;
}

.radimo-icon {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.radimo-text {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}


.redimo img {
    width: 100%;
}

.radimo p {
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 140%;
}

.radimo-appli {
    display: grid;
    margin-left: auto;
    margin-right: auto;
    width: 378px;
    height: 52px;
    grid-template-columns: 40px 160px 160px;
    border-right: solid 1px #1D8B26;
    border-bottom: solid 1px #1D8B26;
    border-left: solid 1px #1D8B26;
}

.radimo-app {
    grid-column-start: 2;
    grid-column-end: 3;
}

.radimo-goo {
    grid-column-start: 3;
    grid-column-end: 4;
}


.radio-schedule iframe {
    width: 264px;
    height: auto;
    margin-top: 4px;
    filter: drop-shadow(10px 10px 20px #E3007F);
}


/* thanks start */
.thanks-box {
    max-width: 1024px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.thanks-katto-image {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 168px;
    z-index: 20;
}

.pink-star-small {
    position: relative;
    top: 106px;
    mix-blend-mode: normal;
    left: auto;
    right: auto;
    z-index: 10;
}

.pink-star-shadow-small {
    left: auto;
    right: auto;
    mix-blend-mode: multiply;
    z-index: 1;
}

/* thanks end */


@media (max-width: 700px) {

    .jcba {
        display: grid;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        width: 302px;
        height: 51px;
        border: solid 1px #0E52ED;
        grid-template-columns: 86px 216px;
    }

    .jcba img {
        width: 100%;
    }

    .jcba p {
        margin-top: 2px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 120%;
    }

    .jcba a {
        color: inherit;
        text-decoration: none;
    }

    .radimo {
        display: grid;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        width: 302px;
        height: 90px;
        grid-template-columns: 8px 52px 242px;
        grid-template-rows: 8px 72px 10px;
        border-top: solid 1px #1D8B26;
        border-right: solid 1px #1D8B26;
        border-left: solid 1px #1D8B26;
    }

    .radimo a {
        color: inherit;
        text-decoration: none;
    }

    .radimo-icon {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .radimo-text {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
    }


    .redimo img {
        width: 100%;
    }

    .radimo p {
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 120%;
    }

    .radimo-appli {
        display: grid;
        margin-left: auto;
        margin-right: auto;
        width: 302px;
        height: 56px;
        grid-template-columns: 12px 140px 150px;
        border-right: solid 1px #1D8B26;
        border-bottom: solid 1px #1D8B26;
        border-left: solid 1px #1D8B26;
    }

    .radimo-app {
        grid-column-start: 2;
        grid-column-end: 3;
    }

    .radimo-goo {
        grid-column-start: 3;
        grid-column-end: 4;
    }




    .radio-schedule {
        display: block;
        margin-left: 6%;
        margin-right: 6%;
        text-align: center;
    }

    .radio-text {
        margin-left: 0;
    }

    .radio-schedule img {
        width: 264px;
        height: auto;
        margin-bottom: 14px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .radio-schedule p {
        text-align: left;
    }

    .rock-n-roll-banner img {
        width: 90%;
    }

}