/* ****************************************************

	Style for TEASER SITE
	/css/style.css

***************************************************** */


/* contents
***************************************************** */

html {
}
body {
	background: #000000;
}
.page-wrap {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
.bg-main  {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 1000px; /* contens 980px + margin 10px*2 */
}
.entry {
	display: none;
}
.beacon {
	height: 0;
	line-height: 0;
}



/* loading
***************************************************** */
.loading-wrap {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	top: 0;
	width: 1523px;
	height: 705px;
}
.loading-wrap-inner {
	position: relative;
	width: 1400px;
	height: 705px;
}
	.mask-loading {
		position: absolute;
		opacity: 1;
		top: 0;
		left: 0;
		width: 1400px;
		height: 705px;
		background: #000;
	}
	.img-loading {
		position: relative;
	}
		.img-loading p {
			position: absolute;
			top: 0;
			left: 0
		}
		.img-loading .img-loading02 {
			display: none;
		}
	.loading {
		position: absolute;
		top: 88%;
		left: 50%;
		margin-left: -100px;
		width: 199px;
		height: 38px;
		background: url(../img/bg_loading.png) no-repeat left top;
	}
	.loading ul {
		position: relative;
		width: 199px;
		height: 38px;
	}
		.loading li {
			position: absolute;
			bottom: 10px;
		}
		.loading #load1 {
			left: 86px;
		}
		.loading #load2 {
			left: 97px;
		}
		.loading #load3 {
			left: 110px;
		}
		.loading #load-dot {
			left: 122px;
		}
		.loading #load4 {
			left: 133px;
		}
		.loading #load5 {
			left: 145px;
		}
		.loading #load-percent {
			left: 160px;
		}


/* lead
***************************************************** */

.lead {
	position: relative;
	height: 873px;
	/*background: url(../img/bg_main03.jpg) no-repeat center top;*/
}
	.lead .lead-wrap {
		opacity: 0;
		overflow: hidden;
		width: 100%;
		height: 705px;
	}
	.lead .img-main {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -700px;
		height: 705px;
	}
		.lead .img-main .img-main-wrap {
			position: relative;
			height: 705px;
		}
			.lead .img-main .img-main-list li {
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
			}
				.lead .img-main .img-main-list li.first {
					opacity: 1;
				}
			.lead .lead-video {
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 110;
			}
	.lead .longinus {
		position: absolute;
		top: 0;
		left: -81px;
		z-index: 101;
	}
	.lead .img-machine {
		position: absolute;
		top: 82px;
		left: 203px;
		z-index: 102;
	}
	.lead .title {
		position: absolute;
		top: 598px;
		left: 358px;
	}


/* gnav
***************************************************** */

.gnav {
	opacity: 0;
	position: absolute;
	top: 705px;
	padding-top: 18px;
	padding-bottom: 15px;
	width: 100%;
	z-index: 103;
}
.gnav-list {
	margin: 0 auto;
	width: 444px;
}
	.gnav-list li {
		float: left;
	}
	.gnav-list .gnav-point {
		width: 37px;
	}
	.gnav-list .gnav-flow {
		margin-left: 34px;
		width: 56px;
	}
	.gnav-list .gnav-movie {
		margin-left: 34px;
		width: 35px;
	}
	.gnav-list .gnav-contents {
		margin-left: 38px;
		width: 50px;
	}
	.gnav-list .gnav-spec {
		margin-left: 36px;
		width: 37px;
	}
	.gnav-list .gnav-powerslo {
		margin-left: 37px;
		width: 50px;
	}

.logo-area {
	position: relative;
	margin-top: 68px;
	border-top: 1px solid #ff4646;
}
.logo-list {
	margin: 0 auto;
	padding-top: 18px;
	width: 246px;
}
	.logo-list li {
		float: left;
	}
	.logo-list .bisty {
	}
	.logo-list .fields {
		margin-left: 15px;
	}
	.logo-list .eva30 {
		margin-left: 19px;
	}
.sns-list {
	position: absolute;
	left: 50%;
	top: 23px;
	margin-left: 170px;
	width: 215px;
}
	.sns-list li {
		float: left;
	}
	.sns-list .fb {
		width: 75px;
	}
	.sns-list .tw {
		width: 80px;
		margin-left: 15px;
	}
