@charset "shift_jis";
#contents-inner h2,
p,
ul,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

#contents-inner img {
    vertical-align: bottom;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
    outline: none;
}


/* soft-title */

#soft-title {
    background: #000;
}

#soft-title h1 {
    min-width: 298px;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}

/* main title */

#sec01 .sec01-ttl,
#sec02 .sec02-ttl,
#sec02 .sec02-gameList,
#sec03 .sec03-ttl,
#sec03 .sec03-charaList,
#sec03 .sec03-foot {
    position: relative;
}
.bg {
    position: relative;
    z-index: 1;
}

/* ヘッド */

#main-title h2 { position: relative; }
#main-title h2 .mov1 {
    position: absolute;
    top: 45%;
    right: 23%;
    width: 32.34375%;
}

/* section01 */

#sec01 .sec01-ttl .txt {
    position: absolute;
    top: 0;
    z-index: 10;
}
#sec01 .sec01-ttl .btn {
    position: absolute;
    top: 70%;
    right: 1%;
    width: 55.9375%;
    z-index: 10;
}
#sec01 .sec01-ttl .btn img { width: 100%; }


/* section02 */

#sec02 .sec02-ttl .txt {
    position: absolute;
    top: 0;
    z-index: 10;
}

#sec02 .sec02-gameList a {
    display: inline-block;
    position: absolute;
    z-index: 10;
}

#sec02 .sec02-gameList a img { width: 100%; }

#sec02 .sec02-gameList .game1 { top: 0.8%; left: 1%; width: 49.6875%; }
#sec02 .sec02-gameList .game2 { top: 9%; left: 49%; width: 49.84375%; }
#sec02 .sec02-gameList .game3 { top: 17%; left: 1%; width: 49.6875%; }
#sec02 .sec02-gameList .game4 { top: 25%; left: 49%; width: 49.6875%; }
#sec02 .sec02-gameList .game5 { top: 33.4%; left: 1%; width: 49.6875%; }
#sec02 .sec02-gameList .game6 { top: 41.3%; left: 49%; width: 49.6875%; }
#sec02 .sec02-gameList .game7 { top: 50%; left: 1%; width: 50.15625%; }
#sec02 .sec02-gameList .game8 { top: 58%; left: 49%; width: 49.84375%; }
#sec02 .sec02-gameList .game9 { top: 66.3%; left: 1%; width: 49.6875%; }
#sec02 .sec02-gameList .game10 { top: 74.8%; left: 49%; width: 49.6875%; }

#sec02 .sec02-gameList .kino1 { position: absolute; top: -1.5%; right: 0; width: 51.875%; z-index: 20; }
#sec02 .sec02-gameList .kino2 { position: absolute; top: 18.5%; left: 0; width: 16.5625%; z-index: 20; }
#sec02 .sec02-gameList .kino3 { position: absolute; top: 41.4%; left: 44.3%; width: 21.40625%; z-index: 20; }
#sec02 .sec02-gameList .kino4 { position: absolute; top: 52%; left: 0; width: 15.625%; z-index: 20; }
#sec02 .sec02-gameList .kino5 { position: absolute; top: 63.3%; left: 37%; width: 27.5%; z-index: 20; }
#sec02 .sec02-gameList .kino6 { position: absolute; bottom: -0.6%; right: -1%; width: 30.78125%; z-index: 20; }
#sec02 .sec02-gameList .kino7 { position: absolute; bottom: 4%; left: 53%; width: 17.5%; z-index: 20; }
#sec02 .sec02-gameList .kino8 { position: absolute; bottom: 0; left: 0; width: 52.65625%; z-index: 20; }


/* section03 */

#sec03 .sec03-ttl .txt {
    position: absolute;
    top: 0;
    z-index: 10;
}

#sec03 .sec03-charaList div {
    width: 50%;
    text-align: center;
    z-index: 10;
}

#sec03 .sec03-charaList div .btn img {
    width: 92.5%;
    margin-top: 1.6%;
}

#sec03 .sec03-charaList .link1 .img { width: 92.1875%; }
#sec03 .sec03-charaList .link2 .img { width: 99.0625%; }
#sec03 .sec03-charaList .link3 .img { width: 92.1875%; }
#sec03 .sec03-charaList .link4 .img { width: 92.1875%; }
#sec03 .sec03-charaList .link5 .img { width: 92.1875%; }
#sec03 .sec03-charaList .link6 .img { width: 92.1875%; }

#sec03 .sec03-charaList .link1 {
    position: absolute;
    top: 2.417127%;
    left: 0;
}
#sec03 .sec03-charaList .link2 {
    position: absolute;
    top: 3.1077348%;
    right: 0;
}
#sec03 .sec03-charaList .link3 {
    position: absolute;
    top: 36.7%;
    left: 0;
}
#sec03 .sec03-charaList .link4 {
    position: absolute;
    top: 36.7%;
    right: 0;
}
#sec03 .sec03-charaList .link5 {
    position: absolute;
    top: 68.5%;
    left: 0;
}
#sec03 .sec03-charaList .link6 {
    position: absolute;
    top: 68.5%;
    right: 0;
}

#sec03 .sec03-foot .img {
    position: absolute;
    top: 6%;
    left: -3.7%;
    z-index: 10;
}

/* ポップアップ */
#cboxLoadedContent section { position: relative; text-align: center; }
#cboxLoadedContent section a.btn {
    position: absolute;
    bottom: 2%;
    display: block;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/* clearfix */

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}