@charset "UTF-8";
/* ===================================================================
  BASE
=================================================================== */
#wrapper {
    margin: 0 auto;
    min-width: 1280px;
}

.gnavi.fixed {
    position: fixed;
    top: 30px;
    left: 50%;
    width: 1152px;
    margin-left: -589px;
    z-index: 9999;
}

/* ===================================================================
  CONTENTS
=================================================================== */
.contents {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.contents .main {
    height: 800px;
    position: relative;
    z-index: 2;
}

.contents .bg-diagonal {
    position: absolute;
    top: -22px;
    left: 50%;
    margin: 0 0 0 -565px;
}

.contents .chara {
    position: absolute;
    top: -17px;
    left: 50%;
    margin: 0 0 0 -503px;
    z-index: 1;
}

.contents .tokuten {
    position: absolute;
    top: 578px;
    left: 50%;
    margin: 0 0 0 -595px;
    z-index: 1;
}

.contents .webcontents {
    position: absolute;
    top: 458px;
    left: 50%;
    margin: 0 0 0 -595px;
    z-index: 1;
}

.contents .playmovie {
    position: absolute;
    top: 512px;
    left: 50%;
    margin: 0 0 0 -540px;
    z-index: 1;
}

.contents .btn_patch {
    position: absolute;
    top: 630px;
    left: 50%;
    margin: 0 0 0 -540px;
    z-index: 31;
}

.contents .catch {
    position: absolute;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 2001px);
    z-index: 10;
}

.contents .catch p {
    position: relative;
    top: 0;
    left: 0;
}

.contents .catch p.cath_01_01 {
    top: 0px;
    left: -37px;
}

.contents .catch p.cath_01_02 {
    top: -13px;
    left: -24px;
}

.contents .catch p.cath_01_03 {
    top: -28px;
    left: -13px;
}

.contents .catch p.cath_01_04 {
    top: -42px;
    left: 0px;
}

.contents .catch p.cath_01_05 {
    top: -48px;
    left: 11px;
}

.contents .catch p.cath_01_06 {
    top: -54px;
    left: 25px;
}

.contents .catch p.cath_01_07 {
    top: -67px;
    left: 36px;
}

.contents .catch p.cath_02_01 {
    top: 0px;
    left: -26px;
}

.contents .catch p.cath_02_02 {
    top: -12px;
    left: -9px;
}

.contents .catch p.cath_02_03 {
    top: -17px;
    left: 8px;
}

.contents .catch p.cath_02_04 {
    top: -26px;
    left: 26px;
}

.contents .catch p.cath_02_05 {
    top: -36px;
    left: 40px;
}

.contents .catch_01 {
    width: 128px;
    height: 356px;
    left: 50%;
    top: 0;
    margin: 13px 0 0 351px;
}

.contents .catch_02 {
    width: 118px;
    height: 333px;
    left: 50%;
    top: 0;
    margin: 203px 0 0 320px;
}

.contents .btn-movie {
    position: absolute;
    top: 594px;
    left: 50%;
    margin: 0 0 0 266px;
    z-index: 3;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 2000px);
    transform: translate3d(0, 0, 2000px);
    width: 230px;
    height: 146px;
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/btn-movie.png) no-repeat center top;
    cursor: pointer;
}

.contents .btn-movie a {
    display: block;
    width: 100%;
    height: 100%;
}

.contents .btn-movie:hover {
    background-position: 0 -146px;
}

.contents .text_best{
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -540px;
    z-index: 31;
    transform-style: preserve-3d;
    transform: translate3d(0px, 0px, 2000px);
}

.contents h1 {
    position: absolute;
    top: 588px;
    left: 50%;
    margin: 0 0 0 -239px;
}

.contents h1 span {
    position: absolute;
    top: -68px;
    left: -90px;
}

.contents h1 span.overlay {
    opacity: 0;
    z-index: 1;
}

.contents h1 span.default {
    opacity: 0;
}

/* NEWS
=================================================================== */
.topics_area {
    position: relative;
    margin: 21px 0 6px 13px;
    z-index: 3;
}

.topics {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-news.png) no-repeat 0 0;
    color: #fff;
    height: 69px;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 1020px;
}

.topics p {
    float: right;
    margin: -7px 46px 0 0;
    position: relative;
}

.topics a {
    color: #fff;
    text-decoration: none;
    display: inline;
}

.topics a:hover {
    text-decoration: underline;
}

