.none {
	display: none;
}
.active {
	display: block;
}
.movieModalArea{
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 1000;
}
.movieModalArea .closeBtn{
	display: block;
	background: url("../img/index/close.png");
	width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    right: 50%;
    cursor: pointer;
	z-index: 8040;
	margin-right: -565px;margin-top: -344px;
}
.movieModalArea .modal{
	background: url("../img/index/movieBg_top.png") no-repeat;
	position: absolute;
	top: 50%;left: 50%;
	padding: 10px 20px 86px 20px;
	margin-left: -480px;margin-top: -330px;
}
.movieModalArea .modaltitle{
	background:url("../img/index/movietitle.png") center center no-repeat;
	width: 696px;height: 119px;
	margin: 0 auto;
}
.movieModalArea .movieArea{
	font-size: 0;
	margin-top: 40px;
	width: 960px;
}
.movieModalArea .movieArea .icon{
	position: relative;
	top: 0;left: 0;
}
.movieModalArea .movieArea .icon:before{
	content: "";
	position: absolute;
	top: 50%;left: 50%;
	background:url("../img/index/icon-load.png") no-repeat;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;height: 80px;
}
.movieModalArea .movieArea li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.movieModalArea .movieArea li:last-of-type{
	margin-right: 0;
}
.movieModalArea .movieArea li .movietext01{
	background:url("../img/index/movietext01.png") center center no-repeat;
	width: 148px;height: 25px;
	margin: 15px auto 0 auto;
}
.movieModalArea .movieArea li .movietext02{
	background:url("../img/index/movietext02.png") center center no-repeat;
	width: 148px;height: 25px;
	margin: 15px auto 0 auto;
}
.movieModalArea .movieArea li .movietext03{
	background:url("../img/index/movietext03.png") center center no-repeat;
	width: 148px;height: 25px;
	margin: 15px auto 0 auto;
}
.movieModalArea .movieArea li .movietext04{
	background:url("../img/index/movietext04.png") center center no-repeat;
	width: 293px;height: 25px;
	margin: 15px auto 0 auto;
}
.movieModalArea .movieArea li .movietext05{
	background:url("../img/index/movietext05.png") center center no-repeat;
	width: 131px;height: 25px;
	margin: 15px auto 0 auto;
}
.movieModalArea .movieArea li.adjust{
	margin-left: 160px;
}
.movieModalArea .movieArea li.adjust02{
	margin-top: 30px;
}
.originModalArea{
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 1000;
	overflow: scroll;
}
.originModalArea .closeBtnorigin{
	display: block;
	background: url("../img/index/close.png");
	width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    right: 50%;
    cursor: pointer;
	z-index: 8040;
	margin-right: -486px;margin-top: -615px;
}
.originModalArea .modal{
	background-color: #021c3b;
	border: 1px solid #ffffff;
	position: absolute;
	top: 50%;left: 50%;
	padding: 30px 30px 86px 30px;
	transform: translate(-50%,-30%);
	width: 785px;
}
.originModalArea .modal:before{
	content: "";
	position: absolute;
	top: 0;left: 50%;
	background: url("../img/index/mdoal_bg.png") no-repeat;
	width: 780px;height: 475px;
	transform: translate(-50%,0);
}

