.series-title {
  background: #333;
  padding: 1.6rem 0;
}
.series-title h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #FFF;
  text-align: center;
  vertical-align: top;
}
.series-title h2 span {
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 10px;
  vertical-align: top;
  border-bottom: 2px solid rgba(255,255,255,.3);
}
.series-title h2 a {
  color: #FFF;
}

/* article-series-link
=========================================================== */
#article-series-link {
  display: flex;
  justify-content:space-between;
  padding-block: 1px 10px;
  margin: 0 -5px;

  /* 通常と異なる余白 */
  &.diff-space {
    padding-block: 20px 10px;
  }

  > li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    flex-grow: 1;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 5px;
    padding: 0;
    line-height: 1.15;

    &::before {
      display: none;
    }

    /* 下線 */
    &::after {
      content: "";
      display: block;
      height: 3px;
      border-radius: 2px;
      background-color: #949494;
    }
  }

  > li.is-current {
    flex-grow: 2;
    color: #e90708;

    /* 下線 */
    &::after {
      background-color: #f83e3f;
    }
  }

  > li > a {
    padding-bottom: 7px;
    color: #949494;
  }
}