body {
  color: dimgray;
  font-size: 0.6rem;
  font-family: "M PLUS Rounded 1c";
}

h1 {
  font-size: 1rem;
}

.lead {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  margin-top: 2rem;
  text-align: center;
  font-weight: 700;
}


.container-chiba {
  /* grid レイアウトの設定 */
  display: grid;
  grid-template-columns: max-content repeat(7, max-content minmax(20px, 1fr));
  grid-template-rows: max-content repeat(calc(6 * 30), 0rem);

  /* カラムの間隔 */
  grid-column-gap: 3px;
  column-gap: 3px;

  /* 行の間隔 */
  grid-row-gap: 3px;
  row-gap: 3px;

}
/*@media all and (min-width: 768px) and (max-width: 1024px) { }*/
 
@media all and (min-width: 480px) and (max-width: 1024px) {
  .container-chiba {
    grid-template-columns: max-content repeat(7, max-content minmax(80px, 1fr));
  
    /* 横スクロール */
    white-space: nowrap;
    overflow-x: scroll;
  }
  .time-axis {
    position: sticky;
    left: 0;
  }
  .lead {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    margin-top: 2rem;
    text-align: center;
    font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .container-chiba {
    grid-template-columns: max-content repeat(7, max-content minmax(80px, 1fr));
  
    /* 横スクロール */
    white-space: nowrap;
    overflow-x: scroll;
  }
  .time-axis {
    position: sticky;
    left: 0;
  }
  .lead {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    margin-top: 2rem;
    text-align: center;
    font-weight: 700;
    font-feature-settings: "palt";
  }
}
/* 時間軸 */
.time-axis {
  border: solid 1px gray;
  border-radius: 3px;

  background-color: gainsboro;

  grid-column: 1 / 2;
}

/* 放送局の見出し */
.channel-title {
  /* 枠 */
  border: solid 1px gray;
  border-radius: 3px;

  /* 背景色 */
  background-color: lightgray;

  /* 中央揃え・太字 */
  text-align: center;
  font-weight: bold;

  /* 表示位置を固定 */
  top: 0;
  z-index: 2;
  position: sticky;

  grid-row: 1 / 2;
}

/* 番組の枠 */
.content-box {
  border: solid 1px gray;
  border-radius: 3px;
}

/* 番組の枠（上なしバージョン） */
.content-box-break-top {
  border-top: none;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray;

  border-radius: 3px;
}

/* 番組の枠（下なしバージョン） */
.content-box-break-bottom {
  border-bottom: none;
  border-top: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray;

  border-radius: 3px;
}

/* 放送開始時間 */
.content-minute {
  margin-left: 3px;
  color: gray;
  overflow: hidden;
}
.content-minute-gymnast {
  margin-left: 3px;
  color: #fff;
  overflow: hidden;
}
.content-minute-swim {
  margin-left: 3px;
  color: #fff;
  overflow: hidden;
}
.content-minute-eng {
  margin-left: 3px;
  color: #fff;
  overflow: hidden;
}
.content-minute-bmt {
  margin-left: 3px;
  color: #fff;
  overflow: hidden;
}

/* 番組名 */
.content-title {
  overflow-wrap: break-word;
  overflow: hidden;
}
.content-title-gymnast {
  overflow-wrap: break-word;
  overflow: hidden;
  color: #fff;
}
.content-title-swim {
  overflow-wrap: break-word;
  overflow: hidden;
  color: #fff;
}
.content-title-eng {
  overflow-wrap: break-word;
  overflow: hidden;
  color: #fff;
}
.content-title-bmt {
  overflow-wrap: break-word;
  overflow: hidden;
  color: #fff;
}
.content-title > ul li {
    margin-bottom: -0.6rem;
    font-feature-settings: "palt";
}
.content-title-gymnast > ul li {
    margin-bottom: -0.6rem;
    font-feature-settings: "palt";
}
.content-title-swim > ul li {
    margin-bottom: -0.6rem;
    font-feature-settings: "palt";
    font-weight: 700;
}
.content-title-eng > ul li {
    margin-bottom: -0.6rem;
    font-feature-settings: "palt";
}
.content-title-bmt > ul li {
    margin-bottom: -0.6rem;
    font-feature-settings: "palt";
}

.time {
  font-size: 0.8rem;
}

.content-title > ul li a {
    color: #696969;
}
.content-title-gymnast > ul li a {
    color: #fff;
}
.content-title-swim > ul li a {
    color: #696969;
}
.content-title-eng > ul li a {
    color: #696969;
}
.content-title-bmt > ul li a {
    color: #696969;
}
/* 番組内容 */
.content-discription {
  margin-top: 3px;
  color: darkgray;
}


/* 背景カラー */
.gym {background-color: #ffe324;}
.gymnast {background-color: #66cc66;}
.swim {background-color: #2e99e6;}
.eng {background-color: #f2556f;}
.bmt {background-color: #ff974d;}