/* 背景・余白 */
@media (max-width: 767px) {
  section#event {
    padding-top: calc(55 / var(--base-font-size-row-value) * 1rem);
    padding-bottom: calc(100 / var(--base-font-size-row-value) * 1rem);
    margin-top: calc(64 / var(--base-font-size-row-value) * 1rem);
  }
}

@media (min-width: 768px) {
  section#event {
    padding-top: calc(100 / var(--base-font-size-row-value) * 1rem);
    padding-bottom: calc(200 / var(--base-font-size-row-value) * 1rem);

  }
}

@media (min-width: 1400px) {
  section#event {
    padding-bottom: calc(140 / var(--base-font-size-row-value) * 1rem);
  }
}

@media (min-width: 1540px) {
  section#event {
    padding-bottom: calc(80 / var(--base-font-size-row-value) * 1rem);
  }
}


/* コンテンツ */
#event .container {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}

#event .contents .day {
  font-weight: 400;
}

.event-image {
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  #event .contents ol li+li {
    margin-top: calc(50 / var(--base-font-size-row-value) * 1rem);
    ;
  }

  #event .contents .day {
    font-size: calc(12 / var(--base-font-size-row-value) * 1rem);
    margin-bottom: calc(5 / var(--base-font-size-row-value) * 1rem);
  }

  #event .contents h3 {
    font-size: calc(18 / var(--base-font-size-row-value) * 1rem);
  }

  .article-wrapper {
    margin-top: calc(15 / var(--base-font-size-row-value) * 1rem);
  }
}

@media (min-width: 768px) {
  #event .contents ol li+li {
    margin-top: calc(120 / var(--base-font-size-row-value) * 1rem);
    ;
  }

  #event .contents .day {
    font-size: calc(20 / var(--base-font-size-row-value) * 1rem);
    margin-bottom: calc(10 / var(--base-font-size-row-value) * 1rem);
  }

  #event .contents h3 {
    font-size: calc(24 / var(--base-font-size-row-value) * 1rem);
  }

  .article-wrapper {
    margin-top: calc(30 / var(--base-font-size-row-value) * 1rem);
  }
}