@charset "UTF-8";
/** *******************************************
 * 全般
 ******************************************* **/
html {
  overflow-y: scroll;
}

html, body {
  /*font-size: 28px;*/
  line-height: 1.4;
  box-sizing: border-box;
}

body {
  padding-top: 40px;
}
body.subWindow {
  padding-top: 0px;
}

h1 {
  font-size: 20px;
  border-left: 6px solid #333;
  padding-left: 10px;
}

h3 {
  font-size: 16px;
  border-left: 6px solid #355692;
  padding-left: 10px;
  font-weight: normal;
  color: #355692;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  display: inline-block;
  padding: 3px 10px;
  background-color: #9ebddc;
  color: #ffffff;
  margin-bottom: 10px;
}

span.itemError {
  font-size: 80%;
  color: red;
}

div.cal-header a {
  font-family: monospace;
}

.hidden {
  display: none;
}

/** 印刷時 */
@media print {
  body {
    padding-top: 0px !important;
  }
  #header {
    display: none !important;
  }
  .noPrint {
    display: none !important;
  }
}
#content {
  margin: 0px auto 0px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 1260px;
  box-sizing: border-box;
}

.far, .fas {
  transform: rotate(0.001deg);
}

/* 自主回収メッセージ */
#recallMessage {
  background: #ff8c2a;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 2px;
}

@media print {
  #recallMessage {
    display: none;
  }
}
/** *******************************************
 * ヘッダー
 ******************************************* **/
body.subWindow #header {
  display: none;
}

#header {
  padding: 6px 0px 0px 0px;
  position: fixed;
  top: 0px;
  z-index: 102;
  left: 0px;
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  background-position-y: 6px;
  background-position-x: 5px;
  background-color: #9c141f;
  height: 40px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
#header .headerLink {
  display: inline-block;
  width: 121px;
  height: 21px;
  margin-left: 10px;
  vertical-align: sub;
}
#header .headerLink img {
  position: absolute;
  top: 6px;
}
#header .pvasLink,
#header .rightHeader {
  color: #fff;
  position: absolute;
  right: 14px;
  font-size: 14px;
  font-weight: bold;
  top: 10px;
}
#header .rightHeader a {
  color: #FFFFFF;
  margin-left: 20px;
}
@media (max-width: 600px) {
  #header .rightHeader a {
    margin-left: 0px;
  }
}
#header .rightHeader a:hover {
  color: #5991f9;
}
#header .loginUser i {
  margin: 5px;
}
@media (max-width: 600px) {
  #header #headerPassword {
    font-size: 0;
  }
  #header #headerPassword::after {
    content: "\f084";
    transform: rotate(0.001deg);
    font-family: "Font Awesome 6 Pro";
    font-size: 13px;
    background: #fff;
    display: inline-block;
    color: #9c141f;
    border-radius: 20px;
    padding: 3px 6px;
    text-align: center;
  }
  #header #headerLogout {
    font-size: 0;
  }
  #header #headerLogout::after {
    content: "\f08b";
    transform: rotate(0.001deg);
    font-family: "Font Awesome 6 Pro";
    font-size: 13px;
    background: #fff;
    display: inline-block;
    color: #9c141f;
    border-radius: 20px;
    padding: 3px 6px;
    text-align: center;
  }
}
#header:not(.PRODUCT) {
  background-color: #4a4a4a;
}
#header:not(.PRODUCT) .headerLink img {
  filter: grayscale(100%);
}

/** *******************************************
 * パンくずリスト
 ******************************************* **/
body.subWindow .breadcrumbs {
  display: none;
}

.breadcrumbs {
  border-radius: 4px;
  margin-left: 8px;
  overflow: hidden;
  margin-top: 4px;
  width: auto;
  display: inline-block;
  font-size: 0px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.breadcrumbs a {
  font-size: 14px;
  display: inline-block;
  color: #FFF;
  background-color: #66b8dc;
  text-decoration: none;
  position: relative;
  height: 31px;
  line-height: 31px;
  padding: 0 10px 0 0px;
  text-align: center;
  margin-right: 23px;
  transition: background-color 0.2s;
}

.breadcrumbs a:before,
.breadcrumbs a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #66b8dc;
  border-width: 16px 10px;
  width: 5px;
  height: 0;
  transition: border-color 0.2s;
}

