/*- color -*/
:root {
  --thema_color: #2D8CFF;

  /* Bootstrap 5.3 カラーブリッジ */
  --bs-primary: #2D8CFF;
  --bs-primary-rgb: 21, 101, 192;

  --bs-success: #2E7D32;
  --bs-success-rgb: 46, 125, 50;

  --bs-danger: #C62828;
  --bs-danger-rgb: 198, 40, 40;

  --bs-warning: #9E9D24;
  --bs-warning-rgb: 158, 157, 36;

  --bs-link-color: #007bff;
}





span.site_menu_bass {
  background-color: var(--thema_color);
}
span.site_menu_bass a {
  color: #fff !important;
}

.upload400 {
  max-width: 100%;
}

/* ダークモード */
[data-bs-theme="dark"] {
  --bs-primary: #1565C0;
  --bs-primary-rgb: 21, 101, 192;

  --bs-success: #2E7D32;
  --bs-success-rgb: 46, 125, 50;

  --bs-danger: #C62828;
  --bs-danger-rgb: 198, 40, 40;

  --bs-warning: #9E9D24;
  --bs-warning-rgb: 158, 157, 36;

  --bs-link-color: #82B1FF;
}

.head_bg_color {
  background: linear-gradient(180deg, #2D8CFF 0%, #187BFF 100%); /* 爽やかな青グラデ */
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  border-bottom: 2px solid #105FCC; /* 濃いめの青で引き締め */
}

/* アクセントライン（上端に極細ブルーグロー） */
.head_bg_color::before {
  content:"";
  position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg, #66B2FF, #2D8CFF, #66B2FF);
  opacity:.4;
  pointer-events:none;
}

/* 余白を少し広げて見やすく */
.head_bg_color .row { padding-top:8px; padding-bottom:8px; }

footer {
  background: linear-gradient(
    to top,
    #1a1f27 0%,
    #242c36 100%
  );
  color: #d0d0d0;
  padding: 2rem 1rem;
}