@charset "UTF-8";
/* CSS Document */

body {background:#000; min-width:1000px; max-width:1920px;}
#wrapper {position: relative; overflow:hidden;}
#wrapper .hatching {background:url(../images/bg-repeat.png) repeat;}

#sec01 {background:url(../images/sec01/bg01.png) top center no-repeat;}
#sec01 .inner {width:1000px; height:1976px; margin:0 auto; position:relative;}
#sec01 h1 {position:absolute; top:26px; right:0;}
#sec01 h2 {padding-top:38px; margin-bottom:50px;}
#sec01 .share {position:absolute; top:14px; left:0;}
#sec01 .share li {float:left;}
#sec01 .share li.fb {margin-right:10px;}
#sec01 .btn-buy {margin-bottom:21px;}
#sec01 .btn-tokuten {margin-bottom:55px;}
#sec01 .btn-more {width:72px; margin:0 auto 42px;}
#sec01 .movie01 {width:460px; height:258px; position:relative; float:left; margin:41px 0 0 24px;}
#sec01 .movie01 dt {position:absolute; top:-24px; right:-242px;}
#sec01 .movie02 {width:460px; height:258px; position:relative; float:right; margin:187px 0 0 24px;}
#sec01 .movie02 dt {position:absolute; top:157px; left:-249px;}

#sec02 {background:url(../images/sec02/bg02.png) top center no-repeat;}
#sec02 .inner {width:1000px; height:1090px; margin:0 auto; position:relative;}
#sec02 h3 {padding-top:83px;}
#sec02 .img01 {position:absolute; top:256px; left:221px; z-index:10;}
#sec02 .img02 {position:absolute; top:591px; left:623px; z-index:11;}
#sec02 .img03 {position:absolute; top:799px; left:-145px; z-index:11;}
#sec02 .img04 {position:absolute; top:971px; left:187px; z-index:10;}

#sec03 {background:url(../images/sec03/bg03.png) top center no-repeat;}
#sec03 .inner {width:1000px; height:1053px; margin:0 auto; position:relative;}
#sec03 h3 {padding-top:475px;}
#sec03 ul#nav {position:absolute; top:702px; left:0; z-index:1000;}
#sec03 ul#nav li {line-height:0; margin-bottom:2px;}
#sec03 .chara_box {display:none; width:696px; height:327px; position:relative; margin:104px 0 0 304px;}
#sec03 .chara_box .name {position:absolute; top:0; left:0; z-index:10;}
#sec03 .chara_box .movie {position:absolute; bottom:0; left:0; z-index:10;}
#sec03 .chara_box.chara01 .img {position:absolute; top:-98px; left:145px; z-index:9;}
#sec03 .chara_box.chara02 .img {position:absolute; top:-58px; left:233px; z-index:9;}
#sec03 .chara_box.chara03 .img {position:absolute; top:-65px; left:230px; z-index:9;}
#sec03 .chara_box.chara04 .img {position:absolute; top:-120px; left:201px; z-index:9;}
#sec03 .chara_box.chara05 .img {position:absolute; top:-98px; left:244px; z-index:9;}
#sec03 .chara_box.chara06 .img {position:absolute; top:-98px; left:267px; z-index:9;}
#sec03 .chara_box.chara07 .img {position:absolute; top:-83px; left:215px; z-index:9;}

#sec04 {background:url(../images/sec04/bg04.png) top center no-repeat;}
#sec04 .inner {width:1000px; height:1508px; margin:0 auto; position:relative;}
#sec04 h3 {padding-top:187px;}
#sec04 h4 {position:absolute; top:246px; right:0;}
#sec04 .movie01 {width:565px; height:318px; margin:180px auto 93px; position:relative;}
#sec04 .movie01 dt {position:absolute; top:295px; left:-99px;}
#sec04 .txt01 {width:759px; margin:0 auto 67px;}
#sec04 .movie02 {width:460px; height:258px; position:relative; float:left; margin:41px 0 0 24px;}
#sec04 .movie02 dt {position:absolute; top:-23px; right:-360px;}
#sec04 .movie03 {width:460px; height:258px; position:relative; float:right; margin:187px 0 0 24px;}
#sec04 .movie03 dt {position:absolute; top:195px; left:-330px;}

#sec05 {background:url(../images/sec05/bg05.png) top center no-repeat;}
#sec05 .inner {width:1000px; height:1000px; margin:0 auto; position:relative;}
#sec05 h3 {padding-top:112px; margin-bottom:35px;}
#sec05 .txt01 {margin-bottom:52px;}
#sec05 .movie01 {width:460px; height:490px; position:relative; float:left; margin:0 0 0 17px;}
#sec05 .movie01 dt {position:absolute; top:273px; left:5px;}
#sec05 .movie02 {width:460px; height:490px; position:relative; float:right; margin:0 17px 0 0;}
#sec05 .movie02 dt {position:absolute; top:273px; left:25px;}
#sec05 .system01 {padding-left:728px; margin-bottom:90px; position:relative;}
#sec05 .system01 .img01 {position:absolute; top:-26px; left:-88px;}
#sec05 .system01 .img02 {position:absolute; top:-26px; left:314px;}
#sec05 .system02 {padding-left:67px; margin-bottom:142px; position:relative;}
#sec05 .system02 .img01 {position:absolute; top:-26px; left:372px;}
#sec05 .system02 .img02 {position:absolute; top:-26px; left:776px;}
#sec05 .system03 {padding-left:838px; padding-top:76px; margin-bottom:126px; position:relative;}
#sec05 .system03 .img01 {position:absolute; top:0; left:23px;}
#sec05 .system03 .img02 {position:absolute; top:0; left:424px;}
#sec05 .txt02 {width:902px; margin:0 auto;}

#sec06 {background:url(../images/sec06/bg06.png) top center no-repeat;}
#sec06 .inner {width:1000px; height:595px; margin:0 auto; position:relative;}
#sec06 h3 {padding-top:84px; margin-bottom:40px;}
#sec06 .txt01 {width:642px; padding:25px; margin-bottom:75px; border: 8px solid rgba(255, 255, 255, 0.12); background-color: rgba(15, 41, 206, 0.6); position:relative; z-index:9;}
#sec06 .movie {position:absolute; top:202px; right:0; z-index:10;}

#sec07 {background:url(../images/sec07/bg07.png) top center no-repeat;}
#sec07 .inner {width:1000px; height:1029px; margin:0 auto; position:relative;}
#sec07 h3 {position:absolute; top:197px; left:500px;}
#sec07 .movie {padding-top:132px; margin-bottom:53px;}

#sec08 {background:url(../images/bg_bottom.png) bottom center no-repeat;}
#sec08 .inner {width:1000px; height:495px; margin:0 auto; position:relative;}
#sec08 .btn-buy {width:714px; margin:0 auto 68px; padding-top:14px;}
#sec08 .txt02 {width:659px; margin:0 auto 27px;}
#sec08 ul.banner {width:720px; margin:0 auto;}
#sec08 ul.banner .left {float:left;}
#sec08 ul.banner .right {float:right;}