table{
  width:100%;
  border-radius: 5px;
}

.cal-month{
  background-color: #fff;
}
.cal-weekday{
  width:calc(100% / 7);
}

td.prediction.cal-day.meter-value{
  content:"予測";
}

td.fixed{
  background-color: #ecfeff;
  text-align: center;
}

table tr{
  border-bottom: solid 1px #eee;
  border-left:solid 1px #eee;
}

td.prediction {
  background-color:#e5fff2;
  text-align: center;
}

td.noday {
  background-color: lightgray;
}

.cal-weekday {
  background-color: #e5f2ff;
}

.cal-weekday.sat{
  color:blue;
}

.cal-weekday.sun{
  color:red;
}

.cal-day{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.fixed.sat .cal-day, .prediction.sat .cal-day{
  color: blue;
}

.fixed.sun .cal-day, .fixed.holiday .cal-day, .prediction.sun .cal-day, .prediction.holiday .cal-day{
  color: red;
}


@media screen and (max-width: 768px){
  .section{
    padding: 16px 16px;
  }
  section{
    padding:0 0 0 0;
  }
  table{
    table-layout: fixed;
    overflow-wrap : break-word;
    word-wrap: break-word;
    font-size: 10px;
  }
  
}