#wrapper{
	background-color: black;
}

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


#wrapper.top .container .logo {
  position: absolute;
  top: 900px;
  left: calc(320px - 551px / 2);
  width: 551px;
  height:  228px;
}

#wrapper.top .container .cach {
  position: absolute;
  top: 378px;
  left: calc(320px - 634px / 2);
  width: 634px;
  height: 199px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: translateX(-100px)
}
#wrapper.top .container .cach.doShow {
  opacity: 1;
  transform: translateX(0)
}



#wrapper.top .container .hall {
  position: absolute;
  top: 1255px;
  left: calc(320px - 503px / 2);
  width: 503px;
  height:  210px;
}


#wrapper.top .container .pvhv {
  position: absolute;
  top: 885px;
  left: calc(320px - 605px / 2);
  width: 605px;
  height: 355px;
}
#wrapper.top .container .pvhv .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;
}



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