.fancybox-inner {
    height: auto !important;
}
.fancybox-overlay.fancybox-overlay-fixed iframe.fancybox-iframe, .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened iframe.fancybox-iframe {
    width: 89vw;
    height: 50vw;
}
.fancybox-inner .fancybox-iframe{
    width: 89vw;
    height: 50vw;
}
.fancybox-overlay .fancybox-opened .fancybox-skin .fancybox-close{
	background-size:100%;
		right: 20px;
top: -30px;
width: 30px;
height: 30px;
}

/*******************************
section-top
*******************************/
img{width:100%;}
.section-top{
	height:auto;
	padding:0;
}
.sp-ti{
	display: inline-block;
	text-indent:2em;
}
.section-top{
	/*padding:169px 0 63px 0;*/
	background:none;
}
.section-top .section-inner {
    width: 100%;
		padding: 0;
}
.section-top .mainChara {
	position: relative;
	top: 0;left: 0;
	margin-bottom: 46vw;
}
.section-top .mainChara:before{
	content:"";
	background:url("../img/index/bg-chara_sp.png") no-repeat;
	width: 100%;
  height: 0;
  background-size: 100%;
  padding-top: 200%;
	position: absolute;
	right:0;top:0;left: 0;
}
.section-top .mainChara .broadcast{
	background:url("../img/index/banner-broadcast.png") no-repeat;
	background-size: 100%;
	width: 42%;
	height: 0;
	padding-top: 45%;
	position: absolute;
	bottom: -46vw;
	right: 0;
	left:0;
	margin:0 auto;
}

.section-top h1{
	width:90%;
	margin:0 auto;
	margin-bottom:10%;
	padding-top:114vw;
	position: inherit;
  top: 0;
  left: 0;
}
.section-top h1 img{width:100%;}

.section-top .text-hatubai{
	width:75%;
	margin-bottom:5%;
	position: inherit;
	top: 0;left: 0;
  margin-left: auto;
  margin-right: auto;
}

.section-top .text-guide{
	margin-top:2%;
	text-align: right;
	position: relative;
	top: -2vw;left: 0;
	margin-left:0;
	z-index: 10;
	width: 90%;
	margin: 2% auto 0 auto;
}

.section-top .text-hatubai img{width:100%;}

.section-top .text-gudie{
	margin-top:2%;
	text-align: right;
	position: relative;
	top: -4vw;left: 0;
	margin-left:0;
	z-index: 10;
	width: 90%;
	margin: auto;
}

.section-top .text-gudie img{width:100%;}

.movie-box{
	width:80%;
	margin:0 auto;
}
.movie-box:nth-of-type(2){
	margin-top: 5%;
}
.movie-box .thumb img{width:100%;}

.movie-box a:before {
    content: "";
    background: url(../img/index/icon-movie.png) no-repeat center center;
	    background-size: 100%;
    width: 20%;
    height: 0;
    padding-top: 20%;
    position: absolute;
    right: 50%;
    margin-right: -8%;
    top: 50%;
    margin-top: -7%;
}
.movie-box:nth-of-type(2) a:after {
	display: none;
    content: "";
    background: url(../img/index/icon-new.png) no-repeat center right;
    background-size: 100%;
    width: 20%;
    height: 0;
    padding-top: 10%;
    position: absolute;
    right: 0;
    top: 0%;
		margin-top: -4%;
		margin-left: 2%;
}

/*******************************
section-news
*******************************/

.section-news{
	padding: 5% 0;
}

.section-news .title{
	margin:0 0 4% 0;
}
.section-news .title img{width:60%;}
.section-news .news li {
    margin-bottom: 3%;
}
.section-news .news{
	float:none;
	width:100%;
}
.section-news .news .date{font-size:3.8vw;}
.section-news .news .text{font-size:4.5vw;}
.section-news .news-bnr{
	float:none;
	width:100%;
	margin-top: 0;
}

.section-news .news-bnr img{width:100%;}

.section-news .news-bnr p{
	margin-bottom: 3%;
}
.section-news .news-bnr p:last-of-type{
	margin-bottom: 0;
}
.section-news .news li.icon-new a:before{
	content: "";
    background: url(../img/index/icon-news_new.jpg) no-repeat;
    width: 9%;
    background-size: 100%;
    height: 0;
    padding-top: 4%;
    position: absolute;
    left: 27%;
    top: 9%;
}

