#wrapper{
	background-color:black;
}

#wrapper.bonus #contents {
  background: url("../images/bonus/bg.jpg") center top no-repeat;
  min-height: 3200px;
}

#wrapper.bonus .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  opacity: 0;
  z-index: 1000;
  transition: all ease 300ms 0s;
}
#wrapper.bonus .container .oizumi.doShow {
  opacity: 1;
}

#wrapper.bonus .container .title {
  position: absolute;
  top: 121px;
  left: 0;
  width: 640px;
  z-index: 100;
  transition: all ease 0.5s 0.2s;
  opacity: 0;
}

#wrapper.bonus .container .title.doShow {
  opacity: 1;
}

#wrapper.bonus .container .img1 {
  position: absolute;
  top: 265px;
  left: calc(50% - 537px / 2);
  width: 537px;
  z-index: 100;
  transition: all ease 0.5s 0.4s;
  transform: translate(0, -30px);
  opacity: 0;
}

#wrapper.bonus .container .img1.doShow {
  transform: translate(0, 0);
  opacity: 1;
}

#wrapper.bonus .container .img2 {
  position: absolute;
  top: 406px;
  left: calc(50% - 628px / 2);
  width: 628px;
  z-index: 100;
  transition: all ease 0.5s 0.4s;
  transform: translate(0, 30px);
  opacity: 0;
}

#wrapper.bonus .container .img2.doShow {
  transform: translate(0, 0);
  opacity: 1;
}