#wrapper{
	background-color: black;
}

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


#wrapper.atp .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.atp .container .title.doShow {
  opacity: 1;
  transform: scale(1, 1);
}


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

#wrapper.atp .container .cnt02 {
  position: absolute;
  top: 573px;
  left: calc(320px - 552px / 2);
  width: 552px;
  height: 851px;
  opacity: 0;
  z-index: 100;
  transition: all ease 0.5s 0.6s;
  transform: translateY(-100px)
}
#wrapper.atp .container .cnt02.doShow {
  opacity: 1;
  transform: translateY(0)
}
#wrapper.atp .container .cnt03 {
  position: absolute;
  top: 1365px;
  left: calc(320px - 599px / 2);
  width: 599px;
  height: 3523px;
  opacity: 0;
  z-index: 10;
  transition: all ease 0.5s 0.6s;
  transform: translateY(-100px)
}
#wrapper.atp .container .cnt03.doShow {
  opacity: 1;
  transform: translateY(0)
}
#wrapper.atp .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  z-index: 1000;
}

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