/*******************************
section-movie
*******************************/
.hibi:before {
    content: "";
    background: url(../img/index/bg-hibi.png) no-repeat center top;
    width: 100%;
    height: 0;
	background-size:100%;
	padding-top:100%;
    position: absolute;
    top: -18%;
    left: 0;
    z-index: -1;
}
.section-movie{
	margin-top:0;
}
.section-movie .text-movie {
    text-align: center;
    background: url(../img/index/text-main02_sp.png) no-repeat left top;
	background-size:100%;
    width: 100%;
    height: 0;
    margin: 0 auto;
	padding-top:81%;
    margin-top: 5%;
}

/*******************************
section-story
*******************************/

.section-story {
	position: relative;
    background: url(../img/index/bg-story_sp.png) no-repeat center top;
		width:100%;background-size:100%;
    height: 0;
	padding-top:170%;
}
.section-story .section-inner{position: initial;}
.section-story .title{
	width:70%;
	position: absolute;
    top: 0;
    left: -2%;
}
.section-story .title img{width:100%;}
.section-story .text{
	    width: 80%;
    position: absolute;
    top: 14%;
    left: 4%;
	margin:0;
    float: none;
}
.section-story .pict {
    width: 65%;
    float: none;
    position: absolute;
        top: 34%;
    right: 4%;
    margin: 0;
}
.section-story .text-box{
	   position: absolute;
    top: 57%;
    left: 0;
    width: 95%;
    left: 2.5%;
    font-size: 3vw;
    line-height: 6vw;
    padding: 4% 4% 10% 4%;
}
.section-story .btn {
    margin-left: 13%;
    width: 60%;
    position: absolute;
    bottom: 12%;
}
.section-story .new:before {
    content: "";
    background: url(../img/index/icon-new.png) no-repeat;
		background-size: 100%;
		width: 30%;
    height: 0;
		padding-top: 15%;
    position: absolute;
    left: 0;
		margin-left: -2vw;
    top: 0;
    margin-top: -6.8vw;
	}

.section-story .btn01 {
    margin-left: 13%;
    width: 60%;
    position: absolute;
    bottom: 5%;
}
.section-story .btn img,
.section-story .btn01 img{width:100%;}


/*******************************
section-cast
*******************************/

.section-cast {
	position: relative;
    background: url(../img/index/bg-cast_sp.png) no-repeat center top;
		width:100%;background-size:100%;
    height: 0;
	padding-top:156%;
	margin-top: -11%;
}
.section-cast .pd-box{padding:0;}
.section-cast .section-inner{position: initial;}
.section-cast .title{
	    width: 100%;
    position: absolute;
    top: 2%;
    left: -2%;
    margin: 0;
}
.section-cast .title img{width:100%;}
.section-cast .text{
	    width: 80%;
    position: absolute;
    top: 14%;
    right: 4%;
	margin:0;
    float: none;
}
.section-cast .list{
	position: absolute;
	top:28%;
}
.section-cast .list li {
    margin-bottom: 2%;
    width: 90%;
}
.section-cast .list li.ml60 {
    margin-left: 10%;
}
.section-cast .list li img{
	width:100%;
}
.section-cast .btn-more {
    position: absolute;
        bottom: 16%;
    right: 4%;
    width: 40%;
}
.section-cast .btn{
	position: absolute;
	bottom:8%;
	right:4%;
	width:60%;
}

/*******************************
section-adventure
*******************************/
.section-adventure {
	position: relative;
    background: url(../img/index/bg-adventure_sp.png) no-repeat center top;
		width:100%;background-size:100%;
    height: 0;
	padding-top:170%;
	margin-top:-8%;
}
.section-adventure .section-inner{position: initial;}
.section-adventure .title{
	width:100%;
	position: absolute;
        top: 0%;
    left: -2%;
	margin:0;
}
.section-adventure .title img{width:100%;}
.section-adventure .text{
	    width: 80%;
    position: absolute;
    top: 9%;
    left: 4%;
	margin:0;
    float: none;
}
.section-adventure .pict {
    width: 65%;
    float: none;
    position: absolute;
        top: 34%;
    right: 4%;
    margin: 0;
}
.section-adventure .text-box{
	   position: absolute;
   top: 23%;
    left: 0;
    width: 95%;
    left: 2.5%;
    font-size: 3vw;
    line-height: 6vw;
    padding: 4% 4% 10% 4%;
}
.section-adventure .btn {
    margin-left: 13%;
    width: 60%;
    position: absolute;
    bottom: 9%;
	margin:0;
}
.section-adventure .btn img{width:100%;}

