body {
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (orientation: portrait) {
  html{
    font-size: 30px;
    margin: 0 auto;
  }
}
@media (orientation: landscape) {
  html{
    font-size: 16px;
    margin: 0 auto;
  }
}

h1.index_h1 {
  font-family: "Kaisei Decol", serif;
  font-size: 3em;
  color: floralwhite;
  border-style: none none solid none;
  text-shadow:
    0.1em 0.1em 0.1em black,
    0 0 1em black,
    0 0 0.3em black;
}

span.index_span_in_h1 {
  font-family: "Kaisei Decol", serif;
  font-size: 60%;
}

div.index_div {
  font-family: "Kaisei Decol", serif;
  color: floralwhite;
  font-size: 1.5em;
  margin: 1rem;
  text-shadow:
    0.1em 0.1em 0.1em black,
    0 0 1em black,
    0 0 0.3em black;
}

li.index_li {
  font-family: "Kaisei Decol", serif;
  font-size: 1.5em;
  color: floralwhite;
  text-shadow:
    0.1em 0.1em 0.1em black,
    0 0 1em black,
    0 0 0.3em black;
}

a.index_a {
  color: floralwhite;
}

p.index_p {
  color: floralwhite;
  text-shadow:
    0.1em 0.1em 0.1em black,
    0 0 1em black,
    0 0 0.3em black;
}