#wrapper{
	background-color:black;
}

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


#wrapper.top .container .logo {
  position: absolute;
  top: 145px;
  left: calc(320px - 633px / 2);
  width: 633px;
  height:  50px;
  transition: all ease 0.5s 0.5s;
  transform: scale(2, 2) ;
  opacity: 0;
}


#wrapper.top .container .logo.doShow {
  opacity: 1;
  transform: scale(1, 1) ;
}


#wrapper.top .container .catch {
  position: absolute;
  top: 240px;
  left: 10px;
  width: 551px;
  height:  228px;
  transition: all ease 300ms 0.2s;
  opacity: 0;
}

#wrapper.top .container .catch.doShow {
  opacity: 1;
}


#wrapper.top .container .hall {
  position: absolute;
  top: 1710px;
  left: calc(320px - 532px / 2);
  width: 532px;
  height:  366px;
}


#wrapper.top .container .pvhv1 {
  position: absolute;
  top: 1320px;
  left: calc(320px - 533px / 2);
  width: 533px;
  height: 400px;
}




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

#wrapper.top .container .pvhv2 {
  position: absolute;
  top: 1320px;
  left: calc(320px - 533px / 2);
  width: 533px;
  height: 399px;
}
#wrapper.top .container .pvhv2 .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;
}