#wrapper{
	background-color: black;
}

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


#wrapper.bonus .container .title {
  position: absolute;
  top: 115px;
  left: calc(320px - 633px / 2);
  width: 633px;
  height: 96px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: scale(2, 2);
}
#wrapper.bonus .container .title.doShow {
  opacity: 1;
  transform: scale(1, 1);
}


#wrapper.bonus .container .cnt01 {
  position: absolute;
  top: 224px;
  left: calc(320px - 623px / 2);
  width: 623px;
  height: 533px;
  opacity: 0;
  transition: all ease 0.5s 0.4s;
  transform: translateY(-100px)
}
#wrapper.bonus .container .cnt01.doShow {
  opacity: 1;
  transform: translateY(0)
}

#wrapper.bonus .container .cnt02 {
  position: absolute;
  top: 743px;
  left: calc(320px - 628px / 2);
  width: 628px;
  height: 1055px;
  opacity: 0;
  transition: all ease 0.5s 0.6s;
  transform: translateY(-100px)
}
#wrapper.bonus .container .cnt02.doShow {
  opacity: 1;
  transform: translateY(0)
}

#wrapper.bonus .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  z-index: 1000;
}

/*# sourceMappingURL=top.css.map */