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

/* clear */.clear { clear: both !important; }
/* clearfix */.cFix:after { content: ""; clear: both; display: block; }

/* =========================================================
　◆Base Style
========================================================= */
html { font-size: 62.5%; -webkit-text-size-adjust: none; }
body { background: #FFF; line-height: 1.7; font-size: 13px; font-size: 1.3rem; font-family: "ヒラギノ角ゴ Pro W3","HiraKakuProN-W3", "メイリオ", Meiryo; }
#container *, #container *:before, #container *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*p, li { background: url(../images/clear.gif) left top repeat;  旧Xperia AQUOSphone対策  }*/
#Wrap { width: 320px; margin: 0 auto; overflow: hidden; background: #000; -webkit-box-shadow: 0px 0px 10px #333333; box-shadow: 0px 0px 10px #333333; position: relative; }
#container { position: relative; }
#container p { -webkit-text-size-adjust: 100%; }
#container img { vertical-align: top; height: auto; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -moz-touch-callout: none; touch-callout: none; }
.googleplus img { width: 25px; }
#sqexHeader, #sqexFooter { position: relative; z-index: 1; }

#contents01 {background:url(../images/bg01.jpg) top center no-repeat; background-size:320px 479.5px; height:479.5px;}
#contents01 h1 {width:206px; margin:0 auto 35px; padding-top:36px;}
#contents01 h2 {width:278px; margin:0 auto 13.5px;}
#contents01 .btn {width:224px; margin:0 auto;}
#contents01 .share {width:87px; margin:0 auto; padding-top:25px;}
#contents01 .share .fb {float:left;}
#contents01 .share .tw {float:right;}

#contents02 {background:url(../images/bg02.jpg) top center no-repeat; background-size:320px 575.5px; height:575.5px;}
#contents02 h1 {width:54px; margin:0 auto 34px; padding-top:39px;}
#contents02 .txt {width:247.5px; margin:0 auto;}

#contents03 {background:url(../images/bg03.jpg) top center no-repeat; background-size:320px 728.5px; height:728.5px; position:relative;}
#contents03 h1 {position:absolute; top:-55px; left:223px;}
#contents03 .txt01 {padding:23px 0 0 10px;}
#contents03 .txt02 {margin:-60px 0 41px 93px;}
#contents03 .img {width:270px; margin:0 auto;}
#contents03 .txt03 {margin:-18px 0 0 10px;}

#contents04 {background:#9a9a9a;}
#contents04 .movie01 {margin-left:10px; height:118.5px; position:relative;}
#contents04 .movie01 dt {position:absolute; top:-15px; left:204px;}
#contents04 .movie01 dd {position:absolute; top:-15px; left:0;}
#contents04 .movie02 {margin-left:10px; position:relative;}
#contents04 .movie02 dt {position:absolute; top:0; left:3px;}
#contents04 .movie02 dd {padding-left:106.5px;}

#contents05 {background:url(../images/bg04.jpg) top center no-repeat; background-size:320px 718.5px; height:718.5px; position:relative;}
#contents05 h1 {padding:273px 0 0 124px; margin-bottom:26.5px;}
#contents05 .txt01 {position:absolute; top:46px; left:14.5px;}
#contents05 .img01 {width:249.5px; margin:0 auto;}
#contents05 .img02 {position:absolute; top:498px; left:134.5px; z-index:10;}
#contents05 .img03 {position:absolute; top:543px; left:10px; z-index:9;}

#contents06 .bg01 {background:url(../images/bg05.png) top center no-repeat; background-size:320px 263px; height:263px; position:relative;}
#contents06 .bg01 h1 {position:absolute; top:-38px; left:10px;}
#contents06 .bg01 .txt {padding:40px 0 0 10px;}

#contents06 .bg02 {background:#002c57; height:166px; position:relative;}
#contents06 .bg02 dl dt {position:absolute; top:-100px; left:10px; z-index:10;}
#contents06 .bg02 dl dd.movie {position:absolute; top:-57px; left:10px; z-index:10;}
#contents06 .bg02 dl dd.img {position:absolute; top:-130px; left:70px; z-index:9;}
#contents06 .bg02 dl dd.catch {position:absolute; top:-140px; left:271.5px; z-index:10;}

#contents06 .bg03 {background:url(../images/bg06.png) top center no-repeat; background-size:320px 293.5px; height:293.5px; position:relative;}
#contents06 .bg03 dl dt {position:absolute; top:-25px; left:140px; z-index:10;}
#contents06 .bg03 dl dd.movie {position:absolute; top:16px; left:140px; z-index:10;}
#contents06 .bg03 dl dd.img {position:absolute; top:-82px; left:0; z-index:9;}
#contents06 .bg03 dl dd.catch {position:absolute; top:-70px; left:17px; z-index:10;}

#contents06 .bg04 {background:#002c57; height:178px; position:relative;}
#contents06 .bg04 dl dt {position:absolute; top:-80px; left:10px; z-index:10;}
#contents06 .bg04 dl dd.movie {position:absolute; top:-38px; left:10px; z-index:10;}
#contents06 .bg04 dl dd.img {position:absolute; top:-136.5px; left:70px; z-index:9;}
#contents06 .bg04 dl dd.catch {position:absolute; top:-134px; left:269px; z-index:10;}

#contents06 .bg05 {background:url(../images/bg07.png) top center no-repeat; background-size:320px 176.5px; height:176.5px; position:relative;}
#contents06 .bg05 dl dt {position:absolute; top:-40px; left:140px; z-index:10;}
#contents06 .bg05 dl dd.movie {position:absolute; top:0; left:140px; z-index:10;}
#contents06 .bg05 dl dd.img {position:absolute; top:-53px; left:0; z-index:9;}
#contents06 .bg05 dl dd.catch {position:absolute; top:-67px; left:14px; z-index:10;}

#contents07 {background:url(../images/bg08.jpg) top center no-repeat; background-size:320px 476.5px; height:476.5px; position:relative;}
#contents07 h1 {padding:40px 0 0 10px; margin-bottom:36px;}
#contents07 .movie {width:270px; margin:0 auto 48.5px; position:relative; z-index:9;}
#contents07 .txt01 {position:absolute; top:267.5px; left:166.5px; z-index:10;}
#contents07 .txt02 {width:246.5px; margin:0 auto;}

#contents08 {background:url(../images/bg09.jpg) top center no-repeat; background-size:320px 372px; height:372px;}
#contents08 h1 {padding:0 0 0 10px;}

#contents09 {background:url(../images/bg10.jpg) top center no-repeat; background-size:320px 362.5px; height:362.5px; position:relative;}
#contents09 h1 {padding:50px 0 0 10px; position:relative; z-index:10;}
#contents09 .img {position:absolute; top:-49px; left:160px; z-index:9;}

#contents10 {background:url(../images/bg11.png) top center no-repeat; background-size:320px 442.5px; height:442.5px;}
#contents10 h1 {padding-top:23px; width:300px; margin:0 auto 24px;}
#contents10 .movie {width:270px; margin:0 auto 14px;}
#contents10 .txt {width:300px; margin:0 auto;}

#contents11 {background:url(../images/bg12.jpg) top center no-repeat; background-size:320px auto;}
#contents11 .btn {padding:101px 0 0 4px; margin-bottom:55px;}
#contents11 .txt {margin-bottom:25px;}
#contents11 .btn_official {width:300px; margin:0 auto 13.5px;}
#contents11 .btn_comic {width:300px; margin:0 auto 35px;}