@charset "UTF-8";
*,
*::before,
*::after {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
}

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"), local("Yu Gothic");
  font-weight: 500;
}
html {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", Meiryo, sans-serif;
}
@media all and (-ms-high-contrast: none) {
  html {
    font-family: Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Meiryo, sans-serif;
  }
}

body {
  margin: 0;
  padding: 0;
  background-color: #e6e6e6;
  color: #555;
  font-size: 14px;
  line-height: 1;
}

html, body {
  overflow: hidden;
}

input[type=text],
input[type=password],
textarea {
  font-family: "YuGothic M";
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3, h4, h5, h6 {
  font-size: 16px;
}

.gr-row--start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.gr-row--center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gr-row--end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

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

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

.gr-row-start-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

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

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

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

.gr-row-end-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

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

.gr-row-end-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}

.gr-col--start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.gr-col--center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gr-col--end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gr-col-start-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.gr-col-start-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.gr-col-start-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.gr-col-center-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.gr-col-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gr-col-center-end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.gr-col-end-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.gr-col-end-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.gr-col-end-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.mt0 {
  margin-top: 0 !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.pt0 {
  padding-top: 0;
}

.pt3 {
  padding-top: 3px;
}

.pt6 {
  padding-top: 6px;
}

.pt9 {
  padding-top: 9px;
}

.pt12 {
  padding-top: 12px;
}

.pt18 {
  padding-top: 18px;
}

.pt24 {
  padding-top: 24px;
}

.pt36 {
  padding-top: 36px;
}

.pt48 {
  padding-top: 48px;
}

.pb0 {
  padding-bottom: 0;
}

.pb3 {
  padding-bottom: 3px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb36 {
  padding-bottom: 36px;
}

.pb48 {
  padding-bottom: 48px;
}

.pl0 {
  padding-left: 0;
}

.pl3 {
  padding-left: 3px;
}

.pl6 {
  padding-left: 6px;
}

.pl9 {
  padding-left: 9px;
}

.pl12 {
  padding-left: 12px;
}

.pl18 {
  padding-left: 18px;
}

.pl24 {
  padding-left: 24px;
}

.pl36 {
  padding-left: 36px;
}

.pl48 {
  padding-left: 48px;
}

.pr0 {
  padding-right: 0;
}

.pr3 {
  padding-right: 3px;
}

.pr6 {
  padding-right: 6px;
}

.pr9 {
  padding-right: 9px;
}

.pr12 {
  padding-right: 12px;
}

.pr18 {
  padding-right: 18px;
}

.pr24 {
  padding-right: 24px;
}

.pr36 {
  padding-right: 36px;
}

.pr48 {
  padding-right: 48px;
}

.gs-row {
  display: flex;
  flex-direction: row;
}

.gs-col {
  display: flex;
  flex-direction: column;
}

.gs-block:not(:first-of-type) {
  margin-top: 12px;
}
.gs-block.gs-row {
  padding: 0;
}
.gs-block.gs-row > div {
  padding: 0 6px;
}
.gs-block.gs-row > div:first-of-type {
  padding-left: 0;
}
.gs-block.gs-row > div:last-of-type {
  padding-right: 0;
}

.gs-errorText {
  color: #c00 !important;
}

.gs-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gs-ymd {
  font-size: 0;
}
.gs-ymd > span {
  display: inline-block;
  font-size: 14px;
}

.gs-delay {
  background-color: #fdd;
  color: #c00;
  font-weight: bold;
}

.gs-full {
  display: inline;
}

.gs-abbr {
  display: none;
}

@media (max-width: 1366px) {
  .gs-full {
    display: none;
  }

  .gs-abbr {
    display: inline;
  }
}
.container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 48px calc(100vh - 48px - 48px) 48px;
  grid-template-rows: 48px calc(100vh - 48px - 48px) 48px;
  -ms-grid-columns: 240px calc(100vw - 240px);
  grid-template-columns: 240px calc(100vw - 240px);
  transition: 1s;
}
.container.op-tNoFooter {
  -ms-grid-rows: 48px calc(100vh - 48px);
  grid-template-rows: 48px calc(100vh - 48px);
}
.container.op-tNoNavi {
  -ms-grid-columns: none;
  grid-template-columns: none;
}
.container.op-tResident {
  -ms-grid-rows: 48px 48px calc(100vh - 48px - 48px - 48px) 48px;
  grid-template-rows: 48px 48px calc(100vh - 48px - 48px - 48px) 48px;
}
.container.op-tResident.op-tNoFooter {
  -ms-grid-rows: 48px 48px calc(100vh - 48px - 48px);
  grid-template-rows: 48px 48px calc(100vh - 48px - 48px);
}

.container.op-naviClose {
  -ms-grid-columns: 8px calc(100% - 8px);
  grid-template-columns: 8px calc(100% - 8px);
}
.container.op-naviClose .cp-navi {
  overflow: hidden;
  pointer-events: none;
}

.cp-resident {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  z-index: 20;
}

.cp-header {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  z-index: 20;
  min-width: 1280px;
}
.op-tNoNavi .cp-header {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.op-tResident .cp-header {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.cp-navi {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  z-index: 10;
  overflow: auto;
}
.op-tNoFooter .cp-navi {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.op-tResident .cp-navi {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}
.op-tResident.op-tNoFooter .cp-navi {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}

.cp-content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  z-index: 1;
  padding: 0 12px;
  min-width: calc(1280px - 240px);
}
.op-tNoNavi .cp-content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.op-tResident .cp-content {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.pg-todo-desk .op-tResident .cp-content {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}

.cp-footer {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  z-index: 10;
  min-width: calc(1280px - 240px);
}
.op-tResident .cp-footer {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
}
.op-tNoFooter .cp-footer {
  display: none;
}
.modalFooter .cp-footer {
  min-width: 0;
}

.gr-1x1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x1 > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.gr-1x2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x2.op-top96 {
  -ms-grid-rows: 96px calc(100% - 96px);
  grid-template-rows: 96px calc(100% - 96px);
}
.gr-1x2.op-top192 {
  -ms-grid-rows: 192px calc(100% - 192px);
  grid-template-rows: 192px calc(100% - 192px);
}
.gr-1x2.op-top288 {
  -ms-grid-rows: 288px calc(100% - 288px);
  grid-template-rows: 288px calc(100% - 288px);
}
.gr-1x2.op-top384 {
  -ms-grid-rows: 384px calc(100% - 384px);
  grid-template-rows: 384px calc(100% - 384px);
}
.gr-1x2 > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  z-index: 2;
}
.gr-1x2 > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gr-1x2search {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 180px calc(100% - 180px);
  grid-template-rows: 180px calc(100% - 180px);
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x2search > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  z-index: 2;
}
.gr-1x2search > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gr-1x3search {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 96px 120px calc(100% - 96px - 120px);
  grid-template-rows: 96px 120px calc(100% - 96px - 120px);
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x3search > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  z-index: 1;
}
.gr-1x3search > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  z-index: 2;
}
.gr-1x3search > div:nth-of-type(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gr-1x2heading {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 48px calc(100% - 48px);
  grid-template-rows: 48px calc(100% - 48px);
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x2heading > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x2heading > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  position: relative;
}

.gr-1x2modal {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: calc(100% - 60px) 60px;
  grid-template-rows: calc(100% - 60px) 60px;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x2modal > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x2modal > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.gr-1x3modal {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 60px calc(100% - 120px) 60px;
  grid-template-rows: 60px calc(100% - 120px) 60px;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x3modal > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x3modal > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x3modal > div:nth-of-type(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.gr-1x3equal {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 33.3% 33.3% 33.3%;
  grid-template-rows: 33.3% 33.3% 33.3%;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.gr-1x3equal > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x3equal > div:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-1x3equal > div:nth-of-type(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.gr-2x1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
.gr-2x1 > div:nth-of-type(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-2x1 > div:nth-of-type(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.gr-2x2equal {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50% 50%;
  grid-template-rows: 50% 50%;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
.gr-2x2equal > div:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-2x2equal > div:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.gr-2x2equal > div:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.gr-2x2equal > div:nth-of-type(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.md-infoItem {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 12px;
  border-radius: 2px;
  background-color: #f0f0f0;
}
.md-heading + .md-infoItem {
  margin-top: 9px;
}
.md-infoItem > div:not(:last-child) {
  margin-right: 12px;
}

.md-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0 6px;
  width: 100%;
  background-color: #e6e6e6;
}

.md-heading + .md-card {
  margin-top: 6px;
}

.md-card {
  position: relative;
  padding: 6px;
  border-radius: 2px;
  background-color: #f0f0f0;
  overflow: visible;
}

.md-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.md-card__row:not(:first-of-type) {
  margin-top: 12px;
}
.md-card.op-tUnderline .md-card__row:not(:first-of-type) {
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.md-cardItem {
  flex: 1 1 auto;
  padding: 6px;
}
.md-cardItem .el-infoLabel {
  padding-bottom: 3px;
}

.md-formItem .el-formLabel {
  padding-bottom: 3px;
}
.md-formItem .el-formMessage {
  padding-top: 3px;
}

.el-button {
  display: inline-block;
  padding: 9px;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: #e8edf3;
  color: #364d63;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}
.el-button:hover {
  background-color: #e6f2ff;
  color: #111;
  cursor: pointer;
}
.el-button:disabled {
  background-color: #d1d9e0;
  color: #73808c;
}
.el-button:disabled:hover {
  cursor: not-allowed;
}
.el-button.op-cPrimary {
  background-color: #1466b8;
  color: #e6f2ff;
}
.el-button.op-cPrimary:hover {
  background-color: #0073e6;
  color: #fff;
}
.el-button.op-cPrimary:disabled {
  background-color: #336699;
  color: #9cb3c9;
}
.el-button.op-cCurrent {
  background-color: #267359;
  color: #e6fff7;
  pointer-events: none;
}
.el-button.op-cCurrent:hover {
  background-color: #00b377;
  color: #fff;
}
.el-button.op-cCurrent:disabled {
  background-color: #3d5c52;
  color: #9cc9ba;
  pointer-events: auto;
}
.el-button.op-cCurrent:disabled:hover {
  cursor: not-allowed;
}
.el-button.op-cCaution {
  background-color: #cc3333;
  color: #ffe6e6;
}
.el-button.op-cCaution:hover {
  background-color: #e83030;
  color: #fff;
}
.el-button.op-cCaution:disabled {
  background-color: #8f3d3d;
  color: #c99c9c;
}
.el-button.op-cError {
  background-color: #ebadad;
  color: #990000;
}
.el-button.op-cError:hover {
  background-color: #e08585;
  color: #fff;
}
.el-button.op-cError:disabled {
  background-color: #c98282;
  color: #7d3636;
}
.el-button.op-cCaution.op-tTransparent {
  background-color: transparent;
  color: #c00;
}
.el-button.op-cCaution.op-tTransparent:hover {
  background-color: #e83030;
  color: #fff;
}
.el-button.op-cCaution.op-tTransparent:disabled {
  background-color: transparent;
  color: #966;
}
.el-button.op-sS {
  padding: 4px 12px;
  height: 24px;
  font-size: 14px;
}
.el-button.op-sL {
  padding: 11px 24px;
  height: 48px;
  font-size: 24px;
}
.el-button.op-sF {
  width: 100%;
}
.el-button.op-tFlat {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.el-button.op-tFlat:hover {
  border-color: transparent;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}
.el-button.op-tFlat:hover:disabled {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.el-button.op-tUnderline {
  border-width: 0 1px 2px 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.3) transparent;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.el-button.op-tUnderline:hover {
  background-color: #e6f2ff;
}
.el-button.op-tUnderline:hover:disabled {
  background-color: transparent;
}
.el-button.op-tUnderline.op-currentPlace {
  border-bottom-color: #267359;
  background-color: inherit;
  color: inherit;
}
.el-button.op-tUnderline.op-currentPlace > i {
  color: #267359;
}
.el-button.op-tTransparent {
  background-color: transparent;
  color: #555;
  box-shadow: none;
}
.el-button.op-tTransparent:hover {
  background-color: #e6f2ff;
}
.el-button.op-tTransparent:disabled {
  background-color: transparent;
  color: #999;
}
.el-button.op-currentPlace {
  background-color: #267359;
  color: #fff;
  pointer-events: none;
}

.md-button.op-tPulldown {
  position: relative;
  width: 160px;
  height: 36px;
}
.md-button.op-tPulldown .el-button.ls-button {
  position: absolute;
  z-index: 2;
  padding-right: 31px;
  width: auto;
}
.md-button.op-tPulldown .el-button.op-tTransparent.ls-trigger {
  position: absolute;
  z-index: 3;
  right: 0;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.md-button.op-tPulldown .el-button.op-tTransparent.ls-trigger i {
  width: 20px;
  font-size: 10px;
}
.md-button.op-tPulldown .ls-pulldown {
  position: absolute;
  z-index: 1;
  top: 36px;
  width: calc(100% - 21px);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.md-button.op-tPulldown .ls-pulldown.js-hide {
  opacity: 0;
  pointer-events: none;
}
.md-button.op-tPulldown .ls-pulldown .el-button {
  display: block;
  width: 100%;
}

.md-search > div {
  display: inline-block;
}

.md-function {
  display: flex;
  flex-direction: row;
}
.md-function.op-batch {
  padding-left: 15px;
}
.md-function .el-button {
  margin-right: 12px;
}

.md-okCancel {
  display: flex;
  flex-direction: row;
}
.md-okCancel .ls-cancel,
.md-okCancel .ls-ok {
  min-width: 120px;
}
.md-okCancel .ls-cancel {
  margin-right: 12px;
}
.md-okCancel .ls-option {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 15px;
  padding: 0 6px;
  border: 2px solid #1466b8;
  border-radius: 3px;
  color: #555;
}
.md-okCancel .ls-option::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  border-width: 8px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #1466b8;
}
.md-okCancel .ls-option::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: calc(100% - 2px);
  top: 50%;
  transform: translate(0, -50%);
  border-width: 6px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #e6f2ff;
}

.md-searchItem {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 0 12px 12px;
  min-height: 48px;
  border-radius: 2px;
  background-color: #f0f0f0;
}
.md-heading + .md-searchItem {
  padding-top: 12px;
}
.md-searchItem > div {
  flex: 1 1 auto;
}
.md-searchItem > div:not(:last-of-type) {
  margin-right: 12px;
}
.md-searchItem .ls-apply input[type=text] {
  padding-right: 3em;
  text-align: right;
}
.md-searchItem .ls-execute {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.md-searchItem .ls-execute .el-button {
  width: 120px;
}

.md-inputItem {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 12px;
  border-radius: 2px;
  background-color: #f0f0f0;
}
.md-inputItem.op-wrap {
  flex-wrap: wrap;
}
.md-heading + .md-inputItem {
  margin-top: 9px;
}
.md-inputItem > div {
  flex: 1 1 auto;
}
.md-inputItem > div:not(:last-of-type) {
  margin-right: 12px;
}

.md-itemsPerPage {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 24px;
}
.md-itemsPerPage .ls-select {
  width: 80px;
}

.md-pageButton {
  margin-left: 24px;
  padding-right: 6px;
  font-size: 0;
}
.md-pageButton .el-button {
  padding: 0;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
}
.md-pageButton .el-button.op-tTransparent.op-cCurrent {
  background-color: #267359;
  color: #e6fff7;
}

.md-inputFile {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding: 12px;
  border-radius: 2px;
  background-color: #f0f0f0;
}
.md-inputFile .ls-item {
  display: flex;
  flex-direction: row;
}
.md-inputFile .ls-item:not(:first-of-type) {
  margin-top: 6px;
}
.md-inputFile .ls-item .el-inputFile {
  flex: 1 1 auto;
}
.md-inputFile .ls-item .el-button {
  flex: 0 0 auto;
}

.el-inputText {
  position: relative;
  display: block;
}
.el-inputText input[type=text],
.el-inputText input[type=password] {
  padding: 9px 6px;
  width: 100%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  font-size: 16px;
  line-height: normal;
}
.el-inputText input[type=text]:focus,
.el-inputText input[type=password]:focus {
  background-color: #ffd;
}
.el-inputText input[type=text]:disabled,
.el-inputText input[type=password]:disabled {
  background-color: #ddd;
  color: #999;
}
.el-inputText.op-cError input[type=text],
.el-inputText.op-cError input[type=password] {
  background-color: #faa;
}
.el-inputText.op-sS input[type=text],
.el-inputText.op-sS input[type=password] {
  padding: 4px 6px;
  height: 24px;
  font-size: 14px;
}
.el-inputText.op-sL input[type=text],
.el-inputText.op-sL input[type=password] {
  padding: 11px 6px;
  height: 48px;
  font-size: 24px;
}
.el-inputText.op-tUnderline input[type=text],
.el-inputText.op-tUnderline input[type=password] {
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  border-radius: 0;
  background-color: transparent;
}
.el-inputText.op-tUnderline input[type=text]:focus,
.el-inputText.op-tUnderline input[type=password]:focus {
  background-color: #ffd;
}
.el-inputText.op-tUnderline input[type=text]:disabled,
.el-inputText.op-tUnderline input[type=password]:disabled {
  background-color: #ddd;
  color: #999;
}
.el-inputText.op-tUnderline.op-cError input[type=text],
.el-inputText.op-tUnderline.op-cError input[type=password] {
  background-color: #faa;
}
.el-inputText.op-fClear input[type=text],
.el-inputText.op-fClear input[type=password] {
  padding-right: 36px;
}
.el-inputText.op-fClear .ls-trigger {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
  padding: 0;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
}
.el-inputText.op-fClear .ls-trigger:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.el-inputText.op-fClear.op-sS input[type=text],
.el-inputText.op-fClear.op-sS input[type=password] {
  padding-right: 24px;
}
.el-inputText.op-fClear.op-sS .ls-trigger {
  width: 20px;
  height: 20px;
}
.el-inputText.op-fClear.op-sL input[type=text],
.el-inputText.op-fClear.op-sL input[type=password] {
  padding-right: 48px;
}
.el-inputText.op-fClear.op-sL .ls-trigger {
  width: 44px;
  height: 44px;
}
.el-inputText.op-fDropdown input[type=text] {
  padding-right: 36px;
}
.el-inputText.op-fDropdown input[type=text]:disabled {
  background-color: #fff;
}
.el-inputText.op-fDropdown .el-button.ls-trigger {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
  padding: 0 9px 0 0;
  width: 32px;
  height: 32px;
  border-radius: 0;
  text-align: right;
}
.el-inputText.op-fDropdown .el-button.ls-trigger:hover {
  background-color: rgba(255, 255, 204, 0.5);
}
.el-inputText.op-fDropdown .el-button.ls-trigger i {
  font-weight: 900;
}
.el-inputText.op-fDropdown input[type=text]:focus + .ls-trigger:hover {
  background-color: transparent;
}
.el-inputText.op-fDropdown.op-sS input[type=text] {
  padding-right: 24px;
}
.el-inputText.op-fDropdown.op-sS .el-button.ls-trigger {
  width: 20px;
  height: 20px;
}
.el-inputText.op-fDropdown.op-sL input[type=text] {
  padding-right: 48px;
}
.el-inputText.op-fDropdown.op-sL .el-button.ls-trigger {
  width: 44px;
  height: 44px;
}
.el-inputText.op-fComboBox input[type=text] {
  padding-right: 36px;
}
.el-inputText.op-fComboBox .el-button.ls-trigger {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
  padding: 0;
  width: 32px;
  height: 32px;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.el-inputText.op-fComboBox .el-button.ls-trigger:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.el-inputText.op-fComboBox .el-button.ls-trigger i {
  font-weight: 900;
}
.el-inputText.op-fComboBox.op-sS input[type=text] {
  padding-right: 24px;
}
.el-inputText.op-fComboBox.op-sS .el-button.ls-trigger {
  width: 20px;
  height: 20px;
}
.el-inputText.op-fComboBox.op-sL input[type=text] {
  padding-right: 48px;
}
.el-inputText.op-fComboBox.op-sL .el-button.ls-trigger {
  width: 44px;
  height: 44px;
}
.el-inputText.op-fClear.op-fComboBox input[type=text],
.el-inputText.op-fClear.op-fComboBox input[type=password] {
  padding-right: 72px;
}
.el-inputText.op-fClear.op-fComboBox .el-button.ls-trigger {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  width: 32px;
  height: 32px;
}
.el-inputText.op-fClear.op-fComboBox .el-button.ls-trigger:nth-of-type(1) {
  right: 36px;
  border-radius: 50%;
}
.el-inputText.op-fClear.op-fComboBox .el-button.ls-trigger:nth-of-type(1) i {
  font-weight: 300;
}
.el-inputText.op-fClear.op-fComboBox .el-button.ls-trigger:nth-of-type(2) {
  right: 2px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.el-inputText.op-fClear.op-fComboBox .el-button.ls-trigger:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.el-inputText.op-fClear.op-fComboBox.op-sS input[type=text],
.el-inputText.op-fClear.op-fComboBox.op-sS input[type=password] {
  padding-right: 48px;
}
.el-inputText.op-fClear.op-fComboBox.op-sS input[type=text] .ls-trigger:nth-of-type(1),
.el-inputText.op-fClear.op-fComboBox.op-sS input[type=password] .ls-trigger:nth-of-type(1) {
  right: 26px;
}
.el-inputText.op-fClear.op-fComboBox.op-sL input[type=text],
.el-inputText.op-fClear.op-fComboBox.op-sL input[type=password] {
  padding-right: 96px;
}
.el-inputText.op-fClear.op-fComboBox.op-sL input[type=text] .ls-trigger:nth-of-type(1),
.el-inputText.op-fClear.op-fComboBox.op-sL input[type=password] .ls-trigger:nth-of-type(1) {
  right: 40px;
}
.el-inputText.op-aPrefix1 input[type=text] {
  padding-left: 36px;
}
.el-inputText.op-aPrefix1 .ls-prefix {
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 32px;
  height: 32px;
  border: none;
}
.el-inputText.op-aSuffix1 input[type=text] {
  padding-right: 36px;
  text-align: right;
}
.el-inputText.op-aSuffix1 .ls-suffix {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 32px;
  height: 32px;
  border: none;
}

.el-inputFile {
  position: relative;
  display: block;
}
.el-inputFile:hover {
  background-color: #ffd;
  cursor: pointer;
}
.el-inputFile input[type=file] {
  padding: 9px 6px;
  width: 100%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
}
.el-inputFile input[type=file]:focus {
  background-color: #ffd;
}

.el-textArea {
  padding: 11px 6px;
  width: 100%;
  height: 72px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
}
.el-textArea:focus {
  background-color: #ffd;
}
.el-textArea:disabled {
  background-color: #ddd;
  color: #999;
}
.el-textArea.op-cError {
  background-color: #faa;
}
.el-textArea.op-hL {
  height: 56px;
}
.el-textArea.op-hH {
  height: 120px;
}
.el-textArea.op-sS {
  padding: 2px 6px;
  height: 48px;
  font-size: 14px;
}
.el-textArea.op-sS.op-hL {
  height: 34px;
}
.el-textArea.op-sS.op-hH {
  height: 90px;
}
.el-textArea.op-sL {
  padding: 11px 6px;
  height: 96px;
  font-size: 24px;
}
.el-textArea.op-sL.op-hL {
  height: 72px;
}
.el-textArea.op-sL.op-hH {
  height: 168px;
}
.el-textArea.op-tUnderline {
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  border-radius: 0;
  background-color: transparent;
}
.el-textArea.op-tUnderline:focus {
  background-color: #ffd;
}
.el-textArea.op-tUnderline:disabled {
  background-color: #ddd;
  color: #999;
}
.el-textArea.op-tUnderline.op-cError {
  background-color: #faa;
}

.el-checkBox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  font-size: 16px;
}
.el-checkBox input[type=checkbox] {
  display: none;
}
.el-checkBox .ls-label {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 1.333333333em;
  height: 32px;
  padding: 9px 16px 9px 32px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.el-checkBox .ls-label::before {
  content: "\f0c8";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 1.6em;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.25em;
  font-weight: 300;
}
.el-checkBox .ls-label:hover {
  cursor: pointer;
  background-color: #e6f2ff;
}
.el-checkBox input[type=checkbox]:checked ~ .ls-label::before {
  content: "\f14a";
  width: 1.333333333em;
  font-size: 1.5em;
  font-weight: 900;
  color: rgba(38, 115, 89, 0.5);
}
.el-checkBox input[type=checkbox]:disabled ~ .ls-label {
  pointer-events: none;
  color: #999;
}
.el-checkBox input[type=checkbox]:disabled ~ .ls-label::before {
  color: #999;
}
.el-checkBox.op-sS {
  font-size: 14px;
}
.el-checkBox.op-sS .ls-label {
  height: 1.714285714em;
}
.el-checkBox.op-sL {
  font-size: 20px;
}
.el-checkBox.op-tNoLabel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.el-checkBox.op-tNoLabel .ls-label {
  width: 100%;
  padding: 0;
}
.el-checkBox.op-tNoLabel .ls-label::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
.el-checkBox.op-tPartial .ls-label::before {
  content: "\f146";
  color: #267359;
  font-size: 1.5em;
  font-weight: 900;
}
.el-checkBox.op-tPartial:hover input[type=checkbox] ~ .ls-label::before {
  content: "\f146";
}
.el-checkBox input[type=checkbox]:checked ~ .ls-label::before {
  content: "\f14a";
  width: 1.333333333em;
  font-size: 1.5em;
  font-weight: 900;
  color: #267359;
}
.el-checkBox input[type=checkbox]:disabled ~ .ls-label::before {
  color: #999;
}
.el-checkBox.op-disabled {
  pointer-events: none;
}
.el-checkBox.op-disabled .ls-label,
.el-checkBox.op-disabled input[type=checkbox]:checked ~ .ls-label::before {
  color: #999;
}

.md-checkBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  font-size: 0;
}
.md-checkBox.op-cError {
  background-color: #fdd;
}
.md-checkBox .el-checkBox .ls-label {
  min-width: calc(1em - 2px);
  height: calc(2.25em - 2px);
}
.md-checkBox.op-sS .el-checkBox {
  font-size: 14px;
  height: calc(1.714285714em - 2px);
}
.md-checkBox.op-sS .el-checkBox .ls-label {
  height: calc(1.714285714em - 2px);
}
.md-checkBox.op-sL {
  font-size: 20px;
}
.md-checkBox.op-tUnderline {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.md-checkBox.op-tWhiteBox {
  width: 100%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
}
.md-checkBox.op-tNoLabel {
  text-align: center;
}
.md-checkBox.op-tNoLabel .el-checkBox {
  width: 100%;
  justify-content: center;
}
.md-checkBox.op-tNoLabel .el-checkBox .ls-label {
  padding: 0;
}
.md-checkBox.op-tNoLabel .el-checkBox .ls-label::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-checkBox.op-oVertical .el-checkBox {
  display: block;
}

.el-radioButton {
  display: inline-block;
}
.el-radioButton input[type=radio] {
  display: none;
}
.el-radioButton .ls-label {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 16px 9px 32px;
  height: 34px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.el-radioButton .ls-label::before {
  content: "\f111";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 32px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300;
}
.el-radioButton .ls-label:hover {
  cursor: pointer;
  background-color: #e6f2ff;
}
.el-radioButton input[type=radio]:checked ~ .ls-label::before {
  content: "\f192";
  font-size: 24px;
  font-weight: 900;
  color: #267359;
}
.el-radioButton input[type=radio]:disabled ~ .ls-label {
  pointer-events: none;
  color: #999;
}
.el-radioButton input[type=radio]:disabled ~ .ls-label::before {
  color: #999;
}
.el-radioButton.op-disabled {
  pointer-events: none;
}
.el-radioButton.op-disabled .ls-label,
.el-radioButton.op-disabled input[type=radio]:checked ~ .ls-label::before {
  color: #999;
}

.md-radioButton {
  border: 1px solid transparent;
  font-size: 0;
}
.md-radioButton.op-cError {
  background-color: #fdd;
}
.md-radioButton.op-sS .el-radioButton .ls-label {
  padding: 4px 12px 4px 24px;
  height: 22px;
  font-size: 14px;
}
.md-radioButton.op-sS .el-radioButton .ls-label::before {
  width: 24px;
  font-size: 18px;
}
.md-radioButton.op-sS .el-radioButton input[type=radio]:checked ~ .ls-label::before {
  font-size: 21px;
}
.md-radioButton.op-sL .el-radioButton .ls-label {
  padding: 11px 20px 11px 40px;
  height: 46px;
  font-size: 24px;
}
.md-radioButton.op-sL .el-radioButton .ls-label::before {
  width: 40px;
  font-size: 30px;
}
.md-radioButton.op-sL .el-radioButton input[type=radio]:checked ~ .ls-label::before {
  font-size: 36px;
}
.md-radioButton.op-tUnderline {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.md-radioButton.op-tWhiteBox {
  width: 100%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
}
.md-radioButton.op-oVertical .el-radioButton {
  display: block;
}

.md-tab {
  border: 1px solid transparent;
  font-size: 0;
}
.md-tab .el-radioButton .ls-label {
  display: inline-block;
  padding: 9px 18px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left-style: none;
  border-radius: 0;
  background-color: #e8edf3;
  color: #364d63;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}
.md-tab .el-radioButton .ls-label:hover {
  background-color: #e6f2ff;
  color: #111;
  cursor: pointer;
}
.md-tab .el-radioButton .ls-label::before {
  display: none;
}
.md-tab .el-radioButton.op-disabled .ls-label {
  background-color: #ddd;
  color: #999;
}
.md-tab .el-radioButton input[type=radio]:checked + .ls-label {
  background-color: #267359;
  color: #e6fff7;
  pointer-events: none;
}
.md-tab .el-radioButton:first-of-type .ls-label {
  border-left-style: solid;
  border-radius: 6px 0 0 6px;
}
.md-tab .el-radioButton:last-of-type .ls-label {
  border-radius: 0 6px 6px 0;
}
.md-tab.op-sS .el-radioButton .ls-label {
  padding: 4px 12px;
}
.md-tab.op-sS .el-radioButton .ls-label::before {
  display: none;
}
.md-tab.op-sL .el-radioButton .ls-label {
  padding: 11px 20px;
}
.md-tab.op-sL .el-radioButton .ls-label::before {
  display: none;
}
.md-tab.op-tUnderline .el-radioButton .ls-label {
  padding: 9px 18px 7px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
}
.md-tab.op-tUnderline .el-radioButton .ls-label:hover {
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
  color: inherit;
}
.md-tab.op-tUnderline .el-radioButton:hover {
  background-color: transparent;
}
.md-tab.op-tUnderline .el-radioButton:first-of-type .ls-label {
  border-left: none;
  border-radius: 0;
}
.md-tab.op-tUnderline .el-radioButton:last-of-type .ls-label {
  border-radius: 0;
}
.md-tab.op-tUnderline .el-radioButton:not(:first-of-type) {
  margin-left: 3px;
}
.md-tab.op-tUnderline .el-radioButton input[type=radio]:checked + .ls-label {
  border-bottom-color: #267359;
  background-color: inherit;
  color: #267359;
  pointer-events: none;
}
.md-tab.op-tColorTag .el-radioButton .ls-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 12px;
  background-color: transparent;
}
.md-tab.op-tColorTag .el-radioButton.ls-none input[type=radio] + .ls-label {
  color: #999;
}
.md-tab.op-tColorTag .el-radioButton.ls-red input[type=radio] + .ls-label {
  color: #c00;
}
.md-tab.op-tColorTag .el-radioButton.ls-yellow input[type=radio] + .ls-label {
  color: #e90;
}
.md-tab.op-tColorTag .el-radioButton.ls-green input[type=radio] + .ls-label {
  color: #080;
}
.md-tab.op-tColorTag .el-radioButton.ls-blue input[type=radio] + .ls-label {
  color: #00b;
}
.md-tab.op-tColorTag .el-radioButton.ls-gray input[type=radio] + .ls-label {
  color: #999;
}
.md-tab.op-tColorTag .el-radioButton:hover {
  background-color: transparent;
}
.md-tab.op-tColorTag .el-radioButton.ls-none input[type=radio]:checked + .ls-label, .md-tab.op-tColorTag .el-radioButton.ls-red input[type=radio]:checked + .ls-label, .md-tab.op-tColorTag .el-radioButton.ls-yellow input[type=radio]:checked + .ls-label, .md-tab.op-tColorTag .el-radioButton.ls-green input[type=radio]:checked + .ls-label, .md-tab.op-tColorTag .el-radioButton.ls-blue input[type=radio]:checked + .ls-label, .md-tab.op-tColorTag .el-radioButton.ls-gray input[type=radio]:checked + .ls-label {
  background-color: transparent;
  border: 2px solid #999;
}

.md-dropDown .ls-dropDownPanel .md-tab.op-tColorTag .el-radioButton input[type=radio]:checked ~ .ls-label::before {
  content: "";
  background-color: transparent;
}

.md-dropDown {
  position: relative;
  overflow: visible;
}
.md-dropDown .ls-dropDownPanel,
.md-dropDown .md-radioButton,
.md-dropDown .md-checkBox {
  position: absolute;
  z-index: 2;
  display: block;
  max-height: 172px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: auto;
  opacity: 1;
  transition: opacity 0.2s ease-in, border-top 0.1s ease-in, border-bottom 0.1s ease-in;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.md-dropDown .ls-dropDownPanel.gs-hide,
.md-dropDown .md-radioButton.gs-hide,
.md-dropDown .md-checkBox.gs-hide {
  position: absolute;
  border-top: 0;
  border-bottom: 0;
  opacity: 0;
  pointer-events: none;
}
.md-dropDown .ls-dropDownPanel.gs-hide .el-radioButton,
.md-dropDown .md-radioButton.gs-hide .el-radioButton,
.md-dropDown .md-checkBox.gs-hide .el-radioButton {
  height: 0;
}
.md-dropDown .ls-dropDownPanel.gs-hide .ls-label,
.md-dropDown .md-radioButton.gs-hide .ls-label,
.md-dropDown .md-checkBox.gs-hide .ls-label {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
}
.md-dropDown .ls-dropDownPanel.gs-hide .ls-label > div,
.md-dropDown .md-radioButton.gs-hide .ls-label > div,
.md-dropDown .md-checkBox.gs-hide .ls-label > div {
  line-height: 0;
  visibility: hidden;
  opacity: 0;
}
.md-dropDown .ls-dropDownPanel .ls-item:not(:last-of-type),
.md-dropDown .md-radioButton .ls-item:not(:last-of-type),
.md-dropDown .md-checkBox .ls-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-dropDown .ls-dropDownPanel .ls-label,
.md-dropDown .md-radioButton .ls-label,
.md-dropDown .md-checkBox .ls-label {
  white-space: nowrap;
  line-height: 1;
  visibility: visible;
  opacity: 1;
  transition: padding-top 0.1s ease-in, padding-bottom 0.1s ease-in, height 0.1s ease-in;
  font-size: 14px;
}
.md-dropDown .ls-dropDownPanel .ls-label > div,
.md-dropDown .md-radioButton .ls-label > div,
.md-dropDown .md-checkBox .ls-label > div {
  white-space: nowrap;
  line-height: 1;
  visibility: visible;
  opacity: 1;
  transition: line-height 0.1s ease-in, visibility 0.1s ease-in, opacity 0.1s ease-in;
}

.md-dropDown .md-checkBox .ls-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 6px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.md-dropDown .md-checkBox .ls-footer .el-button {
  min-width: 100px;
}

.md-dropDown .md-radioButton .el-radioButton:hover {
  background-color: inherit;
}
.md-dropDown .md-radioButton .ls-label {
  padding-left: 9px;
  width: 100%;
}
.md-dropDown .md-radioButton .ls-label::before {
  content: "";
  z-index: -1;
  top: 0;
  transform: none;
  display: block;
  width: 100%;
  height: 100%;
}
.md-dropDown .md-radioButton .el-radioButton:hover .ls-label::before {
  background-color: #e6f2ff;
}
.md-dropDown .md-radioButton input[type=radio]:checked ~ .ls-label {
  color: #fff;
  pointer-events: none;
}
.md-dropDown .md-radioButton input[type=radio]:checked ~ .ls-label::before {
  background-color: #267359;
}
.md-dropDown .md-radioButton .ls-label > div {
  white-space: nowrap;
  line-height: 1;
  visibility: visible;
  opacity: 1;
  transition: line-height 0.1s ease-in, visibility 0.1s ease-in, opacity 0.1s ease-in;
}

.md-table .ls-dataArea .md-dropDown .ls-dropDownPanel .ls-item {
  display: block;
  padding-left: 0;
  padding-right: 0;
  min-height: 32px;
  height: auto;
  background-color: #fff;
}
.md-table .ls-dataArea .md-dropDown .ls-dropDownPanel .ls-item .el-button {
  text-align: left;
}

.md-textArea {
  position: relative;
  display: inline-block;
}
.md-textArea textarea {
  padding: 3px 12px;
  width: 100%;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-size: 24px;
}
.md-textArea.op-sS textarea {
  padding: 2px 12px;
  font-size: 16px;
}
.md-textArea textarea {
  padding: 3px 12px;
  font-size: 24px;
}
.md-textArea.op-sL textarea {
  padding: 9px 12px;
  font-size: 24px;
}
.md-textArea.op-tTransparent textarea {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  background-color: transparent;
}
.md-textArea.op-tTransparent textarea:disabled {
  border-bottom: none;
}
.md-textArea.op-addLabelLeft {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-textArea.op-addLabelLeft .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-textArea.op-addLabelLeft .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.md-textArea.op-addLabelLeft.op-addMessage {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 24px;
  grid-template-rows: 1fr 24px;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-textArea.op-addLabelLeft.op-addMessage .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-textArea.op-addLabelLeft.op-addMessage .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.md-textArea.op-addLabelLeft.op-addMessage .md-formMessageText {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.md-checkGroup ul {
  border: 1px solid transparent;
}
.md-checkGroup.op-orientHorizontal ul {
  display: inline-flex;
  flex-direction: row;
}
.md-checkGroup.op-orientHorizontal ul li,
.md-checkGroup.op-orientHorizontal ul li > .md-check,
.md-checkGroup.op-orientHorizontal ul li > .md-check > .ls-label {
  display: inline-block;
}
.md-checkGroup.op-orientVertical ul {
  display: inline-flex;
  flex-direction: column;
}
.md-checkGroup.op-orientVertical ul li,
.md-checkGroup.op-orientVertical ul li > .md-check,
.md-checkGroup.op-orientVertical ul li > .md-check > .ls-label {
  display: block;
  margin-right: 0;
}
.md-checkGroup.op-borderBottom ul {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.md-checkGroup.op-addLabelLeft {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-checkGroup.op-addLabelLeft .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-checkGroup.op-addLabelLeft .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.md-checkGroup.op-addLabelLeft.op-addMessage {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 24px;
  grid-template-rows: 1fr 24px;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-checkGroup.op-addLabelLeft.op-addMessage .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-checkGroup.op-addLabelLeft.op-addMessage .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.md-checkGroup.op-addLabelLeft.op-addMessage .md-formMessageText {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.md-check {
  display: inline-block;
}
.md-check > input {
  display: none;
}
.md-check > input ~ .ls-label {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 16px;
  min-height: 36px;
  padding: 9px 16px 9px 32px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.md-check > input ~ .ls-label::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 32px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300;
}
.md-check > input:checked ~ .ls-label::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 900;
  color: #267359;
}
.md-check > input ~ .ls-label:hover {
  background-color: #e6f2ff;
}
.md-check.op-sS > input ~ .ls-label {
  margin-right: 14px;
  min-height: 2.2px;
  padding: 4px 7px 4px 28px;
  font-size: 14px;
}
.md-check.op-sS > input ~ .ls-label::before {
  width: 28px;
  font-size: 17.5px;
  font-weight: 300;
}
.md-check.op-sS > input:checked ~ .ls-label::before {
  font-size: 2.1px;
  font-weight: 900;
}
.md-check > input ~ .ls-label {
  margin-right: 16px;
  min-height: 3.4px;
  padding: 9px 8px 9px 32px;
  font-size: 16px;
}
.md-check > input ~ .ls-label::before {
  width: 32px;
  font-size: 20px;
  font-weight: 300;
}
.md-check > input:checked ~ .ls-label::before {
  font-size: 24px;
  font-weight: 900;
}
.md-check.op-sL > input ~ .ls-label {
  margin-right: 20px;
  min-height: 46px;
  padding: 13px 10px 13px 40px;
  font-size: 20px;
}
.md-check.op-sL > input ~ .ls-label::before {
  width: 40px;
  font-size: 26px;
  font-weight: 300;
}
.md-check.op-sL > input:checked ~ .ls-label::before {
  font-size: 32px;
  font-weight: 900;
}

.md-check > input[type=checkbox] ~ .ls-label::before {
  content: "\f0c8";
}
.md-check > input[type=checkbox]:checked ~ .ls-label::before {
  content: "\f14a";
}
.md-check > input[type=radio] ~ .ls-label::before {
  content: "\f111";
}
.md-check > input[type=radio]:checked ~ .ls-label::before {
  content: "\f192";
}

.md-pulldown {
  position: relative;
  display: inline-block;
}
.md-pulldown input[type=text],
.md-pulldown input[type=password] {
  padding: 3px 12px;
  width: 100%;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  font-size: 24px;
}
.md-pulldown.op-sS input[type=text],
.md-pulldown.op-sS input[type=password] {
  padding: 2px 12px;
  font-size: 16px;
}
.md-pulldown input[type=text],
.md-pulldown input[type=password] {
  padding: 3px 12px;
  font-size: 24px;
}
.md-pulldown.op-sL input[type=text],
.md-pulldown.op-sL input[type=password] {
  padding: 9px 12px;
  font-size: 24px;
}
.md-pulldown.op-addClear input {
  padding: 3px 32px 3px 12px;
}
.md-pulldown.op-addClear input ~ button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1px;
  padding: 9px 0;
  width: 32px;
  border-radius: 0 1px 1px 0;
  color: #777;
}
.md-pulldown.op-addClear input ~ button:hover {
  background-color: transparent;
}
.md-pulldown.op-addLabel ~ button {
  margin-top: 18px;
}
.md-pulldown.op-addLabel.op-addClear > button.ls-clearButton {
  margin-top: 18px;
}
.md-pulldown.op-addLabelLeft {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-pulldown.op-addLabelLeft .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-pulldown.op-addLabelLeft .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.md-pulldown.op-addLabelLeft.op-addMessage {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 24px;
  grid-template-rows: 1fr 24px;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
.md-pulldown.op-addLabelLeft.op-addMessage .md-formLabelText {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  font-size: 16px;
  line-height: 1;
}
.md-pulldown.op-addLabelLeft.op-addMessage .md-formElement {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.md-pulldown.op-addLabelLeft.op-addMessage .md-formMessageText {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.md-pulldown {
  position: relative;
}
.md-pulldown input[type=text] {
  cursor: pointer;
}
.md-pulldown.op-tTransparent input[type=text] {
  border-radius: 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.md-pulldown.op-addExpand input[type=text] {
  padding: 3px 32px 3px 12px;
}
.md-pulldown.op-addExpand input[type=text] ~ button.ls-expandButton {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1px;
  padding: 9px 0;
  width: 100%;
  text-align: right;
  border-radius: 0 1px 1px 0;
  color: #777;
}
.md-pulldown.op-addExpand input[type=text] ~ button.ls-expandButton:hover {
  background-color: transparent;
}
.md-pulldown.op-addExpand input[type=text] ~ button.ls-expandButton i {
  width: 32px;
  text-align: center;
}
.md-pulldown.op-addLabel .md-pulldownPanel {
  top: 54px;
}
.md-pulldown.op-sS input[type=text] ~ button.ls-expandButton {
  top: 0;
  padding: 4px 0;
}

.md-pulldownPanel {
  position: absolute;
  z-index: 10;
  top: 36px;
  left: 0;
  padding: 12px;
  min-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
.md-pulldownPanel.js-hide {
  opacity: 0;
  pointer-events: none;
}
.md-pulldownPanel .md-check > input ~ .ls-label::before {
  content: "";
}
.md-pulldownPanel .md-check > input:checked ~ .ls-label::before {
  content: "\f00c";
  font-weight: 400;
}
.md-pulldownPanel .md-check.ls-uncheckAll {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-pulldownPanel .md-okCancel {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  text-align: right;
}
.md-pulldownPanel .md-okCancel .ls-ok {
  width: 6em;
}

.md-formLabelText {
  padding: 0 6px;
  color: #777;
  font-size: 12px;
}

.md-formMessageText {
  position: relative;
  padding: 0 6px 0 24px;
  color: #777;
  font-size: 12px;
}
.md-formMessageText::before {
  content: "\f061";
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 6px;
  width: 24px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.md-formMessageText.gs-errorText::before {
  content: "\f071";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.md-rankSimulation {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-rankSimulation .ls-onOff,
.md-rankSimulation .ls-amount {
  width: 120px;
}
.md-rankSimulation .ls-execute {
  width: 60px;
}

.md-balloon {
  position: absolute;
  z-index: 200;
  margin-top: 10px;
  padding: 0.5em;
  min-width: 120px;
  max-width: 360px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 3px;
  background-color: #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #fff;
}
.md-balloon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -20px;
  left: 20px;
  border: 10px solid transparent;
  border-bottom-color: #666;
}
.md-balloon.op-pTop {
  bottom: calc(100% + 10px);
}
.md-balloon.op-pTop::before {
  top: 100%;
  border: 10px solid transparent;
  border-top-color: #666;
}
.md-balloon.op-cError {
  background-color: #f77;
}
.md-balloon.op-cError::before {
  border-bottom-color: #f77;
}
.md-balloon.op-pTop.op-cError::before {
  border: 10px solid transparent;
  border-top-color: #f77;
}

.md-heading h2 {
  flex: 1 1 auto;
  position: relative;
  display: block;
  color: #555;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}
.md-heading h2 i {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: #666;
  color: #fff;
  font-size: 18px;
}
.md-heading .ls-time {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-heading .ls-time .ls-time__new,
.md-heading .ls-time .ls-time__update {
  margin-left: 12px;
  font-size: 14px;
}
.md-heading .md-tab {
  flex: 0 0 auto;
  margin-left: 24px;
}
.md-heading .md-numberOfItems {
  flex: 0 0 auto;
  margin-left: 24px;
  padding-right: 6px;
  text-align: right;
}

.modalBody .md-heading i {
  border: 2px solid #555;
  background-color: transparent;
  color: #555;
}

.el-infoLabel {
  padding-left: 3px;
  color: #555;
  font-size: 12px;
  line-height: 1;
}
.el-infoLabel::before {
  content: "\f219";
  margin-right: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  font-weight: 900;
}
.el-infoLabel.op-pTop {
  padding-bottom: 3px;
}

.el-infoText {
  padding: 10px 6px;
  min-height: calc(1em + 20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #555;
  font-size: 16px;
  line-height: 1;
}

.el-formLabel {
  padding-left: 3px;
  color: #555;
  font-size: 12px;
  line-height: 1;
}
.el-formLabel::before {
  content: "\f219";
  margin-right: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  font-weight: 900;
}
.md-heading .el-formLabel::before {
  content: "\f2fb";
}
.el-formLabel.op-pTop {
  padding-bottom: 3px;
}
.el-formLabel.op-pLeft {
  white-space: nowrap;
}
.el-formLabel--blank::before {
  content: "";
}

.el-formMessage {
  padding-left: 3px;
  color: #555;
  font-size: 12px;
  line-height: 1;
}
.el-formMessage.op-pBottom {
  padding-top: 3px;
}
.el-formMessage.op-tGuidance {
  color: #777;
}
.el-formMessage.op-tGuidance::before {
  content: "\f0a4";
  margin-right: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  font-weight: 400;
}
.el-formMessage.op-tError {
  color: #c00;
}
.el-formMessage.op-tError::before {
  content: "\f071";
  margin-right: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  font-weight: 900;
}

.el-buttonLabel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
  height: 36px;
  color: #555;
  font-size: 14px;
  line-height: 1;
}
.el-buttonLabel i {
  margin-right: 0.5em;
}

.el-buttonNotice {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 12px;
  height: 36px;
  color: #555;
  font-size: 14px;
  line-height: 1;
}
.el-buttonNotice i {
  margin-right: 0.5em;
}

.el-messageText p {
  padding-bottom: 0.75em;
  line-height: 1.5;
}

.fa-link + .fa-ellipsis-h {
  position: relative;
  top: 0.75em;
  left: -1em;
  font-size: 0.375em;
}

.op-message .md-table.op-hTop .ls-message,
.op-message .md-table.op-hTopLeft .ls-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 20px;
}

.op-message .md-heading .md-numberOfItems,
.op-message .md-heading .md-itemsPerPage,
.op-message .md-heading .md-pageButton {
  display: none;
}

.md-pagenation {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 12px;
}
.md-pagenation > div {
  margin-right: 12px;
}
.md-pagenation .md-button {
  margin: 0 3px 0 0;
}
.md-pagenation .ls-itemsPerPage .md-pulldown {
  width: 80px;
}
.md-pagenation .ls-number {
  font-size: 15px;
}
.md-pagenation .ls-unit {
  font-size: 14px;
}

.md-table {
  position: relative;
  display: -ms-grid;
  display: grid;
}
.md-table.op-hTop {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
}
.md-table.op-hTop .ls-headerX {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  display: flex;
  flex-direction: row;
}
.md-table.op-hTop .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.md-table.op-hTop .ls-message {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  display: none;
}
.md-table.op-hTopLeft {
  -ms-grid-columns: min-content 1fr;
  grid-template-columns: min-content 1fr;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
}
.md-table.op-hTopLeft .ls-origin {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.md-table.op-hTopLeft .ls-headerX {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  display: flex;
  flex-direction: row;
}
.md-table.op-hTopLeft .ls-headerY {
  position: relative;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.md-table.op-hTopLeft .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table.op-hTopLeft .ls-message {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: none;
}
.md-table .ls-origin {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.md-table .ls-origin .ls-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.md-table .ls-origin .ls-item > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.md-table .ls-headerX {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.md-table .ls-headerX .ls-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.md-table .ls-headerX .ls-item.ls-item--flex {
  flex: 1 0 auto;
}
.md-table .ls-headerX .ls-item:last-of-type {
  border-right: 1px solid transparent;
}
.md-table .ls-headerX .ls-item > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.md-table .ls-headerY {
  background-color: #f6f6f6;
}
.md-table .ls-headerY .ls-col {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.md-table .ls-headerY .ls-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table .ls-headerY .ls-more {
  height: 36px;
}
.md-table .ls-dataArea {
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table .ls-dataArea .ls-itemGroup,
.md-table .ls-dataArea .ls-row,
.md-table .ls-dataArea .gs-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.md-table .ls-dataArea .ls-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table .ls-dataArea .ls-item:last-of-type {
  border-right: 1px solid transparent;
}
.md-table .ls-dataArea .ls-item.ls-item--flex {
  flex: 1 0 auto;
}
.md-table .ls-dataArea .ls-item__date,
.md-table .ls-dataArea .ls-item__dateTime {
  font-size: 12px;
  line-height: 1;
}
.md-table .ls-dataArea .ls-item__date span:nth-of-type(1) {
  display: block;
}
.md-table .ls-dataArea .ls-item__date span:nth-of-type(2) {
  display: block;
  padding-top: 3px;
  text-align: right;
}
.md-table .ls-dataArea .ls-item__dateTime {
  font-size: 0;
}
.md-table .ls-dataArea .ls-item__dateTime span {
  font-size: 12px;
}
.md-table .ls-dataArea .ls-item__dateTime span:nth-of-type(1) {
  display: inline-block;
}
.md-table .ls-dataArea .ls-item__dateTime span:nth-of-type(2) {
  display: inline-block;
  padding-top: 3px;
  text-align: right;
}
.md-table .ls-item--col {
  display: flex;
  flex-direction: column;
}
.md-table .ls-item--col .ls-item:last-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table .ls-item {
  flex: 0 0 auto;
  padding-left: 6px;
  padding-right: 6px;
  min-height: 50px;
}
.md-table .ls-item > div {
  padding-left: 3px;
  padding-right: 3px;
}
.md-table .ls-item > div:first-child {
  padding-left: 0;
}
.md-table .ls-item > div:last-child {
  padding-right: 0;
}
.md-table .ls-headerY .ls-itemGroup .ls-item {
  padding-left: 6px;
}
.md-table .ls-headerY .ls-itemGroup .ls-item:not(:last-of-type) {
  border-bottom-style: dashed;
}
.md-table .ls-headerY .ls-itemGroup .ls-item:not(:first-of-type) .ls__option {
  visibility: hidden;
  pointer-events: none;
}
.md-table .ls-headerY .gs-col > .ls-item > .el-checkBox,
.md-table .ls-headerY .gs-col > .ls-item > .md-checkBox {
  min-height: 49px;
}
.md-table .ls-headerY .gs-col > .ls-item > .md-checkBox > .el-checkBox {
  min-height: 47px;
}
.md-table .ls-dataArea .ls-itemGroup .gs-row:not(:last-of-type) .ls-item {
  border-bottom-style: dashed;
}
.md-table .ls-item .el-inputText,
.md-table .ls-item .el-button {
  width: 100%;
  text-align: center;
}

.md-table .ls--check {
  width: 50px;
}
.md-table .ls__check {
  width: 44px;
  height: 100%;
}
.md-table .ls--apply {
  width: 65px;
}
.md-table .ls--allocation {
  width: 65px;
}
.md-table .ls--pic {
  width: 120px;
}
.md-table .ls--distribution {
  width: 130px;
}
.md-table .ls--distribution .ls__from,
.md-table .ls--distribution .ls__to {
  width: 59px;
}
.md-table .ls__deadline {
  width: 65px;
}
.md-table .ls__edit {
  width: 54px;
}
.md-table .ls--code {
  width: 120px;
}
.md-table .ls--pic {
  width: 120px;
}
.md-table .ls--update {
  width: 100px;
}
.md-table .ls--updater {
  width: 120px;
}
.md-table .ls--delete {
  width: 60px;
}

.md-table .ls-origin .ls__check,
.md-table .ls-origin .ls__title {
  text-align: center;
}
.md-table .ls-headerY .ls__check {
  text-align: center;
}
.md-table .ls-headerY .ls--title {
  justify-content: flex-start;
}
.md-table .ls-headerY .ls--apply {
  padding-right: 24px;
  justify-content: flex-end;
}
.md-table .ls-dataArea .ls--apply {
  padding-right: 24px;
  justify-content: flex-end;
}
.md-table .ls-dataArea .ls--allocation,
.md-table .ls-dataArea .ls--pic,
.md-table .ls-dataArea .ls--distribution,
.md-table .ls-dataArea .ls--code,
.md-table .ls-dataArea .ls--update,
.md-table .ls-dataArea .ls--updater {
  justify-content: center;
}
.md-table .ls-dataArea .ls__pic,
.md-table .ls-dataArea .ls__status,
.md-table .ls-dataArea .ls__deadline {
  text-align: center;
}

.md-table .ls-dataArea .ls--distribution span,
.md-table .ls-dataArea .ls__deadline span {
  display: block;
  text-align: center;
}
.md-table .ls-dataArea .ls--distribution span:nth-of-type(1),
.md-table .ls-dataArea .ls__deadline span:nth-of-type(1) {
  padding-right: 6px;
}
.md-table .ls-dataArea .ls--distribution span:nth-of-type(2),
.md-table .ls-dataArea .ls__deadline span:nth-of-type(2) {
  padding-top: 3px;
  padding-left: 6px;
}
.md-table .ls-dataArea .ls--update span {
  display: block;
  padding-right: 0px;
  text-align: right;
}
.md-table .ls-dataArea .ls--update:nth-of-type(2) {
  padding-top: 3px;
}

.md-table .ls-headerY .ls-item.ls--red,
.md-table .ls-dataArea .ls--red .ls-item,
.md-table .ls-headerY .ls-item.ls--cautionls--red,
.md-table .ls-dataArea .ls--caution.ls--red .ls-item {
  background-color: #fdd;
}
.md-table .ls-headerY .ls-item.ls--yellow,
.md-table .ls-dataArea .ls--yellow .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--yellow,
.md-table .ls-dataArea .ls--caution.ls--yellow .ls-item {
  background-color: #fff6e0;
}
.md-table .ls-headerY .ls-item.ls--green,
.md-table .ls-dataArea .ls--green .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--green,
.md-table .ls-dataArea .ls--caution.ls--green .ls-item {
  background-color: #dfd;
}
.md-table .ls-headerY .ls-item.ls--blue,
.md-table .ls-dataArea .ls--blue .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--blue,
.md-table .ls-dataArea .ls--caution.ls--blue .ls-item {
  background-color: #def;
}
.md-table .ls-headerY .ls-item.ls--gray,
.md-table .ls-dataArea .ls--gray .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--gray,
.md-table .ls-dataArea .ls--caution.ls--gray .ls-item {
  background-color: #ddd;
}
.md-table .ls-headerY .ls-item.ls--caution,
.md-table .ls-dataArea .ls--caution .ls-item {
  background-color: transparent;
}
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--j,
.md-table .ls-dataArea .ls--caution.ls--caution--j .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--b,
.md-table .ls-dataArea .ls--caution.ls--caution--b .ls-item,
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--etc,
.md-table .ls-dataArea .ls--caution.ls--caution--etc .ls-item {
  background-color: #ede;
}
.md-table .ls-headerY .ls-item.ls--diff,
.md-table .ls-dataArea .ls--diff .ls-item,
.md-table .ls-headerY .ls--noMatch .ls-item,
.md-table .ls-dataArea .ls--noMatch .ls-item {
  background-color: #fd9;
  color: #000;
}
.md-table .ls-headerY .ls--match .ls-item,
.md-table .ls-dataArea .ls--match .ls-item {
  animation: match 1s;
}
@keyframes match {
  50% {
    background-color: #99ddcc;
  }
  100% {
    background-color: rgba(153, 221, 204, 0);
  }
}
.md-table .ls--locked .ls-item,
.md-table .ls--deleted .ls-item,
.md-table .ls--ng .ls-item {
  background-color: #ccc;
}
.md-table .ls-headerY .ls-item.ls--caution::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--caution::before {
  background-color: #777;
}
.md-table .ls-headerY .ls-item.ls--red::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--red::before {
  background-color: #c00;
}
.md-table .ls-headerY .ls-item.ls--yellow::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--yellow::before {
  background-color: #e90;
}
.md-table .ls-headerY .ls-item.ls--green::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--green::before {
  background-color: #080;
}
.md-table .ls-headerY .ls-item.ls--blue::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--blue::before {
  background-color: #00b;
}
.md-table .ls-headerY .ls-item.ls--gray::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--gray::before {
  background-color: #999;
}
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--j::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--b::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--caution--etc::before {
  background-color: #b5b;
}
.md-table .ls-headerY .ls-item.ls--diff::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--diff::before {
  background-color: #c63;
}
.md-table .ls-headerY .ls-item.ls--locked::before,
.md-table .ls-headerY .ls-item.ls--deleted::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--locked::before,
.md-table .ls-headerY .ls-item.ls--caution.ls--deleted::before {
  background-color: #888;
}

.md-table .ls-distributionType {
  padding-top: 3px;
}
.md-table .ls-statusLabel {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #777;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
.md-table .ls-statusLabel.ls--done {
  border-color: #999;
  background-color: #999;
  color: #fff;
}
.md-table .ls-statusLabel.ls--ongoing {
  border-color: rgba(0, 0, 0, 0.3);
}
.md-table .ls-statusLabel.ls--exception {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}

.md-table .ls--title {
  flex-wrap: wrap;
  align-content: center;
}

.gs-titleSet {
  display: block;
  padding: 3px 0 !important;
  width: 100%;
}

.gs-titleSet + .gs-titleSet {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gs-title,
.gs-subtitle,
.gs-episode,
.gs-apply {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gs-subtitle {
  flex: 0 1 auto;
}

.gs-episode,
.gs-apply {
  flex: 0 0 auto;
}

.gs-subtitle::after {
  content: "，";
}

.gs-subtitle[title=""]::after {
  content: "";
}

.gs-apply::before {
  content: "，";
}

.gs-sort,
.gs-ascend,
.gs-descend {
  margin-left: 0.5em;
}
.gs-sort + .fa-stack,
.gs-ascend + .fa-stack,
.gs-descend + .fa-stack {
  width: 1em;
}

.gs-sort + .fa-stack i {
  width: 1em;
  color: #ccc;
}

.gs-ascend + .fa-stack i:first-of-type {
  color: #555;
}
.gs-ascend + .fa-stack i:last-of-type {
  color: #ccc;
}

.gs-descend + .fa-stack i:first-of-type {
  color: #ccc;
}
.gs-descend + .fa-stack i:last-of-type {
  color: #555;
}

.md-scrollBar {
  position: fixed;
  z-index: 301;
  bottom: 48px;
  height: 12px;
  background-color: transparent;
  overflow-x: scroll;
  overflow-y: hidden;
  opacity: 1;
  transition: opacity 0.2s;
}
.md-scrollBar::-webkit-scrollbar {
  height: 12px;
}
.md-scrollBar::-webkit-scrollbar-track {
  background: #ccc;
  border: none;
  border-radius: 10px;
}
.md-scrollBar::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
  box-shadow: none;
}
.md-scrollBar.gs-hide {
  opacity: 0;
  bottom: -50px;
}
.md-scrollBar .ls-content {
  height: 12px;
  background-color: #f00;
}

.md-tableHeaderInfo {
  margin-left: 0.5em;
}

.md-table--inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  font-size: 14px;
}
.md-table--inner.op-hTop {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
}
.md-table--inner.op-hTop .ls-headerX {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  display: flex;
  flex-direction: row;
}
.md-table--inner.op-hTop .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table--inner.op-hTopLeft {
  -ms-grid-columns: min-content 1fr;
  grid-template-columns: min-content 1fr;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
}
.md-table--inner.op-hTopLeft .ls-origin {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.md-table--inner.op-hTopLeft .ls-headerX {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  display: flex;
  flex-direction: row;
}
.md-table--inner.op-hTopLeft .ls-headerY {
  position: relative;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.md-table--inner.op-hTopLeft .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table--inner .ls-origin {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  overflow: hidden;
}
.md-table--inner .ls-origin .ls-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.md-table--inner .ls-headerX {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  border-bottom: none;
  overflow: hidden;
}
.md-table--inner .ls-headerX .ls-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.md-table--inner .ls-headerX .ls-item {
  border-right: none;
}
.md-table--inner .ls-headerX .ls-item.ls-item--flex {
  flex: 1 0 auto;
}
.md-table--inner .ls-headerY {
  border-right: none;
  background-color: #f6f6f6;
  overflow: hidden;
}
.md-table--inner .ls-headerY .ls-col {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.md-table--inner .ls-headerY .ls-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: none;
}
.md-table--inner .ls-headerY .ls-more {
  height: 36px;
}
.md-table--inner .ls-dataArea .ls-itemGroup,
.md-table--inner .ls-dataArea .ls-row,
.md-table--inner .ls-dataArea .gs-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.md-table--inner .ls-dataArea .ls-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table--inner .ls-dataArea .ls-item.ls-item--flex {
  flex: 1 0 auto;
}
.md-table--inner .ls-dataArea .ls-item__date,
.md-table--inner .ls-dataArea .ls-item__dateTime {
  font-size: 12px;
  line-height: 1;
}
.md-table--inner .ls-dataArea .ls-item__date span:nth-of-type(1),
.md-table--inner .ls-dataArea .ls-item__dateTime span:nth-of-type(1) {
  display: block;
}
.md-table--inner .ls-dataArea .ls-item__date span:nth-of-type(2),
.md-table--inner .ls-dataArea .ls-item__dateTime span:nth-of-type(2) {
  display: block;
  padding-top: 3px;
  text-align: right;
}
.md-table--inner .ls-item--col {
  display: flex;
  flex-direction: column;
}
.md-table--inner .ls-date--md {
  font-size: 12px;
}
.md-table--inner .ls-item {
  padding: 0 6px;
  min-height: 32px;
  border-right: none;
  background-color: transparent;
}
.md-table--inner .ls-item > div {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 3px;
}
.md-table--inner .ls-item > div:first-of-type {
  padding: 0 3px 0 0;
}
.md-table--inner .ls-item > div:last-of-type {
  padding: 0 0 0 3px;
}
.md-table--inner .ls-item--blank {
  flex: 1 1 auto;
  border-right: none;
}
.md-table--inner .ls-item .el-inputText,
.md-table--inner .ls-item .el-button {
  width: 100%;
  text-align: center;
}

.md-table.gr-2x2 {
  position: relative;
  display: -ms-grid;
  display: grid;
}
.md-table.gr-2x2.op-left100 {
  -ms-grid-columns: 100px calc(100% - 100px);
  grid-template-columns: 100px calc(100% - 100px);
}
.md-table.gr-2x2.op-left200 {
  -ms-grid-columns: 200px calc(100% - 200px);
  grid-template-columns: 200px calc(100% - 200px);
}
.md-table.gr-2x2.op-left300 {
  -ms-grid-columns: 300px calc(100% - 300px);
  grid-template-columns: 300px calc(100% - 300px);
}
.md-table.gr-2x2.op-left400 {
  -ms-grid-columns: 400px calc(100% - 400px);
  grid-template-columns: 400px calc(100% - 400px);
}
.md-table.gr-2x2.op-left500 {
  -ms-grid-columns: 500px calc(100% - 500px);
  grid-template-columns: 500px calc(100% - 500px);
}
.md-table.gr-2x2 .ls-origin {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.md-table.gr-2x2 .ls-origin .ls-item {
  font-weight: bold;
}
.md-table.gr-2x2 .ls-headerX {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.md-table.gr-2x2 .ls-headerX .ls-row {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-table.gr-2x2 .ls-headerX .ls-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 32px;
}
.md-table.gr-2x2 .ls-headerY {
  position: relative;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #f6f6f6;
  overflow: hidden;
}
.md-table.gr-2x2 .ls-headerY .ls-col {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.md-table.gr-2x2 .ls-headerY .ls-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table.gr-2x2 .ls-headerY .ls-more {
  height: 36px;
}
.md-table.gr-2x2 .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table.gr-2x2 .ls-dataArea .ls-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-table.gr-2x2 .ls-dataArea .ls-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table.gr-2x2 .ls-dataArea .ls-item--date span:nth-of-type(1),
.md-table.gr-2x2 .ls-dataArea .ls-item--update span:nth-of-type(1) {
  display: block;
  font-size: 12px;
}
.md-table.gr-2x2 .ls-dataArea .ls-item--date span:nth-of-type(2),
.md-table.gr-2x2 .ls-dataArea .ls-item--update span:nth-of-type(2) {
  display: block;
  padding: 3px 0 0 6px;
  text-align: right;
}
.md-table.gr-2x2 .ls-dataArea .ls-item--blank {
  flex: 1 1 auto;
}
.md-table.gr-2x2 .ls-dataArea .md-button {
  margin: 0;
  width: 100%;
}
.md-table.gr-2x2 .ls-dataArea .ls-more {
  height: 36px;
}
.md-table.gr-2x2 .ls-dataArea .ls-more button {
  width: 100%;
  height: 100%;
}
.md-table.gr-2x2 .ls-item {
  padding: 0 12px;
  font-size: 14px;
  line-height: 1;
}

.md-table.gr-1x2 {
  position: relative;
  display: -ms-grid;
  display: grid;
}
.md-table.gr-1x2.op-header24 {
  -ms-grid-rows: 24px calc(100% - 24px);
  grid-template-rows: 24px calc(100% - 24px);
}
.md-table.gr-1x2.op-header24 .ls-item {
  height: 24px;
}
.md-table.gr-1x2.op-header32 {
  -ms-grid-rows: 32px calc(100% - 32px);
  grid-template-rows: 32px calc(100% - 32px);
}
.md-table.gr-1x2.op-header32 .ls-item {
  height: 32px;
}
.md-table.gr-1x2 .ls-headerX {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
.md-table.gr-1x2 .ls-headerX .ls-row {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-table.gr-1x2 .ls-headerX .ls-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.md-table.gr-1x2 .ls-dataArea {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #f6f6f6;
  overflow: auto;
}
.md-table.gr-1x2 .ls-dataArea .ls-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.md-table.gr-1x2 .ls-dataArea .ls-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.md-table.gr-1x2 .ls-dataArea .ls-item--date span:nth-of-type(1),
.md-table.gr-1x2 .ls-dataArea .ls-item--update span:nth-of-type(1),
.md-table.gr-1x2 .ls-dataArea .ls-item--armaInport1 span:nth-of-type(1),
.md-table.gr-1x2 .ls-dataArea .ls-item--armaInport2 span:nth-of-type(1) {
  display: block;
  font-size: 12px;
}
.md-table.gr-1x2 .ls-dataArea .ls-item--date span:nth-of-type(2),
.md-table.gr-1x2 .ls-dataArea .ls-item--update span:nth-of-type(2),
.md-table.gr-1x2 .ls-dataArea .ls-item--armaInport1 span:nth-of-type(2),
.md-table.gr-1x2 .ls-dataArea .ls-item--armaInport2 span:nth-of-type(2) {
  display: block;
  padding: 3px 0 0 6px;
  text-align: right;
}
.md-table.gr-1x2 .ls-dataArea .ls-item--blank {
  flex: 1 1 auto;
}
.md-table.gr-1x2 .ls-dataArea .md-button {
  margin: 0;
  width: 100%;
}
.md-table.gr-1x2 .ls-dataArea .ls-more {
  height: 36px;
}
.md-table.gr-1x2 .ls-dataArea .ls-more button {
  width: 100%;
  height: 100%;
}
.md-table.gr-1x2 .ls-item {
  padding: 0 12px;
  font-size: 14px;
  line-height: 1;
}

.op-data24 .ls-item {
  height: 24px !important;
}

.cp-resident {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-bottom: 2px solid #e6e6e6;
  background-color: #e55;
  color: #fff;
}

.md-delay {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  height: 32px;
}
.md-delay .ls-icon {
  flex: 0 0 auto;
  margin-right: 0.5em;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #fff;
  color: #c00;
  line-height: 32px;
}
.md-delay .ls-message,
.md-delay .ls-other {
  white-space: nowrap;
}
.md-delay .el-button {
  margin-left: 1em;
}

.cp-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  padding-bottom: 5px;
  border-top: 4px solid transparent;
  border-bottom: 6px solid transparent;
  background-color: #145233;
  border-bottom-color: #d6f5d6;
  color: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
.cp-header .ls-pageTitle {
  flex: 1 1 auto;
  padding-left: 24px;
}
.cp-header .ls-backButton,
.cp-header .ls-menuButton {
  width: 50px;
}
.cp-header .ls-backButton .el-button,
.cp-header .ls-menuButton .el-button {
  padding: 6px;
  width: 100%;
  height: 30px;
}
.cp-header .ls-delay {
  margin-right: 24px;
}
.cp-header .ls-logoutButton button {
  color: #fff;
}
.cp-header .ls-logoutButton button:hover {
  color: #555;
}

.cp-navi {
  padding: 6px 0 6px 3px;
  background-color: #f0f0f0;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
}
.cp-navi a {
  position: relative;
  display: block;
  color: #555;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.cp-navi a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.cp-navi a i {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-size: 16px;
}
.cp-navi > ul > li > a {
  padding: 3px 16px 3px 6px;
}
.cp-navi > ul > li > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}
.cp-navi > ul ul > li > a {
  padding: 3px 16px 3px 18px;
}
.cp-navi > ul ul > li > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}
.cp-navi > ul li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.cp-navi > ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cp-navi > ul > li > ul > li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.cp-navi > ul ul {
  display: none;
  list-style-type: none;
}
.cp-navi > ul ul ul {
  padding-left: 18px;
}

.cp-navi .ls--rightsOffice.ls--vod > a {
  pointer-events: none;
}
.cp-navi .ls--rightsOffice.ls--vod > a::after {
  display: none;
}

.cp-navi .ls--rightsOffice.ls--vod ul {
  display: block;
}

.cp-navi > ul > li {
  border-radius: 2px 0 0 2px;
  border-left-width: 10px;
  border-left-style: solid;
}
.cp-navi > ul > li.ls--contentsPark {
  border-left-color: #0051ff;
  background-color: #d6e3ff;
}
.cp-navi > ul > li.ls--fileLand {
  border-left-color: #7b51fb;
  background-color: #e1d7fe;
}
.cp-navi > ul > li.ls--businessCircuit.ls--pay {
  border-left-color: #1f4cad;
  background-color: #fef9e1;
}
.cp-navi > ul > li.ls--businessCircuit.ls--free {
  border-left-color: #1f4cad;
  background-color: #dcf9f9;
}
.cp-navi > ul > li.ls--rightsOffice.ls--vod {
  border-left-color: #145233;
  background-color: #d6f5d6;
}
.cp-navi > ul > li.ls--rightsOffice.ls--cs {
  border-left-color: #145233;
  background-color: #ffddcc;
}
.cp-navi > ul > li.ls--rightsOffice.ls--bs {
  border-left-color: #145233;
  background-color: #ffd6ff;
}
.cp-navi > ul > li.ls--master {
  border-left-color: #666666;
  background-color: #e6e6e6;
}

.cp-content {
  overflow: auto;
}

.cp-inputBox:not(:first-of-type),
.cp-infoBox:not(:first-of-type),
.cp-resultBox:not(:first-of-type) {
  margin-top: 12px;
}

.cp-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin: 0 12px;
  padding: 0 12px;
  height: 48px;
  border-radius: 2px 2px 0 0;
  background-color: #e6f2ff;
  color: #fff;
  box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.2);
}
.cp-footer .md-function {
  flex: 1 1 auto;
  text-align: left;
}
.cp-footer .md-functionRight {
  flex: 1 1 auto;
  text-align: right;
}
.cp-footer .ls-file {
  margin-right: 6px;
}
.cp-footer .ls-file .el-button {
  margin-right: 0;
}
.cp-footer .ls-addKouban {
  width: 160px;
}
.cp-footer .md-okCancel .md-button.ls-cancel span {
  color: #fff;
}
.cp-footer .md-okCancel .md-button.ls-cancel:hover span {
  color: #555;
}
.cp-footer .md-okCancel .md-button.ls-ok {
  width: 120px;
}

.pg-delay .modalMessage .modalBody {
  padding-top: 64px;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .md-cardItem {
  display: flex;
  flex-direction: row;
  padding: 12px 0 0;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-optionScope {
  margin-right: 12px;
  width: calc((100% - 48px) * 2 / 5 + 12px);
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-optionLayering {
  width: calc((100% - 48px) * 3 / 5 + 24px);
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-optionTask {
  margin-right: 12px;
  width: calc(100% - 140px - 12px);
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-optionTask .md-checkBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  min-height: 36px;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-optionTask .md-checkBox .el-checkBox {
  width: 12.5%;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-execute {
  align-self: flex-end;
  width: 140px;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-execute .el-checkBox .ls-label {
  padding-right: 0;
  width: 138px;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-execute .el-button {
  width: 100%;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .md-table {
  padding: 12px 0 0;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-headerX {
  position: sticky;
  top: 0;
  z-index: 100;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__expand {
  flex: 0 0 auto;
  width: 40px;
  border-right: none;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__expand .el-button {
  padding: 0;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__pic {
  flex: 0 0 auto;
  width: 15%;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__title {
  flex: 0 0 auto;
  width: calc(40% - 40px);
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__task {
  flex: 0 0 auto;
  width: 15%;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__deadline {
  flex: 0 0 auto;
  width: 15%;
  justify-content: center;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__deadline .ls__last,
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__deadline .ls__delay {
  margin-left: 1em;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__deadline .ls__delay {
  color: #c00;
  font-weight: bold;
}
.pg-delay .modalMessage .modalBody .cp-resultBox .ls-item.ls__edit {
  flex: 0 0 auto;
  width: 15%;
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls__deadline span:nth-of-type(1),
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls__deadline span:nth-of-type(2) {
  padding: 0;
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls-item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls-row:first-of-type .ls-item {
  border-top: none;
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls-row:last-of-type .ls-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls-row.gs-expand + .ls-row.gs-expand .ls-item {
  border-top-style: dashed;
}
.pg-delay .modalMessage .modalBody .md-table .ls-dataArea .ls-row.gs-expand + .ls-row.gs-expand .ls-item.ls__expand {
  border-top-style: none;
}
.pg-delay .modalMessage .modalBody .md-table.ls--byPic .ls-dataArea .ls-row.gs-expand + .ls-row.gs-expand .ls-item.ls__pic {
  border-top-style: none;
}
.pg-delay .modalMessage .modalBody .md-table.ls--byTitle .ls-dataArea .ls-row.gs-expand + .ls-row.gs-expand .ls-item.ls__title,
.pg-delay .modalMessage .modalBody .md-table.ls--byTitle .ls-dataArea .ls-row.gs-expand + .ls-row.gs-expand .ls-item.ls__pic {
  border-top-style: none;
}

.pg-todo-desk .cp-content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
}

.pg-todo-desk .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-desk .cp-searchBox .ls-keyword {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-todo-desk .cp-searchBox .ls-apply,
.pg-todo-desk .cp-searchBox .ls-distribution,
.pg-todo-desk .cp-searchBox .ls-allocation,
.pg-todo-desk .cp-searchBox .ls-status,
.pg-todo-desk .cp-searchBox .ls-deadlineType,
.pg-todo-desk .cp-searchBox .ls-deadline,
.pg-todo-desk .cp-searchBox .ls-pic {
  width: calc((100% - 60px) * 0.1666666667);
}

.cp-todoKoubanDesk .md-heading {
  position: sticky;
  z-index: 101;
  top: 0;
}
.cp-todoKoubanDesk .md-table {
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.cp-todoKoubanDesk .ls-origin,
.cp-todoKoubanDesk .ls-headerX {
  position: sticky;
  z-index: 100;
  top: 54px;
}
.cp-todoKoubanDesk .ls--title {
  width: 335px;
}
.cp-todoKoubanDesk .ls--kouban,
.cp-todoKoubanDesk .ls--arma,
.cp-todoKoubanDesk .ls--individual,
.cp-todoKoubanDesk .ls--music,
.cp-todoKoubanDesk .ls--issue,
.cp-todoKoubanDesk .ls--sales {
  width: calc((100% - 530px) / 6);
  min-width: 105px;
}
.cp-todoKoubanDesk .ls--deadlineEdit {
  width: 60px;
}

.pg-todo-operator .ls-link .el-button {
  padding-left: 12px;
  padding-right: 12px;
}
.pg-todo-operator .ls-link .el-button:disabled {
  color: #555;
}
.pg-todo-operator .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-operator .ls-origin,
.pg-todo-operator .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}

.pg-todo-operator .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: minmax(300px, calc(100% - 1140px)) 1fr;
  grid-template-columns: minmax(300px, calc(100% - 1140px)) 1fr;
}
.pg-todo-operator .cp-resultBox .ls--title {
  width: calc(100% - 65px);
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--kouban {
  width: 390px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--kouban .ls__status {
  width: 114px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--kouban .ls__edit {
  width: 154px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--kouban .ls__arma {
  width: 110px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--issue {
  width: 280px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--issue .ls__status {
  width: 114px;
}
.pg-todo-operator .cp-resultBox.cp--kouban .ls--issue .ls__edit {
  width: 154px;
}

.pg-todo-operator .cp-resultBox.cp--individual .ls--individual {
  justify-content: flex-start;
  width: 670px;
}
.pg-todo-operator .cp-resultBox.cp--individual .ls--individual .ls__status {
  flex: 0 0 auto;
  width: 242px;
}
.pg-todo-operator .cp-resultBox.cp--individual .ls--individual .ls__edit {
  flex: 0 0 auto;
  width: 135px;
}

.pg-todo-operator .cp-resultBox.cp--music .ls--music {
  justify-content: flex-start;
  width: 670px;
}
.pg-todo-operator .cp-resultBox.cp--music .ls--music .ls__status {
  flex: 0 0 auto;
  width: 242px;
}
.pg-todo-operator .cp-resultBox.cp--music .ls--music .ls__edit {
  flex: 0 0 auto;
  width: 135px;
}

.pg-todo-operator .cp-resultBox.cp--sales .ls--sales {
  justify-content: flex-start;
  width: 670px;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls--sales .ls__status {
  flex: 0 0 auto;
  width: 242px;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls--sales .ls__edit {
  flex: 0 0 auto;
  width: 135px;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales {
  justify-content: flex-start;
  width: 670px;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales .ls__status {
  text-align: center;
  font-size: 0;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales .ls__status span {
  display: inline-block;
  margin: 0 3px;
  width: 70px;
  font-size: 14px;
  padding: 1px 0;
  border-radius: 2px;
  text-align: center;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales .ls__status .ls-notYet {
  border: 1px solid #267359;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales .ls__status .ls-done {
  border: 1px solid #267359;
  background-color: #267359;
  color: #fff;
}
.pg-todo-operator .cp-resultBox.cp--sales .ls-dataArea .ls--sales .ls__status .ls-none {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #999;
}

.pg-todo-kouban .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-kouban .cp-searchBox .ls-keyword {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-todo-kouban .cp-searchBox .ls-apply,
.pg-todo-kouban .cp-searchBox .ls-distribution,
.pg-todo-kouban .cp-searchBox .ls-allocation {
  width: calc((100% - 60px) * 0.1666666667);
}
.pg-todo-kouban .cp-searchBox .ls-status {
  width: calc((100% - 36px) * 0.25);
}
.pg-todo-kouban .cp-searchBox .ls-deadlineType,
.pg-todo-kouban .cp-searchBox .ls-deadline,
.pg-todo-kouban .cp-searchBox .ls-pic {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-todo-kouban .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-kouban .cp-resultBox .ls-origin,
.pg-todo-kouban .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-todo-kouban .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.pg-todo-kouban .cp-resultBox .ls--title {
  width: 335px;
}
.pg-todo-kouban .cp-resultBox .ls--new {
  width: 65px;
}
.pg-todo-kouban .cp-resultBox .ls--kouban {
  width: 672px;
}
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__kouban,
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__arma11,
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__arma12,
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__arma21,
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__arma22,
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__fixed {
  width: 70px;
}
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__koubanEdit {
  width: 140px;
}
.pg-todo-kouban .cp-resultBox .ls--kouban .ls__armaEdit {
  width: 100px;
}
.pg-todo-kouban .cp-resultBox .ls--individual {
  width: 120px;
}
.pg-todo-kouban .cp-resultBox .ls--issue {
  width: 245px;
}
.pg-todo-kouban .cp-resultBox .ls--issue .ls__status {
  width: 114px;
}
.pg-todo-kouban .cp-resultBox .ls--issue .ls__deadline {
  width: 65px;
}
.pg-todo-kouban .cp-resultBox .ls--issue .ls__edit {
  width: 54px;
}
.pg-todo-kouban .cp-resultBox .ls--note {
  width: calc(100% - 1517px);
  min-width: 180px;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--new,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--allocation,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--individual,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__status,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--update,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--updater {
  justify-content: center;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__kouban,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__arma11,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__arma12,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__arma21,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__arma22,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__fixed,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__status,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__deadline,
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls__edit {
  text-align: center;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--distribution span {
  display: block;
  text-align: center;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--distribution span:nth-of-type(1) {
  padding-right: 6px;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--distribution span:nth-of-type(2) {
  padding-top: 3px;
  padding-left: 6px;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--update span {
  display: block;
  text-align: right;
}
.pg-todo-kouban .cp-resultBox .ls-dataArea .ls--update:nth-of-type(2) {
  padding-top: 3px;
}

.pg-todo-license .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-license .cp-searchBox .ls-keyword,
.pg-todo-license .cp-searchBox .ls-status {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-todo-license .cp-searchBox .ls-apply,
.pg-todo-license .cp-searchBox .ls-distribution,
.pg-todo-license .cp-searchBox .ls-allocation,
.pg-todo-license .cp-searchBox .ls-deadline,
.pg-todo-license .cp-searchBox .ls-pic {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-todo-license .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-license .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.pg-todo-license .cp-resultBox .ls-origin,
.pg-todo-license .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-todo-license .cp-resultBox .ls--title {
  width: 335px;
}
.pg-todo-license .cp-resultBox .ls--licensee {
  width: calc(100% - 955px);
  min-width: 240px;
}
.pg-todo-license .cp-resultBox .ls--individual {
  width: 245px;
}
.pg-todo-license .cp-resultBox .ls--individual .ls__status {
  width: 114px;
}
.pg-todo-license .cp-resultBox .ls--individual .ls__edit {
  width: 54px;
}
.pg-todo-license .cp-resultBox .ls--note {
  width: 240px;
}
.pg-todo-music .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-music .cp-searchBox .ls-keyword,
.pg-todo-music .cp-searchBox .ls-status {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-todo-music .cp-searchBox .ls-apply,
.pg-todo-music .cp-searchBox .ls-distribution,
.pg-todo-music .cp-searchBox .ls-allocation,
.pg-todo-music .cp-searchBox .ls-deadline,
.pg-todo-music .cp-searchBox .ls-pic {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-todo-music .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-music .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.pg-todo-music .cp-resultBox .ls-origin,
.pg-todo-music .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-todo-music .cp-resultBox .ls--title {
  width: 335px;
}
.pg-todo-music .cp-resultBox .ls--list,
.pg-todo-music .cp-resultBox .ls--regist {
  width: 245px;
}
.pg-todo-music .cp-resultBox .ls--list .ls__status,
.pg-todo-music .cp-resultBox .ls--regist .ls__status {
  width: 114px;
}
.pg-todo-music .cp-resultBox .ls--list .ls__edit,
.pg-todo-music .cp-resultBox .ls--regist .ls__edit {
  width: 54px;
}
.pg-todo-music .cp-resultBox .ls--note {
  width: calc(100% - 715px);
  min-width: 240px;
}
.pg-todo-sales-and-report .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-sales-and-report .cp-searchBox .ls-keyword {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-todo-sales-and-report .cp-searchBox .ls-apply,
.pg-todo-sales-and-report .cp-searchBox .ls-distribution,
.pg-todo-sales-and-report .cp-searchBox .ls-allocation,
.pg-todo-sales-and-report .cp-searchBox .ls-status,
.pg-todo-sales-and-report .cp-searchBox .ls-deadline,
.pg-todo-sales-and-report .cp-searchBox .ls-pic {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-todo-sales-and-report .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-sales-and-report .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.pg-todo-sales-and-report .cp-resultBox .ls-origin,
.pg-todo-sales-and-report .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-todo-sales-and-report .cp-resultBox .ls--title {
  width: 335px;
}
.pg-todo-sales-and-report .cp-resultBox .ls--sales {
  width: 150px;
}
.pg-todo-sales-and-report .cp-resultBox .ls--sales .ls__status {
  width: 84px;
}
.pg-todo-sales-and-report .cp-resultBox .ls--writer {
  width: 245px;
}
.pg-todo-sales-and-report .cp-resultBox .ls--writer .ls__status {
  width: 114px;
}
.pg-todo-sales-and-report .cp-resultBox .ls--note {
  width: calc(100% - 930px);
  min-width: 240px;
}
.pg-todo-new .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-todo-new .cp-searchBox .ls-keyword {
  width: calc((100% - 132px - 48px) * 0.2 * 1.3);
}
.pg-todo-new .cp-searchBox .ls-apply {
  width: calc((100% - 132px - 48px) * 0.2 * 0.7);
}
.pg-todo-new .cp-searchBox .ls-distribution,
.pg-todo-new .cp-searchBox .ls-status {
  width: calc((100% - 132px - 48px) * 0.2);
}

.pg-todo-new .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-todo-new .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 450px 1fr;
  grid-template-columns: 450px 1fr;
}
.pg-todo-new .cp-resultBox .ls-origin,
.pg-todo-new .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-todo-new .cp-resultBox .ls--title {
  flex-wrap: nowrap;
  align-content: normal;
  padding-left: 0;
  width: 385px;
}
.pg-todo-new .cp-resultBox .ls--title .ls__check {
  width: 50px;
}
.pg-todo-new .cp-resultBox .ls--title .ls__title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  width: 328px;
}
.pg-todo-new .cp-resultBox .ls--apply {
  width: 65px;
}
.pg-todo-new .cp-resultBox .ls--pic {
  width: 180px;
}
.pg-todo-new .cp-resultBox .ls--pic .ls__pic {
  width: 114px;
}
.pg-todo-new .cp-resultBox .ls--kouban {
  width: 340px;
}
.pg-todo-new .cp-resultBox .ls--kouban .ls__status {
  width: 168px;
}
.pg-todo-new .cp-resultBox .ls--kouban .ls__continue {
  width: 100px;
}
.pg-todo-new .cp-resultBox .ls--kouban .ls__expire {
  width: 80px;
}
.pg-todo-new .cp-resultBox .ls--kouban .ls__reDestribution {
  width: 180px;
}
.pg-todo-new .cp-resultBox .ls--note {
  width: calc(100% - 870px);
  min-width: 240px;
}
.pg-kouban-new .cp-infoBox .md-heading:first-of-type {
  margin-top: 12px;
}
.pg-kouban-new .cp-infoBox .md-heading:not(:first-of-type) {
  margin-top: 24px;
}
.pg-kouban-new .cp-infoBox .ls-kouban {
  width: 65%;
}
.pg-kouban-new .cp-infoBox .ls-allocation {
  width: 35%;
}
.pg-kouban-new .cp-infoBox .ls-title,
.pg-kouban-new .cp-infoBox .ls-subtitle,
.pg-kouban-new .cp-infoBox .ls-episode {
  width: 100%;
}
.pg-kouban-new .cp-infoBox .ls-apply,
.pg-kouban-new .cp-infoBox .ls-distribution {
  width: 50%;
}
.pg-kouban-new .cp-infoBox .ls-distributionFrom,
.pg-kouban-new .cp-infoBox .ls-distributionTo {
  width: calc(25% - 6px);
}
.pg-kouban-new .cp-infoBox .ls-staff {
  width: 50%;
}
.pg-kouban-new .cp-infoBox .ls-deadlineNew,
.pg-kouban-new .cp-infoBox .ls-deadlineLicense1,
.pg-kouban-new .cp-infoBox .ls-deadlineLicense2 {
  flex: 0 0 auto;
  width: calc(25% - 9px);
}
.pg-kouban-new .cp-infoBox .ls-deadlineMusic,
.pg-kouban-new .cp-infoBox .ls-deadlineIssue {
  flex: 0 0 auto;
  width: calc(25% - 9px);
}
.pg-kouban-new .cp-infoBox .ls-deadlineSalesTvod,
.pg-kouban-new .cp-infoBox .ls-deadlineSalesSvod,
.pg-kouban-new .cp-infoBox .ls-deadlineSalesAvod {
  flex: 0 0 auto;
  width: calc(25% - 9px);
}

.pg-kouban-search .cp-searchBox {
  height: 129px;
  transition: height 0.15s;
}
.pg-kouban-search .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-kouban-search .cp-searchBox .md-searchItem:nth-of-type(n+3) {
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.pg-kouban-search .cp-searchBox .md-searchItem:nth-of-type(2) .ls-execute {
  display: block;
}
.pg-kouban-search .cp-searchBox .md-searchItem:nth-of-type(5) .ls-execute {
  display: none;
}
.pg-kouban-search .cp-searchBox .ls-keyword {
  width: calc((100% - 132px - 48px) * 0.2 * 1.3);
}
.pg-kouban-search .cp-searchBox .ls-apply {
  width: calc((100% - 132px - 48px) * 0.2 * 0.7);
}
.pg-kouban-search .cp-searchBox .ls-distribution,
.pg-kouban-search .cp-searchBox .ls-allocation {
  width: calc((100% - 132px - 48px) * 0.2);
}
.pg-kouban-search .cp-searchBox .ls-status,
.pg-kouban-search .cp-searchBox .ls-deadlineType,
.pg-kouban-search .cp-searchBox .ls-pic,
.pg-kouban-search .cp-searchBox .ls-operator,
.pg-kouban-search .cp-searchBox .ls-deadline,
.pg-kouban-search .cp-searchBox .ls-updated,
.pg-kouban-search .cp-searchBox .ls-deleted {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-kouban-search .cp-searchBox.gs-detailSearch {
  height: 318px;
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .md-searchItem:nth-of-type(n+3) {
  opacity: 1;
  pointer-events: auto;
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .md-searchItem:nth-of-type(2) .ls-execute {
  display: none;
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .md-searchItem:nth-of-type(5) .ls-execute {
  display: block;
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-keyword {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-apply,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-distribution,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-allocation,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-status {
  width: calc((100% - 60px) * 0.1666666667);
}
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-deadlineType,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-deadline,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-pic,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-operator,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-updated,
.pg-kouban-search .cp-searchBox.gs-detailSearch .ls-deleted {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-kouban-search .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-search .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 450px 1fr;
  grid-template-columns: 450px 1fr;
}
.pg-kouban-search .cp-resultBox .ls-origin,
.pg-kouban-search .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-search .cp-resultBox .ls--title {
  flex-wrap: nowrap;
  align-content: normal;
  width: 385px;
  padding-left: 0;
}
.pg-kouban-search .cp-resultBox .ls--title .ls__check {
  width: 50px;
}
.pg-kouban-search .cp-resultBox .ls--title .ls__title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  width: 329px;
}
.pg-kouban-search .cp-resultBox .ls--kouban {
  width: 150px;
}
.pg-kouban-search .cp-resultBox .ls--arma {
  width: 240px;
}
.pg-kouban-search .cp-resultBox .ls--arma .ls__status {
  width: 114px;
}
.pg-kouban-search .cp-resultBox .ls--arma .ls__edit {
  width: 114px;
}
.pg-kouban-search .cp-resultBox .ls--writer,
.pg-kouban-search .cp-resultBox .ls--issue,
.pg-kouban-search .cp-resultBox .ls--music,
.pg-kouban-search .cp-resultBox .ls--sales {
  width: 180px;
}
.pg-kouban-search .cp-resultBox .ls--writer .ls__status,
.pg-kouban-search .cp-resultBox .ls--issue .ls__status,
.pg-kouban-search .cp-resultBox .ls--music .ls__status,
.pg-kouban-search .cp-resultBox .ls--sales .ls__status {
  width: 114px;
}
.pg-kouban-search .cp-resultBox .ls--writer .ls__edit,
.pg-kouban-search .cp-resultBox .ls--issue .ls__edit,
.pg-kouban-search .cp-resultBox .ls--music .ls__edit,
.pg-kouban-search .cp-resultBox .ls--sales .ls__edit {
  width: 54px;
}
.pg-kouban-search .cp-resultBox .ls--note {
  width: calc(100% - 1645px);
  min-width: 180px;
}
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--locked,
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--deleted,
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--ng {
  position: relative;
}
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--locked::after,
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--deleted::after,
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--ng::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  transform: translate(0, -50%);
  border-radius: 10px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--locked::after {
  content: "\f023";
}
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--deleted::after {
  content: "\f1f8";
}
.pg-kouban-search .cp-resultBox .md-table .ls-headerY .gs-row.ls--ng::after {
  content: url("../webfonts/icon_ng.svg");
  margin-top: -1px;
  margin-left: 2px;
  width: 12px;
  height: 12px;
}

.cp-koubanLicensee .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.cp-koubanLicensee .ls-origin,
.cp-koubanLicensee .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.cp-koubanLicensee .ls-origin {
  overflow: visible;
}
.cp-koubanLicensee .ls-origin .ls-item {
  padding-left: 20px;
}
.cp-koubanLicensee .ls-headerX .ls-licenseType,
.cp-koubanLicensee .ls-dataArea .ls-licenseType {
  position: sticky;
  left: 0;
  z-index: 99;
}
.cp-koubanLicensee .ls-headerX .ls-order,
.cp-koubanLicensee .ls-dataArea .ls-order {
  position: sticky;
  left: 60px;
  z-index: 99;
}
.cp-koubanLicensee .ls-headerX .ls-rank,
.cp-koubanLicensee .ls-dataArea .ls-rank {
  position: sticky;
  left: 120px;
  z-index: 99;
}
.cp-koubanLicensee .md-table.op-hTopLeft {
  -ms-grid-columns: 500px 1fr;
  grid-template-columns: 500px 1fr;
}
.cp-koubanLicensee .md-table .ls-headerX .ls-itemGroup .ls-item:last-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item {
  position: relative;
  padding-left: 20px;
  background-repeat: repeat-y;
  background-size: 10px 10px;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item::before,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 11px;
  bottom: 0;
  width: 5px;
  height: 100%;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item.ls--caution,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item.ls--caution {
  position: relative;
  padding-left: 20px;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item.ls--caution::after,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item.ls--caution::after {
  content: "注";
  position: absolute;
  top: 0;
  left: 11px;
  width: 16px;
  height: 16px;
  border-radius: 0 0 16px 0;
  background-color: #777;
  color: #fff;
  text-align: center;
  font-size: 10px;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item.ls--caution.ls--caution--j::after,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item.ls--caution.ls--caution--j::after {
  content: "J";
  background-color: #b5b;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item.ls--caution.ls--caution--b::after,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item.ls--caution.ls--caution--b::after {
  content: "B";
  background-color: #b5b;
}
.cp-koubanLicensee .md-table .ls-headerY > .ls-item.ls--caution.ls--caution--etc::after,
.cp-koubanLicensee .md-table .ls-headerY .ls-itemGroup .ls-item.ls--caution.ls--caution--etc::after {
  content: "他";
  font-size: 10px;
  background-color: #b5b;
}
.cp-koubanLicensee .ls-headerY .ls-item.op-tStaff {
  background-image: repeating-linear-gradient(#cba 0, #cba 10px);
}
.cp-koubanLicensee .ls-headerY .ls-item.op-tCast {
  background-image: repeating-linear-gradient(#abc 0, #abc 10px);
}
.cp-koubanLicensee .ls-headerY .ls-item.op-tBorrowed {
  background-image: repeating-linear-gradient(#acb 0, #acb 10px);
}

.cp-koubanLicensee .ls-name {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.cp-koubanLicensee .ls-name.op-tOthers {
  height: 110px;
}
.cp-koubanLicensee .ls-name.op-tOthers .ls__name,
.cp-koubanLicensee .ls-name.op-tOthers .ls-resource__rate + .ls-resource__rate,
.cp-koubanLicensee .ls-name.op-tOthers .ls-resource__partialObject {
  padding-right: 0;
}
.cp-koubanLicensee .ls-name.op-tPartial {
  height: 70px;
}
.cp-koubanLicensee .ls-name.op-tOthers.op-tPartial {
  height: 140px;
}
.cp-koubanLicensee .ls-name .ls__option {
  width: 40px;
}
.cp-koubanLicensee .ls-name .ls__role {
  width: 110px;
}
.cp-koubanLicensee .ls-name .ls__resource {
  width: 110px;
}
.cp-koubanLicensee .ls-name .ls__name {
  width: 213px;
}
.cp-koubanLicensee .ls-name .ls-resource__calc {
  margin-left: calc(100% - 390px);
}
.cp-koubanLicensee .ls-name .ls-resource__calc,
.cp-koubanLicensee .ls-name .ls-resource__pay,
.cp-koubanLicensee .ls-name .ls-resource__rate {
  width: 130px;
}
.cp-koubanLicensee .ls-name .ls-resource__partialObject {
  position: relative;
  margin-left: calc(100% - 390px);
  width: 290px;
}
.cp-koubanLicensee .ls-name .ls-resource__partialObject .el-inputText {
  display: inline-block;
  margin-left: 50px;
  width: 230px;
  font-size: 14px;
}
.cp-koubanLicensee .ls-name .ls-resource__partialObject .el-inputText::before {
  content: "対象：";
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translate(0, -50%);
  display: inline-block;
  width: 50px;
  font-size: 14px;
}
.cp-koubanLicensee .ls-name .ls-resource__partialFlag {
  width: 100px;
}
.cp-koubanLicensee .ls-name .ls-resource__partialFlag .ls-label {
  padding-right: 0;
}
.cp-koubanLicensee .ls-name .ls-resource__note {
  position: relative;
  margin-left: calc(100% - 390px);
  width: 390px;
  font-size: 0;
}
.cp-koubanLicensee .ls-name .ls-resource__note .el-inputText {
  display: inline-block;
  margin-left: 50px;
  width: 337px;
  font-size: 14px;
}
.cp-koubanLicensee .ls-name .ls-resource__note .el-inputText::before {
  content: "備考：";
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translate(0, -50%);
  display: inline-block;
  width: 50px;
  font-size: 14px;
}
.cp-koubanLicensee .ls-nameKana {
  width: 160px;
}
.cp-koubanLicensee .ls-agency {
  width: 480px;
}
.cp-koubanLicensee .ls-agency .ls__name {
  width: 180px;
}
.cp-koubanLicensee .ls-agency .ls__contact {
  width: 180px;
}
.cp-koubanLicensee .ls-agency .ls__edit,
.cp-koubanLicensee .ls-agency .ls__copy {
  width: 54px;
}
.cp-koubanLicensee .ls-licenseType {
  width: 60px;
}
.cp-koubanLicensee .ls-license {
  width: 200px;
}
.cp-koubanLicensee .ls-license .ls__applyTo {
  width: 110px;
}
.cp-koubanLicensee .ls-license .ls__individual {
  width: 84px;
}
.cp-koubanLicensee .ls-purchased {
  width: 60px;
}
.cp-koubanLicensee .ls-order {
  width: 60px;
}
.cp-koubanLicensee .ls-rank {
  width: 70px;
}
.cp-koubanLicensee .ls-nameCast {
  width: 160px;
}
.cp-koubanLicensee .ls-armaNote {
  width: 160px;
}
.cp-koubanLicensee .ls-salesAll {
  width: 200px;
}
.cp-koubanLicensee .ls-salesAll .ls-total,
.cp-koubanLicensee .ls-salesAll .ls-contribution {
  width: 200px;
}
.cp-koubanLicensee .ls-salesAll .ls__average {
  width: 84px;
}
.cp-koubanLicensee .ls-salesAll .ls__total {
  width: 103px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment {
  width: 280px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls-sales,
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls-payment {
  width: 279px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls__onOff {
  width: 53px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls__rate {
  width: 70px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls__amount {
  width: 100px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls__memo {
  width: 44px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment {
  width: 280px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__onOff {
  width: 53px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__rate {
  width: 70px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__amount {
  width: 100px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__memo {
  width: 44px;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__memoText {
  width: 280px;
}
.cp-koubanLicensee .ls-appearance {
  width: 60px;
}
.cp-koubanLicensee .ls-note {
  width: 300px;
}
.cp-koubanLicensee .ls-note .el-button {
  width: 50px;
}
.cp-koubanLicensee .ls-note .ls__noteText {
  padding-right: 12px;
  width: calc(100% - 50px);
}

.cp-koubanLicensee .ls-headerX .ls-licenseType,
.cp-koubanLicensee .ls-headerX .ls-purchased,
.cp-koubanLicensee .ls-headerX .ls-order,
.cp-koubanLicensee .ls-headerX .ls-rank,
.cp-koubanLicensee .ls-headerX .ls-appearance {
  padding-left: 0;
  padding-right: 0;
}
.cp-koubanLicensee .ls-headerX .ls-licenseType,
.cp-koubanLicensee .ls-headerX .ls-order,
.cp-koubanLicensee .ls-headerX .ls-rank {
  background-color: #fff;
}
.cp-koubanLicensee .ls-headerX .ls-salesAll {
  padding: 0;
}
.cp-koubanLicensee .ls-headerX .ls-salesAll .gs-col {
  display: flex;
  flex-direction: column;
}
.cp-koubanLicensee .ls-headerX .ls-salesAll .ls-total {
  padding-top: 6px;
  min-height: 30px;
}
.cp-koubanLicensee .ls-headerX .ls-salesAll .ls-total,
.cp-koubanLicensee .ls-headerX .ls-salesAll .ls-contribution {
  border-right: none;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment {
  padding: 0;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .gs-col {
  display: flex;
  flex-direction: column;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls-sales {
  padding-top: 6px;
  min-height: 30px;
}
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls-sales,
.cp-koubanLicensee .ls-headerX .ls-salesPayment .ls-payment {
  border-right: none;
}
.cp-koubanLicensee .ls-dataArea .gs-row {
  width: -moz-max-content;
  width: max-content;
}
.cp-koubanLicensee .ls-dataArea .ls-itemGroup {
  flex-direction: column;
}
.cp-koubanLicensee .ls-dataArea .ls-item {
  background-color: #f6f6f6;
}
.cp-koubanLicensee .ls-dataArea .el-checkBox {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.cp-koubanLicensee .ls-dataArea .ls-purchased {
  padding: 0;
}
.cp-koubanLicensee .ls-dataArea .ls-salesAll .ls__average {
  padding-right: 18px;
  text-align: right;
}
.cp-koubanLicensee .ls-dataArea .ls-salesAll .ls__total {
  padding-right: 12px;
  text-align: right;
}
.cp-koubanLicensee .ls-dataArea .ls-payment {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cp-koubanLicensee .ls-dataArea .ls-payment > div {
  flex: 0 0 auto;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__rate {
  padding-right: 12px;
  text-align: right;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__rate input[type=text] {
  margin-right: -6px;
  text-align: right;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__amount {
  padding-right: 12px;
  text-align: right;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__memo {
  padding-right: 0;
}
.cp-koubanLicensee .ls-dataArea .ls-payment .ls__memoText {
  padding: 0 0 3px;
  width: 100%;
  text-align: right;
  font-size: 12px;
}
.cp-koubanLicensee .ls-dataArea .ls-appearance {
  justify-content: flex-end;
  padding-right: 12px;
}
.cp-koubanLicensee .ls-dataArea .gs-row.op-tOthers {
  height: 110px;
}
.cp-koubanLicensee .ls-dataArea .gs-row.op-tPartial {
  height: 70px;
}
.cp-koubanLicensee .ls-dataArea .gs-row.op-tOthers.op-tPartial {
  height: 140px;
}

.cp-koubanLicensee .ls-dataArea .ls-licenseType .el-radioButton:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls-label > div {
  display: inline-block;
}
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls__symbol {
  margin-right: 0.5em;
  width: 1em;
}
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls__arma,
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls__allocation,
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls__pay {
  margin-left: 0.25em;
  width: 5.5em;
  text-align: center;
  border-radius: 2px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #e6e6e6;
  background-color: transparent;
}
.cp-koubanLicensee .ls-dataArea .ls-licenseType .ls--on {
  border: 1px solid #999;
  background-color: #999;
  color: #fff;
}

.cp-koubanLicensee .md-table .md-dropDown .ls-dropDownPanel {
  max-height: none;
}
.cp-koubanLicensee .md-table .md-dropDown .ls-dropDownPanel .ls-item {
  padding: 0;
  height: 40px;
  min-height: 0;
}
.cp-koubanLicensee .md-table .md-dropDown .ls-dropDownPanel .ls-item .el-button {
  text-align: left;
  height: 40px;
}
.cp-koubanLicensee .md-table .md-dropDown .md-tab.op-tColorTag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 9px;
  height: 36px;
  font-size: 16px;
  white-space: nowrap;
}
.cp-koubanLicensee .md-table .md-dropDown .md-tab.op-tColorTag .ls-itemLabel {
  display: inline-block;
  margin-right: 6px;
}
.cp-koubanLicensee .md-table .md-dropDown .md-tab.op-tColorTag .ls-label,
.cp-koubanLicensee .md-table .md-dropDown .md-tab.op-tColorTag .el-radioButton {
  margin-right: 3px;
}

.cp-koubanLicensee .md-table .ls-headerX .ls-item.ls-rank,
.cp-koubanLicensee .md-table .ls-dataArea .ls-item.ls-rank {
  display: none;
}
.op-rank .cp-koubanLicensee .md-table .ls-headerX .ls-item.ls-rank,
.op-rank .cp-koubanLicensee .md-table .ls-dataArea .ls-item.ls-rank {
  display: flex;
  flex-direction: row;
}

.md-roleDetail {
  position: absolute;
  z-index: 210;
  width: 100%;
}
.md-roleDetail::before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  display: block;
  width: 25px;
  height: 40px;
  background-color: #c00;
  -webkit-clip-path: polygon(10px 0, 25px 0, 0 40px);
          clip-path: polygon(10px 0, 25px 0, 0 40px);
}
.md-roleDetail::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  display: block;
  width: 25px;
  height: 40px;
  background-color: #fff;
  -webkit-clip-path: polygon(11px 0, 24px 0, 1.5px 36px);
          clip-path: polygon(11px 0, 24px 0, 1.5px 36px);
}
.md-roleDetail .ls-frame {
  position: relative;
  padding: 10px;
  width: -moz-max-content;
  width: max-content;
  max-height: 500px;
  border: 1px solid #c00;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
  overflow: scroll;
}
.md-roleDetail .ls-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.5em;
  max-width: 67em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
}
.md-roleDetail .ls-item:has(> .ls__flat) ~ :has(> .ls__rate) .ls__rate {
  min-width: 6em;
}
.md-roleDetail .ls__role {
  min-width: 5.5em;
  font-weight: bold;
}
.md-roleDetail .ls__dist {
  min-width: 3.5em;
  font-weight: bold;
}
.md-roleDetail .ls__pay {
  min-width: 2.5em;
  font-weight: bold;
}
.md-roleDetail .ls__grossNet {
  margin-left: 0.5em;
  min-width: 3.5em;
  font-weight: bold;
}
.md-roleDetail .ls__rate {
  margin-left: 0.5em;
  min-width: 3em;
  text-align: right;
  font-weight: bold;
}
.md-roleDetail .ls__rate::after {
  content: "%";
  display: inline-block;
  width: 1em;
}
.md-roleDetail .ls__flat {
  min-width: 6em;
  text-align: right;
  font-weight: bold;
}
.md-roleDetail .ls__flat::after {
  content: "円";
  display: inline-block;
  width: 1em;
  text-align: left;
}
.md-roleDetail .ls__option {
  display: flex;
  flex-direction: row;
  margin-left: 0.5em;
  font-weight: bold;
}
.md-roleDetail .ls__option::before {
  content: "(";
}
.md-roleDetail .ls__option::after {
  content: ")";
}
.md-roleDetail .ls__option:has(> :nth-child(2)) > :not(:last-child)::after {
  content: "／";
}
.md-roleDetail .ls__deduct {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__deduct .ls__label {
  min-width: 2em;
}
.md-roleDetail .ls__deduct .ls__data {
  min-width: 3.5em;
  text-align: right;
}
.md-roleDetail .ls__deduct .ls__data::after {
  content: "%";
  display: inline-block;
  width: 1em;
  text-align: left;
}
.md-roleDetail .ls__mg {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__mg .ls__label {
  min-width: 2em;
}
.md-roleDetail .ls__mg .ls__data {
  min-width: 3.5em;
  text-align: right;
}
.md-roleDetail .ls__mg .ls__data::after {
  content: "円";
  display: inline-block;
  width: 1em;
  text-align: left;
}
.md-roleDetail .ls__topoff {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__topoff .ls__data {
  margin-left: 0.5em;
}
.md-roleDetail .ls__topoff.ls--rate .ls__data::after {
  content: "%";
}
.md-roleDetail .ls__topoff.ls--flat .ls__data::after {
  content: "円";
}
.md-roleDetail .ls__expense {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__expense .ls__label {
  min-width: 3em;
}
.md-roleDetail .ls__expense .ls__data {
  min-width: 2.5em;
  text-align: right;
}
.md-roleDetail .ls__flatEpisode {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0.5em;
  max-width: 66em;
}
.md-roleDetail .ls__flatEpisode .ls__episode {
  padding: 0 3px 3px;
  width: 5.5em;
}
.md-roleDetail .ls__flatEpisode .ls__label {
  text-align: left;
}
.md-roleDetail .ls__flatEpisode .ls__data {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: right;
}
.md-roleDetail .ls__flatEpisode .ls__data::after {
  content: "円";
  display: inline-block;
  width: 1em;
  text-align: left;
}
.md-roleDetail .ls__flatEpisode .ls__episode .ls__data:empty::after {
  content: "未入力";
  width: 3em;
  text-align: right;
}
.md-roleDetail .ls__flatEpisode .ls__episode.ls--disabled > div {
  background-color: #e6e6e6;
}
.md-roleDetail .ls__flatEpisode .ls__episode.ls--disabled .ls__data:empty::after {
  content: "対象外";
  width: 3em;
  text-align: right;
}
.md-roleDetail .ls__advance {
  display: flex;
  flex-direction: row;
  font-weight: bold;
}
.md-roleDetail .ls__advance::before {
  content: "→";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.md-roleDetail .ls__advance:has(> :nth-child(2)) > :not(:last-child)::after {
  content: "・";
}
.md-roleDetail .ls__month {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__month .ls__label {
  min-width: 2.5em;
}
.md-roleDetail .ls__month .ls__data {
  min-width: 3.5em;
}
.md-roleDetail .ls__slip {
  display: flex;
  flex-direction: row;
}
.md-roleDetail .ls__slip .ls__label {
  min-width: 2.5em;
}
.md-roleDetail .ls__slip .ls__data {
  min-width: 5.5em;
}

.cp-koubanInfo .ls-title {
  width: calc((100% - 108px) * 3 / 10 + 24px);
}
.cp-koubanInfo .ls-abbrTitle,
.cp-koubanInfo .ls-subtitle,
.cp-koubanInfo .ls-episode {
  width: calc((100% - 108px) * 2 / 10 + 12px);
}
.cp-koubanInfo .ls-apply {
  width: calc((100% - 108px) * 1 / 10);
}
.cp-koubanInfo .ls-distributionType {
  width: calc((100% - 108px) * 1.75 / 10 + 21px);
}
.cp-koubanInfo .ls-distributionGenre {
  width: calc((100% - 108px) * 2.25 / 10 + 27px);
}
.cp-koubanInfo .ls-distributionFrom,
.cp-koubanInfo .ls-distributionTo,
.cp-koubanInfo .ls-payDate {
  width: calc((100% - 108px) * 1 / 10);
  min-width: 150px;
}
.cp-koubanInfo .ls-allocation {
  width: calc((100% - 108px) * 1.5 / 10 + 6px);
  min-width: 200px;
}
.cp-koubanInfo .ls-salesType {
  width: calc((100% - 108px) * 1.5 / 10 + 6px);
  min-width: 160px;
}
@media (max-width: 1500px) {
  .cp-koubanInfo .ls-allocation .el-radioButton .ls-label,
.cp-koubanInfo .ls-salesType .el-checkBox .ls-label {
    padding-right: 0;
  }
}

.cp-koubanProduct {
  width: 70%;
}
.cp-koubanProduct .el-infoText {
  font-size: 14px;
}
.cp-koubanProduct .ls-prodProducer,
.cp-koubanProduct .ls-prodGenre {
  width: 17.5%;
}
.cp-koubanProduct .ls-prodOnairFrom,
.cp-koubanProduct .ls-prodOnairTo {
  width: 15%;
}
.cp-koubanProduct .ls-prodOnairHistory {
  width: 20%;
}
.cp-koubanProduct .ls-prodStation {
  width: 15%;
}
.cp-koubanProduct .ls-prodDirector {
  width: 35%;
}
.cp-koubanProduct .ls-prodNote {
  width: 65%;
}

.cp-koubanNote {
  width: 30%;
}
.cp-koubanNote .md-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 148px;
}
.cp-koubanNote .ls-text {
  flex: 1 1 auto;
  padding: 6px;
  height: 136px;
  overflow: auto;
  word-break: break-all;
  word-wrap: break-all;
  text-align: left;
  font-size: 14px;
  line-height: 1.25;
}
.cp-koubanNote .ls-edit {
  padding: 6px 6px 6px 0;
}

.cp-koubanCaution {
  width: 40%;
}
.cp-koubanCaution .md-table.op-hTopLeft {
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
}
.cp-koubanCaution .ls-headerY,
.cp-koubanCaution .ls-dataArea {
  max-height: 192px;
  overflow: hidden;
}
.cp-koubanCaution .md-table .ls-item {
  min-height: 32px;
}
.cp-koubanCaution .ls-cautionName {
  width: 100%;
}
.cp-koubanCaution .ls-cautionType {
  width: 20%;
  min-width: 100px;
  justify-content: center;
}
.cp-koubanCaution .ls-cautionRate {
  width: 30%;
  min-width: 120px;
  justify-content: flex-end;
}
.cp-koubanCaution .ls-cautionNote {
  width: 50%;
  min-width: 180px;
}
.cp-koubanCaution .md-table .ls-headerY .ls-item:last-of-type {
  border-bottom: none;
}
.cp-koubanCaution .md-table .ls-dataArea .gs-row:last-of-type .ls-item {
  border-bottom: none;
}

.cp-koubanRank {
  display: none;
  width: 30%;
}
.op-rank .cp-koubanRank {
  display: block;
}
@media (max-width: 1366px) {
  .cp-koubanRank .md-heading h2 span {
    display: none;
  }
}
.cp-koubanRank .md-table.op-hTopLeft {
  -ms-grid-columns: 60px 1fr;
  grid-template-columns: 60px 1fr;
}
.cp-koubanRank .md-table .ls-item {
  min-height: 32px;
}
.cp-koubanRank .md-table .ls-headerY .ls-rankName,
.cp-koubanRank .md-table .ls-headerY .ls-rankTotal {
  justify-content: center;
}
.cp-koubanRank .md-table .ls-headerY .ls-rankTotal {
  font-weight: bold;
}
.cp-koubanRank .md-table .ls-headerY .ls-rankName,
.cp-koubanRank .md-table .ls-headerY .ls-rankTotal {
  background-color: #fff;
}
.cp-koubanRank .ls-rankName {
  width: 100%;
}
.cp-koubanRank .ls-rankRate,
.cp-koubanRank .ls-rankNumber,
.cp-koubanRank .ls-rankRatio1,
.cp-koubanRank .ls-rankRatio2 {
  width: 25%;
  min-width: 100px;
}
.cp-koubanRank .md-table .ls-dataArea .ls-item {
  justify-content: flex-end;
}
.cp-koubanRank .md-table .ls-dataArea .ls-rankTotal .ls-item {
  font-weight: bold;
}
.cp-koubanRank .md-table .ls-headerY .ls-item.ls-rankTotal {
  width: 100%;
  border-bottom: none;
}
.cp-koubanRank .md-table .ls-dataArea .ls-rankTotal .ls-item {
  border-bottom: none;
}
.cp-koubanRank .md-table .ls-headerY .ls-item.gs-error,
.cp-koubanRank .md-table .ls-dataArea .gs-error .ls-item {
  background-color: #fdd;
  color: #c00;
}
.cp-koubanRank .md-table .ls-dataArea .gs-error .ls-item input[type=text] {
  color: #c00;
}

.cp-koubanArma {
  width: 30%;
}
.cp-koubanArma .md-table .ls-item {
  min-height: 32px;
}
.cp-koubanArma .md-table .ls-tvod,
.cp-koubanArma .md-table .ls-svod {
  display: none;
}
.cp-koubanArma .md-table.op-tTvod .ls-tvod, .cp-koubanArma .md-table.op-tSvod .ls-svod {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: calc(80% - 1px);
  min-width: 160px;
}
.cp-koubanArma .md-table.op-tTvod.op-tSvod .ls-tvod, .cp-koubanArma .md-table.op-tTvod.op-tSvod .ls-svod {
  width: calc(40% - 1px);
}
.cp-koubanArma .ls-label {
  width: 20%;
  min-width: 100px;
  background-color: #fff;
  font-weight: bold;
}
.cp-koubanArma .ls-headerX .ls-item {
  font-weight: bold;
}
.cp-koubanArma .ls-dataArea .ls-armaAnswer2 .ls-item {
  border-bottom: none;
}

.cp-infoBox--kouban {
  margin-top: 0;
}
.cp-infoBox--kouban .ls-title {
  width: 35%;
}
.cp-infoBox--kouban .ls-subtitle {
  width: 35%;
}
.cp-infoBox--kouban .ls-episode {
  width: 15%;
}
.cp-infoBox--kouban .ls-apply {
  width: 15%;
}

.cp-infoBox--product .ls-prodProducer,
.cp-infoBox--product .ls-prodGenre,
.cp-infoBox--product .ls-prodOnairFrom,
.cp-infoBox--product .ls-prodOnairTo {
  width: calc(15% - 12px);
}
.cp-infoBox--product .ls-prodOnairHistory {
  width: calc(30% - 12px);
}
.cp-infoBox--product .ls-prodStation {
  width: 10%;
}
.cp-infoBox--product .ls-prodDirector {
  width: calc(30% - 12px);
}
.cp-infoBox--product .ls-prodNote {
  width: 70%;
}

.pg-kouban-linkage .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 60px 1fr;
  grid-template-columns: 60px 1fr;
}
.pg-kouban-linkage .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-linkage .cp-resultBox .ls-origin,
.pg-kouban-linkage .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-linkage .cp-resultBox .ls-check {
  padding: 0;
  width: 60px;
}
.pg-kouban-linkage .cp-resultBox .ls-check .md-checkBox,
.pg-kouban-linkage .cp-resultBox .ls-check .el-checkBox,
.pg-kouban-linkage .cp-resultBox .ls-check .ls-label,
.pg-kouban-linkage .cp-resultBox .ls-check .ls-label::before {
  width: 100%;
}
.pg-kouban-linkage .cp-resultBox .ls-titleCode {
  width: 15%;
}
.pg-kouban-linkage .cp-resultBox .ls-durationCode {
  width: 15%;
}
.pg-kouban-linkage .cp-resultBox .ls-title {
  width: 25%;
}
.pg-kouban-linkage .cp-resultBox .ls-titleKana {
  width: 25%;
}
.pg-kouban-linkage .cp-resultBox .ls-oaDate {
  width: 10%;
}
.pg-kouban-linkage .cp-resultBox .ls-episode {
  width: 10%;
}
.pg-kouban-linkage .cp-resultBox .el-checkBox:hover input[type=checkbox] ~ .ls-label::before,
.pg-kouban-linkage .cp-resultBox .el-checkBox input[type=checkbox]:checked ~ .ls-label::before {
  width: 100%;
}

.pg-kouban-arma .cp-infoBox:nth-of-type(2) .ls-armaStatus,
.pg-kouban-arma .cp-infoBox:nth-of-type(2) .ls-armaId {
  width: calc((100% - 96px) * 2 / 10 + 12px);
}
.pg-kouban-arma .cp-infoBox:nth-of-type(2) .ls-armaOrder {
  width: calc((100% - 96px) * 1 / 10);
}
.pg-kouban-arma .cp-infoBox:nth-of-type(2) .ls-armaImport1,
.pg-kouban-arma .cp-infoBox:nth-of-type(2) .ls-armaImport2 {
  width: calc((100% - 96px) * 2 / 10 + 12px);
}

.pg-kouban-arma .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-arma .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
}
.pg-kouban-arma .cp-resultBox .ls-origin,
.pg-kouban-arma .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-arma .cp-resultBox .ls--name {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--nameKana {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--oaAgency {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--note {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaId {
  width: 120px;
}
.pg-kouban-arma .cp-resultBox .ls--armaName1 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaAgency1 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--arma1 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaNote1 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaName2 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaAgency2 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--arma2 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls--armaNote2 {
  width: 180px;
}
.pg-kouban-arma .cp-resultBox .ls-headerY .ls--name {
  justify-content: flex-start;
}
.pg-kouban-arma .cp-resultBox .ls-dataArea .ls--armaId {
  justify-content: flex-end;
  padding-right: 12px;
}

.pg-kouban-license .cp-infoBox {
  margin-top: 0;
}
.pg-kouban-license .cp-infoBox .ls-licenseeName {
  width: 35%;
  min-width: 240px;
}
.pg-kouban-license .cp-infoBox .ls-licenseeContactName {
  width: 20%;
}
.pg-kouban-license .cp-infoBox .ls-licenseeContactTel {
  width: 15%;
}
.pg-kouban-license .cp-infoBox .ls-licenseeContactFax {
  width: 15%;
}
.pg-kouban-license .cp-infoBox .ls-licenseeContactEmail {
  width: 15%;
}

.pg-kouban-license .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 101;
}
.pg-kouban-license .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
}
.pg-kouban-license .cp-resultBox .ls-origin,
.pg-kouban-license .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-kouban-license .cp-resultBox .ls--check {
  padding: 0;
}
.pg-kouban-license .cp-resultBox .ls--status {
  width: 180px;
}
.pg-kouban-license .cp-resultBox .ls--status .md-dropDown,
.pg-kouban-license .cp-resultBox .ls--status .el-inputText {
  width: 100%;
}
.pg-kouban-license .cp-resultBox .ls--role {
  width: 180px;
}
.pg-kouban-license .cp-resultBox .ls--name {
  width: 240px;
}
.pg-kouban-license .cp-resultBox .ls--nameKana {
  width: 240px;
}
.pg-kouban-license .cp-resultBox .ls--title {
  width: 360px;
}
.pg-kouban-license .cp-resultBox .ls--episode {
  width: 120px;
}
.pg-kouban-license .cp-resultBox .ls--note {
  width: calc(100% - 1515px);
  min-width: 240px;
}
.pg-kouban-license .cp-resultBox .ls-dataArea .ls--title > div {
  padding: 3px 0;
}
.pg-kouban-license .cp-resultBox .ls-dataArea .ls--episode {
  justify-content: center;
  text-align: center;
}

.pg-kouban-music .cp-infoBox--common .ls--status {
  flex: 0 0 auto;
  width: calc((100% - 48px) * 0.15);
}
.pg-kouban-music .cp-infoBox--common .ls--menu,
.pg-kouban-music .cp-infoBox--common .ls--original {
  flex: 0 0 auto;
  width: calc((100% - 48px) * 0.2);
}

.pg-kouban-music .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-music .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 455px 1fr;
  grid-template-columns: 455px 1fr;
}
.pg-kouban-music .cp-resultBox .ls-origin,
.pg-kouban-music .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-music .cp-resultBox .ls-item {
  height: 50px;
}
.pg-kouban-music .cp-resultBox .ls--edit {
  width: 70px;
}
.pg-kouban-music .cp-resultBox .ls--edit .ls__edit {
  width: 58px;
}
.pg-kouban-music .cp-resultBox .ls--title {
  width: 260px;
}
.pg-kouban-music .cp-resultBox .ls--sourceType {
  width: 75px;
}
.pg-kouban-music .cp-resultBox .ls--jasrac {
  width: 150px;
}
.pg-kouban-music .cp-resultBox .ls--nextone {
  width: 150px;
}
.pg-kouban-music .cp-resultBox .ls--availability {
  width: 65px;
}
.pg-kouban-music .cp-resultBox .ls--licensee {
  width: 130px;
}
.pg-kouban-music .cp-resultBox .ls--record {
  width: 160px;
}
.pg-kouban-music .cp-resultBox .ls--recordNumber {
  width: 120px;
}
.pg-kouban-music .cp-resultBox .ls--commission {
  width: 65px;
}
.pg-kouban-music .cp-resultBox .ls--libraryName {
  width: 160px;
}
.pg-kouban-music .cp-resultBox .ls--libraryNumber {
  width: 120px;
}
.pg-kouban-music .cp-resultBox .ls--episode {
  width: 65px;
}
.pg-kouban-music .cp-resultBox .ls--order {
  width: 65px;
}
.pg-kouban-music .cp-resultBox .ls--useType {
  width: 100px;
}
.pg-kouban-music .cp-resultBox .ls--note {
  width: calc(100% - 1350px);
  min-width: 200px;
}
.pg-kouban-music .cp-resultBox .ls--check {
  padding: 0;
}
.pg-kouban-music .cp-resultBox .ls-headerX .ls--commission {
  padding-left: 0;
  padding-right: 0;
}
.pg-kouban-music .cp-resultBox .ls-headerY .ls--title .gs-ellipsis {
  max-height: 43px;
  white-space: normal;
  text-overflow: fade;
}
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--jasrac input[type=text],
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--nextone input[type=text],
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--episode input[type=text],
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--order input[type=text] {
  text-align: right;
}
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--availability,
.pg-kouban-music .cp-resultBox .ls-dataArea .ls--commission {
  padding: 0;
  justify-content: center;
}

.pg-kouban-music-detail .modalBody .cp-infoBox .ls-item {
  flex: 0 0 auto;
  width: calc((100% - 12px) * 0.5);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--status {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--menu {
  width: calc((100% - 60px) * 3 / 6 + 24px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--original {
  width: calc((100% - 60px) * 2 / 6 + 12px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--title {
  width: calc((100% - 60px) * 5 / 6 + 48px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--sourceType {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--jasrac {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--nextone {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--availability {
  width: calc((100% - 60px) * 2 / 6 + 12px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--licensee {
  width: calc((100% - 60px) * 2 / 6 + 12px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--record,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--recordNumber,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--commission {
  width: calc((100% - 60px) * 2 / 6 + 12px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--libraryName,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--libraryNumber {
  width: calc((100% - 60px) * 3 / 6 + 24px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--episode {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--order {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--useType {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--oa,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--interface {
  width: calc((100% - 36px) * 1 / 4);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--in,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--out,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--duration {
  width: calc((100% - 60px) * 1 / 6);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--lyricType,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--useType2 {
  width: calc((100% - 60px) * 1.5 / 6 + 6px);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--writer,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--translator,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--composer,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--arranger,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--performer,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--reference,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--publisher,
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--jasracNote {
  width: calc((100% - 12px) * 1 / 2);
}
.pg-kouban-music-detail .modalBody .cp-infoBox .el-formLabel {
  white-space: nowrap;
}
.pg-kouban-music-detail .modalBody .cp-infoBox .ls--note {
  width: 100%;
}
.pg-kouban-music-detail .modalBody .cp-infoBox .md-inputItem.op-sticky {
  position: sticky;
  bottom: -12px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #f0f0f0;
}

.pg-kouban-music-detail .modalFooter .el-button.ls-prev,
.pg-kouban-music-detail .modalFooter .el-button.ls-next {
  width: 80px;
}

.pg-kouban-music-detail.op-multi .modalHeader .md-heading {
  background-color: #fd9;
}
.pg-kouban-music-detail.op-multi .modalHeader .md-heading h2 {
  color: #444;
  font-weight: bold;
}
.pg-kouban-music-detail.op-multi .modalHeader .md-heading h2 i {
  background-color: #444;
}
.pg-kouban-music-detail.op-multi .modalFooter .cp-footer {
  background-color: #fd9;
}
.pg-kouban-music-detail.op-multi .modalFooter .ls-prev,
.pg-kouban-music-detail.op-multi .modalFooter .ls-next {
  display: none;
}

.pg-kouban-pending .cp-infoBox.cp-infoBox--common .md-inputItem {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 360px 1fr;
  grid-template-columns: 360px 1fr;
  -ms-grid-rows: content-fit content-fit content-fit;
  grid-template-rows: content-fit content-fit content-fit;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .md-inputItem > div {
  display: block;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .md-inputItem > div:nth-of-type(-n+2) {
  padding-bottom: 12px;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .ls-commonProgram {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .ls-commonMonth {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .ls-commonPic {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .ls-commonNote {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .md-textArea,
.pg-kouban-pending .cp-infoBox.cp-infoBox--common .el-textArea {
  width: 100%;
  height: calc(100% - 8px);
}

.pg-kouban-pending .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-pending .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 150px 1fr;
  grid-template-columns: 150px 1fr;
}
.pg-kouban-pending .cp-resultBox .ls-origin,
.pg-kouban-pending .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-pending .cp-resultBox .ls-headerY .ls-item,
.pg-kouban-pending .cp-resultBox .ls-dataArea .gs-row {
  height: 96px;
}
.pg-kouban-pending .cp-resultBox .md-textArea {
  width: 100%;
  height: 100%;
  line-height: 1;
}
.pg-kouban-pending .cp-resultBox .el-textArea {
  height: 100%;
}
.pg-kouban-pending .cp-resultBox .ls--episode {
  padding-left: 0;
  width: 150px;
}
.pg-kouban-pending .cp-resultBox .ls--episode .ls__check {
  width: 50px;
}
.pg-kouban-pending .cp-resultBox .ls--episode .ls__episode {
  width: 94px;
}
.pg-kouban-pending .cp-resultBox .ls--tape {
  width: 100px;
}
.pg-kouban-pending .cp-resultBox .ls--aps {
  width: 100px;
}
.pg-kouban-pending .cp-resultBox .ls--in {
  width: 90px;
}
.pg-kouban-pending .cp-resultBox .ls--out {
  width: 90px;
}
.pg-kouban-pending .cp-resultBox .ls--type {
  width: 180px;
}
.pg-kouban-pending .cp-resultBox .ls--detail {
  width: 360px;
}
.pg-kouban-pending .cp-resultBox .ls--edit {
  width: 120px;
}
.pg-kouban-pending .cp-resultBox .ls--conclusion {
  width: 360px;
}
.pg-kouban-pending .cp-resultBox .ls--note {
  width: calc(100% - 1460px);
  min-width: 240px;
}
.pg-kouban-pending .cp-resultBox .ls-dataArea .ls--detail,
.pg-kouban-pending .cp-resultBox .ls-dataArea .ls--conclusion,
.pg-kouban-pending .cp-resultBox .ls-dataArea .ls--note {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pg-kouban-sales .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 390px 1fr;
  grid-template-columns: 390px 1fr;
}
.pg-kouban-sales .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-sales .cp-resultBox .ls-origin,
.pg-kouban-sales .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-sales .cp-resultBox .ls-type {
  width: 90px;
}
.pg-kouban-sales .cp-resultBox .ls-edit {
  width: 300px;
}
.pg-kouban-sales .cp-resultBox .ls-edit .el-button {
  margin: 0 6px;
  width: calc(100% - 12px);
}
.pg-kouban-sales .cp-resultBox .ls-contentId {
  width: 150px;
}
.pg-kouban-sales .cp-resultBox .ls-episode {
  width: 90px;
}
.pg-kouban-sales .cp-resultBox .ls-sales {
  width: calc(100% - 150px - 90px - 840px - 270px);
  min-width: 120px;
}
.pg-kouban-sales .cp-resultBox .ls-resourceOriginal,
.pg-kouban-sales .cp-resultBox .ls-paymentOriginal,
.pg-kouban-sales .cp-resultBox .ls-resourceSenario,
.pg-kouban-sales .cp-resultBox .ls-paymentSenario,
.pg-kouban-sales .cp-resultBox .ls-resourceArma,
.pg-kouban-sales .cp-resultBox .ls-paymentArma,
.pg-kouban-sales .cp-resultBox .ls-paymentEtc {
  width: 120px;
}
.pg-kouban-sales .cp-resultBox .ls-rateOriginarl,
.pg-kouban-sales .cp-resultBox .ls-rateSenario,
.pg-kouban-sales .cp-resultBox .ls-rateArma {
  min-width: 90px;
}
.pg-kouban-sales .cp-resultBox .ls-headerY .ls-type {
  justify-content: center;
}
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-contentId,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-episode {
  justify-content: center;
}
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-sales,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-resourceOriginal,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-rateOriginarl,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-paymentOriginal,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-rateSenario,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-resourceSenario,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-paymentSenario,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-rateArma,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-resourceArma,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-paymentArma,
.pg-kouban-sales .cp-resultBox .ls-dataArea .ls-paymentEtc {
  justify-content: flex-end;
  padding-right: 12px;
}

.pg-kouban-notification .cp-infoBox {
  margin-top: 0;
}
.pg-kouban-notification .cp-infoBox .ls-licenseeName {
  width: 35%;
  min-width: 240px;
}
.pg-kouban-notification .cp-infoBox .ls-licenseeContactName {
  width: 20%;
}
.pg-kouban-notification .cp-infoBox .ls-licenseeContactTel {
  width: 15%;
}
.pg-kouban-notification .cp-infoBox .ls-licenseeContactFax {
  width: 15%;
}
.pg-kouban-notification .cp-infoBox .ls-licenseeContactEmail {
  width: 15%;
}

.pg-kouban-notification .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 240px 1fr;
  grid-template-columns: 240px 1fr;
}
.pg-kouban-notification .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-kouban-notification .cp-resultBox .ls-origin,
.pg-kouban-notification .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-kouban-notification .cp-resultBox .gr-row {
  width: 100%;
}
.pg-kouban-notification .cp-resultBox .ls-reportType {
  width: 240px;
  justify-content: center;
}
.pg-kouban-notification .cp-resultBox .ls-organization {
  width: calc(100% - 180px - 240px - 240px);
}
.pg-kouban-notification .cp-resultBox .ls-download {
  width: 180px;
}
.pg-kouban-notification .cp-resultBox .ls-time {
  width: 240px;
  justify-content: center;
}
.pg-kouban-notification .cp-resultBox .ls-status {
  width: 240px;
}

.pg-kouban-report .cp-infoBox {
  margin-top: 0;
}
.pg-kouban-report .cp-infoBox .ls-licenseeName {
  width: 35%;
  min-width: 240px;
}
.pg-kouban-report .cp-infoBox .ls-licenseeContactName {
  width: 20%;
}
.pg-kouban-report .cp-infoBox .ls-licenseeContactTel {
  width: 15%;
}
.pg-kouban-report .cp-infoBox .ls-licenseeContactFax {
  width: 15%;
}
.pg-kouban-report .cp-infoBox .ls-licenseeContactEmail {
  width: 15%;
}

.pg-kouban-report .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 60px 1fr;
  grid-template-columns: 60px 1fr;
}
.pg-kouban-report .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-kouban-report .cp-resultBox .ls-origin,
.pg-kouban-report .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-kouban-report .cp-resultBox .ls-check {
  width: 60px;
}
.pg-kouban-report .cp-resultBox .ls-check .md-checkBox,
.pg-kouban-report .cp-resultBox .ls-check .el-checkBox,
.pg-kouban-report .cp-resultBox .ls-check .ls-label,
.pg-kouban-report .cp-resultBox .ls-check .ls-label::before {
  width: 100%;
}
.pg-kouban-report .cp-resultBox .ls-role {
  width: 180px;
  justify-content: center;
}
.pg-kouban-report .cp-resultBox .ls-name {
  width: 180px;
}
.pg-kouban-report .cp-resultBox .ls-nameKana {
  width: 180px;
}
.pg-kouban-report .cp-resultBox .ls-title {
  width: 360px;
}
.pg-kouban-report .cp-resultBox .ls-episode {
  width: 120px;
  justify-content: center;
}
.pg-kouban-report .cp-resultBox .ls-apply {
  width: 120px;
  justify-content: center;
}
.pg-kouban-report .cp-resultBox .ls-distributionFrom {
  width: 120px;
  justify-content: center;
}
.pg-kouban-report .cp-resultBox .ls-distributionTo {
  width: 120px;
  justify-content: center;
}
.pg-kouban-report .cp-resultBox .ls-payment {
  width: 120px;
}
.pg-kouban-report .cp-resultBox .ls-dataArea .ls-payment {
  padding-right: 12px;
  justify-content: flex-end;
}
.pg-kouban-report .cp-resultBox .ls-note {
  width: calc(100% - 180px - 360px - 360px - 600px);
  min-width: 240px;
}
.pg-kouban-report .cp-resultBox .el-checkBox:hover input[type=checkbox] ~ .ls-label::before,
.pg-kouban-report .cp-resultBox .el-checkBox input[type=checkbox]:checked ~ .ls-label::before {
  width: 100%;
}

.pg-licensee-search .cp-searchBox .md-searchItem > div {
  flex: 0 0 auto;
}
.pg-licensee-search .cp-searchBox .ls-keyword {
  width: calc((100% - 60px) * 0.3333333333 + 12px);
}
.pg-licensee-search .cp-searchBox .ls-status,
.pg-licensee-search .cp-searchBox .ls-payMonth,
.pg-licensee-search .cp-searchBox .ls-distribution,
.pg-licensee-search .cp-searchBox .ls-paymentType,
.pg-licensee-search .cp-searchBox .ls-updated,
.pg-licensee-search .cp-searchBox .ls-operator {
  width: calc((100% - 60px) * 0.1666666667);
}

.pg-licensee-search .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 300px 1fr;
  grid-template-columns: 300px 1fr;
}
.pg-licensee-search .cp-resultBox .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-licensee-search .cp-resultBox .ls-origin,
.pg-licensee-search .cp-resultBox .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-licensee-search .cp-resultBox .ls--name {
  width: 300px;
}
.pg-licensee-search .cp-resultBox .ls--name .ls__name {
  width: 244px;
}
.pg-licensee-search .cp-resultBox .ls--gCode {
  width: 100px;
}
.pg-licensee-search .cp-resultBox .ls--payType {
  width: 90px;
}
.pg-licensee-search .cp-resultBox .ls--payTotal {
  width: 160px;
}
.pg-licensee-search .cp-resultBox .ls--payDone {
  width: 120px;
}
.pg-licensee-search .cp-resultBox .ls--payNotYet {
  width: 180px;
}
.pg-licensee-search .cp-resultBox .ls--payNotYet .ls__amount {
  width: 114px;
}
.pg-licensee-search .cp-resultBox .ls--payNotYet .ls__detail {
  width: 54px;
}
.pg-licensee-search .cp-resultBox .ls--payPool {
  width: 160px;
}
.pg-licensee-search .cp-resultBox .ls--payPool .ls__amount {
  width: 94px;
}
.pg-licensee-search .cp-resultBox .ls--payPool .ls__detail {
  width: 54px;
}
.pg-licensee-search .cp-resultBox .ls--reportStatus {
  width: 200px;
}
.pg-licensee-search .cp-resultBox .ls--reportStatus .ls__status {
  width: 104px;
}
.pg-licensee-search .cp-resultBox .ls--reportStatus .ls__individual {
  width: 84px;
}
.pg-licensee-search .cp-resultBox .ls--payStatus {
  width: 120px;
}
.pg-licensee-search .cp-resultBox .ls--taskStatus {
  width: 120px;
}
.pg-licensee-search .cp-resultBox .ls--note {
  width: calc(100% - 1250px);
  min-width: 240px;
}
.pg-licensee-search .cp-resultBox .ls--note .ls__text {
  width: calc(100% - 54px);
}
.pg-licensee-search .cp-resultBox .ls--note .ls__button {
  width: 54px;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payType,
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payStatus,
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--taskStatus {
  justify-content: center;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--reportStatus .ls__status {
  text-align: center;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payTotal,
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payDone {
  justify-content: flex-end;
  padding-right: 12px;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payNotYet .ls__amount,
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--payPool .ls__amount {
  padding-right: 12px;
  text-align: right;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls--note {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.pg-licensee-search .cp-resultBox .ls-detailArea {
  height: -moz-max-content;
  height: max-content;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls-headerY,
.pg-licensee-search .cp-resultBox .ls-detailArea .ls-dataArea {
  background-color: #f0f0f0;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__name {
  width: 100%;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__title {
  width: calc(100% - 240px - 90px - 120px - 180px);
  min-width: 240px;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__distributionFrom,
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__distributionTo {
  width: 120px;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__salesType {
  width: 90px;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__salesAmount {
  width: 120px;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls__licenseStatus {
  width: 180px;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls-dataArea .ls__salesAmount {
  padding-right: 12px;
  justify-content: flex-end;
}
.pg-licensee-search .cp-resultBox .ls-detailArea .ls-dataArea .ls__salesType,
.pg-licensee-search .cp-resultBox .ls-detailArea .ls-dataArea .ls__licenseStatus {
  justify-content: center;
}
.pg-licensee-search .cp-resultBox .ls-headerY .ls-detailArea {
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-detailArea {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-item .ls__amount {
  display: block;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-item.ls--loading .ls__amount {
  display: none;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-item .ls__loading {
  display: none;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-item.ls--loading .ls__loading {
  display: block;
}
.pg-licensee-search .cp-resultBox .ls-dataArea .ls-item .ls__loading img {
  width: 50px;
}

.pg-licensee-report .modalBody .cp-infoBox .md-inputItem:nth-of-type(n+3) {
  padding-top: 0;
}
.pg-licensee-report .modalBody .cp-infoBox .md-inputItem:nth-of-type(n+3) .el-formLabel {
  display: none;
}

.pg-licensee-report .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-licensee-report .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
}
.pg-licensee-report .cp-resultBox .ls-origin,
.pg-licensee-report .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-licensee-report .cp-resultBox .ls--check {
  padding: 0;
}
.pg-licensee-report .cp-resultBox .ls--licenseStatus {
  width: 180px;
}
.pg-licensee-report .cp-resultBox .ls--role {
  width: 180px;
}
.pg-licensee-report .cp-resultBox .ls--name {
  width: 180px;
}
.pg-licensee-report .cp-resultBox .ls--nameKana {
  width: 180px;
}
.pg-licensee-report .cp-resultBox .ls--title {
  width: 360px;
}
.pg-licensee-report .cp-resultBox .ls--episode {
  width: 120px;
}
.pg-licensee-report .cp-resultBox .ls--payment {
  width: 120px;
}
.pg-licensee-report .cp-resultBox .ls--note {
  width: calc(100% - 1450px);
}
.pg-licensee-report .cp-resultBox .ls-dataArea .ls--role,
.pg-licensee-report .cp-resultBox .ls-dataArea .ls--episode {
  justify-content: center;
  text-align: center;
}
.pg-licensee-report .cp-resultBox .ls-dataArea .ls--title > div {
  padding: 3px 0;
}
.pg-licensee-report .cp-resultBox .ls-dataArea .ls--payment {
  justify-content: flex-end;
  padding-right: 12px;
}

.pg-payee-sap .cp-infoBox .ls-keyword {
  flex: 0 0 auto;
  width: 400px;
}

.pg-payee-sap .cp-resultBox .md-table.op-hTopLeft {
  -ms-grid-columns: 210px 1fr;
  grid-template-columns: 210px 1fr;
}
.pg-payee-sap .cp-resultBox .ls-origin,
.pg-payee-sap .cp-resultBox .ls-headerX {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-payee-sap .cp-resultBox .ls-item--time {
  width: 100%;
}
.pg-payee-sap .cp-resultBox .ls-item--sapTitle {
  width: calc(100% - 120px - 90px - 300px - 240px);
  min-width: 150px;
}
.pg-payee-sap .cp-resultBox .ls-item--supplierNumber {
  width: 120px;
}
.pg-payee-sap .cp-resultBox .ls-item--detailNumber {
  width: 90px;
}
.pg-payee-sap .cp-resultBox .ls-item--totalPayment {
  width: 150px;
}
.pg-payee-sap .cp-resultBox .ls-item--totalPool {
  width: 150px;
}
.pg-payee-sap .cp-resultBox .ls-item--rePrint {
  width: 120px;
}
.pg-payee-sap .cp-resultBox .ls-item--fix {
  width: 120px;
}
.pg-payee-sap .cp-resultBox .ls-headerY .ls-item--time {
  justify-content: center;
}
.pg-payee-sap .cp-resultBox .ls-dataArea .ls-item--supplierNumber,
.pg-payee-sap .cp-resultBox .ls-dataArea .ls-item--detailNumber,
.pg-payee-sap .cp-resultBox .ls-dataArea .ls-item--totalPayment,
.pg-payee-sap .cp-resultBox .ls-dataArea .ls-item--totalPool {
  justify-content: flex-end;
  padding-right: 12px;
}
.pg-payee-sap .cp-resultBox .ls-dataArea .ls-item--fix {
  justify-content: center;
}

.pg-master .cp-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: calc(1fr - 24px) 1fr 1fr;
  grid-template-rows: calc(1fr - 24px) 1fr 1fr;
}
.pg-master .cp-masterUserLog {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.pg-master .cp-masterLicenseeLog {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.pg-master .cp-masterSupplierLog {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.pg-master .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.pg-master .ls-origin,
.pg-master .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.pg-master .ls-origin .ls-item,
.pg-master .ls-headerX .ls-item {
  min-height: 48px;
}
.pg-master .md-table.op-hTopLeft {
  -ms-grid-columns: 240px 1fr;
  grid-template-columns: 240px 1fr;
}
.pg-master .ls-item {
  min-height: 32px;
}
.pg-master .ls-date {
  width: 240px;
  justify-content: center;
}
.pg-master .ls-staff {
  width: 240px;
  justify-content: center;
}
.pg-master .ls-log {
  width: calc(100% - 240px);
  min-width: 400px;
}

.cp-masterUserLog,
.cp-masterLicenseeLog,
.cp-masterSupplierLog,
.cp-masterUserSearch,
.cp-masterLicenseeSearch,
.cp-masterSupplierSearch,
.cp-masterUserList,
.cp-masterLicenseeList,
.cp-masterSupplierList {
  position: relative;
}

.cp-masterUserSearch .md-search {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.cp-masterUserSearch .md-search .ls-keyword {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterUserSearch .md-search .ls-type {
  flex: 1 1 auto;
  min-width: 300px;
}
.cp-masterUserSearch .md-search .ls-card {
  flex: 0 0 auto;
  margin-right: 24px;
  width: 200px;
}
.cp-masterUserSearch .md-search .ls-authority {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterUserSearch .md-search .ls-login {
  flex: 0 0 auto;
  margin-right: 24px;
  min-width: 150px;
}
.cp-masterUserSearch .md-search .ls-execute {
  flex: 1 1 auto;
}
.cp-masterUserSearch .md-search .ls-execute .el-button {
  width: 100%;
}

.cp-masterUserList .md-table.op-hTopLeft {
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
}
.cp-masterUserList .md-heading {
  position: sticky;
  top: 0;
  z-index: 101;
}
.cp-masterUserList .ls-origin,
.cp-masterUserList .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.cp-masterUserList .ls-name {
  width: 180px;
}
.cp-masterUserList .ls-nameAlt {
  width: 180px;
}
.cp-masterUserList .ls-department {
  width: 180px;
}
.cp-masterUserList .ls-type {
  width: 90px;
}
.cp-masterUserList .ls-card {
  width: 120px;
}
.cp-masterUserList .ls-userId {
  width: 120px;
}
.cp-masterUserList .ls-authority {
  width: 90px;
}
.cp-masterUserList .ls-login {
  width: 120px;
}
.cp-masterUserList .ls-lock {
  display: flex;
  flex-direction: row;
  width: calc(100% - 180px - 180px - 90px - 120px - 120px - 90px - 120px - 90px - 60px);
  min-width: 420px;
}
.cp-masterUserList .ls-lock .ls__title {
  width: calc((100% - 80px) / 2);
}
.cp-masterUserList .ls-lock .ls__subtitle {
  width: calc((100% - 80px) / 2);
}
.cp-masterUserList .ls-lock .ls__unlock {
  width: 80px;
}
.cp-masterUserList .ls-lock .ls__unlock .el-button {
  width: 100%;
}
.cp-masterUserList .ls--multi .ls__title {
  width: calc(100% - 140px);
}
.cp-masterUserList .ls--multi .ls__subtitle {
  display: none;
}
.cp-masterUserList .ls--multi .ls__unlock {
  width: 150px;
}
.cp-masterUserList .ls-edit {
  width: 90px;
}
.cp-masterUserList .ls-delete {
  width: 60px;
}
.cp-masterUserList .ls-headerY .ls-name {
  justify-content: flex-start;
}
.cp-masterUserList .ls-dataArea .ls-type,
.cp-masterUserList .ls-dataArea .ls-authority,
.cp-masterUserList .ls-dataArea .ls-login {
  justify-content: center;
}
.cp-masterUserList .ls-dataArea .ls-card,
.cp-masterUserList .ls-dataArea .ls-userId {
  justify-content: flex-end;
  padding-right: 12px;
}

.pg-master-user .modalMessage.op-tSelectList .cp-infoBox .md-inputItem .ls-label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}

.pg-master-user-edit .modalBody .cp-infoBox .md-inputItem {
  display: flex;
  flex-direction: row;
}

.pg-master-user-edit .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-master-user-edit .cp-resultBox .ls-origin,
.pg-master-user-edit .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-master-user-edit .cp-resultBox .ls-headerX .ls-item {
  min-height: 32px;
}
.pg-master-user-edit .cp-resultBox .ls-jobType {
  width: 20%;
  justify-content: center;
}
.pg-master-user-edit .cp-resultBox .ls-jobTarget {
  width: 45%;
}
.pg-master-user-edit .cp-resultBox .ls-jobSetting {
  width: 35%;
}
.pg-master-user-edit .cp-resultBox .md-radioButton.op-sS .el-radioButton .ls-label {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 16px 9px 32px;
  height: 34px;
  font-size: 14px;
}
.pg-master-user-edit .cp-resultBox .md-radioButton.op-sS .el-radioButton .ls-label::before {
  width: 32px;
  font-size: 20px;
}
.pg-master-user-edit .cp-resultBox .md-radioButton.op-sS .el-radioButton input[type=radio]:checked ~ .ls-label::before {
  font-size: 21px;
}

.cp-masterLicenseeSearch .md-search {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.cp-masterLicenseeSearch .md-search .ls-keyword {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterLicenseeSearch .md-search .ls-code {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterLicenseeSearch .md-search .ls-updateFrom {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterLicenseeSearch .md-search .ls-updateTo {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterLicenseeSearch .md-search .ls-execute {
  flex: 1 0 auto;
}
.cp-masterLicenseeSearch .md-search .ls-execute .md-button {
  width: 100%;
}

.cp-masterLicenseeList .md-heading {
  position: sticky;
  top: 0px;
  z-index: 100;
}
.cp-masterLicenseeList .md-table.op-hTopLeft {
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
}
.cp-masterLicenseeList .ls-origin,
.cp-masterLicenseeList .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.cp-masterLicenseeList .ls-item.ls--name {
  padding-left: 0;
  width: 200px;
}
.cp-masterLicenseeList .ls-item.ls--name .ls__check {
  width: 50px;
}
.cp-masterLicenseeList .ls-item.ls--name .ls__name {
  width: 144px;
}
.cp-masterLicenseeList .ls-item.ls--agency {
  width: 180px;
}
.cp-masterLicenseeList .ls-item.ls--title {
  width: calc(100% - 1210px);
  min-width: 210px;
}
.cp-masterLicenseeList .ls-item.ls--title > div {
  padding: 3px 0;
}
.cp-masterLicenseeList .ls-item.ls--personEdit {
  width: 130px;
}
.cp-masterLicenseeList .ls-item.ls--agencyEdit {
  width: 130px;
}
.cp-masterLicenseeList .ls-item.ls--note {
  width: 170px;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-name,
.pg-master-licensee-personEdit .cp-infoBox .ls-nameKana,
.pg-master-licensee-personEdit .cp-infoBox .ls-agency,
.pg-master-licensee-personEdit .cp-infoBox .ls-work {
  width: 50%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-agencyTel {
  width: calc(50% - 6px);
}
.pg-master-licensee-personEdit .cp-infoBox .ls-pic {
  width: 100%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-picEmail {
  width: 130px;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-picEmail .el-button {
  width: 100%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-license {
  width: 100%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-armaTvodId,
.pg-master-licensee-personEdit .cp-infoBox .ls-armaSvodId {
  width: 20%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-armaTvodName,
.pg-master-licensee-personEdit .cp-infoBox .ls-armaSvodName,
.pg-master-licensee-personEdit .cp-infoBox .ls-armaTvodAgency,
.pg-master-licensee-personEdit .cp-infoBox .ls-armaSvodAgency {
  width: 40%;
}
.pg-master-licensee-personEdit .cp-infoBox .ls-pay,
.pg-master-licensee-personEdit .cp-infoBox .ls-payEtc {
  width: calc((100% - 12px) * 1 / 2);
}
.pg-master-licensee-personEdit .cp-infoBox .ls-payType,
.pg-master-licensee-personEdit .cp-infoBox .ls-payPool,
.pg-master-licensee-personEdit .cp-infoBox .ls-paySapCode,
.pg-master-licensee-personEdit .cp-infoBox .ls-paySapName {
  width: 50%;
}

.pg-master-licensee-personEdit .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-master-licensee-personEdit .cp-resultBox .ls-origin,
.pg-master-licensee-personEdit .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-master-licensee-personEdit .cp-resultBox .ls-headerX .ls-item {
  min-height: 32px;
}
.pg-master-licensee-personEdit .cp-resultBox .ls-item--name,
.pg-master-licensee-personEdit .cp-resultBox .ls-item--agency {
  width: 180px;
}
.pg-master-licensee-personEdit .cp-resultBox .ls-item--allocation {
  width: 90px;
  justify-content: center;
}
.pg-master-licensee-personEdit .cp-resultBox .ls-item--title {
  width: calc(100% - 360px - 90px - 120px);
}
.pg-master-licensee-personEdit .cp-resultBox .ls-item--episode {
  width: 120px;
  justify-content: center;
}

.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(1) .md-heading {
  z-index: 105;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(2) .md-heading {
  z-index: 104;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(3) .md-heading {
  z-index: 103;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(4) .md-heading {
  z-index: 102;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(5) .md-heading {
  z-index: auto;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .md-heading {
  position: sticky;
  top: -12px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-item--agencyNone {
  width: 15%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-item--agencyName {
  width: calc(65% - 24px);
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-item--agencyPostTitle {
  width: 20%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-armaTvodAgency,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-armaSvodAgency {
  width: 50%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-item--caution,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-item--agencyCautionOthers {
  width: 50%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-pic {
  display: flex;
  flex-direction: row;
  margin-right: 0;
  margin-bottom: 12px;
  width: 100%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-pic > div {
  margin-right: 12px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-pic > div:first-of-type,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-pic > div:nth-last-of-type(-n+2) {
  margin-right: 0;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-picSelect {
  width: 40px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-picPostTitle {
  width: 100px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-picDelete {
  flex: 0 0 auto;
  width: 40px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-picDelete .el-button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-picNew {
  text-align: right;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox:nth-of-type(2) .md-inputItem.gs-hide {
  display: none;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payment {
  position: sticky;
  top: -12px;
  z-index: 101;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySelect {
  width: calc(100% - 120px - 12px);
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySelect .md-radioButton,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySelect .el-radioButton {
  width: 100%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySelect .md-radioButton .md-formElement:last-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payedit {
  width: 120px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payedit .el-button {
  width: 100%;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payNew {
  position: static;
  opacity: 1;
  transition: opacity 0.2s;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payNew.gs-hide {
  height: 0;
  opacity: 0;
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payName {
  width: calc((100% - 48px) * 3 / 5 + 24px);
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payType,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-payPool,
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySapCode {
  width: calc((100% - 48px) * 1 / 5);
}
.pg-master-licensee-agencyEdit .modalBody .cp-infoBox .ls-paySapName {
  width: calc((100% - 48px) * 3 / 5 + 24px);
}

.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .md-heading {
  position: sticky;
  top: -12px;
  z-index: 100;
}
.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .ls-origin,
.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .ls-headerX {
  position: sticky;
  top: 42px;
  z-index: 100;
}
.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .ls-headerX .ls-item {
  min-height: 32px;
}
.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .ls-item--personName {
  width: calc(100% - 100px);
}
.pg-master-licensee-agencyEdit .modalBody .cp-resultBox .ls-item--personEdit {
  width: 100px;
}

.cp-masterSupplierSearch .md-search {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.cp-masterSupplierSearch .md-search .ls-keyword {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterSupplierSearch .md-search .ls-code {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterSupplierSearch .md-search .ls-updateFrom {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterSupplierSearch .md-search .ls-updateTo {
  flex: 1 1 auto;
  margin-right: 24px;
  min-width: 300px;
}
.cp-masterSupplierSearch .md-search .ls-execute {
  flex: 1 0 auto;
}
.cp-masterSupplierSearch .md-search .ls-execute .md-button {
  width: 100%;
}

.cp-masterSupplierList .md-heading {
  position: sticky;
  top: 0px;
  z-index: 101;
}
.cp-masterSupplierList .md-table.op-hTopLeft {
  -ms-grid-columns: 140px 1fr;
  grid-template-columns: 140px 1fr;
}
.cp-masterSupplierList .ls-origin,
.cp-masterSupplierList .ls-headerX {
  position: sticky;
  top: 54px;
  z-index: 100;
}
.cp-masterSupplierList .ls--code {
  width: 140px;
}
.cp-masterSupplierList .ls--nameKouban,
.cp-masterSupplierList .ls--nameSap {
  width: calc((100% - 480px) / 2);
  min-width: 240px;
}
.cp-masterSupplierList .ls--report {
  width: 120px;
}
.cp-masterSupplierList .ls--pool {
  width: 120px;
}
.cp-masterSupplierList .ls--sapDate {
  width: 120px;
}
.cp-masterSupplierList .ls--update {
  width: 120px;
}
.cp-masterSupplierList .ls-headerY .ls--code {
  justify-content: center;
}
.cp-masterSupplierList .ls-dataArea .ls--report,
.cp-masterSupplierList .ls-dataArea .ls--sapDate {
  justify-content: center;
}
.cp-masterSupplierList .ls-dataArea .ls--pool {
  justify-content: flex-end;
  padding-right: 12px;
}

.modalBg {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.modalBg.op-tDropTarget::before {
  content: "ここにファイルをドラッグ＆ドロップしてください";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: block;
  padding-top: 2em;
  border: 5px dotted #fff;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 2em;
}

.modalContent {
  position: absolute;
  z-index: 101;
  top: 50%;
  left: 50%;
  width: 800px;
  height: calc(100vh - 128px);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: #e6e6e6;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.modalContent.op-wide {
  width: 1200px;
}
.modalContent.op-fluid {
  width: calc(100vw - 48px);
  height: calc(100vh - 48px);
}
.modalContent .md-editArea {
  padding: 24px 48px;
  overflow: auto;
}
.modalContent .md-editArea.op-noScroll {
  overflow: hidden;
}
.modalContent .md-editArea .ls-itemGroup__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: -12px;
  margin-right: -12px;
  padding: 8px 18px;
  border-radius: 16px;
  background-color: #666;
  color: #fff;
  line-height: 1;
}
.modalContent .md-editArea .ls-itemGroup:not(:first-child) .ls-itemGroup__heading {
  margin-top: 24px;
}
.modalContent .modalHeader {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 64px;
}
.modalContent .modalHeader .md-heading {
  padding: 12px;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #f0f0f0;
}
.modalContent .modalBody {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 48px;
  overflow: auto;
  padding: 12px;
}
.modalContent .modalBody .md-heading h2 i {
  color: #555;
  background-color: transparent;
}
.modalContent .modalFooter {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  height: 48px;
}

.modalMessage {
  position: absolute;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 800px;
  min-height: 328px;
  max-height: calc(100vh - 128px);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: #e6e6e6;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.modalMessage.op-fluid {
  width: calc(100vw - 48px);
  height: calc(100vh - 48px);
}
.modalMessage .md-editArea {
  padding: 24px 48px;
  overflow: auto;
}
.modalMessage .md-editArea.op-noScroll {
  overflow: hidden;
}
.modalMessage .md-editArea .ls-itemGroup__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: -12px;
  margin-right: -12px;
  padding: 8px 18px;
  border-radius: 16px;
  background-color: #666;
  color: #fff;
  line-height: 1;
}
.modalMessage .md-editArea .ls-itemGroup:not(:first-child) .ls-itemGroup__heading {
  margin-top: 24px;
}
.modalMessage .modalHeader {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 64px;
}
.modalMessage .modalHeader .md-heading {
  padding: 12px;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #f0f0f0;
}
.modalMessage .modalBody {
  position: relative;
  overflow: auto;
  padding: 88px 12px 48px;
  max-height: calc(100vh - 128px);
}
.modalMessage .modalBody .md-heading h2 i {
  color: #555;
  background-color: transparent;
}
.modalMessage .modalBody .el-messageText {
  padding: 0 18px 6px;
}
.modalMessage .modalBody .md-inputItem {
  margin-bottom: 18px;
}
.modalMessage .modalFooter {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  height: 48px;
}

.modalMessage.op-cError {
  background-color: #fdd;
}
.modalMessage.op-cError .modalHeader .md-heading {
  background-color: #f77;
}
.modalMessage.op-cError .modalHeader .md-heading i {
  background-color: #faa;
  color: #c00;
}
.modalMessage.op-cError .modalHeader .md-heading span {
  color: #fff;
}
.modalMessage.op-cError .modalBody {
  background-color: #fdd;
}
.modalMessage.op-cError .cp-footer {
  background-color: #f77;
}

.modalMessage.op-tSelectList .md-inputItem {
  display: block;
  padding: 0;
}
.modalMessage.op-tSelectList .md-inputItem:not(:last-of-type) {
  margin-bottom: 2px;
}
.modalMessage.op-tSelectList .el-checkBox,
.modalMessage.op-tSelectList .el-radioButton,
.modalMessage.op-tSelectList .ls-label {
  width: 100%;
  font-size: 14px;
}
.modalMessage.op-tSelectList .el-checkBox,
.modalMessage.op-tSelectList .el-radioButton {
  padding: 12px;
}
.modalMessage.op-tSelectList .el-checkBox > div,
.modalMessage.op-tSelectList .el-radioButton > div {
  padding-left: 0.5em;
}

.modalLoading {
  position: absolute;
  z-index: 401;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cp-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.md-loading {
  position: relative;
  width: 100%;
  height: 200px;
  text-align: center;
}
.md-loading .ls-circle {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 6px solid white;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: uploading 2s infinite linear;
}
.md-loading .ls-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  white-space: nowrap;
}

@keyframes uploading {
  100% {
    transform: rotate(360deg);
  }
}
/* ############################################################### */
/* LOGIN MENU */
/* ############################################################### */
.pg-login .modalMessage.ls--select .modalBody {
  min-height: 328px;
  max-height: calc(100vh - 128px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pg-login .modalMessage.ls--select .cp-infoBox.ls--rightsOffice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pg-login .modalMessage.ls--select a {
  color: #111;
  text-decoration: none;
}
.pg-login .modalMessage.ls--select a:hover {
  cursor: pointer;
}
.pg-login .modalMessage.ls--select i {
  position: relative;
  margin-right: 0.125em;
}
.pg-login .modalMessage.ls--select .ls-childItem {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-left: 5px;
  width: 240px;
  height: 50px;
  border-left-width: 10px;
  border-style: none none none solid;
  border-radius: 3px;
  background-color: #fff;
  color: #111;
  font-size: 0.9em;
}
.pg-login .modalMessage.ls--select .ls-childItem::after {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 1.25em;
}
.pg-login .modalMessage.ls--select .ls-childItem:hover {
  top: -1px;
  left: -1px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
}
.pg-login .modalMessage.ls--select .ls--contentsPark {
  border-left-color: #0051ff;
}
.pg-login .modalMessage.ls--select .ls--contentsPark i {
  margin-right: 0.25em;
}
.pg-login .modalMessage.ls--select .ls--rightsOffice .ls-childItem {
  border-left-color: #145233;
}
.pg-login .modalMessage.ls--select .ls--rightsOffice {
  border-left-color: #145233;
}
.pg-login .modalMessage.ls--select .ls--rightsOffice .ls-childItem.ls--vod {
  background-color: #d6f5d6;
}
.pg-index {
  overflow: visible;
}
.pg-index .container {
  display: block;
  overflow: visible;
}
.pg-index .h1 {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin: auto 0;
  padding: 12px 0 6px;
  width: 100%;
  border-bottom: 1px solid #999;
  background-color: #e6e6e6;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.pg-index .h1 h1 {
  padding: 0 12px 6px;
  text-align: center;
  font-size: 24px;
}
.pg-index .h1 .ls-heading {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding: 12px 36px 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.pg-index .h1 .ls-heading > div {
  border-right: 1px solid #999;
}
.pg-index .h1 .ls-heading > div:last-of-type {
  border-right: none;
}
.pg-index .h1 .ls-label {
  flex: 0 0 auto;
  width: 400px;
  text-align: center;
}
.pg-index .h1 .ls-step {
  flex: 0 0 auto;
  width: 100px;
  text-align: center;
}
.pg-index .h1 .ls-memo {
  flex: 1 1 auto;
  text-align: center;
}
.pg-index a {
  display: flex;
  flex-direction: row;
  padding: 0 12px;
  color: #555;
  font-size: 16px;
  text-decoration: none;
}
.pg-index a:hover {
  background-color: #ddd;
}
.pg-index a.ls-disabled {
  pointer-events: none;
  cursor: default;
  background-color: #ffc;
}
.pg-index a.ls-deleted {
  pointer-events: none;
  cursor: default;
  background-color: #bbb;
}
.pg-index a > div {
  padding: 6px 0;
  border-right: 1px solid #ccc;
}
.pg-index a > div:last-of-type {
  border-right: none;
}
.pg-index a .ls-label {
  flex: 0 0 auto;
  width: 400px;
}
.pg-index a .ls-labelLv2 {
  flex: 0 0 auto;
  width: 400px;
  padding-left: 24px;
}
.pg-index a .ls-labelLv3 {
  flex: 0 0 auto;
  width: 400px;
  padding-left: 48px;
}
.pg-index a .ls-step {
  flex: 0 0 auto;
  width: 100px;
  text-align: center;
}
.pg-index a .ls-memo {
  flex: 1 1 auto;
  padding-left: 12px;
}
.pg-index a .ls-new {
  color: #f00;
}
.pg-index .cp-indexLv1 {
  margin: 0 auto 12px;
  padding: 12px;
  width: calc(100vw - 24px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.pg-index .cp-indexLv1:nth-of-type(2) {
  margin-top: 100px;
}
.pg-index .cp-indexLv2 {
  margin: 0 auto;
  padding: 12px;
  width: 100%;
  max-width: 1000px;
}

.pg-library h1, .pg-library h2, .pg-library h3, .pg-library h4, .pg-library h5, .pg-library h6 {
  padding: 1em 0 0.5em;
  font-weight: normal;
  line-height: 1;
}
.pg-library h1 {
  padding-left: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 24px;
}
.pg-library h2 {
  margin-bottom: 12px;
  padding-left: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: bold;
}
.pg-library h2::before {
  content: "\f0a4";
  margin-right: 0.5em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.pg-library h3 {
  padding-left: 12px;
  font-size: 16px;
}
.pg-library h3::before {
  content: "◇";
  margin-right: 0.5em;
  font-weight: 900;
}
.pg-library .container {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

.cp-libraryLv1 {
  margin: 12px auto;
  padding: 0 12px;
  width: 100%;
  max-width: 1000px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.cp-libraryLv2 {
  padding: 0 0 12px;
}

.cp-libraryLv3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.md-library .ls-class {
  padding-bottom: 6px;
  text-align: left;
  font-size: 12px;
}
.md-library .ls-html {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding: 12px;
  border: 1px solid #ddd;
  background-color: #e6e6e6;
}
/*# sourceMappingURL=common.css.map */