@charset "Shift_JIS";
/* system */
body {
  background: var(--color-bg) url("/com/temp5/img/bg_board.webp") center top/260px auto repeat;
}

.system .inner {
  padding: 0 1.5%;
}

/* pricelist */
.pricelist {
  width: 100%;
  background: var(--color-bg);
  border: solid 1px var(--color-border);
  border-left: solid 1px var(--color-border);
  border-top: solid 1px var(--color-border);
  vertical-align: middle;
}
.pricelist .time th:not(:first-child) {
  color: var(--color-system-txt-column);
}
.pricelist .time th:nth-child(even) {
  background: var(--color-system-c);
}
.pricelist .time th:not(:first-child):nth-child(odd) {
  background: var(--color-system-d);
}
.pricelist tr span {
  font-size: 10px;
  letter-spacing: -0.2px;
}
.pricelist tr:nth-child(odd) th:first-child {
  background: var(--color-system-b);
}
.pricelist tr:first-child th:first-child, .pricelist tr:nth-child(even) th:first-child {
  background: var(--color-system-a);
}
.pricelist th {
  width: 18%;
  padding: 0.8em 1em;
  background: var(--color-gray);
  text-align: center;
  vertical-align: middle;
  color: var(--color-white);
}
.pricelist td {
  padding: 0.5em;
  text-align: center;
  vertical-align: middle;
}
.pricelist th, .pricelist td {
  border-right: solid 1px #b5b5b6;
  border-bottom: solid 1px #b5b5b6;
}

.note {
  margin-top: 1em;
}

.system h3 {
  margin: 1em 0;
  padding: 0.6em 1em;
  color: var(--color-white);
  background: var(--color-system-h3);
}

.cardlist {
  margin-top: 1em;
  gap: 1em;
}

.cardlist li {
  width: 4em;
}

.attention {
  margin: 0.6em 0 1em;
}

.attention li {
  list-style: inside disc;
  list-style-position: outside;
  font-size: 85.75%;
  margin: 0 0 0.25em 2em;
}