/* BANNER
=================================================================== */
.bnr {
    position: relative;
    font-size: 0;
    margin: -21px 0 22px;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 2000px);
    z-index: 2;
}

.bnr li {
    display: inline-block;
    margin: 0 4px;
}
.bnr-under li {
    display: inline-block;
    margin: 10px 4px;
}

.bnr li.link_manual {
    cursor: pointer;
}

/* GAME DATA
=================================================================== */
.data {
    margin: 0 0 47px;
}

/* CONTAINER
=================================================================== */
.container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

section {
    position: relative;
}

section > * {
    position: relative;
    z-index: 2;
}

/* ストーリー --------------------------------------------------------------- */
.bg-01_repeat {
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-section_01_repeat.png) repeat-x center -83px;
    width: 100%;
    height: 2000px;
}

h2 {
    z-index: 5;
}

.section_00 {
    /*background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bgimg_00_02.png) no-repeat top center;*/
    height: 726px;
    margin-top: 89px;
}

.bg {
    position: absolute;
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bgimg_00_02.png) no-repeat top center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-h2_00 {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bgimg_00_01.png) no-repeat left top;
    width: 381px;
    height: 42px;
    position: absolute;
    top: 28px;
    left: 50%;
    margin: 0 0 0 -208px;
    z-index: 3;
}

.text_00_01 {
    position: absolute;
    top: -7px;
    left: 50%;
    margin: 0 0 0 -156px;
}

.img_00_01 {
    position: absolute;
    top: 68px;
    left: 50%;
    margin: 0 0 0 -551px;
    z-index: 3;
}

.img_00_02 {
    position: absolute;
    top: 198px;
    left: 50%;
    margin: 0 0 0 76px;
    z-index: 3;
}

.img_00_03 {
    position: absolute;
    top: 80px;
    left: 50%;
    margin: 0 0 0 176px;
    z-index: 2;
}

.img_00_04 {
    position: absolute;
    top: 478px;
    left: 50%;
    margin: 0 0 0 -533px;
    z-index: 2;
}

.img_00_05 {
    position: absolute;
    top: 390px;
    left: 50%;
    margin: 0 0 0 -367px;
    z-index: 3;
}

.img_00_06 {
    position: absolute;
    top: 469px;
    left: 50%;
    margin: 0 0 0 88px;
    z-index: 3;
}

.chara_00_01 {
    position: absolute;
    top: -58px;
    left: 50%;
    margin: 0 0 0 -563px;
}

.chara_00_01 {
    position: absolute;
    top: -59px;
    left: 50%;
    margin: 0 0 0 -563px;
    z-index: 1;
}

.chara_00_02 {
    position: absolute;
    width: 1126px;
    height: 730px;
    top: -59px;
    left: 50%;
    margin: 0 0 0 -563px;
    z-index: 3;
}

.chara_00_02 img {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 145px;
}

.text_00_02 {
    position: absolute;
    top: 109px;
    left: 50%;
    margin: 0 0 0 -374px;
    z-index: 10;
}

/* 最新作ついに新章へ --------------------------------------------------------------- */
.section_01 {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-section_01.png) no-repeat center -15px;
    height: 785px;
}

.bg-h2_01 {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -557px;
}

.chara_01_01 {
    position: absolute;
    top: 79px;
    left: 50%;
    margin: 0 0 0 -546px;
}

.text_01_01 {
    position: absolute;
    top: 70px;
    left: 50%;
    margin: 0 0 0 -378px;
}

.text_01_02 {
    position: absolute;
    top: 125px;
    left: 50%;
    margin: 0 0 0 -12px;
}

.text_01_03 {
    position: absolute;
    top: 472px;
    left: 50%;
    margin: 0 0 0 -524px;
}

.img_01_01 {
    position: absolute;
    top: 177px;
    left: 50%;
    margin: 0 0 0 -575px;
}

.img_01_02 {
    position: absolute;
    top: 179px;
    left: 50%;
    margin: 0 0 0 -229px;
}

.img_01_03 {
    position: absolute;
    top: 303px;
    left: 50%;
    margin: 0 0 0 -128px;
}

/* 物語の舞台は才囚学園 --------------------------------------------------------------- */
.section_02 {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-section_02.gif) no-repeat center 0 black;
    height: 480px;
}

.bg-h2_02 {
    position: absolute;
    top: -103px;
    right: 50%;
    margin: 0 -568px 0 0;
}

.chara_02_01 {
    position: absolute;
    top: -103px;
    left: 50%;
    margin: 0 0 0 380px;
}

