@charset "UTF-8";
.loadGuideData[data-disptype="tbl"] {
  position: relative;
  max-width: 800px;
  width: 100%;
  min-height: 50px;
}
.loadGuideData.loadErr[data-disptype="tbl"] {
  padding: 5px;
  background-color: #f1f1f1;
  font-size: 13px;
  text-align: center;
}
.loadGuideData[data-disptype="tbl"]:not(.loaded)::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 4px;
  border-color: #999 #00000010 #00000010;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  content: "";
}

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

.loadGuideData > table {
  color: #444;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.loadGuideData > table td,
.loadGuideData > table th,
.loadGuideData > table td,
.loadGuideData > table tr {
  border: 1px solid #ddd;
}

.loadGuideData > table td,
.loadGuideData > table th {
  padding: 10px;
}

.loadGuideData > table th {
  font-size: 16px;
  font-weight: bold;
  background: #f1f1f1;
  vertical-align: middle;
  text-align: left;
}

.loadGuideData > table em {
  font-style: unset;
  font-size: 16px;
  font-weight: bold;
}

.loadGuideData > table small {
  display: block;
  word-break: break-all;
}

.loadGuideData > table td {
  font-size: 15px;
}

.loadGuideData[data-dispgroup="recycle"] > table tr > th:nth-of-type(1) {
  width: 30%;
}

.loadGuideData[data-dispgroup="recycle"] > table tr > *:nth-child(2),
.loadGuideData[data-dispgroup="recycle"] > table tr > *:nth-child(3) {
  display: none;
}

.loadGuideData[data-dispgroup="recycle_202603"] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.loadGuideData[data-dispgroup="recycle_202603"] table {
  min-width: 700px;
}
.loadGuideData[data-dispgroup="recycle_202603"] th,
.loadGuideData[data-dispgroup="recycle_202603"] td {
  border: 1px solid #666;
}
.loadGuideData[data-dispgroup="recycle_202603"] th,
.loadGuideData[data-dispgroup="recycle_202603"] tr > td:nth-of-type(1) {
  text-align: center;
}
.loadGuideData[data-dispgroup="recycle_202603"] td {
  text-align: right;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:nth-of-type(2) > th {
  background: #cce0ff;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:nth-of-type(4) > th {
  background: #ccffe9;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:nth-of-type(5) > th {
  background: #ffccfa;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:nth-of-type(7) > th {
  background: #ffccfa;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:nth-of-type(9) > th {
  background: #ffebcc;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr > td:last-of-type {
  background: #fff4c4;
}
.loadGuideData[data-dispgroup="recycle_202603"] tr:first-child > th {
  background: #b5b5b7;
}
.loadGuideData[data-dispgroup="recycle_202603"]
  tr:first-child
  > th:last-of-type {
  background: #ffa616;
}

@media (max-width: 787px) {
  .loadGuideData > table th,
  .loadGuideData > table em {
    font-size: 13px;
  }

  .loadGuideData > table td {
    font-size: 12px;
  }

  .loadGuideData > table small {
    font-weight: normal;
  }

  .loadGuideData[data-dispgroup="recycle_202603"] tr>*:first-child {
    width: 20%;
  }
}