@charset "utf-8";

.animation-box {
    max-width: 1024px;
    margin-top: 56px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.animation-background {
    max-width: 1024px;
    margin-left: 6%;
    margin-right: 6%;
    text-align: center;
}

.guitar-tainment-home {
    display: block;
    margin-top: -534;
}

.katto-home {
    max-width: 505px;
    display: block;
    margin-left: 6%;
    margin-right: 6%;
    margin: 0 auto;
}

.pink-star-big {
    margin-top: 168px;
    position: relative;
    mix-blend-mode: normal;
    z-index: 1;
}

.star-shadow-big {
    margin-top: -300px;
    width: 900;
    height: auto;
    mix-blend-mode: multiply;
    z-index: 1;
}

.animation {
    margin-top: -716px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 530px;
    height: auto;
    text-align: center;
    z-index: 2;
}


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

.pink-head-line {
    margin-top: 0px;
    text-align: center;
}

.link-text {
    margin-top: 30px;
    margin-left: 6%;
    margin-right: 6%;
    text-align: center;
}

.facebook-container {
    margin-top: 30px;
    width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(10px 10px 20px #E3007F);
}

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

.live-text {
    margin-top: 30px;
    margin-left: 6%;
    margin-right: 6%;
}

.live-text h1 {
    margin-top: 30px;
}

.live-text p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

.radio-text {
    margin-top: 40px;
    margin-left: 6%;
    margin-right: 6%;
}

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

/* thanks start */
.thanks-box {
    max-width: 1024px;
    margin-top: -80px;
    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) {

    .animation-box {
        margin-top: 24px;
    }

    .guitar-tainment-home {
        width: 120px;
        height: auto;
        display: block;
        margin-top: -534px;
        margin-left: 6%;
        margin-right: 6%;
        margin: 0 auto;
    }

    .katto-home {
        width: 253px;
        height: auto;
        display: block;
        margin-left: 6%;
        margin-right: 6%;
        margin: 0 auto;
    }

    .pink-star-big {
        width: 277px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 74px;
        position: relative;
        mix-blend-mode: normal;
        z-index: 2;
    }

    .star-shadow-big {
        margin-top: -160px;
        width: 310px;
        margin-left: auto;
        margin-right: auto;
        mix-blend-mode: multiply;
        z-index: 1;
    }

    .animation {
        margin-top: -358px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 265px;
        height: auto;
        text-align: center;
        z-index: 2;
    }

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

}

@media (max-width: 568px) {

    .facebook-container {
        margin-top: 30px;
        width: 330px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        filter: drop-shadow(10px 10px 20px #E3007F);
    }

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

}

@media (max-width: 400px) {

    .facebook-container {
        margin-top: 30px;
        width: 296px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        filter: drop-shadow(10px 10px 20px #E3007F);
    }

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

}