@charset "UTF-8";
/*
NCAS define
*/
/*mealKbn*/
/*mealKind*/
/*成分*/
/*


*/
/*
パーツ
extend
*/
.ncas main {
  padding-top: 5px;
  transition: all 0.1s;
}

.ncas h1 {
  font-size: 20px;
  margin-bottom: 0;
}

.ncas {
  font-size: 14px;
}
.ncas .list-group-numbered .list-group-item:not(.d-none):nth-child(-n+9) {
  padding-left: 22px;
}
.ncas .list-group-item {
  padding: 5px 15px;
}
.ncas .list-group-item.active {
  background-color: #ffebad;
  color: #424242;
  border: 1px solid #424242;
  font-weight: bold;
}

.ncas input::placeholder, .ncas textarea::placeholder {
  font-size: 12px;
  color: #999999;
}

.ncas .modal-footer button, .ncas .pnlCmdArea button, .ncas .toolsArea button {
  padding: 4px 12px;
  white-space: nowrap;
}

header #navSubArea li.selected, header #frmIndex_navSubArea li.selected, header #navMainArea li.selected, .ncas button.selected {
  font-weight: bold;
}

.ncas select:hover,
.ncas input[type=text]:hover,
.ncas input[type=number]:hover {
  background-color: #faffd1 !important;
}
.ncas select:hover:disabled,
.ncas input[type=text]:hover:disabled,
.ncas input[type=number]:hover:disabled {
  background-color: #e9ecef !important;
  color: gray;
}
.ncas select[id$=cboSyokusyu],
.ncas input[type=text][id$=cboSyokusyu],
.ncas input[type=number][id$=cboSyokusyu] {
  min-width: 130px;
  max-width: 195px;
}
.ncas select[id$=cboSyokusyuGroup],
.ncas input[type=text][id$=cboSyokusyuGroup],
.ncas input[type=number][id$=cboSyokusyuGroup] {
  min-width: 130px;
  max-width: 195px;
}
.ncas select[disabled],
.ncas input[disabled] {
  color: gray;
}

.ncas input {
  padding: 3px;
  font-size: 14px;
}
.ncas input.form-control {
  font-size: 14px;
  border-radius: 0.25rem;
}
.ncas input.dateYYMMInput, .ncas input.dateFormatMonth {
  width: 90px;
  flex: unset;
}
.ncas input.dateYYMMDDInput, .ncas input.dateFormat {
  width: 121px;
  flex: unset;
}
.ncas input.form-check-input {
  margin-top: 0.1em;
}
.ncas .form-check .form-check-input {
  margin-left: -1.3em;
}
.ncas .form-check-input[type=radio] {
  margin-top: 0.25rem;
}
.ncas .form-control {
  font-size: unset;
}
.ncas input[type=checkbox] {
  font-size: 16px;
}

.ncas table .thFlex {
  position: sticky; /* 固定 */
  background-color: white !important;
  z-index: 5;
}

.ncas table {
  padding: 0;
  margin-bottom: 0;
  user-select: none; /* 選択を禁止する */
  vertical-align: middle;
}
.ncas table th {
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
}
.ncas table th, .ncas table td {
  white-space: nowrap;
}
.ncas table td {
  background-color: #f8f9fa;
}
.ncas table td select,
.ncas table td textarea,
.ncas table td input[type=text],
.ncas table td input[type=number],
.ncas table td input[type=date] {
  border: 1px solid gray;
}
.ncas table td select:disabled,
.ncas table td textarea:disabled,
.ncas table td input[type=text]:disabled,
.ncas table td input[type=number]:disabled,
.ncas table td input[type=date]:disabled {
  border: 1px solid #ced4da;
}
.ncas table.borderBottom, .ncas table .borderBottom {
  border-bottom: 1px solid gray;
}
.ncas table.borderRight, .ncas table .borderRight {
  border-right: 1px solid gray;
}

.ncas .editTable table th {
  background-color: #e9ecef;
}

.ncas .toast .bootstrap-table .fixed-table-container .table td {
  background-color: #ffffff;
}
.ncas .toast .bootstrap-table .fixed-table-container .table tr.selected td {
  background-color: #ffebad;
}

.ncas .input-group .input-group-text {
  padding: 0 3px;
  font-size: 14px;
}
.ncas .input-group button {
  margin: 0;
  padding: 4px 12px;
}

