.inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* ----------------------
    mainContents
   ---------------------- */
#mainContents {
  background: url(../img/tokucho/bg.jpg) no-repeat;
  background-size: contain;
  width: 100vw;
  height: 174.13333vw;
  overflow: hidden;
}
#mainContents .chara {
  background: url("../img/tokucho/chara.png") no-repeat;
  background-size: contain;
  width: 100vw;
  height: 53.33333vw;
  position: absolute;
  bottom: -5.33334vw;
  left: 0;
  transform: translate(0, 53.33333vw);
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#mainContents .chara.show {
  transform: translate(0, 0);
}
#mainContents .copy {
  background: url("../img/tokucho/copy.png") no-repeat;
  background-size: contain;
  width: 93.6vw;
  height: 35.33333vw;
  position: absolute;
  top: 24.26667vw;
  left: 3.86667vw;
  text-indent: -9999px;
  opacity: 0;
}
#mainContents .probability {
  background: url("../img/tokucho/probability.png") no-repeat;
  background-size: contain;
  width: 100vw;
  height: 72.93333vw;
  position: absolute;
  top: 52.8vw;
  left: 0;
  text-indent: -9999px;
  opacity: 0;
}