body {
  background-color: #fcfcfc;
  color: #424242;
}
.panel {
  background-color: #fcfcfc;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #fcfcfc;
}
summary {
    color: #3399f3;
}
/*alert-warningの文字色*/
.alert-warning {
  color: #8D703D;
}

/*bootstrap5より移植*/
.btn-light {
  color: #000;
  background-color: #eee;
  border-color: #eee;
  text-shadow: none;
}

.btn-light:hover {
  color: #000;
  background-color: #f1f1f1;
  border-color: #f0f0f0;
}

.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f1f1f1;
  border-color: #f0f0f0;
}

.btn-check:checked + .btn-light,
.btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f1f1f1;
  border-color: #f0f0f0;
}

.btn-light:disabled, .btn-light.disabled {
  color: #aaa;
  background-color: #eee;
  border-color: #eee;
}

.btn-dark {
  color: #fff;
  background-color: #333;
  border-color: #333;
  text-shadow: none;
}

.btn-dark:hover {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #292929;
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #292929;
}

.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #292929;
  border-color: #262626;
}

.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.label-light {
  background-color: #eeeeee;
  color: #333333;
}
.label-light[href]:hover,
.label-light[href]:focus {
  background-color: #eeeeee;
  color: #333333;
}

.alert-secondary {
  color: #666666;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.alert-secondary hr {
  border-top-color: #dddddd;
}
.alert-secondary .alert-link {
  color: #333333;
}