.calendar .reservation a.disabled {
  pointer-events: none;
  color: #9a9a9a;
}

.table-reservationform .error {
  display: block;
  background: #ff8888;
  padding: .3rem;
  border-radius: .3rem;
  color: #fff;
}

.table-reservationform .info {
  display: block;
  color: #ff6a6a;
}

.table-reservationform button.children {
  border: none;
  border-radius: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.table-reservationform button.children.del {
  background: #ff8e8e;
}
.table-reservationform button.children.add {
  background: #8ea6ff;
  display: block;
}
.table-reservationform #children {
  display: none;
}

.show_pc {
  display: block;
}
.show_sp {
  display: none;
}

@media screen and (max-width: 900px) {

  .show_pc {
    display: none;
  }
  .show_sp {
    display: block;
  }
}