@font-face {
  font-family: "utsukushi";
  src: url("../fonts/UtsukushiMincho.woff") format("woff");
}

.calendar-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 100px;
}

.calendar-wrapper .calendar {
  width: 32%;
}

.calendar-wrapper .calendar:not(:nth-child(3n + 1)) {
  margin-left: 2%;
}

.calendar-wrapper .calendar:nth-child(n + 4) {
  margin-top: 2%;
}

.calendar-wrapper .calendar iframe {
  width: 100%;
}

@media (max-width: 999px) {
  .calendar-wrapper {
    justify-content: space-between;
  }
  .calendar-wrapper .calendar {
    width: 48%;
  }
  .calendar-wrapper .calendar:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }
  .calendar-wrapper .calendar:nth-child(3) {
    margin-top: 4%;
  }
}

@media (max-width: 767px) {
  .calendar-wrapper {
    display: block;
  }
  .calendar-wrapper .calendar {
    width: 100%;
  }
  .calendar-wrapper .calendar:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }
  .calendar-wrapper .calendar:nth-child(2) {
    margin-top: 4%;
  }
}
/*# sourceMappingURL=calendar.css.map */