@charset "utf-8";
.table_design09 {
  border-collapse: collapse;
  table-layout: fixed;  /* ← 修正点: 正しく列幅を固定する */
  width: 100%;
  max-width: 960px;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}

.table_design09 td img,
.table_design09 th img {
  width: 300px;              /* ← 追加：画像サイズを統一 */
  height: 300px;
  object-fit: contain;       /* ← 追加：縦横比を保ったまま枠内に収める */
  display: block;
  margin: 0 auto;
}
/*
.table_design09 tr {
  background-color: #ff0000;
}

.table_design09 tr:nth-child(even) {
  background-color: #afeeee;
}

.table_design09 tr:nth-child(odd) {
  background-color: #e0ffff;
}
*/

.table_design09 th, .table_design09 td {
  padding: 1em;
}
.table_design09 thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.table_design09 tbody th {
  color: #4d9bc1;
}

@media screen and (max-width: 787px) {
  .table_design09 {
    border-radius: 0;
    text-align: left;
  }
  .table_design09 thead {
    display: none;
  }
  .table_design09 tr {
    background-color: unset;
  }
  .table_design09 th, .table_design09 td {
    display: block;
    border: 0;
    border-bottom: 1px solid #4d9bc1;
  }
  .table_design09 tbody th {
    background: #4d9bc1;
    color: #fff;
    text-align: center;
  }
  .table_design09 td::before {
    content: attr(data-label);
    background-color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
    text-align: center;
    margin-right: 0.5em;
    padding: 4px;
    border-radius: 100vh;
  }
}
/* 日付セル */
.table_design09 th.sat {
 background-color: #c9daff; /* 8.23: ターコイズ */
}

.table_design09 th.sun {
background-color: #ffd8c6;
color: #ff9393; /* 8.24: オレンジ */

}

/* テキスト部分 */
.table_design09 .sat1 {
 background-color: #e5edff; /* ズッターリン体: 青 */
}

.table_design09 .sat2 {
 background-color: #e2f7ff; /* コーラペンと顔彩: 明るい緑 */
}

.table_design09 .sat3 {
 background-color: #f2f6ff; /* コーラペンと顔彩: 明るい緑 */
}

.table_design09 .sun1 {
 background-color: #ffeee8; /* カラフルホイル: マゼンタ */
}

.table_design09 .sun2 {
 background-color: #ffeff2; /* スペンサリアン書体: 深い紫 */}

.table_design09 .sun3 {
 background-color: #fff5f2; /* スペンサリアン書体: 深い紫 */
}