#wrapper{
	background-color: white;
}

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


#wrapper.battle .container .title {
  position: absolute;
  top: 124px;
  left: calc(50% - 577px / 2);
  width: 577px;
  height: 189px;
  opacity: 0;
  z-index: 1000;
  transition: all ease 300ms 0s;
}
#wrapper.battle .container .title.doShow {
  opacity: 1;
}

#wrapper.battle .container .cnt01 {
  position: absolute;
  top: 324px;
  left: calc(50% - 615px / 2);
  width: 615px;
  height: 1139px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.battle .container .cnt01.doShow {
  opacity: 1;
}

#wrapper.battle .container .cnt02 {
  position: absolute;
  top: 1478px;
  left: calc(50% - 611px / 2);
  width: 611px;
  height: 935px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.battle .container .cnt02.doShow {
  opacity: 1;
}


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