/* 全体設定 */
html, body {
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  background: linear-gradient(to bottom right, #f9f9f9, #e8f0ff); /* お好みで */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ロゴやUIパーツ */
.logo {
  font-size: 1.5em;
  font-weight: bold;
}

.container h2 {
  margin-bottom: 3em;
  font-weight: normal;
  color: #444;
}

.login-link {
  color: red;
  font-size: 1.1em;
  margin-bottom: 3em;
}

.notice-box {
  width: 300px;
  height: 120px;
  border: 1px solid #aaa;
  margin: 0 auto;
  text-align: left;
  padding: 0.5em;
}

.logo-link {
  text-decoration: none;
  color: inherit;
}

/* Bootstrap + タブ・カード系の背景除去 */
main,
.container-fluid,
.row,
.col,
.card,
.tab-content,
.tabulator {
  background-color: transparent !important;
  background: inherit !important;
  box-shadow: none;
}

/* Tabulator 表セルの背景除去 */
.tabulator .tabulator-cell {
  background-color: transparent !important;
}

/* タブのアクティブ背景やボーダーが気になる場合 */
.nav-tabs .nav-link.active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-color: transparent transparent #dee2e6 !important;
}

/* スクロールバー全体 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* スクロールバーの背景（トラック） */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2); /* 背景薄く */
  border-radius: 4px;
}

/* スクロールバーのつまみ（thumb） */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); /* 濃いめの半透明 */
  border-radius: 4px;
}

/* hover時（オプション） */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}