@charset "Shift_JIS";
.event .inner {
  padding: 0 1.5%;
}

.event article {
  padding: 10px 0;
}

.event article:not(:last-of-type) {
  border-bottom: dotted 2px var(--color-tertiary);
}

.event article h3 {
  font-size: 125%;
  font-weight: 700;
  color: var(--color-tertiary);
}

.event article .period {
  margin-bottom: 10px;
  font-weight: 700;
  color: var(--color-tertiary);
}

@media screen and (max-width: 999px){
  .event article {
    max-width: 425px;
    margin: 0 auto;
  }
  .event article h3 {
    text-align: center;
  }
  .event-bnr {
    width: 100%;
  }
  .event-bnr img {
    width: auto;
    max-width: 100%;
  }
  .detail {
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (min-width: 1000px){
  .event-bnr {
    width: 360px;
    margin-right: 10px;
  }
  .event-bnr img {
    width: 100%;
  }
  .detail {
    width: calc(100% - 370px);
  }
}