#oyomi-kudasai {
  //font-size: 18px;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.4em;
}

#oyomi-kudasai > h1 {
  //font-size: 24px;
  font-size: 1.2em;
  text-align: center;
}

#oyomi-kudasai strong, #oyomi-kudasai strong a {
  color: var(--site-red-color);
}

#oyomi-kudasai strong.highlighter {
  display: inline-block;
  //color: #0b407a;
  color: var(--site-main-color);
  background-color: yellow;
}

#oyomi-kudasai > ul > li {
  margin-top: 20px;
}

#oyomi-kudasai > ul > li > h1 {
  font-size: 24px;
  text-align: left;
}

#oyomi-kudasai > ul > li > h1 img {
  height: 1.2em;
  vertical-align: -0.2em;
}

#oyomi-kudasai > ul > li > h1 img.rotate {
  transform: rotate(180deg); 
}

#oyomi-kudasai > ul > li > ul {
  display: none;
  width: 100%;
  margin: 0.5em 0 0 1em;
  line-height: 1.4em;
  text-align: left;
}

#oyomi-kudasai > ul > li > ul > li {
  margin-top: 0.5em;
}

#oyomi-kudasai > ul > li > ul > li ul {
  margin: 0 0 0 2em;
}

#oyomi-kudasai > ul > li > ul > li a {
  text-decoration: underline;
}