.front-header {
  background-color: #C0B283;
  padding: 1rem;
}
.front-header__logo {
  width: 11.6rem;
}

.calendar-heading {
  padding: 1.5rem;
  text-align: center;
  line-height: 1;
  color: #fff;
  background-color: #DAD2B6;
  font-weight: bold;
}

.calendar {
  width: 100%;
  font-weight: bold;
  margin-bottom: 2rem;
}
.calendar__head-row {
  width: 100%;
  display: flex;
}
.calendar__head-cell {
  max-width: 14.2857142857%;
  flex: 0 0 14.2857142857%;
  height: 3.5rem;
  border-left: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  text-align: center;
  vertical-align: middle;
  border-top: 0;
}
.calendar__head-cell:last-child {
  border-right: 1px solid #ccc;
}
.calendar__body-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.calendar__body-cell {
  max-width: 14.2857142857%;
  flex: 0 0 14.2857142857%;
  min-height: 7.4rem;
  padding: 0.4rem 0 0;
  font-size: 1.4rem;
  border-left: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  text-align: center;
  vertical-align: middle;
  border-top: 0;
}
.calendar__body-cell:nth-of-type(7n) {
  border-right: solid 1px #ccc;
}
.calendar__body-cell:last-child {
  border-right: solid 1px #ccc;
}
.calendar__body-cell.is-disable {
  background-color: #efefef;
}
.calendar__body-cell.is-disable .calendar__label {
  color: #cf0000 !important;
  background: none !important;
}
.calendar__label {
  font-size: 1rem;
  background: #ADA353;
  color: #fff;
  margin: 3px auto;
  width: 98.5%;
}
.calendar__label--night {
  background-color: #4B60A3;
}

.calendar-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
  font-weight: bold;
}

.caveat {
  color: #3F5A35;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 1rem;
}
.memo {
  font-size: 1.2rem;
  max-width: 31.3rem;
  margin: 1rem auto;
}

.top-table-wrap {
  margin-top: 2rem;
  padding: 0 2rem;
}

.top-table-caption {
  background-color: #212121;
  color: #fff;
  padding: 1rem;
  font-weight: bold;
}

.top-table-row {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 1.5rem 0;
  font-size: 1.4rem;
}

.top-table-cell:first-child {
  font-weight: bold;
  padding-right: 1rem;
  flex: 0 0 21%;
  white-space: nowrap;
}
/*# sourceMappingURL=index.css.map */