@charset "UTF-8";
.timetable-section {
  max-width: 960px;
  margin: 3em auto;
  padding: 0 1em;
  color: #333;
}

.timetable-section h2 {
  font-size: 1.8rem;
  margin-bottom: 1em;
  color: #006400;
  text-align: center;
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* スマホ滑らかスクロール */
}

.scroll-note {
  display: none;
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 0.5em;
}

/* スマホやタブレットなど、狭い画面でのみ表示 */
@media screen and (max-width: 768px) {
  .scroll-note {
    display: block;
  }
}

/* テーブル本体 */
.timetable {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 1.5em;
  
}


.timetable th,
.timetable td {
  border: 1px solid #ccc;
  padding: 0.8em 1em;
}

.timetable thead {
  background-color: #f0f8f0;
}



/* 補足説明 */
.timetable-notes {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
  background-color: #fdfdfd;
  border-left: 4px solid #ccc;
  padding: 1em 1em 1em 1.2em;
}

.timetable td small {
 font-size: 0.9em;
    color: #c20000;
}