.eventDetails {
  max-width: 1000px;
  margin: 30px auto 0;
  @media screen and (max-width: 750px){
    padding: 0 15px;
  }
}
.eventGallery {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  @media screen and (max-width: 750px){
    flex-direction: column;
  }
}
.eventGallery__left {
  flex: 1;
}
.eventGallery__right {
  flex: 1;
}
.eventGallery__large {
  max-width: 500px;
  margin: 0 auto;
  img {
    @media screen and (min-width: 751px){
      aspect-ratio: 490 / 615;
      object-fit: cover;
    }
  }
}
.eventGallery__small {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 9px 0;
  li {
    width: 49%;
    img {
      aspect-ratio: 245 / 150;
      object-fit: cover;
    }
  }
}
.eventDetails__madori {
  margin-top: 50px;
  @media screen and (max-width: 750px){
    margin-top: 15px;
  }
}
.eventDetails__lead {
  margin-top: 35px;
  font-size: 14px;
  @media screen and (max-width: 750px){
    
  }
}
.eventDates {
  margin-top: 50px;
  background-color: #f2f2f2;
  padding: 20px 30px;
  @media screen and (max-width: 750px){
    margin-top: 30px;
    padding: 10px 15px 20px;
  }
}
.eventDates__inner {
  max-width: 1100px;
  margin: 0 auto;
}
.eventDates__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 0;
  tr {
    &:last-child {
      th,td {
        border-bottom-style: none;
      }
    }
  }
  th {
    width: 6.4em;
    color: #857d74;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 0 10px;
    border-bottom: 1px dashed #4d4d4d;
    @media screen and (max-width: 750px){
      font-size: 14px;
    }
  }
  td {
    font-size: 18px;
    padding: 10px 0 10px;
    border-bottom: 1px dashed #4d4d4d;
    @media screen and (max-width: 750px){
      font-size: 14px;
    }
  }
  .justify {
    width: 4.6em;
    text-align: justify;
    text-align-last: justify;
    font-weight: bold;
  }
}
.eventDates__dates {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  @media screen and (max-width: 750px){
    gap: 3px;
  }
  li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    width: 174px;
    height: 68px;
    color: #fff;
    background-color: #aba19a;
    @media screen and (max-width: 750px){
      width: 122px;
      height: 46px;
      font-size: 14px;
    }
    &.color-saturday {
      background-color: #87c0ca;
    }
    &.color-sunday {
      background-color: #d599a1;
    }
  }
}
.eventCalendar__note {
  + .eventCalendar {
    margin-top: 1em;
  }
}
.eventCalendar {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 36px;
}
.eventCalendar__item {
  font-size: 16px;
  @media screen and (max-width: 750px){
    font-size: 14px;
  }
}
.eventCalendar__time {
  margin-top: 0.5em;
}

.title-primary {
  font-family: var(--font-futura);
  color: var(--color-brown);
  font-size: 24px;
  letter-spacing: 0.24em;
  padding-left: 0.12em;
  text-align: center;
}
.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.15em;
  padding-left: 0.075em;
  background-color: #78828c;
  border-radius: 8px;
  height: 34px;
  width: 248px;
  color: #fff;
}
.worksArchives__tags {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 15px;
  li {
    font-size: 14px;
    letter-spacing: 0.05em;
    width: 156px;
    text-align: center;
    color: var(--color-brown);
    border-bottom: 1px solid var(--color-brown);
    padding-bottom: 3px;
  }
}
.worksArchives__btn {
  display: flex;
  justify-content: center;
}
.worksArchives {
  @media screen and (max-width: 750px){
    .a-works__content .contents {
      margin-bottom: 40px;
    }
    .a-works__content .contents .c-inner__l {
      grid-template-columns: repeat(2, 1fr);
      gap: 60px 20px;
    }
    .a-works__content .contents .content .post-num .num {
      font-size: 3rem;
      &:before {
        right: -25px;
        top: -6px;
        width: 51px;
        height: 12px;
      }
    }
    .a-works__content .contents .content .post-num .en {
      font-size: 0.6em;
      margin-right: 6px;
    }
    .a-works__content .contents .content .c-thumb {
      margin-bottom: 10px;
    }
    .a-works__content .contents .content .text .title {
      font-size: 0.5em;
    }
  }
}
.worksArchives .c-item {
  @media screen and (max-width: 750px){
    &:nth-child(5),
    &:nth-child(6) {
      display: none !important;
    }
  } 
}