.main-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-logo {
  width: auto;
}

/* ドロップダウンメニューが画面右端からはみ出さないように調整 */
.dropdown-menu-end {
  right: 0;
  left: auto !important;
  max-width: 280px;
  /* メニューの最大幅を設定 */
}

.dropdown-item {
  white-space: normal;
  /* 長いテキストを折り返す */
  word-break: break-word;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
}

.nav-item.dropdown {
  position: relative;
}

.dropdown-menu.dropdown-menu-end {
  position: absolute;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 210px;
}

/* メニュー内のアイコンとテキストの色を青に変更 */
.navbar .nav-link{
  color: #001ae6;
  /* 青色 */
}

/* ホバー時の色を濃い青に変更 */
.navbar .nav-link:hover {
  color: #0056b3;
  /* 濃い青色 */
}

/* アイコンの色を青に変更 */
.navbar .bi {
  color: #001ae6;
  /* 青色 */
}

/* アイコンのホバー時の色を濃い青に変更 */
.navbar .bi:hover {
  color: #0056b3;
  /* 濃い青色 */
}

/* メニューに右側の余白を追加（ロゴと同じくらいの余白） */
.navbar-nav.ms-auto {
  margin-right: 5rem !important;
}

/* スマホ表示の場合はマージンなし */
@media (max-width: 768px) {
  .navbar-nav.ms-auto {
    margin-right: 0 !important;
  }
}