/* ======================================================
   schedule-area 文字サイズ可変対応
   style.css の .schedule-area 既存スタイルを以下に置き換えてください
   ====================================================== */

.schedule-area {
  padding: 0.2rem 2px;
  width: 100%;
  text-align: center;
  font-size: clamp(0.8rem, 1.0vw, 1.2rem); /* 画面幅に応じて自動縮小 */
  line-height: 1.3;
  word-break: break-all;       /* 長い文字列を強制改行 */
  overflow-wrap: break-word;
  white-space: normal;         /* 折り返しを許可 */
}
.schedule-area.shinjyuku {
  background-color: #48c0da;
  color: #fff;
}

/* レスポンシブ：小さい画面ではさらに小さく */
@media screen and (max-width: 768px) {
  .schedule-area {
    font-size: clamp(0.6rem, 1.5vw, 1.0rem);
  }
}
@media screen and (max-width: 425px) {
  .schedule-area {
    font-size: clamp(0.5rem, 2.5vw, 0.9rem);
  }
}