/* day-riyou.css */

/* 見出し（緑帯） */
.explanation{
  background: var(--accent);
  color:#fff;
  padding: 10px;
  text-align: center;
  font-weight: 900;
  border-radius: var(--radius);
  margin: 0 0 12px;
}

/* イントロ（旧ページの淡い黄色を再現） */
.intro-box{
  background: #ffffdf;
  border: 1px solid #000;
  padding: 12px;
  border-radius: 8px;
}
.intro-title{
  margin: 0 0 8px;
  font-weight: 900;
}
.intro-text{
  margin: 0 0 10px;
  line-height: 1.75;
}
.intro-addr{
  margin: 0 0 10px;
  font-size: 18px;
}
.intro-note{
  margin: 0;
  line-height: 1.75;
}

/* 文字色（旧ページ準拠） */
.text-blue{ color:#0000ff; }
.text-red{ color:#cc0000; }
.strong{ font-weight: 900; }

/* テーブル：色は旧ページのまま */
.table-wrap{
  overflow-x: auto;
}
.day-table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  min-width: 720px; /* 旧ページは横幅が広いので最低幅を確保 */
}
.day-table th,
.day-table td{
  border: 1px solid #000;
  padding: 10px 12px;
  vertical-align: top;
  line-height: 1.75;
}

/* 旧ページの背景色をクラスで再現 */
.bg-cyan{ background:#ceffff; }   /* 左の見出しセル */
.bg-yellow{ background:#ffffdf; } /* 中央の小見出しセル */

/* カラム幅（見やすさ調整） */
.th-left{
  width: 120px;
  text-align: center;
  font-weight: 900;
}
.th-mid{
  width: 160px;
  text-align: center;
  font-weight: 900;
  white-space: nowrap;
}
.td-main{
  min-width: 420px;
}
.td-right{
  min-width: 420px;
}

/* モバイル時：最小幅を解除して読みやすく */
@media (max-width: 980px){
  .day-table{ min-width: 0; }
  .intro-addr{ font-size: 16px; }
}