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

.wrp-container {
  position: relative;
  width: 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;
}

.block-machine {
  position: relative;
}
.block-machine.b01 {
  height: 877px;
}
.block-machine.b01 .inner-block-machine {
  height: 877px;
}
.block-machine.b02 {
  height: 660px;
}
.block-machine.b02 .inner-block-machine {
  height: 660px;
}
.block-machine.b03 {
  height: 763px;
}
.block-machine.b03 .inner-block-machine {
  height: 763px;
}

.inner-block-machine {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.inner-block-machine .bg-lists {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -541px;
  opacity: 0;
}
.inner-block-machine .machine-lists {
  position: absolute;
  width: 1082px;
  top: 0;
  left: 50%;
  margin-left: -541px;
  height: 877px;
  opacity: 0;
}

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

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

.block-machine.b01 .machine-lists .list {
  position: absolute;
}
.block-machine.b01 .machine-lists .list.list-1 {
  top: 35px;
  left: 36px;
  background: url(../../img/machine/machine01_2.jpg) 0 0 no-repeat;
}
.block-machine.b01 .machine-lists .list.list-2 {
  top: 35px;
  left: 391px;
  background: url(../../img/machine/machine02_2.jpg) 0 0 no-repeat;
}
.block-machine.b01 .machine-lists .list.list-3 {
  top: 325px;
  left: 391px;
  background: url(../../img/machine/machine03_2.jpg) 0 0 no-repeat;
}
.block-machine.b01 .machine-lists .list.list-4 {
  top: 216px;
  left: 731px;
  background: url(../../img/machine/machine04_2.jpg) 0 0 no-repeat;
}
.block-machine.b01 .machine-lists .list.list-5 {
  top: 625px;
  left: 231px;
  background: url(../../img/machine/machine05_2.jpg) 0 0 no-repeat;
}

.block-machine.b02 .machine-lists .list {
  position: absolute;
}
.block-machine.b02 .machine-lists .list.list-1 {
  top: 19px;
  left: 546px;
  background: url(../../img/machine/machine06_2.jpg) 0 0 no-repeat;
}
.block-machine.b02 .machine-lists .list.list-2 {
  top: 450px;
  left: 546px;
  background: url(../../img/machine/machine07_2.jpg) 0 0 no-repeat;
}

.wrp-sprite {
  position: absolute;
  width: 1082px;
  top: 0;
  left: 50%;
  margin-left: -541px;
  height: 877px;
}

.sprite-machine {
  opacity: 0;
  position: absolute;
  left: 65px;
  top: 56px;
  width: 365px;
  height: 580px;
  background: url(../../img/machine/img_machine_sprite.png) no-repeat 0 0;
}

.block-machine.b03 .machine-lists .list {
  position: absolute;
}
.block-machine.b03 .machine-lists .list.list-1 {
  top: 20px;
  left: 36px;
  background: url(../../img/machine/machine08_2.jpg) 0 0 no-repeat;
}
.block-machine.b03 .machine-lists .list.list-2 {
  top: 20px;
  left: 716px;
  background: url(../../img/machine/machine09_2.jpg) 0 0 no-repeat;
}
.block-machine.b03 .machine-lists .list.list-3 {
  top: 359px;
  left: 36px;
  background: url(../../img/machine/machine10_2.jpg) 0 0 no-repeat;
}
.block-machine.b03 .machine-lists .list.list-4 {
  top: 359px;
  left: 304px;
  background: url(../../img/machine/machine11_2.jpg) 0 0 no-repeat;
}

/* --------------------------------------------------
	モーダル
-------------------------------------------------- */
.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-prev {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -45px;
}

.modal-box .btn-next {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: 430px;
  margin-top: -45px;
}

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