.originModalArea .modal .titlemain{
	background:url("../img/index/ori-title.png") center center no-repeat;
	width: 438px;height: 73px;
	margin: 0 auto 30px auto;
}
.originModalArea .modal .area{
	position: relative;
	z-index: 20;;
}
.originModalArea .modal .area01{
	margin-bottom: 40px;
}
.originModalArea .modal .area01 #text01 rt{
	text-align: center;
    letter-spacing: 3px;
	margin-left: -1px;
}
.originModalArea .modal .area .title{
	color: #fe0000;
	border-bottom: 1px solid #fe0000;
	font-size: 23px;
	line-height: 30px;
}
.originModalArea .modal .area .text{
	color: #ffffff;
	text-align: justify;
	font-size: 16px;
	line-height: 34px;
	margin-top: 20px;
}
.originModalArea .modal .bookArea{
	background-color: #000000;
	padding: 20px 20px 20px 160px;
	margin-top: 50px;
	position: relative;
}
.originModalArea .modal .bookArea:before{
	content: "";
	position: absolute;
	top: 10px;left: 10px;
	background:url("../img/index/comic_hotto.png") center center;
	width: 125px;height: 178px;
}
.originModalArea .modal .bookArea .text{
	color: #ffffff;
	text-align: justify;
	font-size: 14px;
	line-height: 28px;
}
.originModalArea .modal .bookArea .websitetext a{
	display: block;
	color: #0096ff;
	text-align: justify;
	font-size: 14px;
	line-height: 28px;
	margin-top: 20px;
}
.originModalArea .modal .bookArea .link{
	color: #ffffff;
	text-decoration: none;
}
/*******************************
section-top
*******************************/

.section-top{
	width:100%;
	padding:76px 0 0 0;
	background:url("../img/index/bg-top.png") center center;
	background-size:cover;
}
.section-top .mainChara {
	position: relative;
	top: 0;left: 0;
}
.section-top .mainChara:before{
	content:"";
	background:url("../img/index/bg-chara.png") no-repeat;
	width:956px;height:843px;
	position: absolute;
	left:-304px;bottom:0;
}
.section-top .mainChara .broadcast{
	display: block;
	width:236px;height:192px;
	background:url("../img/index/banner-broadcast.png") no-repeat;
	position: absolute;
  bottom: 50px;
  right: 530px;
  z-index: 10;
}
.section-top h1{
	/*margin-left:-60px;*/
	text-align: right;
	position: relative;
	top: -40px;left: 0;
	z-index: 10;
}
.section-top .text-hatubai{
	margin-top:0;
	text-align: right;
	position: relative;
	margin-right: 64px;
	top: -14px;left: 0;
	z-index: 10;
}
.section-top .text-guide{
	margin-top:10px;
	text-align: right;
	position: relative;
	top: -10px;left: 0;
	z-index: 10;
  margin-right: 31px;
}
.news .text a{
	color: #ffffff;
	text-decoration: none;
}

