.container{
        background: #fff;
        font-size: 20px;
}
.header{
        width: 100%;
}
.text-area,
.text-area2{
        background: #fff;
        color: #000; 
        padding: 2% 0 10%;
        width: 850px;
        margin: 0 auto;
        line-height: 1.7;
}
.text-area2{
        width: 1000px;
}
.public-date{
        padding: 10px 0;
        font-size: 90%;
        font-weight: bold;
}
.title{
        font-weight: bold;
        font-size: 200%;
        text-decoration: underline;
        text-decoration-thickness: 2.5px;
        text-underline-offset: 30%;
        line-height: 2;
        margin-bottom: 5%;
        letter-spacing: 1.5px;
}
.title-img{
        width: 70%;
        margin: 3% auto;
}
.text{
        line-height: 2.0;
        padding-bottom: 25px;
        letter-spacing: 1.5px;
}
.songs-game{
        background: url(/hokuto-no-ken/img/information/footer_bg.png) center no-repeat;
        background-size: 101% 100%;
}

.button-common{
        font-size: 15px;
}
.songs-game-buttons li{
        width: 60%;
        max-width: 187px;
        margin: 0 0 0 auto;
}

.introduction-info::before,
.introduction-info::after {
        left: 0;
        width: 100%;
}
.prev,.next{
        display: inline-block;
        color: #121c3e;
        font-size: 0.2rem;
        font-weight: bold;
}
.prev{
        margin-right: 15%;
}
.page-button{
        text-align: center;
        padding-top: 2%;
}
.page-button a{
        text-decoration: none;
}

img{
        width: 100%;
}


@media only screen and (max-width: 1850px) {
        .songs-game{
                background-size: auto 100%;
        }
        .songs-game-buttons > li:not(:last-child) {
          margin-bottom: 0.18rem;
        }
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1111px) {
}
@media only screen and (max-width: 1000px) {
        .text-area{
                width: 85%;
        }
        .text-area2{
                width: 100%;
        }


}
@media only screen and (max-width: 750.98px){
        .introduction-info::before,
        .introduction-info::after {
                left: 0;
                width: 100%;
        }
}
@media only screen and (max-width: 750px) {
        .container{
                font-size: 14px;
        }
        .title{
                font-size: 190%;
                text-decoration-thickness: 1.5px;
                text-underline-offset: 25%;
        }
        .title-img{
                width: 90%;
                margin: 8% auto;
        }
        .text-area{
                width: 90%;
                line-height: 1.5;
        }
        .text{
                width: 90%;
                line-height: 2.2;
                padding-bottom: 10px;
                margin: 0 auto;
        }
        
        .prev,.next{
                font-size: 0.3rem;
        }
        .page-button{
                padding-top: 4%;
        }
        .songs-game{
                background: url(/hokuto-no-ken/img/information/footer_bg.png) center no-repeat;
                background-size: auto 100%;
        }
        .songs-game-buttons > li:not(:last-child) {
          margin-bottom: 0.26rem;
        }
        .songs-game-buttons li{
                margin: 0 auto;
                width: 50%;
        }
}