@keyframes bgcG {
  0% {
    background: white;
  }
  50% {
    background: orange;
  }
  100% {
    background: white;
  }
}
.ncas button {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ncas button a {
  color: inherit;
  text-decoration: none;
}

.ncas a,
.ncas button,
.ncas label,
.ncas textarea,
.ncas select,
.ncas p,
.ncas td {
  font-size: 14px;
}

.ncas p {
  margin: 0;
}

.ncas {
  /*アイコンサイズ*/
}
.ncas a img {
  width: 22px;
}
.ncas button img {
  width: 18px;
}

.ncas .menuTooltip {
  padding-left: 3px;
  color: royalblue;
  font-size: 14px;
}
.ncas .controlWrap {
  position: relative;
  height: fit-content;
}
.ncas .controlWrap .deep_despcription {
  position: absolute;
  padding: 10px;
  line-height: 1.6em;
  background-color: #ffffff;
  width: 270px;
  left: 5%;
  top: 78%;
  z-index: 10;
  border-radius: 5px;
  border: 1px solid royalblue;
  white-space: normal;
}

.ncas .updateLabelWrap {
  width: 50px;
  padding-top: 5px;
  margin-right: 7px;
}
.ncas h1 {
  padding-top: 6px;
  padding-right: 5px;
  white-space: nowrap;
}
.ncas .toolsArea {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ncas .toolsArea a {
  padding: 4px 12px;
}
.ncas .toolsArea button {
  margin: 2px 0px;
}
.ncas .toolsArea button.btn-primary {
  margin-left: 3px;
  padding: 4px 24px;
}

.ncas .pnlCmdArea {
  margin-bottom: 3px;
  white-space: nowrap;
}
.ncas .pnlCmdArea button.selected {
  font-size: 16px;
}
.ncas .pnlCmdArea input[type=text], .ncas .pnlCmdArea select {
  font-size: 18px;
  font-weight: bold;
}
.ncas .pnlCmdArea input[type=text].dateYYMMInput, .ncas .pnlCmdArea input[type=text].dateFormatMonth, .ncas .pnlCmdArea select.dateYYMMInput, .ncas .pnlCmdArea select.dateFormatMonth {
  width: 118px;
}
.ncas .pnlCmdArea input[type=text].dateYYMMDDInput, .ncas .pnlCmdArea input[type=text].dateFormat, .ncas .pnlCmdArea select.dateYYMMDDInput, .ncas .pnlCmdArea select.dateFormat {
  width: 159px;
}

.ncas .nav-tabs .nav-link.active {
  border-color: #dee2e6 #dee2e6 transparent;
}
.ncas .nav-tabs button, .ncas .nav-tabs a {
  margin-right: 2px;
}
.ncas .nav-tabs button.active, .ncas .nav-tabs a.active {
  font-weight: bold;
  color: black;
}

.ncas {
  /*朝食*/
  /*昼食*/
  /*夕食*/
  /*間食*/
}
.ncas .mealkbn_1 {
  background-color: #ffe8f0;
}
.ncas .mealkbn_1.badge {
  background-color: #FFCEE0;
}
.ncas .mealkbn_3 {
  background-color: #ffebb3;
}
.ncas .mealkbn_3.badge {
  background-color: #FFDD80;
}
.ncas .mealkbn_6 {
  background-color: #cad4f8;
}
.ncas .mealkbn_6.badge {
  background-color: #9DB0F2;
}
.ncas .mealkbn_0, .ncas .mealkbn_2, .ncas .mealkbn_4, .ncas .mealkbn_5, .ncas .mealkbn_7, .ncas .mealkbn_8 {
  background-color: #ddfff5;
}
.ncas .mealkbn_0.badge, .ncas .mealkbn_2.badge, .ncas .mealkbn_4.badge, .ncas .mealkbn_5.badge, .ncas .mealkbn_7.badge, .ncas .mealkbn_8.badge {
  background-color: #AAFFE5;
}

.ncas .pageLinkBtn, .ncas .pageModalLinkBtn, .ncas button.mealkbn_6, .ncas button.mealkbn_0, .ncas button.mealkbn_2, .ncas button.mealkbn_4, .ncas button.mealkbn_5, .ncas button.mealkbn_7, .ncas button.mealkbn_8, .ncas button.mealkbn_3, .ncas button.mealkbn_1, .ncas button.mealkbn_day {
  padding: 5px 10px;
  border: 2px solid transparent;
}

.ncas .menuKind_0 {
  background-color: #f0edb3;
}
.ncas .menuKind_1 {
  background-color: #eed8d4;
}
.ncas .menuKind_2 {
  background-color: #dfeadc;
}
.ncas .menuKind_3 {
  background-color: #dfeadc;
}
.ncas .menuKind_4 {
  background-color: #dfeadc;
}
.ncas .menuKind_5 {
  background-color: #def2f9;
}
.ncas .menuKind_6 {
  background-color: #c9c3d3;
}
.ncas .menuKind_7 {
  background-color: #c8e1e9;
}
.ncas .menuKind_8, .ncas .menuKind_9, .ncas .menuKind_10 {
  background-color: white;
}

.ncas .menuKindColor_0:not(i) {
  background-color: #e8e388;
}
.ncas i.menuKindColor_0 {
  color: #e8e388;
}
.ncas .menuKindColor_1:not(i) {
  background-color: #dfb6b0;
}
.ncas i.menuKindColor_1 {
  color: #dfb6b0;
}
.ncas .menuKindColor_2:not(i) {
  background-color: #c2d6bd;
}
.ncas i.menuKindColor_2 {
  color: #c2d6bd;
}
.ncas .menuKindColor_3:not(i) {
  background-color: #c2d6bd;
}
.ncas i.menuKindColor_3 {
  color: #c2d6bd;
}
.ncas .menuKindColor_4:not(i) {
  background-color: #c2d6bd;
}
.ncas i.menuKindColor_4 {
  color: #c2d6bd;
}
.ncas .menuKindColor_5:not(i) {
  background-color: #c8eaf5;
}
.ncas i.menuKindColor_5 {
  color: #c8eaf5;
}
.ncas .menuKindColor_6:not(i) {
  background-color: #afa5be;
}
.ncas i.menuKindColor_6 {
  color: #afa5be;
}
.ncas .menuKindColor_7:not(i) {
  background-color: #a3cddb;
}
.ncas i.menuKindColor_7 {
  color: #a3cddb;
}
.ncas .menuKindColor_8:not(i), .ncas .menuKindColor_9:not(i), .ncas .menuKindColor_10:not(i) {
  background-color: gray;
}
.ncas i.menuKindColor_8, .ncas i.menuKindColor_9, .ncas i.menuKindColor_10 {
  color: gray;
}

.ncas .verticalCenter {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.ncas .editAreaBorder {
  border: 1px solid gray;
  border-radius: 5px;
  overflow: hidden;
}
.ncas .editArea {
  margin-bottom: 14px;
}
.ncas .editArea .row {
  margin: 0;
}
.ncas .padding0 {
  padding: 0;
}
.ncas .hidden {
  display: none !important;
}
.ncas .h_100 {
  height: 100px !important;
}
.ncas .h_150 {
  height: 150px !important;
}
.ncas .h_200 {
  height: 200px !important;
}
.ncas .h_250 {
  height: 250px !important;
}
.ncas .h_300 {
  height: 300px !important;
}
.ncas .h_350 {
  height: 350px !important;
}
.ncas .h_400 {
  height: 400px !important;
}
.ncas .h_450 {
  height: 450px !important;
}
.ncas .h_500 {
  height: 500px !important;
}
.ncas .h_550 {
  height: 550px !important;
}
.ncas .h_600 {
  height: 600px !important;
}
.ncas .h_650 {
  height: 650px !important;
}
.ncas .h_700 {
  height: 700px !important;
}
.ncas .h_750 {
  height: 750px !important;
}
.ncas .h_800 {
  height: 800px !important;
}
.ncas .attentionMessageWrap {
  width: auto;
  color: red;
  border-radius: 5px;
}
.ncas .attentionMessageWrap i {
  margin-top: 4px;
  font-size: 13px;
  margin-right: 4px;
}

header {
  font-size: 15px;
  box-shadow: 1px 2px 3px #cccccc;
}
header .navbar {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
}

header #navSubArea li a, header #frmIndex_navSubArea li a, header #navMainArea li a {
  display: block;
  color: black;
  padding: 3px 15px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}

header #navSubArea button {
  padding: 2px 9px;
}
header #navSubArea #navSubArea_subListButtonWrap {
  position: relative;
}
header #navSubArea #navSubArea_subListButtonWrap #navSubArea_subListWrap {
  list-style: none;
  position: absolute;
  line-height: 1.6em;
  background-color: #ffffff;
  right: -27px;
  top: 97%;
  z-index: 10;
  border-radius: 5px;
  border: 1px solid gray;
}
header #navSubArea #navSubArea_subListButtonWrap #navSubArea_subListWrap ul {
  padding-left: 0;
  margin-bottom: 0;
}
header #navSubArea #navSubArea_subListButtonWrap #navSubArea_subListWrap ul li {
  padding: 1px;
}

