@charset "UTF-8";

/* =====================================================
  Side Event Program list
===================================================== */

#sideevent-page .sideevent__list {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 0.040rem + 2.48vw, 5rem);
  margin-top: clamp(2rem, 0.040rem + 2.48vw, 5rem);
}

#sideevent-page .sideevent__item {
  background-color: #fff;
  border: 1px solid #677F33;
}

/* h4: time | size | title - colored band */
#sideevent-page .sideevent__heading {
  margin: 0;
  padding: clamp(0.875rem, 0.018rem + 1.085vw, 2.1875rem) clamp(1.25rem, 0.025rem + 1.55vw, 3.125rem);
  background-color: #677F33;
  color: #fff;
  font-size: clamp(1.2rem, 0.024rem + 1.488vw, 3rem);
  line-height: 1.5;
  font-weight: normal;
}

/* Color rotation: 4 colors cycling per item */
#sideevent-page .sideevent__item:nth-child(4n+1) { border-color: #677F33; }
#sideevent-page .sideevent__item:nth-child(4n+1) .sideevent__heading { background-color: #677F33; }

#sideevent-page .sideevent__item:nth-child(4n+2) { border-color: #2C4D54; }
#sideevent-page .sideevent__item:nth-child(4n+2) .sideevent__heading { background-color: #2C4D54; }

#sideevent-page .sideevent__item:nth-child(4n+3) { border-color: #9B553B; }
#sideevent-page .sideevent__item:nth-child(4n+3) .sideevent__heading { background-color: #9B553B; }

#sideevent-page .sideevent__item:nth-child(4n) { border-color: #8D8836; }
#sideevent-page .sideevent__item:nth-child(4n) .sideevent__heading { background-color: #8D8836; }

/* body: organizer + description (white) */
#sideevent-page .sideevent__body {
  padding: clamp(1rem, 0.020rem + 1.24vw, 2.5rem) clamp(1.25rem, 0.025rem + 1.55vw, 3.125rem) clamp(1.5rem, 0.030rem + 1.86vw, 3.75rem);
  background-color: #fff;
  color: #000;
}

#sideevent-page .sideevent__organizer {
  margin: 0 0 clamp(1rem, 0.020rem + 1.24vw, 2.5rem);
  font-size: clamp(1rem, 0.020rem + 1.24vw, 2.5rem);
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}

#sideevent-page .sideevent__description {
  margin: 0;
  font-size: clamp(0.875rem, 0.018rem + 1.085vw, 2.1875rem);
  line-height: 1.8;
  color: #000;
}

/* SP */
@media (max-width: 768px) {
  #sideevent-page .sideevent__list {
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
  #sideevent-page .sideevent__heading {
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }
  #sideevent-page .sideevent__body {
    padding: 1rem 1rem 1.25rem;
  }
  #sideevent-page .sideevent__organizer {
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
  }
  #sideevent-page .sideevent__description {
    font-size: 0.85rem;
    line-height: 1.7;
  }
}

/* =====================================================
  Side Event Program PDF Download
===================================================== */
.sideevent__pdf {
    width: 100%;
    margin: 0 auto;
    margin-bottom: clamp(3.438rem, 0.767rem + 4.273vw, 9.313rem);
}
.sideevent__pdf a {
    font-size: clamp(1.188rem, 0.003rem + 1.498vw, 3rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35em;
    padding: 1rem 0.875rem;
    background-color: #AF1400;
    color: #fff;
    text-decoration: none;
    border-radius: 9999px;
    width: 100%;
    text-align: center;
    transition: opacity 0.5s;
}
.sideevent__pdf a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 1000.9px) {
  .sideevent__pdf {
    width: 100%;
  }
  .sideevent__pdf a {
    line-height: 1.2;
    font-size: clamp(1rem, 0.882rem + 0.588vw, 1.25rem);
    padding: 0.875rem;
  }
}


.sideevent-text {
  margin-top: clamp(1.5rem, 0.030rem + 1.86vw, 3.75rem);
}