@charset "UTF-8";
#page-title {
  margin: auto;
}
#page-title .genre {
  border: 1px solid #5d5b5b;
  border-radius: 15px;
  width: 100px;
  margin: auto;
}
#page-title .genre li {
  text-align: center;
  line-height: 2;
  font-size: 2rem;
}

#index {
  width: 300px;
  margin: auto;
  text-align: left;
  line-height: 2;
}
#index h4 {
  margin-bottom: 1em;
}

.前書き {
  width: 90%;
}

.List {
  max-width: 600px;
  width: 95%;
  margin: auto;
  text-align: left;
}
.List h3 {
  margin: 1.5em 0 0 0;
}
.List li {
  margin: 0.7em 0 0.5em 0;
  list-style-type: none;
  text-indent: -4em;
  padding-left: 4em;
}

.List2 {
  overflow: scroll;
  max-width: 800px;
  margin: auto;
}
.List2 table {
  background-color: #a5a3a3;
  border-spacing: 1px;
  border-collapse: separate;
}
.List2 table th, .List2 table td {
  background-color: #fff;
  padding: 0px 3px;
  font-size: 1.4rem;
}
.List2 td.big {
  font-size: 2rem;
  font-weight: bold;
}