/******************************
*enページ専用の設定
*****************************/
/******************************
*KV
*****************************/
.buy{
    position: fixed;
    bottom: 0;
    top: unset;
    z-index: 3;
}

.kv_text {
    width: 72%;
    top: 80%;
}


@media screen and (max-width: 670px){
    .buy {
        right: 24%;
    }
    .kv_icon img {
        width: 86%;
        padding-bottom: 50%;
    }
    .kv_text {
        width: 90%;
        top: 70%;
    }
    
    .kv_text img {
        width: 100%;
    }
}

/******************************
*あらすじ
*****************************/

@media screen and (max-width: 670px) {
    .inciting_text {
        top: 6%;
    }
}

.modal-common{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

/******************************
*あそび方
*****************************/
.subtitle_text.play{
    width: 50%;
    transform: translate(-50%, -48%);
}

.howto_text {
    width: 90%;
    transform: translate(-50%, 250%);
}

@media screen and (max-width: 670px) {
    .sec.howto {
        padding: 2% 0 10%;
    }
    .subtitle_text.play {
        width: 60%;
        transform: translate(-50%, -45%);
    }

}


/******************************
*モード
*****************************/
.subtitle_text.mode{
    width: 70%;
}
.video_area_text img,
.video_area_text2 img{
    width: 93%;
}

@media screen and (max-width: 670px) {
    .videos{
        width: 80%;
    }
}
/******************************
*スペック
*****************************/
.specs_detail {
    transform: translate(-50%, -45%);
}
.spec_grid{
    width: 95%;
    grid-template-columns: 1fr 2fr;
    gap: 7%;
}
.spec_description {
    padding: 0 30% 0 0;
}
.spec_description_price img {
    top: 100%;
    width: 26%;
    left: 0.1%;
}
.spec_description_logo {
    width: 80%;
    gap: 15%;
}
.spec_description_logo {
    width: 95%;
    top: 155%;
    grid-template-columns: 330fr 290fr 90fr;
    gap: 10%;
}
.esrb img {
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 670px){
    .specs{
        width: 90%;
        padding: 5% 0 10%;
    }
    .specs_detail{
        top: 40%;
    }
    .spec_title{
        width: 50%;
        transform: translate(-50%, -570%);
    }
    .spec_grid{
        width: 100%;
        grid-template-columns: 2fr;
        gap: 10%;
    }
    .spec_description {
        padding: unset;
    }
    .spec_description_text img {
        width: 60%;
        margin: 0px 0% 0 25%;
    }
    .spec_description_price img{
        top: 95%;
        left: 25%;
        width: 25%;
    }
    
    .spec_description_logo{
        top: 130%;
        width: 90%;
    }
}


/******************************
*footerセクション コピーライト
*****************************/
.ff_links {
    width: 34%;
    grid-template-columns: 16fr 1.3fr 26fr;
}

.ff_copyright{
    width: 85%;
}