@charset "utf-8";

/* Shared update-history component (Pref / City). */
.update-history-section { box-sizing: border-box; min-width: 0; }
.city-modern-page #main .update-history-title,
.pref-modern-page #main .update-history-title {
  margin: 0 0 16px; padding: 0; border: 0; background: transparent;
  color: #10233f; font-size: 19px; font-weight: 700; line-height: 1.45;
}
.update-history-table.design04 {
  width: 100%; max-width: 100%; min-width: 0; margin: 0; overflow: hidden;
  border: 1px solid #dce6f0; border-collapse: separate; border-spacing: 0;
  border-radius: 9px; background: #fff; box-shadow: none; table-layout: fixed;
}
.update-history-table.design04 th,
.update-history-table.design04 td {
  box-sizing: border-box; padding: 10px 8px; border: 0; border-bottom: 1px solid #e4ebf3;
  background: #fff; color: #344a62; font-size: 14px; text-align: left;
  vertical-align: middle; overflow-wrap: anywhere;
}
.update-history-table.design04 th { background: #f0f5fa; color: #294864; font-size: 13px; font-weight: 700; }
@media (min-width: 481px) { .update-history-table.design04 th:first-child { white-space: nowrap; } }
.update-history-table.design04 tbody tr:last-child td { border-bottom: 0; }
.update-history-table.design04 .tdcol2,
.update-history-table.design04 .tdcol3 { text-align: center; }
.update-history-table.design04 .update-order,
.update-history-table.design04 .update-time { font-weight: 700; }
.update-history-table.design04 .update-time time { line-height: 1.55; }
.update-history-table.design04 .update-note {
  display: inline-block; padding: 4px 10px; border-radius: 999px; background: #f3e1e1;
  color: #a14d4d; font-size: 13px; font-weight: 700; line-height: 1.35; white-space: nowrap;
}

.update-history-table.design04 time { display: inline-block; line-height: 1.6; }
@media (max-width: 600px) {
  .update-history-table.design04 th,
  .update-history-table.design04 td { padding: 9px 6px; font-size: 12.5px; }
  .update-history-table.design04 th:first-child { width: 54px !important; }
  .update-history-table.design04 th:nth-child(2) { width: auto !important; }
  .update-history-table.design04 th:nth-child(3) { width: 88px !important; }
  .update-history-table.design04 .update-note { padding: 3px 7px; font-size: 12px; }
}