/*color pattern orange*/
/*カスタムカラー*/
:root {
  --color-main: #3D4449;
  --color-main-2: #2c3236;
  --color-main-3: rgba(16, 17, 17, 0.35);
  --color-sub-1: #A48565;
  --color-sub-1__dark: #977451;
  --color-sub-1__black: #634e3c;
  --color-sub-3: #D5E6EC;
  --color-sub-4: #6fc7e2;
  --text-color: #212529;
  --body-bgcolor: #F7F4F0;
  --menu-bgcolor: #EE946E;
  --menu-bodercolor: #ec8e66;
  --menu-bgcolor__hover: #f38b5f;
  --color-black: #000;
  --bg-secondary-rgb:164, 133, 101;
  --bg-info-rgb: 61, 68, 73;
  --bg-white: #fff;
}

/*Body colo from Base.css*/
body {
  background-color: var(--body-bgcolor) !important;
}

/*header header menu from AdminMenu.css*/
div.adminmenu {
  background-color: var(--menu-bgcolor) !important;
  border-top: 1px solid var(--menu-bodercolor) !important;
  border-bottom: 1px solid var(--menu-bodercolor) !important;
}
div.adminmenu .nav-link:hover,
div.adminmenu .nav-link:focus {
  background-color: var(--menu-bgcolor__hover) !important;
}
/*alert from override*/
.alert-info {
  color: var(--text-color);
  background-color: var(--color-sub-3);
  border-color: var(--color-sub-3);
}
/*bg from booststrap.css*/
.bg-secondary {
  --bg-bg-opacity: 1;
  background-color: rgba(
    var(--bg-secondary-rgb),
    var(--bg-bg-opacity)
  ) !important;
}
.bg-info {
  --bg-bg-opacity: 1;
  background-color: rgba(var(--bg-info-rgb), var(--bg-bg-opacity)) !important;
}
/*button  from bootstrap.css*/
.btn-secondary {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-secondary:hover {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__dark);
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__dark);
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__black);
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
  opacity: 0.7;
}

.btn-outline-secondary {
  color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-outline-secondary:hover {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: var(--color-sub-1);
}

/*button  from override.css*/

.btn-info {
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.btn-info:hover {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
}

.btn-info:active,
.btn-check:focus + .btn-info,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}
.btn-primary {
  background-color: var(--color-sub-4);
  border-color: var(--color-sub-4);
}

.btn-primary:hover {
  border-color: var(--color-sub-4);
  color: var(--color-sub-4);
}

.btn-primary:active,
.btn-primary:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--bg-white);
  border-color: var(--color-sub-4);
  color: var(--color-sub-4);
  box-shadow: 0 0 0 0.05rem var(--color-sub-4);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.05rem var(--color-sub-4);
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-sub-4);
  border-color: var(--color-sub-4);
  opacity: 0.6;
}
.btn-warning {
  background-color: var(--bg-white);
  border-color: var(--color-main);
}

.btn-warning:hover {
  background-color: var(--color-main);
  border-color: var(--color-main-2);
  color: var(--text-color-reversal);
}

.btn-warning:active,
.btn-warning:focus + .btn-warning,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}

.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}

/*table from component.css*/
.thead-common-color th {
  background-color: var(--color-sub-3);
}
.thead-secondary-color th {
  --bg-bg-opacity: 0.25;
  background-color: rgba(
    var(--bg-secondary-rgb),
    var(--bg-bg-opacity)
  ) !important;
}
/*table from A03.css*/
.A030201-color-sub-header th {
  background-color: var(--color-sub-3);
}
/*title from component.css*/
.title-2 {
  background-color: var(--color-sub-1);
}