@charset "UTF-8";
/*
*******************************************************************************************************
# eva2015 10 fan MOVIE
*******************************************************************************************************
*/
body {
  background-color: #000;
}

.wrp-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1000px;
  background-color: #000;
}

.inner-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.wrp-head {
  position: relative;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 650px;
  z-index: 5;
}

.inner-head {
  position: absolute;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 650px;
  overflow: hidden;
}
.inner-head .logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -585px;
  z-index: 200;
}
.inner-head .main-ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -548px;
  margin-top: -252px;
}

.bg-ttl-vis {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -750px;
  z-index: 1;
}

.wrp-contents {
  position: relative;
  z-index: 10;
}

/* --------------------------------------------------
	コンテンツ
-------------------------------------------------- */
.wrp-contents {
  position: relative;
}

.inner-contents {
  padding-top: 83px;
}

.block-contents {
  position: relative;
}
.block-contents .img-contens {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.block-contents .img-contens .img-cts {
  width: 1129px;
  position: absolute;
  left: 50%;
  margin-left: -565px;
}
.block-contents .vigilance-btn {
  position: absolute;
  right: 34px;
  bottom: 80px;
}
.block-contents .challenge-btn {
  position: absolute;
  left: 643px;
  bottom: 80px;
}
.block-contents .bonus-btn {
  position: absolute;
  left: 643px;
  bottom: 0;
}
.block-contents .battolemode-btn {
  position: absolute;
  left: 580px;
  top: 460px;
}
.block-contents.cts01 {
  height: 62px;
}
.block-contents.cts01 .img-contens {
  height: 62px;
}
.block-contents.cts01 .img-cts {
  width: 671px;
  height: 62px;
  top: 0;
  margin-left: -336px;
}
.block-contents.cts02 {
  height: 2374px;
  margin-top: 22px;
}
.block-contents.cts02 .img-contens {
  height: 2374px;
  background: url(../../img/flow/bg_line.png) no-repeat center 0;
}
.block-contents.cts02 .img-cts {
  height: 2374px;
  top: 0;
}
.block-contents.cts02 .img01 {
  position: absolute;
  top: 19px;
  left: 48px;
}
.block-contents.cts02 .img02 {
  position: absolute;
  top: 599px;
  left: 48px;
}
.block-contents.cts02 .img03 {
  position: absolute;
  top: 711px;
  left: 448px;
}
.block-contents.cts02 .img04 {
  position: absolute;
  top: 711px;
  left: 778px;
}
.block-contents.cts02 .img05 {
  position: absolute;
  top: 1049px;
  left: 48px;
}
.block-contents.cts02 .img06 {
  position: absolute;
  top: 1141px;
  left: 388px;
}
.block-contents.cts02 .img07 {
  position: absolute;
  top: 1601px;
  left: 48px;
}
.block-contents.cts02 .btn-modal img {
  position: absolute;
  top: 0;
  left: 0;
}
.block-contents.cts02 .btn-modal img.ovr {
  opacity: 0;
}

/* ie8 */
.ie8 .block-contents.cts02 .btn-modal img.ovr {
  display: none;
}

/* --------------------------------------------------
	モーダル
-------------------------------------------------- */
.modal-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 50;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background: #000;
}

.wrp-modal-box {
  position: absolute;
  width: 100%;
  top: 0;
  display: none;
  overflow-x: hidden;
  z-index: 60;
}

.modal-box {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1030px;
  margin-left: -515px;
}

.modal-box .btn-close {
  position: fixed;
  right: 40px;
  top: 40px;
}