@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: 100px;
}

.block-contents {
  position: relative;
}
.block-contents .img-contens {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.block-contents .img-contens .img-cts {
  width: 1050px;
  position: absolute;
  left: 50%;
  margin-left: -525px;
}
.block-contents.cts01 {
  height: 234px;
}
.block-contents.cts01 .img-contens {
  height: 234px;
}
.block-contents.cts01 .img-cts {
  width: 647px;
  height: 234px;
  top: 0;
  margin-left: -323px;
}
.block-contents.cts02 {
  height: 67px;
  margin-top: 92px;
}
.block-contents.cts02 .img-contens {
  height: 67px;
}
.block-contents.cts02 .img-cts {
  width: 647px;
  height: 67px;
  top: 0;
  margin-left: -323px;
}
.block-contents.cts03 {
  height: 227px;
  margin-top: 62px;
}
.block-contents.cts03 .img-contens {
  height: 227px;
}
.block-contents.cts03 .img-cts {
  width: 1031px;
  height: 227px;
  top: 0;
  margin-left: -516px;
}
.block-contents.cts04 {
  height: 259px;
  margin-top: 52px;
}
.block-contents.cts04 .img-contens {
  height: 259px;
}
.block-contents.cts04 .img-cts {
  width: 1031px;
  height: 259px;
  top: 0;
  margin-left: -516px;
}
.block-contents.cts05 {
  height: 370px;
  margin-top: 10px;
}
.block-contents.cts05 .img-contens {
  height: 370px;
}
.block-contents.cts05 .img-cts {
  width: 800px;
  height: 370px;
  top: 0;
  margin-left: -400px;
}
.block-contents.cts06 {
  height: 234px;
  margin-top: 120px;
}
.block-contents.cts06 .img-contens {
  height: 234px;
}
.block-contents.cts06 .img-cts {
  width: 647px;
  height: 234px;
  top: 0;
  margin-left: -323px;
}
.block-contents.cts07 {
  height: 371px;
  margin-top: 45px;
}
.block-contents.cts07 .img-contens {
  height: 371px;
}
.block-contents.cts07 .img-cts {
  height: 371px;
  top: 0;
}
.block-contents.cts08 {
  height: 411px;
  margin-top: 70px;
}
.block-contents.cts08 .img-contens {
  height: 411px;
}
.block-contents.cts08 .img-cts {
  height: 411px;
  top: 0;
}
.block-contents.cts09 {
  height: 463px;
  margin-top: 70px;
}
.block-contents.cts09 .img-contens {
  height: 463px;
}
.block-contents.cts09 .img-cts {
  height: 463px;
  top: 0;
}
.block-contents.cts10 {
  height: 533px;
}
.block-contents.cts10 .img-contens {
  height: 533px;
}
.block-contents.cts10 .img-cts {
  height: 533px;
  top: 0;
}
.block-contents.cts11 {
  height: 839px;
  margin-top: 75px;
}
.block-contents.cts11 .img-contens {
  height: 839px;
}
.block-contents.cts11 .img-cts {
  height: 839px;
  top: 0;
}
.block-contents.cts12 {
  height: 440px;
  margin-top: 70px;
}
.block-contents.cts12 .img-contens {
  height: 440px;
}
.block-contents.cts12 .img-cts {
  height: 440px;
  top: 0;
}
.block-contents.cts13 {
  height: 397px;
}
.block-contents.cts13 .img-contens {
  height: 397px;
}
.block-contents.cts13 .img-cts {
  height: 397px;
  top: 0;
}

.block-machine {
  margin-top: 30px;
}

.inner-block-machine {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.inner-block-machine .bg-lists {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -521px;
}
.inner-block-machine .machine-lists {
  position: absolute;
  width: 1042px;
  top: 0;
  left: 50%;
  margin-left: -521px;
  height: 409px;
}

/* iPad*/
.ipad .inner-block-machine .bg-lists {
  opacity: 1;
}

.ipad .inner-block-machine .machine-lists {
  opacity: 1;
}

.ipad .inner-block-machine .block-plus .icn-plus.js-blink {
  opacity: 1;
}

.block-machine.b01 {
  position: relative;
  height: 550px;
  margin-top: 114px;
  background-color: #1a1000;
  background: #1a1000 -webkit-linear-gradient(right bottom, rgba(26, 16, 0, 0.1), rgba(255, 156, 0, 0.1));
  background: #1a1000 linear-gradient(right bottom, rgba(26, 16, 0, 0.1), rgba(255, 156, 0, 0.1));
  background: #1a1000 webkit-linear-gradient(right bottom, rgba(26, 16, 0, 0.1), rgba(255, 156, 0, 0.1));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#311e00', endColorstr='#180e00', GradientType=1)";
}
.block-machine.b01 .machine-lead {
  padding-top: 40px;
  text-align: center;
}
.block-machine.b01 .inner-block-machine {
  height: 409px;
}
.block-machine.b01 .machine-lists .list {
  position: absolute;
}
.block-machine.b01 .machine-lists .list.list-1 {
  width: 353px;
  top: 37px;
  left: 35px;
}
.block-machine.b01 .machine-lists .list.list-2 {
  width: 337px;
  top: 37px;
  left: 374px;
}
.block-machine.b01 .machine-lists .list.list-3 {
  top: 37px;
  left: 704px;
}

.block-plus {
  position: absolute;
  width: 1042px;
  top: 0;
  left: 50%;
  margin-left: -521px;
  height: 409px;
}
.block-plus .icn-plus {
  position: absolute;
}
.block-plus .icn-plus.icn1, .block-plus .icn-plus.icn2, .block-plus .icn-plus.icn3, .block-plus .icn-plus.icn4 {
  top: 7px;
}
.block-plus .icn-plus.icn5, .block-plus .icn-plus.icn6, .block-plus .icn-plus.icn7, .block-plus .icn-plus.icn8 {
  bottom: 2px;
}
.block-plus .icn-plus.icn1, .block-plus .icn-plus.icn5 {
  left: 5px;
}
.block-plus .icn-plus.icn2, .block-plus .icn-plus.icn6 {
  left: 342px;
}
.block-plus .icn-plus.icn3, .block-plus .icn-plus.icn7 {
  left: 681px;
}
.block-plus .icn-plus.icn4, .block-plus .icn-plus.icn8 {
  right: 4px;
}
.block-plus .icn-plus.js-blink {
  opacity: 0;
}