/* =========================
   ハンバーガーメニュー
   ========================= */

/* ハンバーガー本体（PCでは非表示） */
.hamburger {
  display: none;
  font-size: 1.8rem;
  background: none;
  border: none;
  cursor: pointer;
}

/* ナビ（PC） */
.nav {
  display: none;
  gap: 16px;
}

/* =========================
   スマホ用
   ========================= */
@media (max-width: 600px) {

  /* ハンバーガー表示 */
  .hamburger {
    display: block;
  }

  /* ナビは最初は隠す */
  .nav {
    display: none;
    flex-direction: column;
    width: 100%;
    margin-top: 16px;
  }

  /* クリック時だけ表示 */
  .nav.active {
    display: flex;
  }
}

.nav a{
  color: white;
  text-decoration-color: white;
}

.hamburger-div {
  background-color: #57a0ff;
  width: 6em;
}