.breadcrumbs a:before {
  left: -24px;
  border-left-color: transparent;
}

.breadcrumbs a:nth-child(even) {
  background-color: #5991f9;
}

.breadcrumbs a:nth-child(even):before {
  border-color: #5991f9;
  border-left-color: transparent;
}

.breadcrumbs a:nth-child(even):after {
  border-left-color: #5991f9;
}

.breadcrumbs a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #66b8dc;
}

.breadcrumbs a:first-child {
  border-radius: 4px 0 0 4px;
  padding-left: 12px;
  background-color: #ff7474;
  width: 42px;
}

.breadcrumbs a:first-child:after {
  border-left-color: #ff7474;
}

.breadcrumbs a:first-child:before {
  border: none;
}

.breadcrumbs a:last-child {
  padding-right: 15px;
  border-radius: 0 4px 4px 0;
  margin-right: 0px;
}

.breadcrumbs a:last-child:after {
  border: none;
}

.breadcrumbs a:hover {
  text-decoration: none;
  background-color: #ff863e;
}

.breadcrumbs a:hover:after {
  border-left-color: #ff863e;
}

.breadcrumbs a:hover:before {
  border-color: #ff863e;
  border-left-color: transparent;
}

/** *******************************************
 * タブ
 ******************************************* **/
.tab {
  margin-top: 10px;
  font-size: 14px;
  border-bottom: 2px solid #3f3ee0;
  width: 100%;
  display: flex;
  padding-bottom: 0;
}

.tab a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  width: 140px;
  text-align: center;
  background-color: #ffffff;
  padding: 4px 10px 4px 5px;
  border-radius: 4px 4px 0px 0px;
}

.tab a:hover {
  text-decoration: none;
  background-color: #f9ff8c;
}

.tab a.on {
  background-color: #3f3ee0;
  color: #FFF;
}

.tab a.on:hover {
  background-color: #6487ff;
  color: #FFF;
}

.tabBody {
  padding: 15px 0 0;
}
.tabBody > div.on {
  display: block;
}
.tabBody > div.off {
  display: none;
}

/** *******************************************
 * フォーム
 ******************************************* **/
.borderedForm {
  display: inline-block;
  width: auto;
  margin: 0px auto 20px;
  border: 2px solid #9ebddc;
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #fff;
}
.borderedForm > div {
  margin-bottom: 8px;
}
.borderedForm > div:last-of-type {
  margin-bottom: 0px;
}

input[type=text],
input[type=number],
input[type=password],
input[type=tel],
textarea {
  padding: 3px 5px;
  margin-top: 2px;
  border: 2px solid #9ebddc;
  margin-bottom: 2px;
  border-radius: 8px;
  outline: none;
}

input[type=text]:focus,
input[type=text]:hover,
input[type=number]:focus,
input[type=number]:hover,
textarea:focus,
textarea:hover {
  background-color: #e7fff5;
}

input[type=text].error,
input[type=number].error,
label.error,
select.simple.error,
textarea.error {
  background-color: #ffe5e5;
}

select.error {
  background-color: #ff7777;
}

input[type=button],
input[type=submit],
input[type=radio] + label {
  display: inline-block;
  padding: 4px 12px;
  border: none;
  border-radius: 16px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  background: #5991f9;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4 !important;
  outline: none;
  transition: all 0.2s;
  transform: rotate(0.001deg);
  font-family: sans-serif, "Font Awesome 6 Pro";
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=radio] + label:hover {
  background: #ff863e;
}

input[type=button].dlButton {
  color: #6596bf;
  background: #e5f3ff;
  border: 1px solid #afcbe2;
  border-radius: 2px;
  -webkit-box-shadow: none;
  padding: 2px 7px 2px 5px;
}

