/*------------------
 js_animation
------------------*/
.flash_box {
  margin: 0 auto 30%;
  position: relative;
  width: 100%;
}
.flash_box .btnArea, .flash_box .endbtn {
  bottom: -15%;
}
.flash_box .btnArea img, .flash_box .endbtn img {
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.flash_box .btnArea img:hover, .flash_box .endbtn img:hover {
  -webkit-filter: brightness(120%) drop-shadow(0 5px 5px rgba(0, 0, 0, 0.5));
          filter: brightness(120%) drop-shadow(0 5px 5px rgba(0, 0, 0, 0.5));
}
.flash_box img {
  width: 100%;
  height: auto;
}
.flash_box .screen {
  width: 100%;
  height: auto;
}
.flash_box .btnArea {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 8000;
  width: 100%;
  text-align: center;
}
.flash_box .somepaybtn, .flash_box .paybtn, .flash_box .allfreebtn {
  z-index: 9999;
  position: static;
  display: inline-block;
}
.flash_box .endbtn {
  position: absolute;
  z-index: 9999;
  width: 70.6% !important; /*530/750 = 70.6% */
  left: 0;
  right: 0;
  margin: auto;
}
.flash_box .somepaybtn, .flash_box .paybtn {
  width: 40%;
}
.flash_box .allfreebtn {
  width: 70.6% !important; /*530/750 = 70.6% */
  margin: auto;
}

.scene {
  text-align: center;
}

.scene-00 {
  z-index: 10;
}

.scene-02 {
  z-index: 30;
  display: none;
}

.scene-03 {
  z-index: 40;
  display: none;
}

.scene-04 {
  z-index: 50;
  display: none;
}

.scene-05 {
  z-index: 60;
  display: none;
}

.scene_item {
  width: 100%;
}

.scene_item img {
  width: 100%;
  height: auto;
}

.suffle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.scene_item,
.result-item,
.suffle-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.result-item {
  display: none;
}