.logo-area .copywrite {
	margin-top: 8px;
	padding-bottom: 33px;
	text-align: center;
}


/* intro
***************************************************** */

.intro {
}
.intro-wrap {
	opacity: 0;
	margin: 0 auto;
	width: 209px;
	height: 713px;
	padding-bottom: 27px;
	background: url(../img/bg_intro01.png) no-repeat left top;
}
.intro-txt {
	padding-top: 80px;
	text-align: center;
}


/* point-front
***************************************************** */

.point-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.point-front .ttl {
		position: absolute;
		top: 52px;
		left: 15px;
		z-index: 85;
	}


/* point
***************************************************** */

.point {
	padding: 0 0 50px 0;
	height: 1048px;
	background: url(../img/bg_point02.jpg) no-repeat center top;
}

	.txt_point01 {
		position: absolute;
		top: -24px;
		left: 469px;
	}
	.txt_point02 {
		position: absolute;
		top: 85px;
		left: 35px;
	}
	.txt_point03 {
		position: absolute;
		top: 218px;
		left: 11px;
	}
	.txt_point04 {
		position: absolute;
		top: 288px;
		left: 18px;
	}
	.img_point01 {
		position: absolute;
		top: 176px;
		left: 533px;
	}
	.img_point02 {
		position: absolute;
		top: 684px;
		left: 25px;
	}
	.btn_point01 {
		position: absolute;
		top: 974px;
		left: 25px;
	}


/* flow-front
***************************************************** */

.flow-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.flow-front .ttl {
		position: absolute;
		top: 48px;
		left: 798px;
		z-index: 85;
	}


/* flow
***************************************************** */

.flow {
	padding: 50px 0;
	height: 700px;
	background: url(../img/bg_flow02.jpg) no-repeat center 50px;
}
	.flow .txt-flow01 {
		padding-top: 58px;
		text-align: center;
	}
	.flow .txt-flow02 {
		padding-top: 5px;
		text-align: center;
	}
	.flow .img-flow01 {
		position: relative;
		margin-top: 19px;
		width: 955px;
		text-align: center;
	}
		.flow .img-flow01 .btn-bonus,
		.flow .img-flow01 .btn-bonus-ov {
			position: absolute;
			top: 0;
			left: 398px;
		}
		.flow .img-flow01 .btn-bousou,
		.flow .img-flow01 .btn-bousou-ov {
			position: absolute;
			top: 220px;
			left: 398px;
		}
		.flow .img-flow01 .btn-bousou-ov,
		.flow .img-flow01 .btn-bonus-ov {
			opacity: 0;
		}
		.flow .img-flow01 .img-flow04 {
			position: absolute;
			top: 144px;
			left: 732px;
		}



/* movie-front
***************************************************** */

.movie-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.movie-front .ttl {
		position: absolute;
		top: 348px;
		left: 615px;
		z-index: 85;
	}


/* movie
***************************************************** */

.movie {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	height: 700px;
	width: 100%;
	background: url(../img/bg_movie02.jpg) no-repeat center 50px;
}
.movie .btn-prev {
	display: none;
	position: absolute;
	top: 343px;
	left: 50%;
	margin-left: -474px;
	z-index: 80;
}
.movie .btn-next {
	display: none;
	position: absolute;
	top: 343px;
	left: 50%;
	margin-left: 414px;
	z-index: 80;
}

.movie-wrap {
}

.line-list02 {
	padding-top: 56px;
}
.line-list03 {
	padding-top: 55px;
}
.line-list01 p,
.line-list02 p,
.line-list03 p {
	float: left;
	margin-left: 22px;
}
.line-list01 .line01,
.line-list02 .line01,
.line-list03 .line01 {
	margin-left: 0;
}

