/*color pattern green*/
/*カスタムカラー*/
:root {
  --color-main: #468f78;
  --color-main-2: #41856f;
  --color-main-3: rgba(69, 134, 104, 0.35);
  --color-sub-1: #8eacad;
  --color-sub-1__dark: #7a9899;
  --color-sub-1__black: #658485;
  --color-sub-3: #cfd0c3;
  --color-sub-4: #5fb2c1;
  --text-color: #212529;
  --body-bgcolor: #f8f7f2;
  --menu-bgcolor: #6fc173;
  --menu-bodercolor: #65b369;
  --menu-bgcolor__hover: rgb(152, 218, 165);
  --color-black: #000;
  --bg-secondary-rgb: 142, 172, 173;
  --bg-info-rgb: 70, 143, 120;
  --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);
}