@charset "UTF-8";
/* common */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { width: 100%; height: auto; box-sizing: border-box; font-family: "Meiryo", "Open Sans", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Arial, sans-serif; }

body { margin: 0 auto; background: #fff; box-sizing: border-box; background-position: top center; background-repeat: no-repeat; }

a:link, a:visited { text-decoration: none; }

ul li, ol li { list-style-type: none; margin: 0; padding: 0; }

input[type=checkbox] { width: 1rem; height: 1rem; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }

.font-12 { font-size: 0.75rem !important; }

.font-13 { font-size: 0.8125rem !important; }

.font-14 { font-size: 0.875rem !important; }

.font-16 { font-size: 1rem !important; }

.font-18 { font-size: 1.125rem !important; }

.font-19 { font-size: 1.1875rem !important; }

.font-20 { font-size: 1.25rem !important; }

.font-24 { font-size: 1.5rem !important; }

.h13 { height: 0.8125rem !important; }

.h17 { height: 1.0625rem !important; }

.h20 { height: 1.25rem !important; }

.h25 { height: 1.5625rem !important; }

.h70 { height: 4.375rem !important; }

.w-20 { width: 20% !important; }

.w-33 { width: 33.33% !important; }

.w-40 { width: 40% !important; }

.w-60 { width: 60% !important; }

.w20 { width: 1.25rem !important; }

.w22 { width: 1.375rem !important; }

.w26 { width: 1.625rem !important; }

.w30 { width: 1.875rem !important; }

.w32 { width: 2rem !important; }

.w37 { width: 2.3125rem !important; }

.w40 { width: 2.5rem !important; }

.w45 { width: 2.8125rem !important; }

.w48 { width: 3rem !important; }

.w50 { width: 3.125rem !important; }

.w60 { width: 3.75rem !important; }

.w64 { width: 4rem !important; }

.w70 { width: 4.375rem !important; }

.w72 { width: 4.5rem !important; }

.w78 { width: 4.875rem !important; }

.w80 { width: 5rem !important; }

.w88 { width: 5.5rem !important; }

.w90 { width: 5.625rem !important; }

.w95 { width: 5.9375rem !important; }

.w96 { width: 6rem !important; }

.w98 { width: 6.125rem !important; }

.w100 { width: 6.25rem !important; }

.w105 { width: 6.5625rem !important; }

.w108 { width: 6.75rem !important; }

.w112 { width: 7rem !important; }

.w114 { width: 7.125rem !important; }

.w115 { width: 7.1875rem !important; }

.w116 { width: 7.25rem !important; }

.w118 { width: 7.375rem !important; }

.w120 { width: 7.5rem !important; }

.w122 { width: 7.625rem !important; }

.w124 { width: 7.75rem !important; }

.w125 { width: 7.8125rem !important; }

.w128 { width: 8rem !important; }

.w130 { width: 8.125rem !important; }

.w136 { width: 8.5rem !important; }

.w140 { width: 8.75rem !important; }

.w144 { width: 9rem !important; }

.w145 { width: 8.8125rem !important; }

.w146 { width: 9.125rem !important; }

.w150 { width: 9.375rem !important; }

.w156 { width: 9.75rem !important; }

.w160 { width: 10rem !important; }

.w162 { width: 10.125rem !important; }

.w172 { width: 10.75rem !important; }

.w176 { width: 11rem !important; }

.w180 { width: 11.25rem !important; }

.w188 { width: 11.75rem !important; }

.w190 { width: 11.875rem !important; }

.w192 { width: 12rem !important; }

.w194 { width: 12.125rem !important; }

.w195 { width: 12.1875rem !important; }

.w200 { width: 12.5rem !important; }

.w207 { width: 12.9375rem !important; }

.w208 { width: 13rem !important; }

.w210 { width: 13.125rem !important; }

.w218 { width: 13.625rem !important; }

.w220 { width: 13.75rem !important; }

.w230 { width: 14.375rem !important; }

.w240 { width: 15rem !important; }

.w244 { width: 15.25rem !important; }

.w248 { width: 15.5rem !important; }

.w250 { width: 15.625rem !important; }

.w252 { width: 15.75rem !important; }

.w253 { width: 15.825rem !important; }

.w256 { width: 16rem !important; }

.w260 { width: 16.25rem !important; }

.w262 { width: 16.4rem !important; }

.w264 { width: 16.5rem !important; }

.w266 { width: 16.625rem !important; }

.w268 { width: 16.75rem !important; }

.w270 { width: 16.875rem !important; }

.w273 { width: 17.0625rem !important; }

.w278 { width: 17.375rem !important; }

.w280 { width: 17.5rem !important; }

.w283 { width: 17.6875rem !important; }

.w284 { width: 17.75rem !important; }

.w290 { width: 18.125rem !important; }

.w293 { width: 18.3125rem !important; }

.w300 { width: 18.75rem !important; }

.w304 { width: 19rem !important; }

.w305 { width: 19.25rem !important; }

.w310 { width: 19.6rem !important; }

.w312 { width: 19.5rem !important; }

.w315 { width: 19.625rem !important; }

.w320 { width: 20rem !important; }

.w330 { width: 20.625rem !important; }

.w332 { width: 20.75rem !important; }

.w340 { width: 21.25rem !important; }

.w344 { width: 21.5rem !important; }

.w348 { width: 21.75rem !important; }

.w350 { width: 21.875rem !important; }

.w352 { width: 22rem !important; }

.w353 { width: 22.0625rem !important; }

.w354 { width: 22.125rem !important; }

.w357 { width: 22.3125rem !important; }

.w363 { width: 22.6875rem !important; }

.w368 { width: 23rem !important; }

.w370 { width: 23.125rem !important; }

.w376 { width: 23.5rem !important; }

.w380 { width: 23.75rem !important; }

.w384 { width: 24rem !important; }

.w388 { width: 24.25rem !important; }

.w390 { width: 24.375rem !important; }

.w391 { width: 24.4375rem !important; }

.w394 { width: 24.5rem !important; }

.w396 { width: 24.75rem !important; }

.w400 { width: 25rem !important; }

.w406 { width: 25.375rem !important; }

.w408 { width: 25.5rem !important; }

.w409 { width: 25.5625rem !important; }

.w410 { width: 25.625rem !important; }

.w412 { width: 25.75rem !important; }

.w413 { width: 25.8125rem !important; }

.w414 { width: 25.875rem !important; }

.w416 { width: 26rem !important; }

.w418 { width: 26.125rem !important; }

.w420 { width: 26.25rem !important; }

.w423 { width: 26.4375rem !important; }

.w438 { width: 27.375rem !important; }

.w450 { width: 28.125rem !important; }

.w453 { width: 28.3125rem !important; }

.w456 { width: 28.5rem !important; }

.w460 { width: 28.75rem !important; }

.w461 { width: 28.8125rem !important; }

.w462 { width: 28.875rem !important; }

.w465 { width: 29.0625rem !important; }

.w466 { width: 29.125rem !important; }

.w467 { width: 29.1875rem !important; }

.w470 { width: 29.375rem !important; }

.w476 { width: 29.75rem !important; }

.w478 { width: 29.875rem !important; }

.w479 { width: 29.9375rem !important; }

.w480 { width: 30rem !important; }

.w485 { width: 30.4375rem !important; }

.w492 { width: 30.75rem !important; }

.w500 { width: 31.25rem !important; }

.w508 { width: 31.75rem !important; }

.w512 { width: 32rem !important; }

.w520 { width: 32.5rem !important; }

.w528 { width: 33rem !important; }

.w530 { width: 33.125rem !important; }

.w532 { width: 33.25rem !important; }

.w540 { width: 33.75rem !important; }

.w541 { width: 33.8125rem !important; }

.w542 { width: 33.875rem !important; }

.w544 { width: 34rem !important; }

.w545 { width: 34.0625rem !important; }

.w550 { width: 34.375rem !important; }

.w560 { width: 35rem !important; }

.w565 { width: 35.3125rem !important; }

.w569 { width: 35.5625rem !important; }

.w572 { width: 35.75rem !important; }

.w574 { width: 36rem !important; }

.w588 { width: 36.75rem !important; }

.w590 { width: 36.875rem !important; }

.w596 { width: 37.25rem !important; }

.w600 { width: 37.5rem !important; }

.w601 { width: 37.5625rem !important; }

.w608 { width: 38rem !important; }

.w615 { width: 38.4375rem !important; }

.w617 { width: 38.5625rem !important; }

.w621 { width: 38.8125rem !important; }

.w622 { width: 38.875rem !important; }

.w624 { width: 39rem !important; }

.w630 { width: 39.375rem !important; }

.w631 { width: 39.4375rem !important; }

.w632 { width: 39.5rem !important; }

.w633 { width: 39.5625rem !important; }

.w637 { width: 39.8125rem !important; }

.w638 { width: 39.875rem !important; }

.w639 { width: 39.9375rem !important; }

.w640 { width: 40rem !important; }

.w642 { width: 40.125rem !important; }

.w648 { width: 40.5rem !important; }

.w664 { width: 41.5rem !important; }

.w668 { width: 41.75rem !important; }

.w699 { width: 43.6875rem !important; }

.w700 { width: 43.75rem !important; }

.w706 { width: 44.125rem !important; }

.w708 { width: 44.25rem !important; }

.w720 { width: 45rem !important; }

.w741 { width: 46.3125rem !important; }

.w742 { width: 46.375rem !important; }

.w748 { width: 46.75rem !important; }

.w764 { width: 47.75rem !important; }

.w792 { width: 49.5rem !important; }

.w796 { width: 49.75rem !important; }

.w800 { width: 50rem !important; }

.w810 { width: 50.625rem !important; }

.w816 { width: 51rem !important; }

.w818 { width: 51.125rem !important; }

.w820 { width: 51.25rem !important; }

.w824 { width: 51.5rem !important; }

.w825 { width: 51.5625rem !important; }

.w826 { width: 51.625rem !important; }

.w829 { width: 51.8125rem !important; }

.w832 { width: 52rem !important; }

.w840 { width: 52.5rem !important; }

.w842 { width: 52.625rem !important; }

.w858 { width: 53.625rem !important; }

.w896 { width: 56rem !important; }

.w920 { width: 57.5rem !important; }

.w960 { width: 60rem !important; }

.w980 { width: 61.25rem !important; }

.w1005 { width: 62.875rem !important; }

.w1009 { width: 63.0625rem !important; }

.w1026 { width: 64.125rem !important }

.w1050 { width: 65.625rem !important; }

.w1100 { width: 68.75rem !important; }

.w1109 { width: 69.3125rem !important }

.w1113 { width: 69.5625rem !important; }

.len1 { width: 3.1875rem !important; }

.len2 { width: 3.875rem !important; }

.len3 { width: 4.5625rem !important; }

.len4 { width: 5.25rem !important; }

.len5 { width: 5.9375rem !important; }

.len6 { width: 6.625rem !important; }

.len7 { width: 7.3125rem !important; }

.len8 { width: 8rem !important; }

.len9 { width: 8.6875rem !important; }

.len10 { width: 9.375rem !important; }

.len11 { width: 10.0625rem !important; }

.len12 { width: 10.75rem !important; }

.len13 { width: 11.4375rem !important; }

.len14 { width: 12.125rem !important; }

.len15 { width: 12.8125rem !important; }

.len16 { width: 13.5rem !important; }

.len17 { width: 14.1875rem !important; }

.len18 { width: 14.875rem !important; }

.len19 { width: 15.5625rem !important; }

.len20 { width: 16.25rem !important; }

.len30 { width: 23.125rem !important; }

.len40 { width: 30rem !important; }

.len60 { width: 43.75rem !important; }

.len-text { width: 25rem; }

.h24 { height: 1.5rem !important; }

.h92 { height: 5.75rem !important; }

.h115 { height: 7.1875rem !important; }

.h136 { height: 8.5rem !important; }

.h168 { height: 10.5rem !important; }

.h170 { height: 10.625rem !important; }

.h180 { height: 11.25rem !important; }

.h244 { height: 15.25rem !important; }

.h245 { height: 15.3125rem !important; }

.h258 { height: 16.125rem !important; }

.h280 { height: 17.5rem !important; }

.h400 { height: 25rem !important; }

.mw-auto { min-width: auto !important; }

.mw72 { min-width: 4.5rem !important; }

.mw128 { min-width: 8rem !important; }

.mw160 { min-width: 10rem !important; }

.mw290 { min-width: 18.125rem; }

.mw300 { min-width: 18.75rem; }

.mw320 { min-width: 20rem; }

.mw400 { min-width: 25rem; }

.mw500 { min-width: 31.25rem; }

.max-w600 { max-width: 37.5rem; }

.end-1 { right: 0.75rem; }

.end-3 { right: 1rem; }

.end-4 { right: 1.5rem; }

.end-5 { right: 2rem; }

.end-6 { right: 2.5rem; }

.top-32 { top: 2rem !important; }

.pt-32 { padding-top: 2rem !important; }

.ps-32 { padding-left: 2rem !important; }

.ms-52 { margin-left: 3.25rem !important; }

.ms-152 { margin-left: 9.5rem !important; }

.ms-156 { margin-left: 9.75rem !important; }

.mb-row { margin-bottom: 1rem; }

.mx-wavy { margin-left: 0.25rem; margin-right: 0.25rem; }

.ms-item { margin-left: 0.25rem; }

.mx-item { margin-left: 0.25rem; margin-right: 0.25rem; }

.me-item { margin-right: 0.25rem; }

.ms-btn { margin-left: 1rem; }

.mx-btn { margin-left: 1rem; margin-right: 1rem; }

.me-btn { margin-right: 1rem; }

.ms-btn-lg { margin-left: 1.5rem; }

.mx-btn-lg { margin-left: 1.5rem; margin-right: 1.5rem; }

.me-btn-lg { margin-right: 1.5rem; }

.my-btn-lg { margin-top: 1.25rem; margin-bottom: 1.25rem; }

.py-btn-lg { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.file-drop-zone { border: 1px solid #000; }

/* alert */
.alert { padding: 0.5rem 1rem; }

/* card */
.main .card { border: 1px solid #000; }
.card .card-body { padding: 0.25rem 0.5rem; border-radius: 0.25rem; overflow-y: auto; overflow-x: hidden; }

/* grid */
.col-w-12 { flex: 0 0 auto; width: 12.5% !important; }

.col-w-20 { flex: 0 0 auto; width: 20% !important; }

.col-w-40 { flex: 0 0 auto; width: 40% !important; }

.col-w-60 { flex: 0 0 auto; width: 60% !important; }

.col-w-62 { flex: 0 0 auto; width: 62.5% !important; }

.row > * { margin-bottom: 1rem; }

/* font-size */
.fs12 { font-size: 0.75rem !important; color: #6c757d; }

.fs17 { font-size: 1.0625rem !important; }

/* transform */
.rotate-90 { width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); margin: auto; }

/* 探す */
.btn-sagasu { margin-left: 0.25rem; margin-right: 0.25rem; }

.flex-between-center { display: flex; justify-content: space-between; align-items: center; }

.flex-between-end { display: flex; justify-content: space-between; align-items: flex-end; }

.flex-around-center { display: flex; justify-content: space-around; align-items: center; }

.flex-center-center { display: flex; justify-content: center; align-items: center; }

.flex-start-center { display: flex; justify-content: flex-start; align-items: center; }

.flex-start-start { display: flex; justify-content: flex-start; align-items: flex-start; }

.flex-end-center { display: flex; justify-content: flex-end; align-items: center; }

.costom-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }

.costom-scrollbar::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }

.costom-scrollbar::-webkit-scrollbar-thumb { background: #ced4da; border-radius: 4px; }

.change-icon { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; top: -0.25rem; right: -1.5rem; }

.form-check-inline:last-child { margin-right: 0; }

/* checkbox group */
.card-row3 { height: 6.162rem !important; }

/* 商品コード */
.shohin-cd { width: 15.25rem; margin-right: 0.25rem !important; }

.shohin-cd-sub1 { width: 4.5rem !important; margin-right: 0.25rem !important; }

.shohin-cd-sub2 { width: 4.5rem; }

/* 取引先コード */
.trade-cd { width: 7.625rem; margin-right: 0.25rem; }

.trade-cd-sub1 { width: 5rem; }

.trade-name { width: 51.0625rem; }

/* datatimepicker */
.dp-ymd, .dp-ym { width: 16.25rem; }

/* search-result Title */
.search-result, .title { font-size: 1.25rem; font-weight: bold; text-align: center; margin-bottom: 1rem; }

/* badge */
.badge.bg-rqd { margin-left: 0.25rem; background-color: #E6007D; }

.color-red { color: #E6007D; }

/* btn */
.btn { font-weight: bold; }

.btn:not(.btn-link) { min-width: 7.5rem; }

.btn i { float: left; margin-right: 0.5rem; }

.btn em { margin-right: 0.5rem; }

.btn.btn-lg { min-width: 7.5rem; }

.btn.btn-link-gray { color: #6c757d; }

.btn.collapse-hide { display: none; }

.btn-outline-secondary { background-color: #fff; }

.btn-group-lg > .btn:not(.custom-btn-lg), .btn-lg:not(.custom-btn-lg) { font-size: 1rem; border-radius: 0.25rem; padding: 0.375rem 0.75rem; }

.collapse-show i, .collapse-hide i, .conteo-collapse i { float: none; }

.conteo-collapse .closeText { display: none; }

.conteo-collapse.btn-outline-secondary:focus {
  box-shadow: none;
}

.alert-dismissible .btn-close {
  padding: 1.5rem 1rem;
}

/* 分割线 */
.divider { max-width: 75.375rem; height: 2px; margin: 2rem 0; background: #6c757d; }

/* modal */
@media (min-width: 1360px) {
.modal-xl { max-width: 1270px; }
}

.modal::-webkit-scrollbar { width: 6px; height: 6px; }

.modal::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }

.modal::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 4px; }

.popup .modal-content { border: 0; border-radius: 0.25rem; }

.popup .modal-header { justify-content: center; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.popup .modal-footer { display: initial; padding: 1rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.popup .modal-footer>* { margin: 0 !important; }

/* form */
label { font-weight: bold; }

label.form-label { font-weight: bold; }

.form-control, .form-select { border: 1px solid #000; }

.form-check { margin-top: 0.125rem; }

.form-check-inline:last-child { margin-right: 0; }

.form-check-input { margin-top: 0.2em }

.form-group .navima-dropdown { position: relative; }

.form-group .navima-dropdown .remove { display: block; font-weight: normal; font-size: 1.25rem; line-height: 1rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; position: absolute; right: 2.5rem; top: 50%; margin-top: -0.575rem; z-index: 999; cursor: pointer; }

.form-group .navima-dropdown .remove:hover { background-color: rgba(0, 0, 0, 0.3); }

.form-group .navima-dropdown .dropdown-arrow { display: flex; justify-content: center; align-items: center; font-size: 1.625rem; color: #0D44A1; pointer-events: none; position: absolute; z-index: 9; right: 0.0625rem; top: 0.0625rem; width: 2.1875rem; background: #F6DF18; border-radius: 0 0.25rem 0.25rem 0; height: calc(1em + 0.625rem); }

.form-group .navima-dropdown .dropdown-arrow.bg-blue { background: #15499D; color: #fff; }

.form-group .navima-dropdown .input-group-addon { display: flex; justify-content: center; align-items: center; font-size: 1rem; color: #6c757d; pointer-events: none; position: absolute; z-index: 7; right: 0.0625rem; top: 0.0625rem; width: 2.1875rem; border-radius: 0 0.25rem 0.25rem 0; height: calc(1em + 1.25rem); }

.form-group .navima-dropdown .input-group-addon.bg-blue { background: #15499D; color: #fff; }

.navima-dropdown.input-group > .form-control:not(:last-child), .navima-dropdown.input-group > .custom-select:not(:last-child) { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; cursor: pointer; }

.navima-dropdown.input-group > .form-control:not(:last-child):read-only, .navima-dropdown.input-group > .custom-select:not(:last-child) { cursor: default; }

/* disabled */
.input-disabled, .div-disabled input, .div-disabled textarea, .div-disabled select, .div-disabled .card, .div-disabled .list-code { background-color: #e9ecef; pointer-events: none; resize: none; }
em.input-disabled, .div-disabled em, .div-disabled label, .div-disabled .file-input, .input-disabled .file-input, input[type=radio].input-disabled + label, input[type=checkbox].input-disabled  + label, label.form-label { background-color: transparent; pointer-events: none; }
.btn.input-disabled, .div-disabled .btn { pointer-events: none; opacity: .65; }
.btn-outline-secondary.input-disabled, .div-disabled .btn-outline-secondary { background-color: #e9ecef; }
.btn-secondary.input-disabled, .div-disabled .btn-secondary { background-color: #6c757d; }
.btn-warning.input-disabled, .div-disabled .btn-warning { background-color: #ffc107; }
.div-disabled input[type=radio], .div-disabled input[type=checkbox], input[type=radio].input-disabled, input[type=checkbox].input-disabled { filter: none; opacity: .5; }

.div-disabled .form-check-input:checked, .input-disabled.form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; }

.div-disabled .list-code ul li:nth-child(even) { background-color: transparent; }

.div-disabled input:-webkit-autofill, .div-disabled input:-webkit-autofill:hover, .div-disabled input:-webkit-autofill:focus,
input.input-disabled:-webkit-autofill, input.input-disabled:-webkit-autofill:hover, input.input-disabled:-webkit-autofill:focus,
.div-disabled select:-webkit-autofill, .div-disabled select:-webkit-autofill:hover, .div-disabled select:-webkit-autofill:focus,
select.input-disabled:-webkit-autofill, select.input-disabled:-webkit-autofill:hover, select.input-disabled:-webkit-autofill:focus
{ box-shadow: 0 0 0px 1000px #e9ecef inset !important; -webkit-box-shadow: 0 0 0px 1000px #e9ecef inset !important; }

/* siderbar */
.siderbar { position: fixed; left: 0; top: 0; bottom: 0; width: 11.875rem; background: #575757; z-index: 9; }

.siderbar .logo { width: 6.875rem; height: 3rem; margin: 1.75rem auto; background-size: auto 3rem; }

.siderbar .logo img { width: 6.875rem; display: block; }

/* menu */
.sidermenu { padding: 0 0.1875rem 0 0.625rem; height: calc(100% - 14rem); overflow-y: scroll; width: 100%; overflow-x: hidden; position: relative; z-index: 1; }

.sidermenu::-webkit-scrollbar { width: 7px; height: 7px; }

.sidermenu::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }

.sidermenu::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; }

.sidermenu:hover::-webkit-scrollbar { width: 7px; height: 7px; }

.sidermenu:hover::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }

.sidermenu:hover::-webkit-scrollbar-thumb { background: #ced4da; border-radius: 4px; }

.sidermenu { scrollbar-color: transparent transparent; scrollbar-width: thin; border-right: 2px solid transparent; }

.sidermenu:hover { scrollbar-color: #ced4da transparent; scrollbar-width: thin; border-right: 2px solid #575757; }

.sidermenu .list { width: 100%; color: #fff; }

.sidermenu .list ul { padding-left: 0; }

.sidermenu .list ul li { border-bottom: 0; cursor: pointer; }

.sidermenu .list ul li a { padding: 0.5rem 0; color: #fff; font-size: 0.875rem; text-decoration: none; display: block; min-height: 2.25rem; line-height: 1.25rem; position: relative; display: flex; justify-content: flex-start; align-items: center; }

.sidermenu .list ul li .inactive { background: url(/ac/img/off.svg) no-repeat calc(100% - 0.1875rem) center; }

.sidermenu .list ul li .inactives { background: url(/ac/img/on.svg) no-repeat calc(100% - 0.1875rem) center; }

.sidermenu .list ul li ul li a { padding-left: 0.625rem; padding-right: 0.625rem; }

.sidermenu .list > ul > li > ul > li > ul > li { transition: 0.3s cubic-bezier(0.3, 0, 0, 1.37); }

.sidermenu .list > ul > li > ul > li > ul > li > a { padding-left: 0.625rem; padding-right: 0.625rem; }

.sidermenu .list > ul > li > ul > li > ul > li:hover, .sidermenu .list > ul > li > ul > li > ul > li.selected { background: #ffca2c; color: #000; border-radius: 0.3125rem; }

.sidermenu .list > ul > li > ul > li > ul > li:hover a, .sidermenu .list > ul > li > ul > li > ul > li.selected a { color: #000; }

.sidermenu li.menu-active > a > span { border-bottom: 1px solid #fff; }

.logout { position: absolute; bottom: 0px; width: 100%; height: 5.5rem; font-weight: bold; color: #A0A0A0; background: #575757; z-index: 2; }

.logout ul { padding-left: 0; margin-bottom: 0; }

.logout ul li { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; }

.logout ul li h4 { font-size: 0.8125rem; line-height: 1rem; padding-top: 0; margin-bottom: 0px; }

.logout ul li h4:hover { text-decoration: underline; color: rgba(255, 255, 255, 0.8); }

.logout ul li span { display: block; width: 2.5rem; height: 2.5rem; margin: 0 auto; }

.NT-header { position: fixed; width: 73.0625rem; top: 0; left: 11.875rem; height: 5rem; padding-left: 1rem; z-index: 999; min-width: 73.0625rem; background: #F2EEE7; display: flex; justify-content: flex-start; align-items: center; }

.NT-header::after { content: ''; position: fixed; height: 5rem; left: 11.875rem; right: 0; background: #F2EEE7; z-index: 0; }

.NT-header h3 { font-weight: bold; z-index: 2; width: 38rem; margin-bottom: 0; font-size: 1.5rem; }

.NT-header h3 span:first-child { margin-right: 0.5rem; }

.NT-header div { z-index: 2; width: 32.5rem; }

.NT-header div button { margin-left: 0.25rem; }

.NT-header div span { float: right; }

.NT-header div label:first-child { line-height: 2.375rem; }

/* datatable */
.dataTables_scrollHeadInner { background: #F2EEE7; }

.dataTables_wrapper .row .col-sm-12 { margin-bottom: 0 !important; }

.dataTables_scrollBody { height: auto !important; }

.td-title { text-align: center; background-color: #F2EEE7 !important; }

.table tr td { padding: 0.25rem 0.5rem; height: 2rem; min-height: 2rem; line-height: 2rem; vertical-align: middle; }

.table tr td > div { word-break: break-all; white-space: initial; }

.table tr td input.form-check-input { vertical-align: middle; margin-top: -0.3125px; }

.table tr td input.form-control { min-height: calc(1.5em + 0.5rem + 3px); padding: 0.25rem 0.5rem; font-size: .875rem; border-radius: 0.2rem; margin: auto; }

.table tr td .btn:not(.btn-link) { min-width: auto; padding: 0.1875rem 0.4375rem; display: block; }

.table tr td .btn em { margin-right: 0; }

.table-control tr td:first-child { background: #F2EEE7; }

.table-bordered > :not(caption) > * { height: 0 !important; }

.table tr td > div.flex-center-center { overflow: initial; }

.table tr td > div.flex-center-center input.form-control { margin: 0; }

.table tr td > div.text-start { margin: auto auto auto 0; }

.table tr td > div.text-center { margin: auto; }

.table tr td > div.text-end { margin: auto 0 auto auto; }

.main-table { width: 100%; height: auto; font-family: "Meiryo" !important; font-size: 0.625rem; line-height: 1.5rem; padding: 0.625rem }

.main-table .table { margin-bottom: 1rem; }

.main-table .table:last-child { margin-bottom: 0; }

.main-table .table-sm>:not(caption)>*>* { padding: 0.25rem; }

.main-table-title, .main-table-title1 { font-size: 0.875rem; text-align: center; line-height: 1rem; margin-bottom: 0.25rem; position: relative; }

.main-table-title > div, .main-table-title1 > div { font-size: 0.625rem !important; position: absolute; top: 0; right: 0; }

.main-table-text { text-align: left; }

.main-table .table thead tr, .main-table .table { page-break-after: always; }

.main-table .table tbody tr td:first-child { border-bottom: 0; }

.main-table .table .border-top-none, .main-table .table tr.border-top-none td { border-top: 0; }

.main-table .table tbody tr.border-top td, .main-table .table tbody tr td.border-top { border-top: 1px solid #dee2e6; }

.main-table .table tbody tr.border-bottom-none td, .main-table .table tbody tr td.border-bottom-none, .main-table .table thead tr.border-bottom-none th, .main-table .table thead tr th.border-bottom-none { border-bottom: 0; }

.main-table .table tbody tr.border-bottom td, .main-table .table tbody tr td.border-bottom { border-bottom: 1px solid #dee2e6; }

.main-table .table tr th { line-height: 1.5rem; font-weight: 500; vertical-align: top; padding-top: 0.125rem; padding-bottom: 0.25rem; }

.main-table .table tr td { height: auto; line-height: 1.5rem; vertical-align: top; }

.main-table .table tr td:last-child, .main-table .table tr th:last-child { padding-right: 0; }

.main-table .table tr td:first-child, .main-table .table tr th:first-child { padding-left: 0; }

.main-table .table tr td > div { word-break: break-all; white-space: normal; }

.main-table .table .page-footer { width: 100%; height: 1.5rem; line-height: 1rem; text-align: left; font-weight: bold; border-top: 2px solid #212529; padding: 0.25rem 0 0.125rem 0; position: fixed; bottom: 0; }

.main-table .table tfoot { width: 100%; height: auto; border-top: 0; }

.main-table .table tfoot tr td { padding: 0 !important; border-bottom: 0; }

.print { display: none; }

/* 打印样式 */
@media print {
  @page { margin: 8mm 10mm 8.74mm 10mm; @bottom-center { content: counter(page); } }

  body { height: auto !important; }

  .main-table { font-family: "Meiryo" !important; font-size: 0.625rem; padding: 0; }

  .main-table-title, .main-table-title1 { font-size: 0.875rem; padding-top: 2mm; }

  .main-table-title1 { display: none; }

  .main-table-title > div, .main-table-title1 > div { font-size: 0.625rem; padding-top: 2mm; }

  .main-table .table tfoot tr td { height: 1.5rem; }

  .print { display: block; }
}   

/* background-image */
.bg-img-none { background-image: none !important; }

/* main */
.main { width: 73.0625rem; position: relative; left: 11.25rem; top: 0px; right: 0; bottom: 0; padding: 6.5rem 0.875rem 1.5rem 2.125rem; }

.main2 { width: auto; position: relative; left: 11.25rem; top: -2.125rem; right: 0; bottom: 0; padding: 0rem 0.875rem 1.5rem 2.125rem; }

.list-code { width: 39.625rem; height: auto; border: 1px solid #000; border-radius: 0.25rem; }

.list-code ul { width: 100%; height: 6rem; padding: 0.5rem 0.75rem 0.5rem 1rem; margin: 0; overflow-y: auto; }

.list-code ul::-webkit-scrollbar { width: 4px; height: 4px; }

.list-code ul::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }

.list-code ul::-webkit-scrollbar-thumb { background: #ced4da; border-radius: 4px; }

.list-code ul li { width: 100%; height: 2rem; text-align: left; line-height: 2rem; padding: 0 0.25rem; display: flex; align-items: center; }

.list-code ul li > div { width: calc(100% - 2rem); height: 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.list-code ul li > div:last-child { width: 2rem; height: 2rem; text-align: right; cursor: pointer; }

.list-code ul li:nth-child(even) { background: #f8f9fa; }

/* search */
.search-wrap { width: 100%; }

.search-wrap .nav-link { color: #ced4da; }

.search-wrap .nav-link:hover { border-color: transparent; }

.search-wrap .nav-tabs .nav-link.active  { font-weight: 600; }

.search-wrap .nav-tabs .nav-link.active:hover { border-color: #dee2e6 #dee2e6 #fff; }

.edit-wrap { width: 100%; }

.content { width: 100%; margin-bottom: 1rem; }

.footer { width: 100%; }

/* 在庫照会・在庫ステータス更新　詳細 */
.bunrui-cd-card { width: 18.625rem; }

.shohin-nm-div { margin-top: -1.5rem; }

.number-div { line-height: 1.875rem; padding-right: 0.125rem; }

.text-div { line-height: 2rem; }

.gokei-table { width: calc(100% - 7.3125rem); }

/* マニュアル */
.catlaog-detail-list { margin-bottom: 3rem; }

.catlaog-list ul, .catlaog-detail-list ul { margin-bottom: 0; }

.catlaog-list ul li, .catlaog-detail-list ul li { margin-bottom: 0.25rem; }

.catlaog-list ul li:last-child, .catlaog-detail-list ul li:last-child, .catlaog-detail-list:last-child { margin-bottom: 0; }

.catlaog-detail-list ul li a { width: auto; height: 100%; text-decoration: underline; margin-right: 0.5rem; display: inline-block; }

h5 [class*=" bi-"]::before { font-weight: 900 !important; }

/* 計画停止中 & 計画外停止中(404エラー) */
.Project-shut-down { width: 100%; height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items: center; }

.Project-shut-down > .logo { width: 18rem; height: 10rem; background: url(/ac/img/conteo_logo.png) no-repeat center; background-size: 200%; }

.Project-shut-down > div > p { font-size: 1.125rem; line-height: 2; margin-bottom: 2rem; }

.Project-shut-down > div > p:last-child { margin-bottom: 0; }

/* Menuの折り畳み */
.siderbar .siderbarhidediv { height: 3rem !important; cursor: pointer; }
.siderbar .siderbarshowdiv { display: none; background:#575757; position: fixed; cursor: pointer; top: calc(50% - 1.25rem) !important; left: 10px !important; width: 1rem !important; height: 2.5rem !important; z-index: 9 !important; border-radius: 0 0.25rem 0.25rem 0 !important; color: #fff;}
.siderbar .siderbarhidediv div { display: block !important; line-height: 3rem !important; height: 3rem !important; text-align: center; color: #fff; }
.siderbar .siderbarhidediv .symbol { font-size: 1rem !important; margin-right: 0.25rem; }