/* ① #pageName を大きく・黒文字に */
#pageName {
    font-size: 1.5rem;
    /* お好みで 2rem や xx-large に */
    color: #000 !important;
}

.page-header-container {
  position: relative;
}

#flash-message {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;          /* テキストとボタンを横並びにする */
  align-items: center;           /* 中央揃えで高さを合わせる */
  padding: 0.4rem 0.4rem 0.4rem 0.4rem; /* ← 右に余裕を確保 */
  border-radius: 0.25rem;
  white-space: nowrap;
  z-index: 1050;
}
#flash-message .btn-close {
  --bs-btn-close-width: 0.75rem;   /* デフォルト 1em相当 → 小さめに */
  --bs-btn-close-height: 0.75rem;
  background-size: 0.75rem;        /* アイコン画像の縮小 */
  padding: 0.2rem;                 /* 内側の余白も縮小 */
  background-color: rgba(0,0,0,0.1);
  border-radius: 0.25rem;
  opacity: 1;
  margin-left: 2rem;
}
#flash-message .btn-close:hover {
  background-color: rgba(0,0,0,0.2); /* ホバーで濃く */
}

/* Bootstrap 調整*/
.form-check {
  display: flex;
  align-items: center;   /* 中央揃え */
  min-height: calc(1.5em + .75rem + 2px); /* .form-control と高さを合わせる */
  padding: .375rem .75rem; /* テキスト入力と同じ上下余白 */
}

/* Primary (主要: 保存・送信) */
.btn-primary {
  --bs-btn-bg: #3399FF;
  --bs-btn-border-color: #3399FF;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #2b89e6;
  --bs-btn-hover-border-color: #2b89e6;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #2479cc;
  --bs-btn-active-border-color: #2479cc;
  --bs-btn-active-color: #fff;
}

/* Secondary (補助) */
.btn-secondary {
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #5a6268;
  --bs-btn-hover-border-color: #5a6268;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #495057;
  --bs-btn-active-border-color: #495057;
  --bs-btn-active-color: #fff;
}

/* Success (成功・承認) */
.btn-success {
  --bs-btn-bg: #28a745;
  --bs-btn-border-color: #28a745;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #218838;
  --bs-btn-hover-border-color: #218838;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #1e7e34;
  --bs-btn-active-border-color: #1e7e34;
  --bs-btn-active-color: #fff;
}

/* Danger (危険・削除) */
.btn-danger {
  --bs-btn-bg: #E64747;
  --bs-btn-border-color: #E64747;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #cc3d3d;
  --bs-btn-hover-border-color: #cc3d3d;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #b33636;
  --bs-btn-active-border-color: #b33636;
  --bs-btn-active-color: #fff;
}

/* Warning (注意) */
.btn-warning {
  --bs-btn-bg: #ffc107;             /* 警告イエロー（Bootstrap標準） */
  --bs-btn-border-color: #ffc107;
  --bs-btn-color: #000;             /* 黄地に白は読みにくいので黒文字 */

  --bs-btn-hover-bg: #e0a800;       /* hoverで濃い黄色 */
  --bs-btn-hover-border-color: #e0a800;
  --bs-btn-hover-color: #000;

  --bs-btn-active-bg: #c69500;      /* activeでさらに濃く */
  --bs-btn-active-border-color: #c69500;
  --bs-btn-active-color: #000;
}


/* Info (補足・情報) */
.btn-info {
  --bs-btn-bg: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #138496;
  --bs-btn-hover-border-color: #138496;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #117a8b;
  --bs-btn-active-border-color: #117a8b;
  --bs-btn-active-color: #fff;
}

/* Light (軽い・キャンセル) */
.btn-light {
  --bs-btn-bg: #e9ecef;            /* デフォルト #f8f9fa より濃い灰色 */
  --bs-btn-border-color: #e9ecef;
  --bs-btn-color: #000;

  --bs-btn-hover-bg: #d6d8db;      /* hoverでさらに濃く */
  --bs-btn-hover-border-color: #d6d8db;
  --bs-btn-hover-color: #000;

  --bs-btn-active-bg: #c6c8ca;     /* activeで一段濃く */
  --bs-btn-active-border-color: #c6c8ca;
  --bs-btn-active-color: #000;
}

/* Dark (黒基調) */
.btn-dark {
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #23272b;
  --bs-btn-hover-border-color: #23272b;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #1d2124;
  --bs-btn-active-border-color: #1d2124;
  --bs-btn-active-color: #fff;
}

/* Link (リンク風) */
.btn-link {
  --bs-btn-color: #3399FF;
  --bs-btn-hover-color: #1a75ff;
  --bs-btn-active-color: #0056b3;
  text-decoration: underline;
}



.RsButtonDtlPink {
    background: #FF7C80;
    color: #fefefe;
    border: 1px solid #FF7C80;
}