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


*/
/*
パーツ
extend
*/
.ncas #frmMealSelectMenu_modal table th, .ncas #frmMasterGroupSearch_toast table th, .ncas #frmOption27SyouhinSearch_toast .toast-body table th, .ncas #frmMenuSetSearch_toast .toast-body table th, .ncas #frmFoodSearch_toast .toast-body table th, .ncas #frmMenuSearch_toast .toast-body table th, .ncas #frmMealSelectMenu_modal table .th-inner, .ncas #frmMasterGroupSearch_toast table .th-inner, .ncas #frmOption27SyouhinSearch_toast .toast-body table .th-inner, .ncas #frmMenuSetSearch_toast .toast-body table .th-inner, .ncas #frmFoodSearch_toast .toast-body table .th-inner, .ncas #frmMenuSearch_toast .toast-body table .th-inner {
  padding: 0.2rem;
}
.ncas #frmMealSelectMenu_modal table td, .ncas #frmMasterGroupSearch_toast table td, .ncas #frmOption27SyouhinSearch_toast .toast-body table td, .ncas #frmMenuSetSearch_toast .toast-body table td, .ncas #frmFoodSearch_toast .toast-body table td, .ncas #frmMenuSearch_toast .toast-body table td {
  padding: 0.1rem;
}

@keyframes bgcG {
  0% {
    background: white;
  }
  50% {
    background: orange;
  }
  100% {
    background: white;
  }
}
.ncas #frmFoodSearch_toast button.btnGun, .ncas #frmMenuSearch_toast button.btnGun, .ncas #frmOption27SyouhinSearch_toast button.btnGun, .ncas #frmMenuSetSearch_toast button.btnGun {
  padding: 5px 10px;
  border: 2px solid transparent;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.ncas #frmOption27SyouhinSearch_toast, .ncas #frmMenuSetSearch_toast, .ncas #frmFoodSearch_toast, .ncas #frmMenuSearch_toast {
  width: auto;
  min-width: 70%;
  max-width: 1000px;
}
.ncas #frmOption27SyouhinSearch_toast .toastContentWrap, .ncas #frmMenuSetSearch_toast .toastContentWrap, .ncas #frmFoodSearch_toast .toastContentWrap, .ncas #frmMenuSearch_toast .toastContentWrap {
  min-width: 70%;
}
.ncas #frmOption27SyouhinSearch_toast .toast-body, .ncas #frmMenuSetSearch_toast .toast-body, .ncas #frmFoodSearch_toast .toast-body, .ncas #frmMenuSearch_toast .toast-body {
  width: 100%;
  /*.nameSearchWrap {
      height: 310px;
  }*/
}
.ncas #frmOption27SyouhinSearch_toast .toast-body h5, .ncas #frmMenuSetSearch_toast .toast-body h5, .ncas #frmFoodSearch_toast .toast-body h5, .ncas #frmMenuSearch_toast .toast-body h5 {
  width: 955px;
}
.ncas #frmOption27SyouhinSearch_toast .toast-body .btnWrapLeft, .ncas #frmMenuSetSearch_toast .toast-body .btnWrapLeft, .ncas #frmFoodSearch_toast .toast-body .btnWrapLeft, .ncas #frmMenuSearch_toast .toast-body .btnWrapLeft {
  width: 30%;
  height: 60vh;
  margin-right: 3px;
  flex-shrink: 0;
}
.ncas #frmOption27SyouhinSearch_toast .toast-body .btnWrapLeft button.btnGun, .ncas #frmMenuSetSearch_toast .toast-body .btnWrapLeft button.btnGun, .ncas #frmFoodSearch_toast .toast-body .btnWrapLeft button.btnGun, .ncas #frmMenuSearch_toast .toast-body .btnWrapLeft button.btnGun {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 1px 0;
  padding: 2px 0;
}
.ncas #frmOption27SyouhinSearch_toast .toast-body .editAreaBorder, .ncas #frmMenuSetSearch_toast .toast-body .editAreaBorder, .ncas #frmFoodSearch_toast .toast-body .editAreaBorder, .ncas #frmMenuSearch_toast .toast-body .editAreaBorder {
  border: 2px solid gainsboro;
}
.ncas #frmOption27SyouhinSearch_toast .toast-body .fixed-table-body, .ncas #frmMenuSetSearch_toast .toast-body .fixed-table-body, .ncas #frmFoodSearch_toast .toast-body .fixed-table-body, .ncas #frmMenuSearch_toast .toast-body .fixed-table-body, .ncas #frmOption27SyouhinSearch_toast .toast-body .loadingArea, .ncas #frmMenuSetSearch_toast .toast-body .loadingArea, .ncas #frmFoodSearch_toast .toast-body .loadingArea, .ncas #frmMenuSearch_toast .toast-body .loadingArea {
  height: calc(60vh - 43px);
  width: 100%;
}
.ncas #frmOption27SyouhinSearch_toast .searchLblWrap, .ncas #frmMenuSetSearch_toast .searchLblWrap, .ncas #frmFoodSearch_toast .searchLblWrap, .ncas #frmMenuSearch_toast .searchLblWrap {
  margin-bottom: 3px;
}
.ncas #frmOption27SyouhinSearch_toast .searchLblWrap .searchLabel, .ncas #frmMenuSetSearch_toast .searchLblWrap .searchLabel, .ncas #frmFoodSearch_toast .searchLblWrap .searchLabel, .ncas #frmMenuSearch_toast .searchLblWrap .searchLabel {
  font-size: 13px;
  text-align: center;
  width: -webkit-fill-available;
}
.ncas #frmOption27SyouhinSearch_toast .searchLblWrap .searchCmdWrap, .ncas #frmMenuSetSearch_toast .searchLblWrap .searchCmdWrap, .ncas #frmFoodSearch_toast .searchLblWrap .searchCmdWrap, .ncas #frmMenuSearch_toast .searchLblWrap .searchCmdWrap {
  min-width: 65%;
}
.ncas #frmOption27SyouhinSearch_toast .btnWrapRight, .ncas #frmMenuSetSearch_toast .btnWrapRight, .ncas #frmFoodSearch_toast .btnWrapRight, .ncas #frmMenuSearch_toast .btnWrapRight {
  text-wrap: nowrap;
  margin-top: 76px;
  width: 23%;
  min-width: 23%;
}
.ncas #frmOption27SyouhinSearch_toast .btnWrapRight ul, .ncas #frmMenuSetSearch_toast .btnWrapRight ul, .ncas #frmFoodSearch_toast .btnWrapRight ul, .ncas #frmMenuSearch_toast .btnWrapRight ul {
  margin: 0;
  padding: 0;
}
.ncas #frmOption27SyouhinSearch_toast .btnWrapRight ul li, .ncas #frmMenuSetSearch_toast .btnWrapRight ul li, .ncas #frmFoodSearch_toast .btnWrapRight ul li, .ncas #frmMenuSearch_toast .btnWrapRight ul li {
  list-style-type: none;
  margin-bottom: 3px;
}
.ncas #frmOption27SyouhinSearch_toast button[id$=_cmdOk], .ncas #frmMenuSetSearch_toast button[id$=_cmdOk], .ncas #frmFoodSearch_toast button[id$=_cmdOk], .ncas #frmMenuSearch_toast button[id$=_cmdOk] {
  width: 15%;
  margin: 0 2rem 1rem 0;
}

