/* ===================================================================
  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;
}

/* ===================================================================
  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(../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(../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(../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.cs {
    background: url(../images/shared/navi_02_cs.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_cs .icon-new {
    left: 553px;
    top: 23px;
}

.gnavi .navi_03 a {
    background: url(../images/shared/navi_03_sprite.png) no-repeat 0 0;
    left: 405px;
    top: 25px;
    height: 108px;
    width: 203px;
}

.gnavi .navi_03.close {
    background: url(../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_03.cs {
    background: url(../images/shared/navi_03_cs.png) no-repeat 0 0;
    position: absolute;
    left: 405px;
    top: 25px;
    height: 108px;
    width: 203px;
}

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

.gnavi .navi_04 a {
    background: url(../images/shared/navi_04_sprite.png) no-repeat 0 0;
    top: 24px;
    left: 597px;
    height: 106px;
    width: 180px;
}

.gnavi .navi_04.cs {
    background: url(../images/shared/navi_04_cs.png) no-repeat 0 0;
    position: absolute;
    top: 24px;
    left: 597px;
    height: 106px;
    width: 180px;
}

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

.gnavi .navi_05 a {
    background: url(../images/shared/navi_05_sprite.png) no-repeat 0 0;
    top: 30px;
    left: 742px;
    z-index: 10;
    height: 107px;
    width: 221px;
}

.gnavi .navi_05.cs {
    background: url(../images/shared/navi_05_cs.png) no-repeat 0 0;
    position: absolute;
    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(../images/shared/navi_06_sprite.png) no-repeat 0 0;
    top: 0;
    left: 950px;
    height: 134px;
    width: 201px;
}

.gnavi .navi_06.cs {
    background: url(../images/shared/navi_06_cs.png) no-repeat 0 0;
    position: absolute;
    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 p {
    color: #fff;
    font-size: 10px;
    font-family: 'Arial';
}

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

.footer .footer-banner li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.footer .footer-banner li:nth-child(1) {
    margin-right: 20px;
}

/* ===================================================================
  PURCHASE
=================================================================== */

#purchase h1 {
    margin-top: 10px;
}

#purchase .inner {
    padding-bottom: 20px;
}

#purchase .product-area {
    margin-top: 20px;
    background-color: rgba(20,20,20,.7);
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 4px 6px 0px 0px #ffd400;
}

#purchase h2 {
    margin-top: 10px;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
}

#purchase .release-date {
    color: yellow;
    font-weight: 600;
}

#purchase .includes-info {
    background-color: rgba(255,255,255,.1);
    margin: 20px 20px 20px 0;
    padding: 20px;
    color: #fff;
}

#purchase .includes-info h3 {
    font-size: 20px;
    font-weight: 600;
}

#purchase .includes-info ul {
    list-style: disc;
    margin-left: 20px;
    font-size: 14px;
}

/*
#purchase .retail-links a {
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
*/

#purchase .retail-links a {
    display: inline-block;
    margin-bottom:10px;
}

#purchase .retail-links a:hover img {
    opacity: .7;
}

#purchase .retail-links a img {
    max-height: 60px;
}

#purchase .standard {
    position: relative;
    display: block;
    margin: 20px auto;
}