@media screen and (max-width: 1500px) {
	.section-top{
		height:auto;
		padding:1.3% 0 0 0;
	}
	.section-top .section-inner{
		width:100%;
	}
	.section-top h1{
		width:40%;
		margin-left:53%;
		top: 1vw;
	}
	.section-top h1 img{width: 100%;}
	.section-top .mainChara:before{
		content:"";
		background:url("../img/index/bg-chara.png") no-repeat;
		width:100%;height:0;
		background-size: 66%;
		padding-top: 58%;
		position: absolute;
		left:1%;bottom:0;
	}
	.section-top .mainChara .broadcast{
		background:url("../img/index/banner-broadcast.png") no-repeat;
		background-size: 100%;
		width: 16%;
		height: 0;
		padding-top: 13%;
		position: absolute;
	  bottom: 4vw;
	  right: 49vw;
	  z-index: 10;
	}
	.section-top .text-hatubai{
		margin-top:2%;
		text-align: right;
		position: relative;
		top: -1vw;left: 0;
		margin-left:61%;
		z-index: 10;
		width: 27%;
	}
	.section-top .text-guide{
		margin-top:1%;
		text-align: right;
		position: relative;
		top: -1vw;left: 0;
		margin-left:58%;
		z-index: 10;
		width: 33%;
	}
	.section-top .text-hatubai img{
		width: 100%;
	}
	.section-top .text-guide img{
		width: 100%;
	}

}
@media screen and (max-width: 1130px) {
	.movieModalArea{
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		top: 0;left: 0;right: 0;bottom: 0;
		z-index: 1000;
	}
	.movieModalArea .closeBtn{
		display: block;
		background: url("../img/index/close.png");
		width: 5%;
		height: 0;
		background-size: 100%;
		padding-top: 5%;
		position: absolute;
		top: 50%;
		right: 50%;
		cursor: pointer;
		z-index: 8040;
		margin-right: -49vw;margin-top: -29.4vw;
	}
	.movieModalArea .modal{
		background: url("../img/index/movieBg_top.png") no-repeat;
		width: 87%;height: 0;
		background-size: 100%;
		position: absolute;
		top: 50%;left: 50%;
		padding: 1vw 2vw 8.6vw 2vw;
		margin-left: -45vw;margin-top: -30vw;
		padding-top: 50%;
	}
	.movieModalArea .modaltitle{
		background:url("../img/index/movietitle.png") center center no-repeat;
		width: 72%;height: 0;
		background-size: 100%;
		padding-top: 13%;
		margin: -59% auto 0 auto;
	}
	.movieModalArea .movieArea{
		font-size: 0;
		margin-top: 2vw;
		width: 100%;
	}
	.movieModalArea .movieArea .icon{
		position: relative;
		top: 0;left: 0;
	}
	.movieModalArea .movieArea .icon:before{
		content: "";
		position: absolute;
		top: 50%;left: 50%;
		background:url("../img/index/icon-load.png") no-repeat;
		margin-top: -2vw;
		margin-left: -2vw;
		width: 20%;height: 0;
		background-size: 100%;
		padding-top: 21%;
	}
	.movieModalArea .movieArea li{
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		width: 32%;
	}
	.movieModalArea .movieArea li img{
		width: 100%;
	}
	.movieModalArea .movieArea li:nth-of-type(3){
		margin-right: 0;
	}
	.movieModalArea .movieArea li .movietext01{
		background:url("../img/index/movietext01.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext02{
		background:url("../img/index/movietext02.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext03{
		background:url("../img/index/movietext03.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext04{
	background:url("../img/index/movietext04.png") center center no-repeat;
	width: 97%;height: 0;
	margin: 2vw auto 0 auto;
	background-size: 100%;
	padding-top: 10%;
}
.movieModalArea .movieArea li .movietext05{
	background:url("../img/index/movietext05.png") center center no-repeat;
	width: 51%;height: 0;
	margin: 2vw auto 0 auto;
	background-size: 100%;
	padding-top: 10%;
}
.movieModalArea .movieArea li.adjust{
	margin-left: 16vw;
}
.movieModalArea .movieArea li.adjust02{
	margin-top: 3vw;
}

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

.section-news{
	background:url(../img/index/bg-news.png) center center;
	background-size:cover;
	padding:35px 0 160px 0;
}
.section-news .title{
	margin:0px 0 20px 0;
}
.section-news .news{
	width:514px;
	font-size:14px;
	float:left;
}

.section-news .news li{margin-bottom:5px;}
.section-news .news li a{
	position: relative;
	display: block;
	text-decoration: none;
}
.section-news .news li.icon-new a:before{
	content:"";
	background:url(../img/index/icon-news_new.jpg) no-repeat;
	width:35px;height:14px;
	position: absolute;
	left:85px;top:2px;
}
.section-news .news .date{
	color:#ff0000;
}
.section-news .news .text{
	color:#fff;
}
.section-news .news-bnr{
	float:right;
	margin-top: -75px;
}
.section-news .news-bnr p{
	margin-bottom: 10px;
}
.section-news .news-bnr p:last-of-type{
	margin-bottom: 0;
}

/*******************************
section-movie
*******************************/

.section-movie{
	position: relative;
	margin-top:-100px;
	margin-bottom:15px;
}

.hibi:before{
	content:"";
	background:url(../img/index/bg-hibi.png) center top;
	width:1600px;height:911px;
	position: absolute;
	top: -41px;
  left: 0;
  z-index: -1;
}

.movie-box{
	position: relative;
	width: 987px;
	margin:0 auto;
	box-sizing: border-box;
}
.movie-box a{
	display: block;
}
.movie-box li{
/*	float: left;*/
	position: relative;
	width: 480px;

	margin: 0 auto;
}
.movie-box li:first-of-type{
/*	margin-right: 27px;*/
}
.movie-box a:before{
	content:"";
	background:url(../img/index/icon-movie.png) no-repeat center center;
	width:50px;height: 50px;
	position: absolute;
	right:50%;margin-right:-25px;
	top:50%;margin-top:-25px;
}
  .movie-box li:nth-of-type(2) a:after {
		display: none;
	content: "";
	background: url(../img/index/icon-new.png) no-repeat center right;
	  width:98px;height: 51px;
	  position: absolute;
	  right:0;margin-right:7px;
	  top:0;margin-top:-22px;
  }

.section-movie .text-movie{
	text-align: center;
	background:url(../img/index/text-main02.png) center center;
	width:987px;height:582px;
	margin:0 auto;margin-top:50px;
}
.section-movie .ori_btn{
	text-align: center;
	background:url(../img/index/btn-oriwork.png) center center;
	width:360px;height:60px;
	margin:0 auto;margin-top:50px;
}

.fancybox-overlay .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0 0;
}
.fancybox-overlay .fancybox-opened .fancybox-skin .fancybox-close {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 17px;
    right: -78px;
    cursor: pointer;
    z-index: 8040;
}

#fancybox-loading, .fancybox-next span, .fancybox-overlay .fancybox-close, .fancybox-prev span {
    background: url(../img/index/close.png);
}



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

.section-story{
	background:url(../img/index/bg-story.png) no-repeat center center;
	height:919px;
}

.section-story .text-box{
	width:582px;
	background-color:#000;
	padding:20px 30px 80px 30px;
	color:#fff;
}

.section-story .text{
	position: relative;
	z-index:10;
	margin-top:-50px;
	float:left;
}
.section-story .pict{
	float:left;
	margin:-60px 0 0 15px;
}

.section-story .text-box{
	margin-top:10px;
	    line-height: 32px;
    font-size: 18px;
}
.section-story .btn{
	margin-left:105px;
	margin-top:-30px;
}
.section-story .btn01{
	margin-left:105px;
	margin-top:12px;
}

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

.section-cast{
	background:url(../img/index/bg-cast.png) no-repeat center center;
	height:918px;
	margin-top:-171px;
}

.section-cast .title{
	margin-top: 37px;
  margin-left: -90px;
}

.section-cast .text{
	margin-top:-65px;
	margin-bottom:10px;
}

.section-cast .pd-box{
	padding-left:475px;
}
.section-cast .list li{
	margin-bottom:10px;
}
.section-cast .list li.ml60{
	margin-left:60px;
}
.section-cast .btn-more{
	text-align: right;
}
.section-cast .btn{
	text-align: right;
}


/*******************************
section-adventure
*******************************/

.section-adventure{
	background:url(../img/index/bg-adventure.png) no-repeat center center;
	height:922px;
	margin-top:-171px;
}
.section-adventure .pd-box{
	padding-left:68px;
}
.section-adventure .title{
	margin-top: 37px;
}

.section-adventure .text{
	margin-top:-65px;
	margin-bottom:10px;
}

.section-adventure .text-box{
	width:580px;
	background-color:#000;
	padding:20px 30px 355px 30px;
	color:#fff;
	line-height: 32px;
    font-size: 18px;
}

.section-adventure .pict-box{
	margin-top:-340px;
	margin-left:-70px;
}
.section-adventure .pict-box p{
	float:left;
}

.section-adventure .pict-box .pict2{
	margin:30px 0 0 30px;
}
.section-adventure .btn{
	margin:30px 0 0 80px;
}


/*******************************
section-battle
*******************************/

.section-battle{
	background:url(../img/index/bg-battle.png) no-repeat center center;
	height:920px;
	margin-top:-138px;
}

.section-battle .title{
	text-align: right;
	margin-top:-20px;
	margin-right:-95px;
	padding-top: 32px;
}
.section-battle .pd-box{
	padding-left: 486px;
	margin-top: -44px;
}
.section-battle .text-box{
	width:580px;
	background-color:#000;
	padding:20px 30px 339px 30px;
	color:#fff;
	line-height: 32px;
    font-size: 18px;
		margin-top: 10px;
}
.section-battle .pict-box{
	margin-top:-314px;
	margin-left: -468px;
}
.section-battle .pict-box p{
	float:left;
}
.section-battle .pict-box .pict2{
	position: relative;
  top: -52px;
  left: -21px;
}
.section-battle .btn{
	margin: 39px 0 0 116px;
}
.new{
	position: relative;
	top: 0;left: 0;
}
.new:before {
    content: "";
    background: url(../img/index/icon-new.png) no-repeat;
		width: 98px;
    height: 51px;
    position: absolute;
    left: 0;
		margin-left: -20px;
    top: 0;
    margin-top: -38px;
	}

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

.section-spec{
	position: relative;
	margin-bottom:70px;
}
.section-spec.hibi:before{
	top:-135px;
}

.section-spec .title{
	margin-bottom:55px;
}
.section-spec .logo-box{
	float: right;
	margin: -40px 40px 0px -40px;
}

.section-spec .spec-box{
	float:left;
}
.section-spec .spec-box p{
	font-size: 18px;
	margin-bottom:10px;
}

.section-spec .banner_big{
	background:url(../img/index/banner_big.png) no-repeat center center;
	width:959px;height:150px;
	margin:0 auto;
	margin-top:60px;

	text-align: center;
}
.section-spec .bnr{
	background:url(../img/index/img-dlc.png) no-repeat center center;
	width:960px;height:2145px;
	margin:0 auto;
		margin-top:60px;

	text-align: center;
}
.section-spec .dlc {
	position: relative;
	width:959px;
	margin: auto;
}
.section-spec .btn_battle{
	position: absolute;
	bottom: 910px;
  left: 146px;
}
.section-spec .stamp {
	text-align: center;
	margin-top: 50px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@media screen and (max-width: 980px) {
	::i-block-chrome, .bookArea:before{
		padding-top: 60%;
	}
}
}

@media screen and (max-width: 980px) {
	.movieModalArea{
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		top: 0;left: 0;right: 0;bottom: 0;
		z-index: 1000;
	}
	.movieModalArea .closeBtn{
		display: block;
		background: url("../img/index/close.png");
		width: 7%;
		height: 0;
		background-size: 100%;
		padding-top: 7%;
		position: absolute;
		top: 0;
		right: 50%;
		cursor: pointer;
		z-index: 8040;
		margin-right: -45vw;margin-top: -9vw;
	}
	.movieModalArea .modal{
		background: url("../img/index/movieBg_top_sp.png") no-repeat;
		width: 90%;height: 0;
		background-size: 100%;
		position: absolute;
		top: 50%;left: 50%;
		padding: 1vw 2vw 8.6vw 2vw;
		margin-left: 0;margin-top: 0;
		padding-top: 130%;
		transform: translate(-50%,-50%);
	}
	.movieModalArea .modaltitle{
		background:url("../img/index/movietitle.png") center center no-repeat;
		width: 95%;height: 0;
		background-size: 100%;
		padding-top: 13%;
		margin: -142% auto 0 auto;
	}
	.movieModalArea .movieArea{
		font-size: 0;
		margin-top: 8vw;
	}
	.movieModalArea .movieArea .icon{
		position: relative;
		top: 0;left: 0;
	}
	.movieModalArea .movieArea .icon:before{
		content: "";
		position: absolute;
		top: 50%;left: 50%;
		background:url("../img/index/icon-load.png") no-repeat;
		margin-top: -4vw;
		margin-left: -4vw;
		width: 20%;height: 0;
		background-size: 100%;
		padding-top: 21%;
	}
	.movieModalArea .movieArea li{
		display: inline-block;
		vertical-align: middle;
		margin-right: 2vw;
		width: 48.8%;
	}
	.movieModalArea .movieArea li img{
		width: 100%;
	}
	.movieModalArea .movieArea li:nth-of-type(2n + 2){
		margin-right: 0;
	}
	.movieModalArea .movieArea li:nth-of-type(1n + 3){
		margin-top: 6vw;
	}
	.movieModalArea .movieArea li:nth-of-type(3){
		margin-right: 2vw;
	}
	.movieModalArea .movieArea li:last-of-type{
		margin-left: 26%;
	}
	.movieModalArea .movieArea li .movietext01{
		background:url("../img/index/movietext01.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext02{
		background:url("../img/index/movietext02.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext03{
		background:url("../img/index/movietext03.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext04{
		background:url("../img/index/movietext04.png") center center no-repeat;
		width: 98%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li .movietext05{
		background:url("../img/index/movietext05.png") center center no-repeat;
		width: 56%;height: 0;
		margin: 2vw auto 0 auto;
		background-size: 100%;
		padding-top: 10%;
	}
	.movieModalArea .movieArea li.adjust{
		margin-left: 0;
	}
	.movieModalArea .movieArea li.adjust02{
		margin-top: 6vw;
	}



	.originModalArea{
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		top: 0;left: 0;right: 0;bottom: 0;
		z-index: 1000;
		overflow: scroll;
	}
	.originModalArea .closeBtnorigin{
		display: block;
		background: url("../img/index/close.png") no-repeat;
		width: 7%;
		height: 0;
		background-size: 100%;
		padding-top: 7%;
		position: absolute;
		top: 0;
		right: 50%;
		cursor: pointer;
		z-index: 8040;
		margin-right: -46vw;margin-top: 0;
	}
	.originModalArea .modal{
		background-color: #021c3b;
		border: 1px solid #ffffff;
		position: absolute;
		top: 50%;left: 50%;
		padding: 3vw 3vw 8.6vw 3vw;
		transform: translate(-50%,-30%);
		width: 70%;
	}
	.originModalArea .modal:before{
		content: "";
		position: absolute;
		top: 0;left: 50%;
		background: url("../img/index/mdoal_bg.png") no-repeat;
		width: 100%;height: 0;
		padding-top: 40%;
		transform: translate(-50%,0);
	}

	.originModalArea .modal .titlemain{
		background:url("../img/index/ori-title.png") center center no-repeat;
		width: 70%;height: 0;
		background-size: 100%;
		padding-top: 7%;
		margin: 0 auto 3vw auto;
	}
	.originModalArea .modal .area{
		position: relative;
		z-index: 20;
	}
	.originModalArea .modal .area01{
		margin-bottom: 4vw;
	}
	.originModalArea .modal .area .title{
		color: #fe0000;
		border-bottom: 1px solid #fe0000;
		font-size: 2.5vw;
		line-height: 2.5vw;
		padding-bottom: 1vw;
	}
	.originModalArea .modal .area .text{
		color: #ffffff;
		text-align: justify;
		font-size: 2vw;
		line-height: 4.5vw;
		margin-top: 2vw;
	}
	.originModalArea .modal .bookArea{
		background-color: #000000;
		padding: 2vw 2vw 2vw 20vw;
		margin-top: 5vw;
	}
	.originModalArea .modal .bookArea:before{
		content: "";
		position: absolute;
		top: 1vw;
		left: 2vw;
		background: url(../img/index/comic_hotto.png) center center no-repeat;
		width: 25%;
		height: 0;
		background-size: 100%;
		padding-top: 36%;
	}
	_::-webkit-full-page-media, _:future, :root .originModalArea .modal .bookArea:before {
		padding-top: 60%;
	}
	.originModalArea .modal .bookArea .text{
		color: #ffffff;
		text-align: justify;
		font-size: 1.4vw;
		line-height: 3.3vw;
	}
	.originModalArea .modal .bookArea .websitetext a{
		display: block;
		color: #0096ff;
		text-align: justify;
		font-size: 1.4vw;
		line-height: 2.8vw;
		margin-top: 2vw;
	}
	.section-movie .ori_btn {
    text-align: center;
    background: url(../img/index/btn-oriwork.png) center center no-repeat;
    width: 70%;
	height: 0;
	background-size: 100%;
	padding-top: 12%;
    margin: 0 auto;
    margin-top: 5vw;
}
}