.navbar{
    background-color:#11009E;
}
.navbar a{
    color:#ffffff;
}
.navbar-prepaid-color{
   background-color:#e5006e;
}
.caution{
    padding:20px;
    background-color:#DDF2FD;
}
.caution-pink{
    padding:20px;
    background-color:#FFF0F5;
}
.error-msg {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}
.item-caution {
    padding:20px;
    background-color: #eeeeee;
}
.btn-pink {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e5006e;
  --bs-btn-border-color: #e5006e;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cc005f;
  --bs-btn-hover-border-color: #cc005f;

  --bs-btn-focus-shadow-rgb: 229, 0, 110; /* e5006e のRGB */

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b20054;
  --bs-btn-active-border-color: #b20054;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e87fae;
  --bs-btn-disabled-border-color: #e87fae;
}
.login-btn {
    background-color: #e5006e !important;
    border-color: #e5006e !important;
    color: #fff !important; /* 文字色を白に */
}
.login-btn:hover {
    background-color: #c4005c !important; /* ホバー時に少し濃い色 */
    border-color: #c4005c !important;
}
.card-primary.card-outline-pink{
    border-top:3px solid #e5006e;
}