@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

img {
  vertical-align: bottom;
}

li {
  list-style: none;
}

body {
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background: url("../img/chara/chapter4/bg.jpg");
  position: relative;
}

a {
  text-decoration: none;
}

.pc {
  display: none;
}

.header_wrap {
  display: none;
}

.ballBg {
  background: url("../img/chara/chapter4/bg.jpg") no-repeat center top;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#glovalnavi {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  bottom: 0;
  left: -100%;
}
#glovalnavi .close {
  padding: 25px 0 0 25px;
  margin-bottom: 57px;
  width: 66px;
}
#glovalnavi .logo {
  position: absolute;
  top: 0;
  right: 20px;
  width: 60%;
  display:block;
}
#glovalnavi .navwrap ul {
  border-top: 2px solid #515151;
}
#glovalnavi .navwrap li {
  background: no-repeat center;
  border-bottom: 2px solid #515151;
}
#glovalnavi .navwrap li a {
  display: block;
  width: 100%;
  height: 78px;
  background: url("../img/common/sp_menu/arrow_grey.png") no-repeat 95% center;
  -webkit-background-size: 10px;
  -o-background-size: 10px;
  background-size: 10px;
}
#glovalnavi .navwrap li.top {
  background-image: url("../img/common/sp_menu/top.png");
  -webkit-background-size: 50px;
  -o-background-size: 50px;
  background-size: 50px;
}
#glovalnavi .navwrap li.news {
  background-image: url("../img/common/sp_menu/news.png");
  -webkit-background-size: 80px;
  -o-background-size: 80px;
  background-size: 80px;
}
#glovalnavi .navwrap li.about {
  background-image: url("../img/common/sp_menu/product_info.png");
  -webkit-background-size: 84px;
  -o-background-size: 84px;
  background-size: 84px;
}
#glovalnavi .navwrap li.about a {
  background-image: url("../img/common/sp_menu/plus.png");
  -webkit-background-size: 18px;
  -o-background-size: 18px;
  background-size: 18px;
}
#glovalnavi .navwrap li.chara {
  background-image: url("../img/common/sp_menu/character.png");
  -webkit-background-size: 118px;
  -o-background-size: 118px;
  background-size: 118px;
}
#glovalnavi .navwrap li.story {
  background-image: url("../img/common/sp_menu/story.png");
  -webkit-background-size: 79px;
  -o-background-size: 79px;
  background-size: 79px;
}
#glovalnavi .navwrap li.story a {
  background-image: url("../img/common/sp_menu/plus.png");
  -webkit-background-size: 18px;
  -o-background-size: 18px;
  background-size: 18px;
}
#glovalnavi .navwrap li.goods {
  background-image: url("../img/common/sp_menu/goods.png");
  -webkit-background-size: 58px;
  -o-background-size: 58px;
  background-size: 58px;
}
#glovalnavi .navwrap li.goods a {
  background-image: url("../img/common/sp_menu/plus.png");
  -webkit-background-size: 18px;
  -o-background-size: 18px;
  background-size: 18px;
}
#glovalnavi .navwrap li.special {
  background-image: url("../img/common/sp_menu/special.png");
  -webkit-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
#glovalnavi .navwrap li.none {
  opacity: 0.5;
}
#glovalnavi .navwrap .submenu {
  display: none;
}
#glovalnavi .navwrap .submenu p {
  border-bottom: 2px solid #515151;
  text-align: center;
}
#glovalnavi .navwrap .submenu p a {
  color: #FFF;
  line-height: 78px;
}
#glovalnavi .sns {
  text-align: center;
  padding-top: 40px;
}
#glovalnavi .sns li {
  display: inline-block;
}
#glovalnavi .sns li.fb {
  margin-right: 20px;
}

footer {
  background: url("../img/common/sp_footer_line.gif") no-repeat center top;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-background-size: 430px;
  -o-background-size: 430px;
  background-size: 430px;
}
footer .banner {
  text-align: center;
  padding: 0 auto 40px;
}
footer .banner li {
  display: inline-block;
  margin-bottom: 20px;
  width: 45%;
}
footer .banner li img {
  width: 100% !important;
}
footer .banner li:nth-child(odd) {
  margin-right: 7px;
}
footer .copy {
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  color:#FFF;
}
footer .toei {
  width: 80%;
  margin: 0 auto 40px;
}
footer .toei a {
  display: block;
  background: #000;
  -webkit-background-size: 14px;
  -o-background-size: 14px;
  background-size: 14px;
  width: 100%;
  height: 76px;
  -webkit-border-radius: 38px;
  border-radius: 38px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 76px;
}