.movie-wrap {
	position: relative;
	overflow: hidden;
}
	.movie-slide {
		width: 1000%;
		background: url(../img/bg_movie_eva01.png) no-repeat 0 center;
	}
		.movie-slide .slide-list {
			position: relative;
			float: left;
			height: 700px;
		}
			.movie-slide .slide-special {
				background: url(../img/bg_movie_eva02.png) no-repeat right center;
			}
		.movie-slide .slide-thumb {
			padding: 102px 0 124px;
			width: 1108px;
			margin: 0 auto;
			background: url(../img/bg_movie03.png) no-repeat center 240px;
		}
	.movie .img-announce,
	.movie .img-continue,
	.movie .img-special {
		text-align: center;
		padding-top: 68px;
	}

	.movie .thumb-wrap {
		margin: 0 auto;
		width: 1106px;
	}

	.movie .img-continue {
		position: relative;
	}
		.movie .img-continue .img-modal01 {
			position: absolute;
			top: 222px;
			left: 50%;
			margin-left: -369px;
		}
		.movie .img-continue .img-modal02 {
			position: absolute;
			top: 315px;
			left: 50%;
			margin-left: -369px;
		}
		.movie .img-continue .img-modal03 {
			position: absolute;
			top: 411px;
			left: 50%;
			margin-left: -369px;
		}
		.movie .img-continue .img-modal04 {
			position: absolute;
			top: 503px;
			left: 50%;
			margin-left: -369px;
		}
		.movie .img-continue .img-modal05 {
			position: absolute;
			top: 223px;
			left: 50%;
			margin-left: 189px;
		}
		.movie .img-continue .img-modal06 {
			position: absolute;
			top: 339px;
			left: 50%;
			margin-left: 189px;
		}
		.movie .img-continue .img-modal07 {
			position: absolute;
			top: 374px;
			left: 50%;
			margin-left: -165px;
		}
		.movie .img-continue .img-modal08 {
			position: absolute;
			top: 374px;
			left: 50%;
			margin-left: -11px;
		}
		.movie .img-continue .img-modal09 {
			position: absolute;
			top: 476px;
			left: 50%;
			margin-left: -165px;
		}
	.movie .img-special {
		position: relative;
	}
		.movie .img-special .img-modal10 {
			position: absolute;
			top: 149px;
			left: 50%;
			margin-left: -394px;
		}


/* contents-front
***************************************************** */

.contents-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.contents-front .ttl {
		position: absolute;
		top: 198px;
		left: 25px;
		z-index: 85;
	}
	.contents-front .img_front {
		position: absolute;
		top: 14px;
		left: 322px;
		z-index: 85;
	}


/* contents
***************************************************** */

.contents {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	height: 700px;
	width: 100%;
	background: url(../img/bg_contents02.jpg) no-repeat center 50px;
}
.contents .btn-prev {
	position: absolute;
	top: 345px;
	left: 50%;
	margin-left: -495px;
	z-index: 80;
}
.contents .btn-next {
	position: absolute;
	top: 345px;
	left: 50%;
	margin-left: 420px;
	z-index: 80;
}
.contents-wrap {
	position: relative;
	overflow: hidden;
}
	.contents-slide {
		width: 1000%;
		height: 670px;
	}
		.contents-slide .slide-list {
			position: relative;
			float: left;
			height: 670px;
		}
	.contents .img-all {
		position: absolute;
		top: 141px;
		left: 50%;
		margin-left: -427px
	}
	.contents .img-story,
	.contents .img-chara {
		text-align: center;
		padding-top: 20px;
	}


/* spec-front
***************************************************** */

.spec-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.spec-front .ttl {
		position: absolute;
		top: 29px;
		left: 385px;
		z-index: 85;
	}


/* spec
***************************************************** */

.spec {
	height: 1359px;
	background: url(../img/bg_spec02.jpg) no-repeat center top fixed;
}
.spec-wrap {
	margin: 0 auto;
	width: 980px;
	padding: 100px 0 100px;
}
	.spec-wrap .img-left {
		float: left;
		width: 578px;
		margin-left: 16px;
	}
	.spec-wrap .img-right {
		float: right;
		width: 368px;
		margin-right: 16px;
	}
	.spec-wrap .img-center {
		text-align: center;
	}


/* powerslo-front
***************************************************** */

.powerslo-front {
	overflow: hidden;
	position: relative;
	margin-bottom: -570px;
	height: 570px;
	z-index: 90;
}
	.powerslo-front .ttl {
		position: absolute;
		top: 353px;
		left: 25px;
		z-index: 85;
	}


/* powerslo
***************************************************** */

