/* ===================================================================
  HEADER
=================================================================== */
#header {
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    background-color: #000000;
    height: 60px;
    z-index: 100;
}

#header .header-inner {
    width: 1280px;
    margin: 0 auto;
    padding: 10px;
}

#header #logo {
    float: left;
}

#header #social {
    float: right;
    margin: 10px 20px 0px 0;
}

#header #social li {
    float: left;
    margin-right: 10px;
    line-height: 0;
}

#header p {
    float: right;
}

/* ===================================================================
  CONTENTS
=================================================================== */
/* colorboxのフォーカスライン削除 */
*:focus {
  outline: none;
}

.contents {
    padding: 60px 0 0;
}

.gnavi {
    height: 176px;
    position: absolute;
    top: 739px;
    left: 50%;
    margin: 0 0 0 -589px;
    width: 1152px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 2000px);
    transform: translate3d(0, 0, 2000px);
    z-index: 3;
}

.gnavi ul {
    position: relative;
}

.gnavi li a {
    position: absolute;
}

.gnavi .navi_01 {
    position: relative;
    top: -33px;
}

.gnavi .navi_01 .icon-new {
    left: 159px;
    left: 159px;
    top: 63px;
}

.gnavi .navi_01 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_01_sprite.png) no-repeat 0 0;
    left: 0px;
    top: 22px;
    height: 201px;
    width: 243px;
}

.gnavi .navi_02 .icon-new {
    left: 348px;
    top: 23px;
}

.gnavi .navi_02 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_02_sprite.png) no-repeat 0 0;
    top: 22px;
    left: 212px;
    z-index: 10;
    height: 113px;
    width: 227px;
}

.gnavi .navi_02.close {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_02_close.png) no-repeat 0 0;
    position: absolute;
    top: 22px;
    left: 212px;
    z-index: 10;
    height: 113px;
    width: 227px;
}

.gnavi .navi_02.close:hover {
    background-position: 0 0;
}

.gnavi .navi_03 .icon-new {
    left: 553px;
    top: 23px;
}

.gnavi .navi_03 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_03_sprite.png) no-repeat 0 0;
    left: 405px;
    top: 25px;
    height: 108px;
    width: 203px;
}

.gnavi .navi_03.close {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_03_close.png) no-repeat 0 0;
    position: absolute;
    left: 405px;
    top: 25px;
    height: 108px;
    width: 203px;
}

.gnavi .navi_03.close:hover {
    background-position: 0 0;
}

.gnavi .navi_04 .icon-new {
    left: 690px;
    top: 23px;
}

.gnavi .navi_04 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_04_sprite.png) no-repeat 0 0;
    top: 24px;
    left: 597px;
    height: 106px;
    width: 180px;
}

.gnavi .navi_05 .icon-new {
    left: 890px;
    top: 23px;
}

.gnavi .navi_05 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_05_sprite.png) no-repeat 0 0;
    top: 30px;
    left: 742px;
    z-index: 10;
    height: 107px;
    width: 221px;
}

.gnavi .navi_06 .icon-new {
    left: 1060px;
    top: 23px;
}

.gnavi .navi_06 a {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/shared/navi_06_sprite.png) no-repeat 0 0;
    top: 0;
    left: 950px;
    height: 134px;
    width: 201px;
}

.gnavi .icon-new {
    display: none;
    position: absolute;
    z-index: 11;
}

.gnavi .new .icon-new {
    display: block;
}

#top .gnavi .navi_01 a {
    background-position: 0 -1899px !important;
}

#character .gnavi .navi_02 a {
    background-position: 0 -1722px !important;
}

#system .gnavi .navi_03 a {
    background-position: 0 -1062px !important;
}

#movie .gnavi .navi_04 a {
    background-position: 0 -1044px !important;
}

#special .gnavi .navi_05 a {
    background-position: 0 -1053px !important;
}

#spec .gnavi .navi_06 a {
    background-position: 0 -1296px !important;
}

/* ===================================================================
  FOOTER
=================================================================== */
#pageTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 20;
}

.footer {
    background: #000 none repeat scroll 0 0;
    padding: 20px;
    position: relative;
    z-index: 10;
}

.footer .footer-banner {
    margin-bottom: 25px;
}

.footer .footer-banner li {
    display: inline-block;
    margin: 0 3px;
}