.poster-image {
  text-align: center;
}
.poster-image {
  position: relative;
  display: block;
  background-image: url(../00_data/honbun/L8_part1_honbun/poster.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14em;
  height: 12em;
  margin: 0 auto;
}
.diagonal span {
  position: absolute;
  transform: rotate(-3.3deg);
  border: solid 0.05em red;
}
.diagonal span:not(.playing) {
  border: none;
}
#no1 {
  width: 11.5em;
  left: 0.9em;
  top: 1.15em;
  height: 1.2em;
}
#no2 {
  width: 5.8em;
  left: 1.1em;
  top: 2.7em;
  height: 2.2em;
}
#no3 {
  width: 4em;
  left: 1.2em;
  top: 5.3em;
  height: 1.6em;
}
#no4 {
  width: 3.1em;
  left: 1.5em;
  top: 7.4em;
  height: 0.7em;
}
#no5 {
  width: 3.1em;
  left: 2.3em;
  top: 8.15em;
  height: 0.6em;
}
#no6 {
  width: 3.4em;
  left: 2.3em;
  top: 8.75em;
  height: 0.6em;
}
#no7 {
  width: 3.7em;
  left: 2.3em;
  top: 9.35em;
  height: 1.1em;
}
#no8 {
  width: 5.3em;
  left: 7em;
  top: 7.8em;
  height: 0.65em;
}
#no9 {
  width: 5.3em;
  left: 7.1em;
  top: 8.45em;
  height: 1.4em;
}