#wrapper{
	background-color:black;
}

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


#wrapper.top .container .logo {
  position: absolute;
  top: 670px;
  left: calc(320px - 540px / 2);
  width: 540px;
  height:   217px;
  z-index: 100;
  transition: all ease 0.2s 0.1s;
  opacity: 0;
}


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

#wrapper.top .container .icon {
  position: absolute;
  top:20px;
  right:10px;
  width: 72px;
  height:  57px;
  transition: all ease 300ms 0.1s;
  opacity: 0;
}

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

#wrapper.top .container .atention {
  position: absolute;
  top: 977px;
  right: 20px;
  width: 283px;
  height: 18px;
}


#wrapper.top .container .pvhv1 {
  position: absolute;
  top: 910px;
  left: calc(320px - 544px / 2);
  width: 544px;
  height: 346px;
}


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

#wrapper.top .container .pvhv2 {
  position: absolute;
  top: 1270px;
  left: calc(320px - 544px / 2);
  width: 544px;
  height: 344px;
}
#wrapper.top .container .pvhv2 .play-pv {
  display: block;
  width: 100%;
  height: 100%;
}


#wrapper.top .container .btnhall {
  position: absolute;
  top: 1620px;
  left: calc(320px - 547px / 2);
  width: 547px;
  height: 322px;
}


#wrapper.top .container .btnhall .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;
}