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

.contensWrap {
  background: url("../img/yugeki/bg.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  padding: 8.59375vw 0 0;
  position: relative;
  overflow: hidden;
}

#yugeki {
  width: 100%;
  height: 41.5625vw;
  position: relative;
}
#yugeki h2 {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/yugeki_title.png");
  width: 100vw;
  height: 11.09375vw;
  top: 0.3125vw;
  left: 0;
}
#yugeki h2.show {
  opacity: 1;
}
#yugeki .chara1 {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/chara1.png");
  width: 17.34375vw;
  height: 26.30208vw;
  left: 4.42708vw;
  top: 13.54167vw;
  transition: left 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
}
#yugeki .chara1.show {
  opacity: 1;
}
#yugeki .chara1.hide {
  left: -26.04167vw;
}
#yugeki .chara2 {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/chara2.png");
  width: 21.09375vw;
  height: 26.71875vw;
  top: 13.02083vw;
  right: 3.64583vw;
  transition: right 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
}
#yugeki .chara2.show {
  opacity: 1;
}
#yugeki .chara2.hide {
  right: -26.04167vw;
}
#yugeki .per {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/per.png");
  width: 57.29167vw;
  height: 32.08333vw;
  top: 9.89583vw;
  left: 20.83333vw;
}
#yugeki .per.show {
  opacity: 1;
}
#yugeki .setting {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../img/yugeki/setting.png");
  position: absolute;
  text-indent: -9999px;
  width: 2.91667vw;
  height: 2.91667vw;
  top: 36.19792vw;
  right: 4.375vw;
  display: none;
}

#spec {
  width: 100%;
  height: 41.40625vw;
  margin: 0;
  position: relative;
}
#spec .box_bg {
  background: url("../img/yugeki/spec_box_light.png") no-repeat;
  background-size: contain;
  width: 32.03125%;
  height: 0;
  padding-bottom: 125.6910569106%;
  position: absolute;
  top: 2.23958vw;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
#spec .box_bg.show {
  opacity: 1;
}
#spec .table_bg {
  background: url("../img/yugeki/spec_table_light.png") no-repeat;
  background-size: contain;
  width: 73.0729166667%;
  height: 0;
  padding-bottom: 66.2865288667%;
  position: absolute;
  top: -0.98959vw;
  right: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
#spec .table_bg.show {
  opacity: 1;
}
#spec h2 {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/spec_title.png");
  width: 27.44792vw;
  height: 13.54167vw;
  top: -2.60417vw;
  left: 36.45833vw;
}
#spec h2.show {
  opacity: 1;
}
#spec .box {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/spec_box.png");
  width: 20.3645833333%;
  height: 0;
  padding-bottom: 152.9411764706%;
  top: 6.77083vw;
  left: 6.1458333333%;
}
#spec .box.show {
  opacity: 1;
}
#spec .table {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s ease;
  background-image: url("../img/yugeki/spec_table.png");
  width: 73.9583333333%;
  height: 0;
  padding-bottom: 53.5211267606%;
  top: 3.38542vw;
  right: 0;
}
#spec .table.show {
  opacity: 1;
}