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

#wrapper.top .container .text {
  position: absolute;
  top: 835px;
  left: calc(375px - 653px / 2);
  width: 653px;
  height:  287px;
  opacity: 0;
  transition: all ease 2s 0s;
  transform: scale(1, 2) rotate(-15deg);
}
#wrapper.top .container .text.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}

#wrapper.top .container .logo {
  position: absolute;
  top: 148px;
  left: calc(375px - 506px / 2);
  width: 506px;
  height: 675px;
  opacity: 0;
  transition: all ease 2s 0s;
  transform: scale(1, 2) rotate(-15deg);
}
#wrapper.top .container .logo.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}

#wrapper.top .container .pv {
  position: absolute;
  top: 1208px;
  left: calc(375px - 711px / 2);
  width: 711px;
  height: 256px;
  opacity: 0;
  transition: all ease 3s 0s;
  transform: scale(1, 1) rotate(0deg);
}

#wrapper.top .container .pv.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}

#wrapper.top .container .pv .play-pv {
  display: block;
  width: 100%;
  height: 100%;
}


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

#wrapper.top .container .btn-hall {
  position: absolute;
  top: 1510px;
  left: calc(375px - 660px / 2);
  width: 660px;
  height:  213px;
  opacity: 0;
  transition: all ease 3s 0s;
  transform: scale(1, 1);
}
#wrapper.top .container .btn-hall.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}

.footer{
	position: absolute;
	top:1750px;
	opacity: 0;
  transition: all ease 3s 0s;
}

.footer.doShow {
  opacity: 1;
}


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