.ncas .modal {
  white-space: nowrap;
}
.ncas .modal-dialog {
  min-width: 300px;
}
.ncas .modal-footer {
  padding-right: 1.5rem;
}
.ncas .modal-footer .btnCansel {
  margin-right: 45px;
}
.ncas .modal-footer .btn-primary {
  padding: 4px 24px;
}

.ncas .modalToolWrap {
  border: 1px solid #198754;
  border-radius: 0.5rem;
}
.ncas .modalAlertWrap {
  border: 1px solid #eb0000;
  border-radius: 0.5rem;
}
.ncas #frmMealState .modal-dialog {
  height: auto;
  max-width: 1200px;
}

.ncas .kihonColor, .kihonColor.ncas {
  background-color: #fdeedc !important;
}
.ncas .aminoColor, .aminoColor.ncas {
  background-color: #d9f2fa !important;
}
.ncas .lipidColor, .lipidColor.ncas {
  background-color: #fddaf8 !important;
}
.ncas .carboColor, .carboColor.ncas {
  background-color: #CCFFEE !important;
}
.ncas .organicColor, .organicColor.ncas {
  background-color: #e5ff94 !important;
}
.ncas .tokuteiColor, .tokuteiColor.ncas {
  background-color: #ffc9d7 !important;
}