.powerslo {
	height: 2367px;
	background: url(../img/bg_powerslo02.jpg) no-repeat center top fixed;
}
.powerslo.scroll {
	background: url(../img/bg_powerslo02.jpg) no-repeat scroll;
}
.powerslo-wrap {
	margin: 0 auto;
	width: 980px;
	padding: 50px 0 70px;
}
	.powerslo-wrap .img-left {
		float: left;
		width: 468px;
		margin-left: 16px;
	}
	.powerslo-wrap .img-right {
		float: right;
		width: 468px;
		margin-right: 16px;
	}
	.powerslo-wrap .txt_powerslo01,
	.powerslo-wrap .txt_powerslo02,
	.powerslo-wrap .img_powerslo03,
	.powerslo-wrap .img_powerslo04,
	.powerslo-wrap .img_powerslo05,
	.powerslo-wrap .bnr_powerslo01 {
		text-align: center;
	}

	.powerslo-wrap .txt_powerslo01 {
		margin-bottom: 11px;
	}
	.powerslo-wrap .txt_powerslo02 {
		margin-top: 15px;
	}
	.powerslo-wrap .img_powerslo03 {
		margin-top: 41px;
	}
	.powerslo-wrap .img_powerslo04 {
		margin-top: 12px;
	}
	.powerslo-wrap .img_powerslo05 {
		margin-top: 12px;
	}
	.powerslo-wrap .bnr_powerslo01 {
		margin-top: 32px;
	}


/* pagetop
***************************************************** */

.pagetop {
	margin-top: 100px;
	height: 992px;
	background: url(../img/bg_pagetop01.jpg) no-repeat center bottom;
}
.btn-pagetop {
	position: absolute;
	bottom: 140px;
	left: 50%;
	margin-left: -117px;
}


/* footer
***************************************************** */

.footer {
	overflow: hidden;
	position: relative;
	border-top: 1px solid #ff4646;
	padding-top: 18px;
	height: 75px;
}
.footer-list {
	margin: 0 auto;
	width: 246px;
}
	.footer-list li {
		float: left;
	}
	.footer-list .bisty {
	}
	.footer-list .fields {
		margin-left: 15px;
	}
	.footer-list .eva30 {
		margin-left: 19px;
	}
.footer .copywrite {
	margin-top: 8px;
	text-align: center;
}
.footer .sns-list {
	top: 8px;
}


/* cassius
***************************************************** */
.cassius {
	position: absolute;
	left: 50%;
	margin-left: -26px;
	z-index: 100;
}


/* video
***************************************************** */

.point-video,
.flow-video,
.movie-video,
.spec-video,
.powerslo-video,
.contents-video {
	position: absolute;
/*	width: 1341px;
	height: 570px;*/
	width: 1400px;
	height: 595px;
	top: -12px;
	left: 50%;
	margin-left: -700px;
	z-index: 80;
}

/* modal layout
***************************************************** */

#modal {
	background: none;
	background: #000000\0/; /* for IE8 */
	margin: 0;
}
#modalContent {
	position: relative;
	/*margin-top: 45px;*/
	/*background: url(../img/bg_modalwrap.png) no-repeat center top;*/
	width: 928px;
	height: 578px;
}
#modalContent .modal-wrap {
	padding: 10px;
}
#modalContent .modal-wrap p {
	margin: 0;
}
#modalContent .modal-wrap .modal-main {
	position: relative;
}
	#modalContent .modal-wrap .modal-main .modal-btn-bousou {
		position: absolute;
		left: 45px;
		top: 232px;
	}
	#modalContent .modal-wrap .modal-main .modal-btn-kakusei {
		position: absolute;
		left: 826px;
		top: 481px;
	}
.mfp-container {
	background: url(../img/bg_flow03.png) no-repeat center center;
}
.mfp-iframe-holder .mfp-close {
	background: url(../img/btn_bonus_close_1.png) no-repeat;
	width: 53px;
	height: 55px;
	right: 45px;
	top: 38px;
	opacity: 1;
}
.mfp-iframe-holder .mfp-close:hover {
	background: url(../img/btn_bonus_close_2.png) no-repeat;
}


/* for movie area  */
.movie-m .mfp-container {
	background: none;
}
.movie-m .mfp-iframe-holder .mfp-close {
	background: url(../img/btn_back_1.png) no-repeat;
	width: 66px;
	height: 28px;
	right: 190px;
	top: 450px;
	opacity: 1;
}
.movie-m .mfp-iframe-holder .mfp-close:hover {
	background: url(../img/btn_back_2.png) no-repeat;
}