@charset "UTF-8";
table {
  width: 100%;
}
#header {
  text-align: center;
}
#next-prev-button {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
td {
  text-align: center;
  padding: 10px 0;
  width: 14%;
}
button {
  width: 50px;
  border: none;
  height: 30px;
  cursor: pointer;
  transition: 0.2s linear;
}
button:hover {
  background: #999;
}
td:first-child {
  color: red;
}
td:last-child {
  color: blue;
}
.disabled,
td:first-child.disabled,
td:last-child.disabled {
  color: #ddd;
}
.today {
  font-weight: bold;
  white-space: nowrap;
}
.today::before {
  content: "／(";
}
.today::after {
  content: ')＼';
}
.today::before,
.today::after {
  color: #fe9206;
}