.text_02_01 {
    position: absolute;
    top: 13px;
    left: 50%;
    margin: 0 0 0 -100px;
}

.text_02_02 {
    position: absolute;
    top: 108px;
    left: 50%;
    margin: 0 0 0 -141px;
}

.img_02_01 {
    position: absolute;
    top: 153px;
    left: 50%;
    margin: 0 0 0 -417px;
}

.img_02_02 {
    position: absolute;
    top: 179px;
    left: 50%;
    margin: 0 0 0 1px;
}

.bgimg_02_01 {
    position: absolute;
    top: 153px;
    left: 50%;
    margin: 0 0 0 -427px;
}

.bgimg_02_02 {
    position: absolute;
    top: 178px;
    left: 50%;
    margin: 0 0 0 -9px;
}

/* 赤松楓 --------------------------------------------------------------- */
.section_03 {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-section_03.gif) no-repeat center 0 black;
    height: 707px;
}

.bg-h2_03 {
    position: absolute;
    top: -51px;
    left: 50%;
    margin: 0 0 0 -386px;
}

.chara_03_01 {
    position: absolute;
    top: -87px;
    left: 50%;
    margin: 0 0 0 -397px;
}

.text_03_01 {
    position: absolute;
    top: 21px;
    left: 50%;
    margin: 0 0 0 -173px;
}

.text_03_02 {
    position: absolute;
    top: 116px;
    left: 50%;
    margin: 0 0 0 -169px;
}

.bgimg_03_01 {
    position: absolute;
    top: 178px;
    left: 50%;
    margin: 0 0 0 -181px;
}

.bgimg_03_02 {
    position: absolute;
    top: 215px;
    left: 50%;
    margin: 0 0 0 -201px;
}

.img_03_01a {
    position: absolute;
    top: 232px;
    left: 50%;
    margin: 0 0 0 -153px;
}

.img_03_01b {
    position: absolute;
    top: 232px;
    left: 50%;
    margin: 0 0 0 189px;
}

.img_03_01c {
    position: absolute;
    top: 432px;
    left: 50%;
    margin: 0 0 0 -153px;
}

.img_03_01d {
    position: absolute;
    top: 432px;
    left: 50%;
    margin: 0 0 0 191px;
}

/* 自称「モノクマの子供」?! --------------------------------------------------------------- */
.section_04 {
    background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/v3/images/top/bg-section_04.gif) no-repeat center 0 black;
    height: 894px;
}

.bg-h2_04 {
    position: absolute;
    top: -107px;
    right: 50%;
    margin: 0 -529px 0 0;
}

.chara_04_01 {
    position: absolute;
    top: -78px;
    left: 50%;
    margin: 0 0 0 284px;
}

.chara_04_02 {
    position: absolute;
    top: 253px;
    left: 50%;
    margin: 0 0 0 259px;
}

.chara_04_03 {
    position: absolute;
    top: 300px;
    left: 50%;
    margin: 0 0 0 -464px;
}

.text_04_01 {
    position: absolute;
    top: -12px;
    left: 50%;
    margin: 0 0 0 -526px;
}

.text_04_02 {
    position: absolute;
    top: 62px;
    left: 50%;
    margin: 0 0 0 -252px;
}

.text_04_03 {
    position: absolute;
    top: 151px;
    left: 50%;
    margin: 0 0 0 -329px;
}

.text_04_04 {
    position: absolute;
    top: 661px;
    left: 50%;
    margin: 0 0 0 160px;
}

.img_04_01 {
    position: absolute;
    top: 106px;
    left: 50%;
    margin: 0 0 0 -483px;
}

.img_04_02 {
    position: absolute;
    top: 66px;
    left: 50%;
    margin: 0 0 0 -267px;
}

.img_04_03 {
    position: absolute;
    top: 117px;
    left: 50%;
    margin: 0 0 0 -5px;
}

.img_04_04 {
    position: absolute;
    top: 191px;
    left: 50%;
    margin: 0 0 0 170px;
}

.word {
    position: fixed;
    z-index: 1;
}

.word.word_01 {
    top: 260px;
    left: 50%;
    margin-left: -720px;
}

.word.word_02 {
    top: 340px;
    left: 50%;
    margin-left: -190px;
}

.word.word_03 {
    top: 563px;
    left: 50%;
    margin-left: 180px;
}

.word.word_04 {
    top: 190px;
    left: 50%;
    margin-left: 520px;
}

.word.word_05 {
    top: 146px;
    left: 50%;
    margin-left: 232px;
}