@charset "utf-8";

#s0>.contents:first-child:before {
    content: "";
    display: block;
    padding-top: 23.63%;
}

#s0_1 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

#s0_tx {
    position: relative;
    margin-bottom: 1.6875%;
}

#s0_tx1 { position: relative; width: 100%; margin: 0; }
#s0_tx2 { position: relative; width: 64.843%; margin:0 0 1% 18.066%; }

#s0_mf {
    position: relative;
    width: 69.726%;
    margin: 0 auto 1% auto;
}
#s0_pic { position: absolute; width: 87.535%; left: 6.302%; top: 0; margin-top: 6.582%; }

.topmv {
    position: relative;
    display: block;
    width: 62.695%;
    margin: 0 auto 8.949% auto;
    background: url(../images/top/s0/pvfr.png) center top no-repeat;
    padding-top: 45.996%;
    background-size: 100% 100%;
    transition-duration: 0.2s;
}
.topmv_p { display: block; position: absolute; width: 74.766%; left: 12.616%; top: 0; margin-top: 18.535%; transition-duration: 0.2s; }
.topmv_h { display: block; position: absolute; width: 63.239%; left: 18.38%; top: 0; margin-top: 2.647%; }
.topmv:hover  {
    transform: scale(102%);
    filter: drop-shadow(1rem 1rem 1rem rgba(0,0,0,0.5));
}
.topmv:hover .topmv_p  {
    transform: scale(104%);
    filter: brightness(140%);
}

#news {
    position: relative;
    margin: 0 auto 13.82% auto;
}
#news h2 {
    margin-bottom: 4.882%
}

#newsitems {
    position: relative;
}
.frame {
    position: relative;
    width: 30.175%;
    display: block;
    background: url(../images/top/s0/newsframe.png) center top no-repeat;
    background-size: 100% 100%;
}
a.frame {
    transition-duration: 0.2s;
}
a.frame:hover {
    transform: scale(102%);
    filter: brightness(140%);
}

#news .swiper-button-next,
#news .swiper-button-prev {
    font-weight: bold;
    color: rgba(255,255,255,0.9);
    text-shadow: 0 2px 5px rgba(0,0,0,1),
                -1px -1px rgba(255,0,0,0.9),
                1px -1px rgba(255,0,0,0.9),
                -1px  1px rgba(255,0,0,0.9),
                1px  1px rgba(255,0,0,0.9),
                -2px -2px rgba(255,0,0,0.9),
                2px -2px rgba(255,0,0,0.9),
                -2px  2px rgba(255,0,0,0.9),
                2px  2px rgba(255,0,0,0.9);
}
#news .swiper-button-next:after,
#news .swiper-button-prev:after {
    font-size: 40px;
}


#s1 h2 {
    margin-bottom: 2.832%;
}

#s1_1 {
    margin-bottom: 5.519%;
}
#s1_1_tx1 { position: absolute; width: 91.772%; left: 4.641%; top: 0; margin-top: 5.274%; }
#s1_1_tx2 { position: absolute; width: 87.447%; left: 6.856%; top: 0; margin-top: 81.118%; }
#s1_1_tx3 { position: absolute; width: 65.189%; left: 17.51%; top: 0; margin-top: 116.35%; }

#s1_1_tx3 a { display: block; transition-duration: 0.2s; }
#s1_1_tx3 a:hover {
    transform: scale(102%);
    filter: brightness(140%) drop-shadow(0 0 0.5em rgba(255,255,255,0.9));
}
#s1_1_p1 { position: absolute; width: 39.767%; left: 8.016%; top: 0; margin-top: 126.054%; }
#s1_1_p2 { position: absolute; width: 39.767%; left: 51.054%; top: 0; margin-top: 126.054%; }

#spec .contents:after {
    content: "";
    display: block;
    padding-bottom: 8%;
}
#spec h2 {
    margin-bottom: 4.882%;
}
#spec_main {
    position: relative;
    background: url(../images/top/spec/spec_bg.png) center top no-repeat;
    background-size: 100% 100%;
    width: 91.992%;
    margin: 0 auto;
    padding-top: 149.121%;
}
#spec_tx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#spec_tx dt,
#spec_tx_dd {
    display: block;
}

#spec_title_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 4.458%; }
#spec_title_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 4.458%; }
#spec_date_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 16.242%; }
#spec_date_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 16.242%; }
#spec_price_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 28.237%; }
#spec_price_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 28.237%; }
#spec_genre_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 40.658%; }
#spec_genre_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 40.658%; }
#spec_platform_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 52.76%; }
#spec_platform_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 52.76%; }
#spec_numofplayers_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 64.861%; }
#spec_numofplayers_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 64.861%; }
#spec_language_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 76.645%; }
#spec_language_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 76.645%; }
#spec_rating_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 87.685%; }
#spec_rating_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 87.685%; }