input[type=button].dlButton:hover {
  background: #ffe5d5;
  border-color: #ff863e;
  color: #ff5f00;
  padding: 2px 7px 2px 5px;
}

select {
  color: #FFF;
  font-size: 14px;
  border: none;
  border-radius: 15px;
  padding: 3px 30px 3px 12px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  transition: background-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectOuter {
  display: inline-flex;
  position: relative;
  margin-right: 10px;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
}

.selectOuter:after {
  display: inline-block;
  content: "\f32d";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  margin-left: -20px;
  font-size: 15px;
  pointer-events: none;
}

select:not([multiple]) option {
  background-color: #fff;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
}

select::-ms-expand {
  display: none;
}

select.simple:hover,
select.simple {
  padding: 0px 5px 3px;
  margin-top: 2px;
  border: 2px solid #9ebddc;
  box-shadow: none;
  margin-bottom: 2px;
  border-radius: 2px;
  outline: none;
  color: #000;
  background-color: #fff;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

input[type=radio] + label,
button,
select {
  background-color: #18a735;
  height: 27px;
}
input[type=radio] + label:hover,
button:hover,
select:hover {
  background: #ff863e;
}

input[type=button].subButton {
  padding: 4px 12px;
  font-size: 12px;
  background: #39a747;
}

input[type=button].subButton:hover {
  background: #ff863e;
}

input[type=button].negativeButton {
  background: #ff7474;
}

input[type=button].negativeButton:hover {
  background: #ff863e;
}

input.date {
  width: 108px;
  margin: 10px 0px;
}

.ui-datepicker {
  z-index: 1000 !important;
}

input.number {
  text-align: right;
}

input.use_per {
  background-image: url(../img/input_per.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 2px) 2px;
  background-size: 12px;
}

textarea:disabled {
  pointer-events: none;
}

input[type=radio],
input[type=checkbox] {
  display: none;
}

input[type=radio] + label,
input[type=checkbox] + label {
  padding-left: 29px;
  position: relative;
}

input[type=radio]:checked + label:before {
  content: "\f00c";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 4px;
  font-weight: 700;
  color: #ff6000;
  z-index: 2;
}

input[type=radio] + label:after {
  content: "";
  display: inline-block;
  background-color: #FFF;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 9px;
  top: 6px;
  border-radius: 10px;
}

input[type=radio]:disabled + label {
  background-color: #999;
  cursor: auto;
}
input[type=radio]:disabled:checked + label:before {
  color: #999;
}

input[type=checkbox] + label {
  color: #6596bf;
}

input[type=checkbox]:checked + label:before {
  content: "\f00c";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: bold;
  font-size: 16px;
  color: #ff6000;
  z-index: 2;
}

input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  background-color: #FFF;
  border: 2px solid #9ebddc;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 6px;
  top: 1px;
  border-radius: 2px;
}

input[type=checkbox].noLabel + label {
  content: " ";
  width: 26px;
  height: 26px;
  padding: 3px;
  top: 2px;
  border-radius: 3px;
  vertical-align: middle;
}

input[type=checkbox].noLabel:checked + label:before {
  left: 6px;
  top: 2px;
}

input[type=checkbox].noLabel + label:after {
  width: 22px;
  height: 22px;
  left: 2px;
  top: 2px;
}

table input[type=checkbox].noLabel + label {
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 0px;
  box-shadow: 0 0 black;
}

table input[type=checkbox].noLabel:checked + label:before {
  left: 2px;
  top: -1px;
}

table input[type=checkbox].noLabel + label:after {
  width: 18px;
  height: 18px;
  left: -4px;
  top: -4px;
  position: relative;
}

.ui-jqgrid-bdiv table input[type=checkbox].noLabel + label:after {
  width: 16px;
  height: 16px;
  left: -6px;
  top: -3px;
  position: relative;
}

input[type=checkbox].simple + label {
  background-color: transparent;
  color: #333;
  border: none;
  box-shadow: none;
}

input[type=checkbox].simple + label:after {
  border: 1px solid #18a735;
  top: 4px;
}

input[type=checkbox].simple:checked + label:before {
  top: 2px;
}

input[type=radio].simple {
  display: inline-block;
}

form label {
  padding-right: 8px;
  height: 32px;
  vertical-align: middle;
  cursor: pointer;
}

form div.required.sub {
  background: #3232e0;
  display: none;
}

form .notice {
  font-size: 12px;
  color: #2e4fb1;
}

form div.error {
  font-size: 12px;
  color: #ff0000;
}

form input[type=text][readonly],
form input[type=text][readonly]:hover,
form input[type=text][readonly]:focus,
form input[type=number][readonly],
form input[type=number][readonly]:hover,
form input[type=number][readonly]:focus,
form input[type=tel][readonly],
form input[type=tel][readonly]:hover,
form input[type=tel][readonly]:focus,
form textarea[readonly],
form textarea[readonly]:hover,
form textarea[readonly]:focus {
  border: none;
  background-color: transparent;
  resize: none;
  overflow: hidden;
}

form div.required {
  display: inline-block;
  background: #e03232;
  padding: 1px 6px;
  border-radius: 4px;
  color: #FFF;
  font-size: 11px;
}

form span.readonly {
  margin-left: 5px;
}

form table tr.title th {
  text-align: left;
  /* font-weight: bold; */
  color: #ffffff;
  padding-left: 6px;
  font-size: 15px;
  background-color: #428ad2;
}

form table tr.title th i {
  margin-right: 6px;
}

form span.label {
  min-width: 76px;
  text-align: right;
  display: inline-block;
}

form .buttons {
  margin-top: 20px;
  margin-bottom: 20px;
}

form.editSwitchForm.edit .editButton,
form.editSwitchForm.edit .backButton {
  display: none;
}
form.editSwitchForm.edit .saveButton,
form.editSwitchForm.edit .cancelButton {
  display: inline;
}
form.editSwitchForm.edit textarea + label {
  display: none;
}
form.editSwitchForm.edit .selectedText {
  display: none;
}
form.editSwitchForm:not(.edit) .editButton,
form.editSwitchForm:not(.edit) .backButton {
  display: inline;
}
form.editSwitchForm:not(.edit) .saveButton,
form.editSwitchForm:not(.edit) .cancelButton {
  display: none;
}
form.editSwitchForm:not(.edit) label {
  pointer-events: none;
}
form.editSwitchForm:not(.edit) select,
form.editSwitchForm:not(.edit) input[type=checkbox],
form.editSwitchForm:not(.edit) input[type=radio],
form.editSwitchForm:not(.edit) div.required {
  display: none;
}
form.editSwitchForm:not(.edit) i.fa-circle {
  color: #ccc;
}
form.editSwitchForm:not(.edit) .notice {
  display: none;
}
form.editSwitchForm:not(.edit) textarea {
  display: none;
}
form.editSwitchForm:not(.edit) textarea + label {
  white-space: pre-wrap;
  min-height: 200px;
  display: block;
  height: auto;
  width: 100%;
}

.topButtons {
  margin-bottom: 20px;
}

.bottomButtons {
  margin-top: 20px;
}

table.report {
  width: 100%;
  /* height: 60px; */
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0px;
  border: 1px solid #c5dbec;
  background-color: #c5dbec;
  border-spacing: 1px;
  border-radius: 6px;
  overflow: hidden;
}

table.report a {
  font-weight: bold;
  text-decoration: underline;
  color: blue;
}

table.report td.price {
  font-family: "Arial";
}

table.report tr.delFlg1 {
  background: #ddd;
  color: #999;
}

table.report th:nth-child(n+2),
table.report td:nth-child(n+2) {
  border-left-width: 1px;
}

table.report tr:nth-child(n+2) th,
table.report tr:nth-child(n+2) td {
  border-top-width: 1px;
}

table.report tr:nth-child(1) th:nth-child(1),
table.report tr:nth-child(1) td:nth-child(1) {
  border-top-width: 1px;
}

table.report th {
  padding: 3px 6px;
  background: #e5f3ff;
  text-align: right;
  font-weight: normal;
  color: #355692;
  font-size: 13px;
}

table.report td {
  padding: 3px 6px;
  background-color: #FFF;
}

table.report caption {
  text-align: left;
  font-weight: bold;
  margin-top: 20px;
}

div#progressDialog {
  /* display: none; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index: 100000000;
}

div#progressDialog i {
  color: #FFF;
  font-size: 45px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -20px;
  margin-left: -22px;
  z-index: 100000001;
}

input.submitNotice {
  transition: all 500ms 0s ease;
}

input.submitNotice.on {
  box-shadow: 0 0px 10px 1px #f00;
}

a.disable {
  pointer-events: none;
  color: #999;
}

.grad {
  position: relative;
}

.grad:before {
  position: absolute;
  content: "";
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(0, 0, 0, 0.03) 51%, rgba(255, 255, 255, 0) 100%);
}

/** *******************************************
 * jqGrid
 ******************************************* **/
#pager input.ui-pg-input {
  padding: 2px 5px !important;
  text-align: center;
  width: 40px;
}

