@charset "utf-8";

/*表組設定  */
.schedule-wrapper {
  display: flex;
  position: relative;
  left: 3%;
}

.baby-wrap {
  flex: 1;
  margin-right: 4%;
  background: url(../asset/img/schedule/baby-wrap-back.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.kids-wrap {
  flex: 1;
  margin-left: 4%;
  background: url(../asset/img/schedule/kids-wrap-back.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.schedule-title {
  display: block;
  margin: 2em auto;
  padding: 0.6rem 0;
  text-align: center;
}

.schedule-table {
  position: relative;
  left: -12%;
  width: 100%;
}

.schedule-table th {
  width: 25%;
  vertical-align: top;
}

.schedule-table th h3 {
  display: block;
  width: 95%;
  margin: 0;
  padding: .5em 0;
  background: url(../asset/img/schedule/schedule_time-back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-size: 2rem;
  line-height: 1.8em;
  text-align: center;
}

.schedule-table td {
  padding: .5em 0 2em;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2em;
}

/* baby-wrap 個別 */
.baby-wrap__title {
  background: url(../asset/img/schedule/schedule__baby-title-back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.kids-wrap__title {
  background: url(../asset/img/schedule/schedule__kids-title-back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media(max-width: 1023px) and (orientation: landscape) {

  .schedule-table th h3 {
    min-width: 85px;
    font-size: 1.6rem;
    line-height: 2.2em;
  }

  .schedule-table td {
    font-size: 1.6rem;
    line-height: 2.4em;
  }
}

@media(max-width: 768px) and (orientation: landscape) {

  .schedule-wrapper {
    display: block;
  }

  .baby-wrap, .kids-wrap {
    margin: 0 0 8% 0;
    padding-top: 4%;
  }

  .schedule-table th h3 {
    max-width: 110px;
    margin: 0 auto;
    font-size: 2rem;
  }

  .schedule-table td {
    font-size: 2rem;
    line-height: 2.5em;
  }
}

@media(max-width: 1023px) and (orientation: portrait), (max-width: 599px) {

  .schedule-wrapper {
    display: block;
    position: initial;
    width: 90%;
    margin: 0 auto;
  }

  h2.schedule-title {
    font-size: 2.4rem;
  }

  .baby-wrap, .kids-wrap {
    margin: 0 0 8% 0;
    padding-top: 4%;
  }

  .schedule-table th h3 {
    max-width: 135px;
    margin: 0 auto;
    font-size: 2.4rem;
  }

  .schedule-table td {
    font-size: 2.4rem;
    line-height: 2em;
  }

}

@media(max-width: 599px) {

  h2.schedule-title {
    font-size: 2rem;
  }

  .schedule-table th h3 {
    max-width: 70px;
    margin: 0 auto;
    font-size: 1.6rem;
  }

  .schedule-table td {
    font-size: 1.6rem;
  }

}