@charset 'UTF-8';

.chapter-next {
  margin: 2.5em 20px 0;
  padding: 1.2em 1.4em;
  border: 1px solid #d8e1ea;
  background: #f6f9fc;
  text-align: center;
}

.chapter-next__label {
  margin: 0 0 0.6em !important;
  text-indent: 0 !important;
  font-family: var(--font-gothic);
  font-size: 0.95em;
  color: #4a4a4a;
}

.chapter-next__link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.7em;
  color: #20516f;
  text-decoration: none;
  font-family: var(--font-gothic);
  font-weight: 500;
}

.chapter-next__link:hover,
.chapter-next__link:focus {
  color: #5fafe0;
  text-decoration: underline;
}

.chapter-next__chapter {
  font-size: 0.95em;
}

.chapter-next__title {
  font-size: 1.15em;
}

.chapter-next__title::after {
  content: "▶";
  margin-left: 0.45em;
  font-size: 0.8em;
  vertical-align: 0.05em;
}

@media all and (max-width: 768px) {
  nav.chapter-next {
    display: block;
    position: static;
    top: auto;
    width: auto;
    margin: 2em 0 0;
    padding: 1em;
  }

  .chapter-next__link {
    flex-direction: column;
    gap: 0.25em;
    align-items: center;
  }

  .chapter-next__title::before {
    content: "　";
    margin-right: 0.45em;
    font-size: 0.8em;
    vertical-align: 0.05em;
  }
}