#pager select.ui-pg-selbox {
  padding: 2px 5px !important;
  text-align: center;
}

.ui-jqgrid .loading {
  z-index: 102 !important;
}
.ui-jqgrid .listButtons input[type=button],
.ui-jqgrid .listButtons input[type=submit] {
  padding: 1px 5px;
  box-shadow: none;
  border-radius: 4px;
  background-color: #f0fff7;
  border: 1px solid #166792;
  color: #333;
  font-weight: normal;
}
.ui-jqgrid .listButtons input[type=button]:hover,
.ui-jqgrid .listButtons input[type=submit]:hover {
  background-color: #fff3da;
  border: 1px solid #906620;
}
.ui-jqgrid .listButtons input[type=button]:disabled,
.ui-jqgrid .listButtons input[type=submit]:disabled {
  background-color: #f1f1f1;
  border: 1px solid #8f8f8f;
  color: #8f8f8f;
  cursor: auto;
}
.ui-jqgrid .listButtons input[type=button]:nth-child(n+1),
.ui-jqgrid .listButtons input[type=submit]:nth-child(n+1) {
  margin-left: 4px;
}
.ui-jqgrid .ui-jqgrid-btable tr.disabled td {
  background-color: #e2e2e2;
}
.ui-jqgrid .ui-jqgrid-btable tr td.IsEnable i {
  color: #00b717;
}
.ui-jqgrid .ui-widget-content a,
.ui-jqgrid .ui-state-highlight a, .ui-jqgrid .ui-widget-content .ui-state-highlight a, .ui-jqgrid .ui-widget-header .ui-state-highlight a {
  color: #0000ff;
}
.ui-jqgrid input[type=checkbox] + label {
  margin-right: 0;
}