.header {
  position: relative;


}
.header .menu {
 padding: 15px 0 0 15px;
 /*
  padding: 25px 0 0 25px;
*/
  width: 66px;
  position: absolute;
  z-index:1600;

}
.header h1 {
  position: absolute;
  top: 0;
  right: 20px;
  width: 60%;
 display:block; 
 z-index:1000;
}



.header h1 img{

}


.wrapper .kv {

position: relative;
padding-top: 114%;
z-index:1500;

}



.wrapper .kv div.kvBack {display:none;}
.wrapper .kv div.kvBLgoku {display:none;}
.wrapper .kv div.tranks {display:none;}
.wrapper .kv div.dlogo {display:none;}
.wrapper .kv div.eptranks {display:none;}
.wrapper .kv div.logo30th {display:none;}







/* 元ビジュアル放送日 */
.wrapper .onair {
  margin: -80px 40px 40px;
  position: relative;
  
  display:none;
  
}
.wrapper .topics {
    background: rgba(255, 255, 255, 1);
    margin-bottom: 40px;
    position: relative;
    padding-top: 0%;
    z-index: 3000;
    top: 20px;
}
.wrapper .topics h2 {
  background: url("../img/top/sp_title_topics.jpg") no-repeat top;
  height: 52px;
  text-indent: -1000px;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.wrapper .topics .wrap li {
  padding: 20px 25px;
  border-bottom: 2px solid #cbbeaa;
  background: url("../img/top/sp_arrow_black.png") no-repeat 95% center;
}

.wrapper .topics .wrap li:nth-child(n+4){display:none;}

.wrapper .topics .wrap li:last-child {
  border-bottom: none;
}
.wrapper .topics .wrap li .date {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px;
}


.wrapper .topics .wrap li .date:after {
  margin-left: 10px;
}

.wrapper .topics .wrap li .new:after{
  content: url("../img/sp/01_top/icon_new.png");
}



.wrapper .topics .wrap li .text {
  padding-right: 20px;
}
.wrapper .topics .wrap li .text a {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #000;
}
.wrapper .movie {
  background: rgba(255, 255, 255, 1.0);
  margin-bottom: 40px;
}
.wrapper .movie h2 {
  background: url("../img/top/sp_title_yokoku.jpg") no-repeat top;
  height: 52px;
  text-indent: -1000px;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.wrapper .movie .wrap {
  padding: 20px 25px 60px;
}
.wrapper .movie .wrap h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-bottom: 5px;
  line-height: 1.4;
}
.wrapper .movie .wrap h3 .no {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.wrapper .movie .wrap .player {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
  height: 240px;
}
.wrapper .movie .wrap .story {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
}
.wrapper .twitter {
  background: rgba(255, 255, 255, 1.0);
  margin-bottom: 40px;
}
.wrapper .twitter h2 {
  background: url("../img/top/sp_title_twitter.jpg") no-repeat top;
  height: 52px;
  text-indent: -1000px;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.wrapper .twitter .forrow {
  width: 236px;
  margin: 45px auto;
  padding-bottom: 40px;
}
.wrapper .twitter .forrow a {
  display: block;
  width: 236px;
  height: 78px;
  -webkit-border-radius: 39px;
  border-radius: 39px;
  background: #FF9602;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 78px;
  color: #000;
}

.wrapper .twitter-timeline{
height:auto;

}
.wrapper .pageTop {
  width: 70px;
  margin: auto;
  padding-bottom: 40px;
}

/*
.newvisual{width:100%;position:absolute;z-index:501;margin:0 auto;display:block;top:-886px;}
.newvisual p.imgArea {
    width: 65%;
    background: transparent url("../img/top/pc_kv2_sp.png") no-repeat scroll 5% 0px / 100% auto;
    margin-left: 17.5%;
    height: 48rem;
    margin-top: -30px;
}*/

.newvisual article.tranksInfo{width:100%;margin:0 auto;position:absolute;z-index:502;left:0px;top:0;right:0px;display:block; opacity: 0;}

.newvisual p.sClose {width:20%;margin:10px auto 0 auto;cursor:pointer;display:none;}


.newvisual article.tranksInfo p.tranksEp{display:none;}
.newvisual article.tranksInfo p.tranksMain{width:100%;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(1){display:none;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(3){display:none;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(2){display:block;width:100%;}
.newvisual article.tranksInfo p.tranksFukidashi{display:none;}


.newvisual article.tranksInfo  dl{width:90%;margin:0 2.5%;display:block;}
.newvisual article.tranksInfo  dt{width:90%;margin:0px;padding:10px 30px;background-color:#219609;}
.newvisual article.tranksInfo  dt img{width:55%;}
.newvisual article.tranksInfo  dd{width:90%;margin:0px;padding:30px;background: #FFF ;font-size:0.625em;line-height:1.5em;}


.newvisual article.tranksInfo p.close{margin:35px 0 0 0;}
.newvisual article.tranksInfo p.close img{width:25%;display:block;margin:0 auto;}


.newvisualBack {
    background: #111 none repeat scroll 0% 0%;
    width: 100%;
	height: 99%;
    opacity: 0;
    position:absolute;
    z-index: 500;
    display: block;
    top: 0px;
    cursor: pointer;
    border-bottom-color: #000;
    border-bottom-width: 1%;
    border-bottom-style: solid;
}

.dispPc{display:none;}



.campBack{background:#111;width:100%;height:100%;opacity:0.9;position:absolute;z-index:500;display:block;top:0%;cursor:pointer;opacity:0;}
.camp201601{width:95%;position:fixed;z-index:501;margin:0 auto;display:block;opacity:0;left:2.5%;}
.camp201601 p.imgArea{width:100%;margin:50px auto; }
.camp201601 p.imgArea img{width:100%;}

.campClose{width:12%;position:absolute;top:30px;right:-2%;cursor:pointer;}
.campClose img{width:100%;}

#campBanner{margin:-25px 0 20px 0;opacity:1.0;}


.opening__bg{display:none;}
.opening__logo{display:none;}

.spaceBack{background: url("../img/chara/chapter4/bg.jpg");}

.aniKv501 {display:none;}
.aniKv501a {display:none;}
.aniKv501b {display:none;}
.aniKv502 {display:none;}
.aniKv503 {display:none;}
.aniKv504 {display:none;}
#tubular-container,#tubular-shield{display:none;}




.wrapper .topics {
    background: rgba(255, 255, 255, 1);
    margin-bottom: 40px;
    position: relative;
    padding-top: 0%;
    z-index: 3000;
    top: 60px;
}


.wrapper .movie {
    background: rgba(255, 255, 255, 1.0);
    margin-bottom: 40px;
    position: relative;
    top: 51px;
}


.wrapper .twitter {
    background: rgba(255, 255, 255, 1.0);
    margin-bottom: 190px;
    position: relative;
    top: 41px;
}



footer {
    background: url("../img/common/sp_footer_line.gif") no-repeat center top;
        background-size: auto auto;
    padding-top: 65px;
    padding-bottom: 60px;
    -webkit-background-size: 430px;
    -o-background-size: 430px;
    background-size: 430px;
}


.aniKv501,.aniKv502,.aniKv503,.aniKv504,.aniKv507{display:none;}
.closeBtn{position: absolute;width: 50px;top: 70px;left: 88%;z-index: 3500;opacity: 0;cursor: pointer;}
.spaniKv501 {position: absolute;top: 89px;left: 0px;right: 0px;margin: 0 6% 0 9%;width: 85%;padding-top: 0%;opacity: 0;z-index: 3000;cursor: pointer;}
.spaniKv502 {position: absolute;top: 40px;left: -3%;width: 103%;padding-top: 16%;opacity: 0;z-index: 1200;overflow: hidden;}
.spaniKv503 {position: absolute;top: 40px;left: -3%;width: 103%;padding-top: 16%;opacity: 0;z-index: 1200;overflow: hidden;}
.spaniKv504 {position: absolute;top: 16px;left: 14%;width: 75%;z-index: 1700;padding-top: 23%;opacity: 0;z-index: 1300;}
.spaniKv505 {position: absolute;top: -30px;left: 7%;width: 86%;z-index: 1800;padding-top: 82%;opacity: 0;z-index: 1300;}
.spaniKv506 {position: absolute; top: -55px;left: 0%;width: 100%;z-index: 1700;padding-top: 0%;opacity: 0;z-index: 999;}
.spaniKv507 {position: absolute;padding-top:150%;left: 0%;width: 75%;z-index: 1700;padding-top: 0%;opacity: 0;z-index: 999;margin: 0 12.5%;}
.tRbanner {display: none;position: relative;z-index: 5000;top: 210px;width:75%;margin:0 12.5%;}
h1 img{display:none;}