body #pageLoadingModal {
  display: block;
}
body #pageLoadingModal .modal-content {
  background-color: gray;
  opacity: 0.8;
}
body #pageLoadingModal .modal-content .modal-body {
  height: 350px;
  width: 350px;
}
body #pageLoadingModal .modal-content .modal-body .circle_single {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-top-color: darkorange;
  animation: spin 0.8s infinite linear;
}
body #pageLoadingModal .modal-content .modal-body .ncasCharacter {
  width: 50%;
  animation: spin 1s infinite linear;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

header .headerMenuBtn {
  font-size: 16px;
  height: 23px;
  width: 23px;
  padding: 1px 0 0 0;
  margin: 0 10px;
  border: 0;
  background-color: #ffffff;
}
header .headerMenuBtn:hover {
  cursor: pointer;
  background-color: revert;
  color: gray;
}

header .userArea {
  user-select: none; /* 選択を禁止する */
  position: relative;
  padding-right: 15px;
}
header .userArea .userIcon i {
  font-size: 24px;
}
header .userArea .userIcon:hover {
  cursor: pointer;
  color: gray;
}
header .userArea .listArea {
  position: absolute;
  padding: 8px;
  background-color: #ffffff;
  width: 270px;
  top: 87%;
  right: 10px;
  z-index: 1001;
  border-radius: 5px;
  border: 1px solid gray;
  white-space: normal;
  box-shadow: 1px 2px 3px #cccccc;
}
header .userArea .listArea .userMenuList {
  margin: 3px 0;
}
header .userArea .listArea div .userName {
  font-weight: bold;
}
header .userArea .listArea div .accountId {
  font-size: 12px;
}
header .userArea .listArea button {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  margin-top: 5px;
}
header .userArea .listArea a {
  text-decoration: none;
  padding: 3px 20px;
  justify-content: center;
}
header .userArea .listArea button, header .userArea .listArea a {
  color: #424242;
  padding-left: 5px;
  display: flex;
  justify-content: left;
}
header .userArea .listArea button:hover, header .userArea .listArea a:hover {
  background-color: #e9ecef;
}
header .userArea .listArea .borderDiv {
  background-color: #e9ecef;
}

body .tooltip {
  font-size: 12px;
  /*--bs-tooltip-bg: royalblue;*/
}

.ncas {
  /* アニメーション loadingエフェクト */
}
@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.ncas .loading {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #e2e2e2;
  overflow: hidden;
  z-index: 50;
  border-radius: 5px;
}
.ncas .loading::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: skeleton-animation 1.1s linear infinite;
}

.ncas button[class^=btn-]:disabled, .ncas button[class*=" btn-"]:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
}
.ncas button[class^=btn-outline-]:not(:hover, :active, :focus), .ncas button[class*=" btn-outline-"]:not(:hover, :active, :focus) {
  background-color: #fff;
}
.ncas button[class^=btn-outline-]:disabled, .ncas button[class*=" btn-outline-"]:disabled {
  color: #6c757d;
  background-color: #fff;
  border-color: #6c757d;
}

.ncas .sideMenuBar {
  position: absolute;
  top: 36px;
  left: -110%;
  width: 220px;
  cursor: pointer;
  border-radius: 5px;
  overflow-y: auto;
  overflow-x: clip;
  background-color: white;
  border-right: 1px solid #e2e2e2;
  transition: all 0.1s;
  z-index: 1000;
}
.ncas .sideMenuBar::-webkit-scrollbar {
  width: 10px;
}
.ncas .sideMenuBar::-webkit-scrollbar-track {
  background-color: gainsboro;
}
.ncas .sideMenuBar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.ncas .sideMenuBar.activeBar {
  left: 0;
}
.ncas .sideMenuBar a {
  text-decoration: none;
  color: black;
}
.ncas .subMenu p {
  font-weight: bold;
  padding: 10px;
}
.ncas .subMenuNav {
  padding: 0;
  margin: 0;
}
.ncas .subMenuNav li {
  list-style-type: none;
  background-color: white;
}
.ncas .subMenuNav li a {
  display: block;
  padding: 5px 0 5px 20px;
}
.ncas .subMenuNav li a:hover {
  color: #dc445c;
  background-color: whitesmoke;
}
.ncas #subMenuBar_btnOpen {
  position: absolute;
  z-index: 5;
  top: 7px;
  left: 0px;
  border-color: transparent;
  background-color: white;
  padding-top: 8px;
  padding-bottom: 6px;
}
.ncas #subMenuBar_btnOpen:hover {
  background-color: snow;
}
.ncas #subMenuBar_btnOpen i {
  font-size: large;
}
.ncas .btnSetting:hover, .ncas .btnSetting a:hover {
  color: cornflowerblue;
}

