/* ===============================
   Header Navigation
   Noto Serif JP / underline制御
   =============================== */

.header-navigation {
  display: flex;
  gap: 32px;
  font-family: "Noto Serif JP", serif;
}

/* 通常 */
.header-navigation a {
  position: relative;
  color: #6b645b;
  text-decoration: none !important;
  padding-bottom: 4px;
  font-size: 16px;
}

/* hover：下線を border で出す */
.header-navigation a:hover {
  color: #6b645b;
}

.header-navigation a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #6b645b;
}

/* 選択中 */
.header-navigation a.is-current {
  color: #2f2f2f;
}

.header-navigation a.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #2f2f2f;
}