#lnav {
  margin-top: var(--base-spacing-height);
}

.lnav-link {
  width: 16em;
}

.lnav-link.current,
.lnav-link.current:hover,
.lnav-link:not(.current):hover {
  border: solid 2px var(--base-color-primary);
  color: var(--base-color-white);
  background: var(--base-color-primary);
}

.lnav-link:not(.current) {
  background: var(--base-color-white);
  color: var(--base-color-primary);
}

/*
#onav {
  margin-top: calc(var(--base-spacing-height)*1/3);
}

.onav-item {
  display: inline-block;
}

.onav-link {
  display: inline-block;
  height: 1em;
  width: 12em;
  margin: 0.3em;
  padding: 0;
  padding-top: calc((45px - 1em)/2 - 0.1em);
  padding-bottom: calc((45px - 1em)/2 + 0.1em);
  border: solid 2px var(--base-color-primary);
  border-radius: calc(var(--base-border-radius)*1/4);
  vertical-align: middle;
  font-size: calc(var(--base-font-size)*0.85);
  line-height: 1em;
  text-align: center;
  font-style: normal;
  color: var(--base-color-white);
  background: var(--base-color-primary);
  text-decoration: none;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.onav-link.current,
.onav-link.current:hover,
.onav-link:not(.current):hover {
  border: solid 2px var(--base-color-primary);
  color: var(--base-color-white);
  background: var(--base-color-primary);
}

.onav-link:not(.current) {
  background: var(--base-color-white);
  color: var(--base-color-primary);
}
*/

.base_article.page-body-section {
  margin-top: var(--base-spacing-height);
}

.ooguchi-section,
.koguchi-section {
  margin-top: var(--base-spacing-height);
}