.ncas .pageLinkListWrap, .ncas .editMenuWrap {
  position: relative;
}
.ncas .pageLinkListWrap .pageLinkList, .ncas .pageLinkListWrap .editMenuList, .ncas .editMenuWrap .pageLinkList, .ncas .editMenuWrap .editMenuList {
  list-style: none;
  position: absolute;
  line-height: 1.6em;
  background-color: #ffffff;
  right: 0;
  top: 97%;
  z-index: 10;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
}
.ncas .pageLinkListWrap .pageLinkList ul, .ncas .pageLinkListWrap .editMenuList ul, .ncas .editMenuWrap .pageLinkList ul, .ncas .editMenuWrap .editMenuList ul {
  padding-left: 0;
  margin-bottom: 0;
  --bs-list-group-border-color: $pageLinkColor;
}
.ncas .pageLinkListWrap .pageLinkList ul li, .ncas .pageLinkListWrap .editMenuList ul li, .ncas .editMenuWrap .pageLinkList ul li, .ncas .editMenuWrap .editMenuList ul li {
  padding: 1px 2px;
}
.ncas .pageLinkListWrap .pageLinkList ul li a, .ncas .pageLinkListWrap .editMenuList ul li a, .ncas .editMenuWrap .pageLinkList ul li a, .ncas .editMenuWrap .editMenuList ul li a {
  border: transparent;
  width: auto;
}