#spec_title_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 3.397%; }
#spec_title_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 3.397%; }
#spec_date_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 15.392%; }
#spec_date_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 15.392%; }
#spec_price_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 42.144%; }
#spec_price_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 42.144%; }
#spec_genre_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 68.895%; }
#spec_genre_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 68.895%; }
#spec_platform_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 80.891%; }
#spec_platform_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 80.891%; }
#spec_rating_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 147.027%; }
#spec_rating_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 147.027%; }
#spec_numofplayers_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 98.726%; }
#spec_numofplayers_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 98.726%; }
#spec_language_h { position: absolute; width: 12.738%; left: 4.564%; top: 0; margin-top: 135.031%; }
#spec_language_v { position: absolute; width: 50.955%; left: 17.834%; top: 0; margin-top: 135.031%; }

#spec_pkg_nsw2 {
    position: absolute; width: 21.868%; left: 71.656%; top: 0; margin-top: 40.552%;
    filter: drop-shadow(7px 7px 7px rgba(0,0,0,0.5));
}

#spec_pkg {
    position: absolute; width: 21.868%; left: 71.656%; top: 0; margin-top: 80.573%;
    filter: drop-shadow(7px 7px 7px rgba(0,0,0,0.5));
}

#nsw2nsw {
    width: 95.5%;
    margin: 10% auto 5% auto;
}

#numberofplayers {
    width: 95.5%;
    margin: 10% auto 5% auto;
}

#download {
    position: relative;
}

#btn_dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    width: 80.859%;
    margin: 0 auto;
    padding-bottom: 9.0825%;
}
#btn_dl li {
    position: relative;
    width: 100%;
    margin-bottom: 2%;
}

#btn_dl a {
    display: block;
    transition-duration: 0.2s;
}
#btn_dl a:hover {
    transform: scale(1.02);
    filter: brightness(140%);
}

.enquete {
    width: 78.125%;
    margin: 7% auto 3% auto;
}
.enquete a {
    display: block;
    transition-duration: 0.2s;
}
.enquete a:hover {
    transform: scale(1.02);
    filter: brightness(140%);
}

@media screen and (max-width:1023px) {
    #spec_pkg_nsw2 {
        filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
    }
    #spec_pkg {
        filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
    }
}
/* en */
.c_en #s0_tx1 { width: 100%; margin: 0; }
.c_en #s0_tx2 { width: 100%; margin:1% 0 3% 0; }

.c_en #s1_1_tx1 { position: absolute; width: 93.354%; left: 3.691%; top: 0; margin-top: 7.383%; }
.c_en #s1_1_tx2 { position: absolute; width: 93.354%; left: 3.691%; top: 0; margin-top: 95.675%; }
.c_en #s1_1_tx3 { position: absolute; width: 65.189%; left: 17.299%; top: 0; margin-top: 137.763%; }

.c_en #s1_1_p1  { position: absolute; width: 39.767%; left: 8.016%; top: 0; margin-top: 147.046%; }
.c_en #s1_1_p2  { position: absolute; width: 39.767%; left: 51.054%; top: 0; margin-top: 147.046%; }

.c_en #spec h2 { width: 70.117%; }

.c_en #spec_main {
    padding-top: 93.164%;
}
.c_en #spec_title_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 4.458%; }
.c_en #spec_title_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 4.458%; }
.c_en #spec_date_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 15.498%; }
.c_en #spec_date_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 15.498%; }
.c_en #spec_genre_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 27.707%; }
.c_en #spec_genre_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 27.707%; }
.c_en #spec_platform_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 39.49%; }
.c_en #spec_platform_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 39.49%; }
.c_en #spec_numofplayers_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 51.698%; }
.c_en #spec_numofplayers_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 51.698%; }
.c_en #spec_language_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 74.203%; }
.c_en #spec_language_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 74.203%; }
.c_en #spec_rating_h { position: absolute; width: 25.69%; left: 4.352%; top: 0; margin-top: 85.244%; }
.c_en #spec_rating_v { position: absolute; width: 62.845%; left: 32.802%; top: 0; margin-top: 85.244%; }

.c_en #spec_pkg { position: absolute; width: 22.505%; left: 72.823%; top: 0; margin-top: 61.252%; }

.c_en #spec .contents:after {
    padding-bottom: 5%;
}