.section-adventure .pict-box{
	position: absolute;
	margin:0;
	top:40%;left:0;
	width: 100%;
}
.section-adventure .pict-box p{
	float:none;
	width:58%;
	margin-left: 2vw;
}
.section-adventure .pict-box .pict2{
	margin:0;
	margin-top:4%;
	float: right;
	margin-right: 2vw;
}
.section-adventure .new:before {
    content: "";
    background: url(../img/index/icon-new.png) no-repeat;
		background-size: 100%;
		width: 30%;
    height: 0;
		padding-top: 15%;
    position: absolute;
    left: 0;
		margin-left: -2vw;
    top: 0;
    margin-top: -6.8vw;
	}

/*******************************
section-battle
*******************************/
.section-battle {
	position: relative;
    background: url(../img/index/bg-battle_sp.png) no-repeat center top;
		width:100%;background-size:100%;
    height: 0;
	padding-top:193%;
	margin-top:-11%;
}
.section-battle .section-inner{position: initial;}
.section-battle .title{
	width:85%;
	position: absolute;
  top: 0%;
	right: 0;
	margin:0;
}
.section-battle .text{
  width: 80%;
  position: absolute;
  top: 21%;
  left: 4%;
	margin:0;
  float: none;
}
.section-battle .pd-box{
	padding-left: 0;
	margin-top: 0;
}
.section-battle .text-box{
	width: 90%;
	position: absolute;
	top: 32%;
	left: 4%;
	margin:0;
	font-size: 3vw;
	line-height: 6vw;
	padding: 4% 4% 34% 4%;
	float: none;
}
.section-battle .pict-box{
	position: absolute;
	margin:0;
	top:49%;left:0;
	margin-top:0;
	margin-left: 0;
	width: 100%;
}
.section-battle .pict-box p {
    float: none;
    width: 58%;
}
.section-battle .pict-box p{
	float:none;
}
.section-battle .pict-box .pict2{
	position: relative;
  top: 27vw;
  left: -3vw;
	float: right;

}
.section-battle .pict-box .pict1_sp{
	margin-left: 2vw;
  margin-top: -41vw;
	float: left;
}
.section-battle .btn{
	margin-left: 13%;
	width: 60%;
	position: absolute;
	bottom: 12vw;
	left: 21vw;
	margin:0;
}
.section-battle .new{
	position: relative;
	top: 0;left: 0;
}
.section-battle .new:before {
    content: "";
    background: url(../img/index/icon-new.png) no-repeat;
		background-size: 100%;
		width: 30%;
    height: 0;
		padding-top: 15%;
    position: absolute;
    left: 0;
		margin-left: -2vw;
    top: 0;
    margin-top: -6.8vw;
	}

/*******************************
section-spec
*******************************/

.section-spec{
	margin-bottom:0;
}
.section-spec .title {
    margin-bottom: 5%;
    width: 65%;
}
.section-spec .logo-box{
	width:70%;
	float:none;
	margin:0 auto;
	margin-bottom:5%;
}
.section-spec .spec-box{
	float:none;
}
.section-spec .spec-box p{
	font-size:4vw;
}
.section-spec .spec-box .img-cero{
	width:13%;
}
.section-spec .banner_big{
	background:url(../img/index/banner_big.png) no-repeat center center;
	width:100%;
	height:0;
	background-size:100%;
	padding-top:17%;
	margin:0 auto;
	margin-top:7%;

	text-align: center;
}
.section-spec .bnr{
	width:102%;
	height:0;
	margin-top:4%;
	background-size:100%;
	padding-top: 229%;
	}
	.section-spec .dlc {
		position: relative;
		width:100%;
		margin: auto;
	}
	.section-spec .btn_battle{
		position: absolute;
		bottom: 96vw;
    left: 14.7vw;
    width: 42%;
	}
	.section-spec .stamp {
		text-align: center;
		margin-top: 5vw;
		margin-bottom: 5vw;
	}

	.fancybox-overlay .fancybox-opened .fancybox-skin .fancybox-close{
		background-size:100%;
		    right: 20px;
    top: -30px;
    width: 30px;
    height: 30px;
	}