/*
パーツ
mixin
*/
/*
NCAS layout
*/
/*base*/
body {
  font-family: "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (max-width: 1200px) {
  #navMainArea .container-xl {
    padding-left: 52px;
  }
}
@media (max-width: 1024px) {
  body {
    min-width: 1024px;
  }
  body .modal-xl {
    --bs-modal-width: auto;
  }
}
header #navMainArea #frmIndex_linkTop li.activePageLink, header #navMainArea #frmIndex_linkTop.activePageLink, header #navMainArea #frmIndex_linkSwagger li.activePageLink, header #navMainArea #frmIndex_linkSwagger.activePageLink {
  background: linear-gradient(transparent 90%, #ffcf4d 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkTop li a, header #navMainArea #frmIndex_linkTop a, header #navMainArea #frmIndex_linkSwagger li a, header #navMainArea #frmIndex_linkSwagger a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkTop li a:hover, header #navMainArea #frmIndex_linkTop a:hover, header #navMainArea #frmIndex_linkSwagger li a:hover, header #navMainArea #frmIndex_linkSwagger a:hover {
  background-color: #FFDD80;
}
header #navMainArea #frmIndex_linkMeal li.activePageLink, header #navMainArea #frmIndex_linkMeal.activePageLink {
  background: linear-gradient(transparent 90%, #ff8ab1 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkMeal li a, header #navMainArea #frmIndex_linkMeal a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkMeal li a:hover, header #navMainArea #frmIndex_linkMeal a:hover {
  background-color: #ffbdd3;
}
header #navMainArea #frmIndex_linkEatSu li.activePageLink, header #navMainArea #frmIndex_linkEatSu.activePageLink {
  background: linear-gradient(transparent 90%, #70eaff 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkEatSu li a, header #navMainArea #frmIndex_linkEatSu a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkEatSu li a:hover, header #navMainArea #frmIndex_linkEatSu a:hover {
  background-color: #a3f2ff;
}
header #navMainArea #frmIndex_linkPrt li.activePageLink, header #navMainArea #frmIndex_linkPrt.activePageLink {
  background: linear-gradient(transparent 90%, #eeee94 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkPrt li a, header #navMainArea #frmIndex_linkPrt a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkPrt li a:hover, header #navMainArea #frmIndex_linkPrt a:hover {
  background-color: #f5f5c0;
}
header #navMainArea #frmIndex_linkHat li.activePageLink, header #navMainArea #frmIndex_linkHat.activePageLink {
  background: linear-gradient(transparent 90%, #77de95 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkHat li a, header #navMainArea #frmIndex_linkHat a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkHat li a:hover, header #navMainArea #frmIndex_linkHat a:hover {
  background-color: #a0e8b5;
}
header #navMainArea #frmIndex_linkMaster li.activePageLink, header #navMainArea #frmIndex_linkMaster.activePageLink {
  background: linear-gradient(transparent 90%, #acf293 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkMaster li a, header #navMainArea #frmIndex_linkMaster a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkMaster li a:hover, header #navMainArea #frmIndex_linkMaster a:hover {
  background-color: #cff8c0;
}
header #navMainArea #frmIndex_linkSetting li.activePageLink, header #navMainArea #frmIndex_linkSetting.activePageLink {
  background: linear-gradient(transparent 90%, #bbbbbb 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkSetting li a, header #navMainArea #frmIndex_linkSetting a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkSetting li a:hover, header #navMainArea #frmIndex_linkSetting a:hover {
  background-color: #d5d5d5;
}
header #navMainArea #frmIndex_linkTool li.activePageLink, header #navMainArea #frmIndex_linkTool.activePageLink {
  background: linear-gradient(transparent 90%, #9e8cff 90%);
  border-radius: 5px;
}
header #navMainArea #frmIndex_linkTool li a, header #navMainArea #frmIndex_linkTool a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navMainArea #frmIndex_linkTool li a:hover, header #navMainArea #frmIndex_linkTool a:hover {
  background-color: #c9bfff;
}
header #navMainArea .bg-dev {
  background-color: deepskyblue;
}
header #navMainArea .bg-stg {
  background-color: #cc6cff;
}
header #navMainArea .bg-demo {
  background-color: #7bd027;
}
header #navMainArea .bg-jkajyo {
  background-color: #ff5733;
}
header #navSubArea #frmNavBar_toastMenu, header #frmIndex_navSubArea #frmNavBar_toastMenu {
  background-color: white;
  cursor: pointer;
  border: 2px solid #FFDD80;
}
header #navSubArea #frmNavBar_toastMenu .titleSpan, header #frmIndex_navSubArea #frmNavBar_toastMenu .titleSpan {
  margin-left: 6px;
  color: gray;
}
header #navSubArea #frmNavBar_toastMenu li a, header #frmIndex_navSubArea #frmNavBar_toastMenu li a {
  padding: 5px 15px;
}
header #navSubArea #frmNavBar_toastMenu.navSubMeal, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubMeal {
  border: 2px solid #ffbdd3;
}
header #navSubArea #frmNavBar_toastMenu.navSubEatSu, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubEatSu {
  border: 2px solid #a3f2ff;
}
header #navSubArea #frmNavBar_toastMenu.navSubPrt, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubPrt {
  border: 2px solid #f5f5c0;
}
header #navSubArea #frmNavBar_toastMenu.navSubHat, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubHat {
  border: 2px solid #a0e8b5;
}
header #navSubArea #frmNavBar_toastMenu.navSubMaster, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubMaster {
  border: 2px solid #cff8c0;
}
header #navSubArea #frmNavBar_toastMenu.navSubSetting, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubSetting {
  border: 2px solid #d5d5d5;
}
header #navSubArea #frmNavBar_toastMenu.navSubTool, header #frmIndex_navSubArea #frmNavBar_toastMenu.navSubTool {
  border: 2px solid #c9bfff;
}
header #navSubArea #navSubMeal li.activePageLink, header #navSubArea #navSubMeal.activePageLink, header #frmIndex_navSubArea #navSubMeal li.activePageLink, header #frmIndex_navSubArea #navSubMeal.activePageLink {
  background: linear-gradient(transparent 90%, #ff8ab1 90%);
  border-radius: 5px;
}
header #navSubArea #navSubMeal li a, header #navSubArea #navSubMeal a, header #frmIndex_navSubArea #navSubMeal li a, header #frmIndex_navSubArea #navSubMeal a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubMeal li a:hover, header #navSubArea #navSubMeal a:hover, header #frmIndex_navSubArea #navSubMeal li a:hover, header #frmIndex_navSubArea #navSubMeal a:hover {
  background-color: #ffbdd3;
}
header #navSubArea #navSubEatSu li.activePageLink, header #navSubArea #navSubEatSu.activePageLink, header #frmIndex_navSubArea #navSubEatSu li.activePageLink, header #frmIndex_navSubArea #navSubEatSu.activePageLink {
  background: linear-gradient(transparent 90%, #70eaff 90%);
  border-radius: 5px;
}
header #navSubArea #navSubEatSu li a, header #navSubArea #navSubEatSu a, header #frmIndex_navSubArea #navSubEatSu li a, header #frmIndex_navSubArea #navSubEatSu a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubEatSu li a:hover, header #navSubArea #navSubEatSu a:hover, header #frmIndex_navSubArea #navSubEatSu li a:hover, header #frmIndex_navSubArea #navSubEatSu a:hover {
  background-color: #a3f2ff;
}
header #navSubArea #navSubPrt li.activePageLink, header #navSubArea #navSubPrt.activePageLink, header #frmIndex_navSubArea #navSubPrt li.activePageLink, header #frmIndex_navSubArea #navSubPrt.activePageLink {
  background: linear-gradient(transparent 90%, #eeee94 90%);
  border-radius: 5px;
}
header #navSubArea #navSubPrt li a, header #navSubArea #navSubPrt a, header #frmIndex_navSubArea #navSubPrt li a, header #frmIndex_navSubArea #navSubPrt a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubPrt li a:hover, header #navSubArea #navSubPrt a:hover, header #frmIndex_navSubArea #navSubPrt li a:hover, header #frmIndex_navSubArea #navSubPrt a:hover {
  background-color: #f5f5c0;
}
header #navSubArea #navSubHat li.activePageLink, header #navSubArea #navSubHat.activePageLink, header #frmIndex_navSubArea #navSubHat li.activePageLink, header #frmIndex_navSubArea #navSubHat.activePageLink {
  background: linear-gradient(transparent 90%, #77de95 90%);
  border-radius: 5px;
}
header #navSubArea #navSubHat li a, header #navSubArea #navSubHat a, header #frmIndex_navSubArea #navSubHat li a, header #frmIndex_navSubArea #navSubHat a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubHat li a:hover, header #navSubArea #navSubHat a:hover, header #frmIndex_navSubArea #navSubHat li a:hover, header #frmIndex_navSubArea #navSubHat a:hover {
  background-color: #a0e8b5;
}
header #navSubArea #navSubMaster li.activePageLink, header #navSubArea #navSubMaster.activePageLink, header #frmIndex_navSubArea #navSubMaster li.activePageLink, header #frmIndex_navSubArea #navSubMaster.activePageLink {
  background: linear-gradient(transparent 90%, #acf293 90%);
  border-radius: 5px;
}
header #navSubArea #navSubMaster li a, header #navSubArea #navSubMaster a, header #frmIndex_navSubArea #navSubMaster li a, header #frmIndex_navSubArea #navSubMaster a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubMaster li a:hover, header #navSubArea #navSubMaster a:hover, header #frmIndex_navSubArea #navSubMaster li a:hover, header #frmIndex_navSubArea #navSubMaster a:hover {
  background-color: #cff8c0;
}
header #navSubArea #navSubSetting li.activePageLink, header #navSubArea #navSubSetting.activePageLink, header #frmIndex_navSubArea #navSubSetting li.activePageLink, header #frmIndex_navSubArea #navSubSetting.activePageLink {
  background: linear-gradient(transparent 90%, #bbbbbb 90%);
  border-radius: 5px;
}
header #navSubArea #navSubSetting li a, header #navSubArea #navSubSetting a, header #frmIndex_navSubArea #navSubSetting li a, header #frmIndex_navSubArea #navSubSetting a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubSetting li a:hover, header #navSubArea #navSubSetting a:hover, header #frmIndex_navSubArea #navSubSetting li a:hover, header #frmIndex_navSubArea #navSubSetting a:hover {
  background-color: #d5d5d5;
}
header #navSubArea #navSubTool li.activePageLink, header #navSubArea #navSubTool.activePageLink, header #frmIndex_navSubArea #navSubTool li.activePageLink, header #frmIndex_navSubArea #navSubTool.activePageLink {
  background: linear-gradient(transparent 90%, #9e8cff 90%);
  border-radius: 5px;
}
header #navSubArea #navSubTool li a, header #navSubArea #navSubTool a, header #frmIndex_navSubArea #navSubTool li a, header #frmIndex_navSubArea #navSubTool a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubTool li a:hover, header #navSubArea #navSubTool a:hover, header #frmIndex_navSubArea #navSubTool li a:hover, header #frmIndex_navSubArea #navSubTool a:hover {
  background-color: #c9bfff;
}
header #navSubArea #navSubOP27 li.activePageLink, header #navSubArea #navSubOP27.activePageLink, header #frmIndex_navSubArea #navSubOP27 li.activePageLink, header #frmIndex_navSubArea #navSubOP27.activePageLink {
  background: linear-gradient(transparent 90%, #63c2cd 90%);
  border-radius: 5px;
}
header #navSubArea #navSubOP27 li a, header #navSubArea #navSubOP27 a, header #frmIndex_navSubArea #navSubOP27 li a, header #frmIndex_navSubArea #navSubOP27 a {
  transition: all 0.05s 0.05s ease-in-out;
}
header #navSubArea #navSubOP27 li a:hover, header #navSubArea #navSubOP27 a:hover, header #frmIndex_navSubArea #navSubOP27 li a:hover, header #frmIndex_navSubArea #navSubOP27 a:hover {
  background-color: #89d1da;
}