.simple_jqgrid .ui-corner-all, .simple_jqgrid .ui-corner-bottom, .simple_jqgrid .ui-corner-right, .simple_jqgrid .ui-corner-br {
  border-bottom-right-radius: 0px;
}
.simple_jqgrid .ui-corner-all, .simple_jqgrid .ui-corner-bottom, .simple_jqgrid .ui-corner-left, .simple_jqgrid .ui-corner-bl {
  border-bottom-left-radius: 0px;
}
.simple_jqgrid .ui-corner-all, .simple_jqgrid .ui-corner-top, .simple_jqgrid .ui-corner-right, .simple_jqgrid .ui-corner-tr {
  border-top-right-radius: 0px;
}
.simple_jqgrid .ui-corner-all, .simple_jqgrid .ui-corner-top, .simple_jqgrid .ui-corner-left, .simple_jqgrid .ui-corner-tl {
  border-top-left-radius: 0px;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-view {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  font-size: 14px;
  z-index: 100;
}
.simple_jqgrid .ui-widget.ui-widget-content {
  border: 0px;
}
.simple_jqgrid .ui-state-default, .simple_jqgrid .ui-widget-content .ui-state-default, .simple_jqgrid .ui-widget-header .ui-state-default, .simple_jqgrid .ui-button, .simple_jqgrid html .ui-button.ui-state-disabled:hover, .simple_jqgrid html .ui-button.ui-state-disabled:active {
  border: 0px;
  background: none;
  background-color: #5991f9;
  transition: background-color 0.2s;
  font-weight: normal;
  color: #fff;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
  margin-top: 0px;
  display: inine-block;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-htable th div {
  overflow: hidden;
  position: relative;
  margin: 0px;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-htable th {
  height: 30px;
  padding: 5px 2px;
}
.simple_jqgrid .ui-jqgrid tr.jqgrow td {
  font-weight: normal;
  overflow: hidden;
  white-space: pre;
  padding: 4px 2px;
  border-bottom-width: 0px;
  cursor: pointer;
}
.simple_jqgrid .ui-jqgrid tr.ui-row-ltr td {
  border-right-width: 0px;
}
.simple_jqgrid .ui-th-div.ui-jqgrid-sortable {
  cursor: default;
}
.simple_jqgrid .ui-icon.ui-icon-seek-next {
  text-indent: 0;
}
.simple_jqgrid .ui-icon.ui-icon-seek-next::after {
  content: "\f054";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.simple_jqgrid .ui-icon.ui-icon-seek-prev {
  text-indent: 0;
}
.simple_jqgrid .ui-icon.ui-icon-seek-prev::after {
  content: "\f053";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.simple_jqgrid .ui-icon.ui-icon-seek-first {
  text-indent: 0;
}
.simple_jqgrid .ui-icon.ui-icon-seek-first::after {
  content: "\f323";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.simple_jqgrid .ui-icon.ui-icon-seek-end {
  text-indent: 0;
}
.simple_jqgrid .ui-icon.ui-icon-seek-end::after {
  content: "\f324";
  transform: rotate(0.001deg);
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0px;
}
.simple_jqgrid #pager .ui-state-hover,
.simple_jqgrid #pager .ui-widget-content .ui-state-hover,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-next,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-prev,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-first,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-end {
  background-color: #5991f9;
  background-image: none;
  border: 0px;
  padding: 0px;
}
.simple_jqgrid #pager .ui-state-hover::after,
.simple_jqgrid #pager .ui-widget-content .ui-state-hover::after,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-next::after,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-prev::after,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-first::after,
.simple_jqgrid #pager .ui-state-hover .ui-icon.ui-icon-seek-end::after {
  color: #3f3ee0;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-pager {
  font-size: 14px;
}
.simple_jqgrid .ui-jqgrid .ui-jqgrid-pager .ui-paging-info {
  margin: 2px 10px;
}
.simple_jqgrid .ui-jqgrid .ui-pg-button {
  padding: 0px;
}
.simple_jqgrid .ui-state-hover {
  background-color: #f9ff8c;
}

/** *******************************************
 * handsontable
 ******************************************* **/
.handsontable td, .handsontable th {
  font-size: 11px;
}

table.htCore tr th {
  background-color: #e5f3ff;
  color: #2e6e9e;
}

.handsontable tr:first-child td, .handsontable tr:first-child th {
  border-top: 1px solid #c5dbec;
}

.handsontable .htNoFrame + td, .handsontable .htNoFrame + th, .handsontable.htRowHeaders thead tr th:nth-child(2), .handsontable td:first-of-type, .handsontable th:first-child, .handsontable th:nth-child(2) {
  border-left: 1px solid #c5dbec;
}

.handsontable td, .handsontable th {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #c5dbec;
  border-bottom: 1px solid #c5dbec;
}

.handsontable .htNoFrame + td, .handsontable .htNoFrame + th, .handsontable.htRowHeaders thead tr th:nth-child(2), .handsontable td:first-of-type, .handsontable th:first-child, .handsontable th:nth-child(2) {
  border-left: 1px solid #c5dbec;
}

.handsontable th:last-child {
  border-right: 1px solid #c5dbec;
  border-bottom: 1px solid #c5dbec;
}

.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
  background-color: #ffbdb3;
}

.handsontable td.edited {
  background-color: #ffff66 !important;
}

.handsontable td.htCenter,
.handsontable td.center {
  text-align: center;
}
.handsontable td.htCenter input[type=checkbox],
.handsontable td.center input[type=checkbox] {
  margin: 0;
}

.handsontable button {
  height: auto;
}

/** *******************************************
 * MultiSelect
 ******************************************* **/
.ms-parent {
  font-size: 14px;
}
.ms-parent input[type=checkbox] {
  display: inline;
}
.ms-parent .ms-drop ul > li {
  padding: 0 0px 0 10px;
}
.ms-parent .ms-drop ul > li label {
  height: 20px;
}
.ms-parent span {
  font-weight: normal !important;
  margin-left: 2px !important;
}
.ms-parent .ms-choice {
  background-color: #18a735;
  border-radius: 15px;
  padding: 3px 30px 3px 12px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  transition: background-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ms-parent .ms-choice span {
  color: #fff !important;
}
select:disabled + .ms-parent {
  pointer-events: none;
  opacity: 0.8;
}

#draggableBase {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5411764706);
}

body.dragover #draggableBase {
  display: block;
  z-index: 1;
}
body.dragover .draggable {
  position: relative;
}
body.dragover .draggable::after {
  content: "ファイルをここにドロップできます。";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 249, 195, 0.5019607843);
  border: 2px dashed #f1b89b;
  font-size: 13px;
  top: -1px;
  left: -1px;
  font-weight: bold;
  color: #666666;
  text-align: center;
  z-index: 10;
}

/** *******************************************
 * ファイルリスト
 ******************************************* **/
ul.file_list {
  list-style: none;
  padding: 0 0 0 6px;
  margin: 10px 0px;
  font-size: 14px;
}
ul.file_list li {
  position: relative;
}
ul.file_list li i.delete {
  position: absolute;
  right: 0;
  top: 2px;
  color: #3f82ff;
  cursor: pointer;
}
ul.file_list li::before {
  content: "\f15b";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
  margin-right: 5px;
  color: #3f82ff;
}
ul.file_list li.html::before, ul.file_list li.js::before, ul.file_list li.css::before, ul.file_list li.php::before {
  content: "\f1c9";
}
ul.file_list li.png::before, ul.file_list li.jpeg::before, ul.file_list li.jpg::before, ul.file_list li.gif::before {
  content: "\f1c5";
}
ul.file_list li.doc::before, ul.file_list li.docx::before {
  content: "\f1c2";
}
ul.file_list li.xls::before, ul.file_list li.xlsx::before, ul.file_list li.xlsm::before {
  content: "\f1c3";
}
ul.file_list li.ppt::before, ul.file_list li.pptx::before {
  content: "\f1c4";
}
ul.file_list li.csv::before {
  content: "\f6dd";
}
ul.file_list li.pdf::before {
  content: "\f1c1";
}
ul.file_list li.mp4::before, ul.file_list li.mov::before, ul.file_list li.wmv::before, ul.file_list li.avi::before, ul.file_list li.flv::before {
  content: "\f1c8";
}
ul.file_list li.txt::before {
  content: "\f15c";
}
ul.file_list li.zip::before {
  content: "\f1c6";
}
ul.file_list li.mp3::before, ul.file_list li.wave::before, ul.file_list li.aac::before, ul.file_list li.flac::before, ul.file_list li.wma::before {
  content: "\f1c7";
}
ul.file_list li.glb::before {
  content: "\f1a0";
  font-size: 12px;
}
ul.file_list li.usdz::before {
  content: "\f179";
}

/** *******************************************
 * Other
 ******************************************* **/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}/*# sourceMappingURL=main.css.map */