/*
パーツ
mixin
*/
/*
NCAS layout
*/
/*base*/
/*
    食品検索・料理検索・料理セット検索
*/
.ncas #frmOption27SyouhinSearch_toast button.btnGun, .ncas #frmMenuSetSearch_toast button.btnGun {
  background-color: white;
  border: 1px solid #d9e367;
  border: 1px solid gray;
}
.ncas #frmOption27SyouhinSearch_toast button.btnGun:hover, .ncas #frmMenuSetSearch_toast button.btnGun:hover, .ncas #frmOption27SyouhinSearch_toast button.btnGun:focus, .ncas #frmMenuSetSearch_toast button.btnGun:focus, .ncas #frmOption27SyouhinSearch_toast button.btnGun.active, .ncas #frmMenuSetSearch_toast button.btnGun.active {
  background-color: #cedb3c;
}
.ncas #frmOption27SyouhinSearch_toast button.btnGun.selected, .ncas #frmMenuSetSearch_toast button.btnGun.selected {
  background-color: #d9e367;
}
.ncas #frmOption27SyouhinSearch_toast button.btnGun.selected, .ncas #frmMenuSetSearch_toast button.btnGun.selected {
  border: 1px solid #d9e367;
}
.ncas table {
  --bs-table-hover-bg: #FFFAD4 !important;
}
.ncas #frmMenuSearch_toast {
  border: 1px solid #F18C38;
}
.ncas #frmMenuSearch_toast button.btnGun {
  background-color: white;
  border: 1px solid #f8c397;
  border: 1px solid gray;
}
.ncas #frmMenuSearch_toast button.btnGun:hover, .ncas #frmMenuSearch_toast button.btnGun:focus, .ncas #frmMenuSearch_toast button.btnGun.active {
  background-color: #f4a868;
}
.ncas #frmMenuSearch_toast button.btnGun.selected {
  background-color: #f8c397;
}
.ncas #frmMenuSearch_toast button.btnGun.selected {
  border: 1px solid #f8c397;
}
.ncas #frmMenuSearch_toast .nav-tabs button, .ncas #frmMenuSearch_toast .nav-tabs a {
  color: #F18C38;
}
.ncas #frmMenuSearch_toast .nav-tabs button.active, .ncas #frmMenuSearch_toast .nav-tabs a.active {
  background-color: #ffffff;
  color: black;
}
.ncas #frmMenuSearch_toast .toastColor {
  background-color: #F18C38;
}
.ncas #frmMenuSearch_toast .toast-body {
  width: 100%;
}
.ncas #frmMenuSearch_toast .toast-body #frmMenu_tabContent {
  min-height: 200px;
}
.ncas #frmMenuSearch_toast .btnWrapRight .frmMenuSearch_detaileMenu {
  width: 100%;
  text-wrap: wrap;
}
.ncas #frmMenuSearch_toast .btnWrapRight .menuCode {
  background-color: #e9ecef;
}
.ncas #frmMenuSearch_toast .btnWrapRight .frmMenuSearch_detaileMenuFoods {
  max-height: 50vh;
  height: calc(50vh - 78px);
  overflow-y: auto;
  overflow-x: hidden;
}
.ncas #frmMenuSearch_toast .btnWrapRight .frmMenuSearch_detaileMenuFoods .foodCode {
  background-color: #e9ecef;
  width: 60px;
  text-align: end;
}
.ncas #frmMenuSearch_toast .btnWrapRight .frmMenuSearch_detaileMenuFoods .foodNameVol {
  width: 70%;
  padding-left: 3px;
}
.ncas #frmMenuSearch_toast .btnWrapRight .frmMenuSearch_detaileMenuFoods .foodNameVol .foodName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ncas #frmFoodSearch_toast button.btnGun {
  background-color: white;
  border: 1px solid #abd6ae;
  border: 1px solid gray;
}
.ncas #frmFoodSearch_toast button.btnGun:hover, .ncas #frmFoodSearch_toast button.btnGun:focus, .ncas #frmFoodSearch_toast button.btnGun.active {
  background-color: #88c68c;
}
.ncas #frmFoodSearch_toast button.btnGun.selected {
  background-color: #abd6ae;
}
.ncas #frmFoodSearch_toast button.btnGun.selected {
  border: 1px solid #abd6ae;
}
.ncas #frmFoodSearch_toast .nav-tabs button, .ncas #frmFoodSearch_toast .nav-tabs a {
  color: #66B56B;
}
.ncas #frmFoodSearch_toast .nav-tabs button.active, .ncas #frmFoodSearch_toast .nav-tabs a.active {
  background-color: #ffffff;
  color: black;
}
.ncas #frmFoodSearch_toast .btnWrapLeft {
  height: 450px;
}
.ncas #frmFoodSearch_toast .btnWrapRight .labelBG {
  background-color: #e9ecef;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
}
.ncas #frmFoodSearch_toast .btnWrapRight .frmFoodSearch_detaile {
  max-height: 65vh;
  height: calc(65vh - 270px);
  overflow-y: auto;
  overflow-x: hidden;
}
.ncas #frmFoodSearch_toast .btnWrapRight .frmFoodSearch_food {
  width: 100%;
  text-wrap: wrap;
}
.ncas #frmFoodSearch_toast .btnWrapRight .foodNameVol .foodName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ncas #frmFoodSearch_toast #frmFood_tabSeibun .btnWrapLeft {
  height: auto;
}
.ncas #frmFoodSearch_toast #frmFood_syuukeiWrap {
  width: 237px;
}
.ncas #frmFoodSearch_toast #frmFood_cmdClose {
  width: 10%;
  margin: 0 1rem 1rem 0;
}
.ncas #frmFoodSearch_toast #frmFood_cmdOKContinuity {
  width: 15%;
  margin: 0 1rem 1rem 0;
}
.ncas #frmMasterGroupSearch_toast .toast-body {
  width: 93%;
}
.ncas #frmMasterGroupSearch_toast .fixed-table-body {
  max-height: 400px;
}
.ncas #frmMealSelectMenu_modal .dispLabelWrap {
  padding-bottom: 5px;
}
.ncas #frmMealSelectMenu_modal .dispLabelWrap p {
  font-weight: bold;
  font-size: 16px;
}
.ncas #frmMealSelectMenu_modal .dispLabelWrap span {
  font-weight: bold;
  font-size: 15px;
}
.ncas #frmMealSelectMenu_modal .dispLabelWrap .modal-dialog {
  width: auto;
}
.ncas #seibunSampleDisp, .ncas #seibunSampleDisp_food {
  border: 1px solid gray;
  border-radius: 0.375rem;
  overflow: hidden;
}
.ncas #seibunSampleDisp .seibunWrap, .ncas #seibunSampleDisp_food .seibunWrap {
  padding: 2px 1px 33px 1px;
  position: relative;
  width: 25%;
  text-align: center;
  background: linear-gradient(180deg, #e9ecef 0%, #e9ecef 35%, #fff 35%, #fff 100%);
}
.ncas #seibunSampleDisp .seibunWrap:not(:last-child, :nth-child(4)), .ncas #seibunSampleDisp_food .seibunWrap:not(:last-child, :nth-child(4)) {
  border-right: 1px solid gray;
}
.ncas #seibunSampleDisp .seibunWrap:nth-child(n+5), .ncas #seibunSampleDisp_food .seibunWrap:nth-child(n+5) {
  border-top: 1px solid gray;
}
.ncas #seibunSampleDisp .seibunWrap .seibunName, .ncas #seibunSampleDisp_food .seibunWrap .seibunName {
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
}
.ncas #seibunSampleDisp .seibunWrap .seibunVol, .ncas #seibunSampleDisp_food .seibunWrap .seibunVol {
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ncas #seibunSampleDisp .seibunWrap .seibunUnit, .ncas #seibunSampleDisp_food .seibunWrap .seibunUnit {
  font-size: 11px;
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}