.frmToastArea_tool, #frmToastArea_warning, #frmToastArea_info {
  z-index: 1050;
  position: fixed;
}

#frmToastArea_info .toast {
  border: 1px solid #007aff;
  background-color: #ffffff;
}
#frmToastArea_info .toast .toastColor {
  background-color: #007aff;
  width: 7px;
  min-width: 7px;
}
#frmToastArea_info .toast i {
  font-size: 15px;
}
#frmToastArea_info .toast .btn-close {
  font-size: 12px;
}
#frmToastArea_info .toast .w-100 {
  width: calc(100% - 7px) !important;
}

#frmToastArea_warning .toast {
  border: 1px solid #ffbb00;
  background-color: #ffffff;
}
#frmToastArea_warning .toast .toastColor {
  background-color: #ffbb00;
  width: 7px;
  min-width: 7px;
}
#frmToastArea_warning .toast i {
  font-size: 15px;
}
#frmToastArea_warning .toast .btn-close {
  font-size: 12px;
}
#frmToastArea_warning .toast .w-100 {
  width: calc(100% - 7px) !important;
}

.frmToastArea_tool .toast {
  border: 1px solid #198754;
  background-color: #ffffff;
}
.frmToastArea_tool .toast .toastColor {
  background-color: #198754;
  width: 7px;
  min-width: 7px;
}
.frmToastArea_tool .toast i {
  font-size: 15px;
}
.frmToastArea_tool .toast .btn-close {
  font-size: 12px;
}
.frmToastArea_tool .toast .w-100 {
  width: calc(100% - 7px) !important;
}

