body {
    background-color: #eaf6fb !important;
}
/* ページ全体の背景 */
body {
    background-color: #eaf6fb !important;
}

/* 一番上のヘッダー */
.navbar.bg-dark {
    background-color: #004b80 !important;
}
/* ========================================
   内子高校 クリック式アコーディオンメニュー
   ======================================== */

/* メニュー全体 */
.uchiko-side-menu {
  background: #ffffff;
  border-radius: 12px;
  padding: 10px 14px;
}
/* 親メニューを縦1列にする */
.uchiko-side-menu ul.nav {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

.uchiko-side-menu ul.nav > .nav-item {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

/* 親メニュー */
.uchiko-side-menu .dropdown-toggle.depth-0 {
  width: 100% !important;
  min-height: 70px;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;

  position: relative;
  padding: 6px 30px 6px 62px !important;

  background: #ffffff !important;
  color: #222222 !important;

  border-bottom: 1px solid #9bb7e8 !important;

  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;

  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* 右側の▼ */
.uchiko-side-menu .dropdown-toggle.depth-0::after {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
}

/* 開いているときは▲ */
.uchiko-side-menu .nav-item.dropdown.show
> .dropdown-toggle.depth-0::after {
  transform: translateY(-50%) rotate(180deg);
}

/* アイコン共通 */
.uchiko-side-menu .dropdown-toggle.depth-0::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);

  width: 54px;
  height: 54px;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ようこそ内子高校へ */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(2)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-03.png");
}

/* 内子高校の現在（いま） */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(3)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-04.png");
}

/* 内子高校魅力化作戦 */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(4)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-05.png");
}

/* 内子高校で学びたいみなさんへ */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(5)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-06.png");
}

/* 在校生・保護者のみなさんへ */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(6)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-07.png");
}

/* 地域のみなさんへ */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(7)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-08.png");
}

/* 卒業生のみなさんへ */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(8)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-09.png");
}

/* 事務室より */
.uchiko-side-menu .nav-item.dropdown:nth-of-type(9)
> .depth-0::before {
  background-image: url("https://uchiko-h.esnet.ed.jp/themes/Users/%E5%86%85%E5%AD%90%E9%AB%98%E6%A0%A1HP/images/uchikohsicon-10.png");
}

/* 子メニューは親の真下に表示 */
.uchiko-side-menu .dropdown-menu {
  position: static !important;
  transform: none !important;
  float: none !important;

  width: 100% !important;
  min-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background: #ffffff !important;
}

/* 子ページ */
.uchiko-side-menu .dropdown-menu .dropdown-item {
  white-space: normal !important;
  padding: 10px 10px 10px 68px !important;

  color: #333333 !important;
  background: #ffffff !important;

  font-weight: normal;
  line-height: 1.4;

  border-bottom: 1px solid #e1e8f5;
}
/* 子メニューをなめらかに開閉 */
.uchiko-side-menu .dropdown-menu {
  display: block !important;

  max-height: 0;
  opacity: 0;
  overflow: hidden;

  visibility: hidden;
  pointer-events: none;

  transition:
    max-height 0.4s ease,
    opacity 0.3s ease;
}

/* 開いた状態 */
.uchiko-side-menu .dropdown-menu.show {
  max-height: 500px;
  opacity: 1;

  visibility: visible;
  pointer-events: auto;
}