@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-beige);
}
.event article h3 {font-size: 125%;font-weight: 700;color: var(--color-beige);}
.event article .period {
  margin-bottom: 10px;
  font-weight: 700;color: var(--color-beige);
}
@media screen and (max-width: 999px){
  .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 );}
}