.ncas button {
  /*&.mealKbn_day, &.mealkbn_1, &.mealkbn_0, &.mealkbn_2, &.mealkbn_3, &.mealkbn_4, &.mealkbn_5, &.mealkbn_6 ,&.mealkbn_7, &.mealkbn_8 {
      border-radius: 15px;
  }*/
}
.ncas button.mealkbn_day {
  background-color: white;
  border: 1px solid #21b26f;
  border-color: #115c39;
}
.ncas button.mealkbn_day:hover, .ncas button.mealkbn_day:focus, .ncas button.mealkbn_day.active {
  background-color: #198754;
}
.ncas button.mealkbn_day.selected {
  background-color: #21b26f;
}
.ncas button.mealkbn_day:hover, .ncas button.mealkbn_day.active {
  color: white;
}
.ncas button.mealkbn_1 {
  background-color: white;
  border: 1px solid #FFCEE0;
  border-color: #ff9bc0;
}
.ncas button.mealkbn_1:hover, .ncas button.mealkbn_1:focus, .ncas button.mealkbn_1.active {
  background-color: #ff9bc0;
}
.ncas button.mealkbn_1.selected {
  background-color: #FFCEE0;
}
.ncas button.mealkbn_3 {
  background-color: white;
  border: 1px solid #FFDD80;
  border-color: #ffcf4d;
}
.ncas button.mealkbn_3:hover, .ncas button.mealkbn_3:focus, .ncas button.mealkbn_3.active {
  background-color: #ffcf4d;
}
.ncas button.mealkbn_3.selected {
  background-color: #FFDD80;
}
.ncas button.mealkbn_0, .ncas button.mealkbn_2, .ncas button.mealkbn_4, .ncas button.mealkbn_5, .ncas button.mealkbn_7, .ncas button.mealkbn_8 {
  background-color: white;
  border: 1px solid #AAFFE5;
  border-color: #77ffd5;
}
.ncas button.mealkbn_0:hover, .ncas button.mealkbn_0:focus, .ncas button.mealkbn_0.active, .ncas button.mealkbn_2:hover, .ncas button.mealkbn_2:focus, .ncas button.mealkbn_2.active, .ncas button.mealkbn_4:hover, .ncas button.mealkbn_4:focus, .ncas button.mealkbn_4.active, .ncas button.mealkbn_5:hover, .ncas button.mealkbn_5:focus, .ncas button.mealkbn_5.active, .ncas button.mealkbn_7:hover, .ncas button.mealkbn_7:focus, .ncas button.mealkbn_7.active, .ncas button.mealkbn_8:hover, .ncas button.mealkbn_8:focus, .ncas button.mealkbn_8.active {
  background-color: #77ffd5;
}
.ncas button.mealkbn_0.selected, .ncas button.mealkbn_2.selected, .ncas button.mealkbn_4.selected, .ncas button.mealkbn_5.selected, .ncas button.mealkbn_7.selected, .ncas button.mealkbn_8.selected {
  background-color: #AAFFE5;
}
.ncas button.mealkbn_6 {
  background-color: white;
  border: 1px solid #9DB0F2;
  border-color: #708cec;
}
.ncas button.mealkbn_6:hover, .ncas button.mealkbn_6:focus, .ncas button.mealkbn_6.active {
  background-color: #708cec;
}
.ncas button.mealkbn_6.selected {
  background-color: #9DB0F2;
}

footer {
  background-color: #ffffff;
}

.ncas .pageLinkBtn, .ncas .pageModalLinkBtn {
  background-color: white;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
}
.ncas .pageLinkBtn:hover, .ncas .pageLinkBtn:focus, .ncas .pageLinkBtn.active, .ncas .pageModalLinkBtn:hover, .ncas .pageModalLinkBtn:focus, .ncas .pageModalLinkBtn.active {
  background-color: #343434;
}
.ncas .pageLinkBtn.selected, .ncas .pageModalLinkBtn.selected {
  background-color: #4d4d4d;
}
.ncas .pageLinkBtn:hover, .ncas .pageLinkBtn:focus, .ncas .pageLinkBtn.selected, .ncas .pageModalLinkBtn:hover, .ncas .pageModalLinkBtn:focus, .ncas .pageModalLinkBtn.selected {
  color: #ffffff;
  background-color: lightcoral;
}
.ncas .pageLinkBtn.mealLinkBtn, .ncas .pageModalLinkBtn.mealLinkBtn {
  min-width: 60px;
  border-radius: 30px;
  border-color: lightcoral;
}