.alert {
  border-radius: 10px;
  border-width: 2px;
  border-color: #ffc107;
  color: #856404;
  background-color: #fff3cd;
}
.alert h4 {
  color: #ffc107;
}
.alert hr {
  border-color: #856404;
}

.bg-info {
  background-color: #17a2b8 !important;
}
.page-num {
        background-color: #f0f0f0;
}

.navbar-nav li {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px;
  padding: 10px;
}









.main-menu {
  display: flex; /* 横並びにする */
  justify-content: space-between; /* メニューとサブメニューを左右に寄せる */
  align-items: center; /* メニューとサブメニューを中央に寄せる */
}

.main-menu ul {
  display: flex; /* 横並びにする */
  list-style: none; /* 箇条書きをなくす */
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  margin-right: 10px; /* メニュー間のスペースを設定 */
}

.sub-menu {
  display: flex; /* 横並びにする */
  list-style: none; /* 箇条書きをなくす */
  margin: 0;
  padding: 0;
}

.sub-menu li {
  margin-right: 30px; /* メニュー間のスペースを設定 */
}