@charset "UTF-8";

/* =====================
   BASE
===================== */
body {
  font-family:
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Noto Sans JP",
    sans-serif;

  font-size: clamp(14px, 3vw, 18px);
  margin: 0;
}

.page-wrapper {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

/* =====================
   H1
===================== */
        h1 {
            padding: 10px 15px;      /* 上下に10px、左に15pxの余白を作って文字を中央に */
            background: #3498db;     /* 外枠とお揃いの鮮やかな青色 */
            color: ghostwhite;
            letter-spacing: 0.08em;
            border-radius: 8px;      /* 🟢 タイトルの背景も角丸にして全体に合わせる */
        }


/* =====================
   TITLE
===================== */
#business-hours,
#business-info,
#address-info,
#business-parking,
#business-sns {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 20px 0 10px;
}

/* =====================
   TABLE WRAP（統一）
===================== */
.schedule-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  -webkit-overflow-scrolling: touch;
}

/* =====================
   TABLE（ここが最重要）
===================== */
.schedule-table {
  width: 100%;
  min-width: 600px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
}

/* cell */
.schedule-table th,
.schedule-table td {
  border: 1px solid #ddd;
  padding: 12px 4px;
  word-break: break-word;
  vertical-align: middle;
}

/* header */
.schedule-table th {
  background: #f4f7f6;
  font-size: 18px;
}

/* sticky only LEFT column */
.schedule-table th:first-child,
.schedule-table td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
}

/* hover */
.schedule-table tbody tr:hover {
  background: #fcfcfc;
}

/* =====================
   STATUS
===================== */
.schedule-table .clinic-info {
  background: #fafafa;
}

.schedule-table .clinic-info strong {
  display: block;
  color: #e4642d;
  letter-spacing: 0.15em;
}

.schedule-table .clinic-sub {
  font-size: 11px;
  color: #777;
}

.schedule-table .sat {
  background: #f6faff;
}

.schedule-table .sun {
  background: #fff6f5;
}

.schedule-table .closed {
  background: #f2f2f2;
  color: #999;
}

/* =====================
   MAP
===================== */
.map-container {
  display: flex;
  justify-content: center;
}

.map-container iframe {
  width: 100%;
  max-width: 600px;
  height: 450px;
  display: block;
}

/* =====================
   TEXT
===================== */
.address-text {
  font-size: 15px;
}