@charset "utf-8";
/* // 基本レイアウト
---------------------------------------------------------------------------------------------------- */
body {
  background-attachment: fixed;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 80rem) 1fr;
  grid-template-rows: 10vh minmax(auto, 80vh) 10vh;
  height: 100vh;
  overflow: hidden;
}
#base {
  width: 100%;
  height: 80vh;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  margin: auto;
  font-size: 1.4rem;
  line-height: 1.8;
  overflow: auto;
}
article#contents {
  text-align: center;
}
table.list {
  margin: 1em auto;
  border-collapse: collapse;
}
table.list tr {
  border-bottom: .1rem solid var(--border-color);
}
table.list thead {
  background: rgba(127,127,127,0.3);
}
table.list thead th {
  padding: .5em 1em;
}
table.list tbody th a {
  display: block;
  min-width: 10em;
  padding: .5em 1em;
}
table.list tbody td a {
  display: block;
  margin: -.5em -1em;
  padding: .5em 1em;
}
table.list tbody a:link {
  background: none;
}
table.list tbody a:hover {
  background: rgba(100,127,150, 0.2);
}
table.list tbody td {
  padding: .5em 1em;
  white-space: nowrap;
}

/* フッタ */
footer {
  border-top: .1rem solid var(--border-color-pale);
  padding: .5rem;
  text-align: center;
  font-size: 1.4rem;
}