/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#eventschedule .eventschedule__slider {
  display: flex;
  gap: 5px;
  margin-top: max(12rem, 70px);
}
#eventschedule .eventschedule__slider .slider__list {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
  animation: loop 40s linear infinite;
}
@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 5px));
  }
}
#eventschedule .eventschedule__slider .slider__list img {
  flex: 1;
  width: max(53rem, 330px);
  min-width: max(53rem, 330px);
  flex-shrink: 0;
}
#eventschedule .event__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: max(2rem, 10px);
  margin-top: max(4.5rem, 40px);
  margin-bottom: max(4rem, 35px);
}
@media screen and (max-width: 1000px) {
  #eventschedule .event__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  #eventschedule .event__list {
    grid-template-columns: 1fr;
  }
}
#eventschedule .event__list .event__item {
  flex: 1;
}
#eventschedule .event__list .event__item a {
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
#eventschedule .event__list .event__item--detail {
  position: relative;
  width: 100%;
  text-align: center;
  padding: max(5rem, 35px) 5% max(4rem, 20px) 5%;
}
#eventschedule .event__list .event__item--detail ul.event__category {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  gap: 5px;
}
#eventschedule .event__list .event__item--detail ul.event__category li.event__category--item {
  font-family: YakuHanJP, "Noto Serif JP", "Noto Sans JP", sans-serif;
  font-size: max(1.2rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  padding: max(1rem, 5px);
  background: #f7e4e9;
}
#eventschedule .event__list .event__item--detail .event__place {
  display: block;
  font-family: YakuHanJP, "Noto Serif JP", "Noto Sans JP", sans-serif;
  font-size: max(2.2rem, 15px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule .event__list .event__item--detail .event__time--day {
  display: block;
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  font-size: max(7.8rem, 50px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-left: max(2.5rem, 10px);
}
#eventschedule .event__list .event__item--detail .event__time--day span {
  font-family: YakuHanJP, "Noto Serif JP", "Noto Sans JP", sans-serif;
  font-size: max(2.8rem, 21px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule .event__list .event__item--detail .event__time--clock {
  display: block;
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  font-size: max(3.1rem, 18px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule .event__list .event__item--detail .event__time--clock span {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}
#eventschedule .event__list .event__item--btn .btn {
  width: 100%;
  max-width: 100%;
  background: #3c2e32;
}
#eventschedule .event__list .event__item--upcoming .event__item--btn .btn {
  background: #e9e5e5;
}
#eventschedule .event__list .event__item--upcoming .event__item--btn .btn .btn__text {
  color: #3c2e32;
}
#eventschedule .event__list .event__item--upcoming .event__item--btn .btn .btn__arrow img {
  filter: invert(1);
}
#eventschedule .event__list .event__item a:hover .btn__arrow img {
  transform: translateX(0);
}
#eventschedule #meeting {
  margin-top: max(10rem, 70px);
}
#eventschedule #detail .detail__wrapper {
  margin-top: max(14rem, 70px);
}
#eventschedule #detail .detail__wrapper .detail__table {
  width: 100%;
  margin-top: max(5rem, 30px);
  overflow-x: auto;
}
#eventschedule #detail .detail__wrapper .detail__table table {
  width: 100%;
  min-width: 700px;
  border-spacing: max(0.6rem, 4px);
  border-collapse: separate;
  overflow: auto;
}
#eventschedule #detail .detail__wrapper .detail__table table tr th,
#eventschedule #detail .detail__wrapper .detail__table table tr td {
  padding: max(2rem, 15px) 20px;
  font-size: max(1.6rem, 14px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
  vertical-align: middle;
}
#eventschedule #detail .detail__wrapper .detail__table table tr th {
  text-align: center;
  min-width: 150px;
  background: #f4efef;
}
#eventschedule #detail .detail__wrapper .detail__table table tr td {
  text-align: left;
  background: #fff;
}
#eventschedule #report {
  margin-top: max(10rem, 70px);
}
#eventschedule #report .report__inner {
  display: flex;
  align-items: start;
  gap: max(2rem, 20px);
}
@media screen and (max-width: 1000px) {
  #eventschedule #report .report__inner {
    flex-direction: column;
  }
}
#eventschedule #report .report__content {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  padding: max(7rem, 50px);
  padding-top: max(8rem, 60px);
  background: #fff;
}
@media screen and (max-width: 768px) {
  #eventschedule #report .report__content {
    padding: max(8rem, 50px) 7.5% max(8rem, 50px) 7.5%;
  }
}
#eventschedule #report .report__content .report__place {
  position: absolute;
  top: 0;
  left: 0;
  background: #f7e4e9;
}
#eventschedule #report .report__content .report__place span {
  display: block;
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  padding: max(1rem, 10px) max(1.5rem, 15px);
}
#eventschedule #report .report__content .textBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#eventschedule #report .report__content .textBox .report__meta {
  margin-bottom: max(5rem, 30px);
}
#eventschedule #report .report__content .textBox .report__meta .meta__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 max(2rem, 15px);
  border-bottom: 1px solid #f4efef;
  padding-bottom: max(3rem, 25px);
  margin-bottom: max(2.5rem, 20px);
}
#eventschedule #report .report__content .textBox .report__meta .meta__inner time.date {
  margin-top: max(3rem, 20px);
  margin-bottom: max(1rem, 10px);
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  font-size: max(6.4rem, 36px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule #report .report__content .textBox .report__meta .meta__inner time.date small {
  font-family: YakuHanJP, "Noto Serif JP", "Noto Sans JP", sans-serif;
  font-size: max(2.8rem, 24px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule #report .report__content .textBox .report__meta .meta__inner time.time {
  font-family: YakuHanJP, "EB Garamond", "Noto Serif JP", sans-serif;
  font-size: max(3.1rem, 26px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
#eventschedule #report .report__content .textBox .report__meta .meta__inner time.time span {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}
#eventschedule #report .report__content .textBox .report__meta h3 {
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#eventschedule #report .report__content .imageBox {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
#eventschedule #report .report__content .imageBox img {
  width: 100%;
  height: 100%;
}
#eventschedule #course .course__wrapper {
  margin-top: max(14rem, 70px);
}
#eventschedule #course .course__wrapper .course__content {
  margin-top: max(6rem, 40px);
}
#eventschedule #course .course__wrapper .course__content h3 {
  font-size: max(2rem, 18px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
}
#eventschedule #course .course__wrapper .course__content .course__table {
  width: 100%;
  overflow-x: auto;
}
#eventschedule #course .course__wrapper .course__content .course__table table {
  width: 100%;
  min-width: 700px;
  border-spacing: max(0.6rem, 4px);
  border-collapse: separate;
  overflow: auto;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td {
  background: #e5e0e0;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th.city,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td.city {
  min-width: 75px;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th.event,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td.event {
  min-width: 200px;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th.place,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td.place {
  min-width: 200px;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th.date,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td.date {
  min-width: 150px;
}
#eventschedule #course .course__wrapper .course__content .course__table table thead tr th.time,
#eventschedule #course .course__wrapper .course__content .course__table table thead tr td.time {
  min-width: 150px;
}
#eventschedule #course .course__wrapper .course__content .course__table table tbody tr th {
  background: #f4efef;
}
#eventschedule #course .course__wrapper .course__content .course__table table tr th,
#eventschedule #course .course__wrapper .course__content .course__table table tr td {
  padding: max(2rem, 15px) 20px;
  font-size: max(1.6rem, 14px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  vertical-align: middle;
  text-align: center;
}
#eventschedule #course .course__wrapper .course__content .course__table table tr th a,
#eventschedule #course .course__wrapper .course__content .course__table table tr td a {
  color: #b8183f;
  border-bottom: 1px solid #b8183f;
}
#eventschedule #course .course__wrapper .course__content .course__table table tr th {
  min-width: 50px;
}
#eventschedule #course .course__wrapper .course__content .course__table table tr td {
  background: #fff;
}/*# sourceMappingURL=eventschedule.css.map */