@charset "UTF-8";
main {
  font-family: "Zen Old Mincho", serif;
}
main #eventInfoHowTo {
  font-family: "Zen Old Mincho", serif;
}

.eventInfo {
  /* grid1 */
  /* grid2 */
}
.eventInfo .h3 {
  background: url(../images/h3bg.jpg) no-repeat center/cover;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
  color: #ead62a;
  font-size: 36px;
}
.eventInfo .infoItem01,
.eventInfo .infoItem02,
.eventInfo .infoItem03,
.eventInfo .infoItem04,
.eventInfo .infoItem05,
.eventInfo .infoItem06 {
  position: relative;
  font-family: "Zen Old Mincho", serif;
}
.eventInfo .infoItem01 .dateText .dateWord3-1 .dateWord3-3::after {
  height: 80%;
  background-color: hsla(22, 82.1428571429%, 72%, 0.679);
}
.eventInfo .infoItem02 .recWord th {
  color: rgb(255, 255, 255);
  background-color: #ba3737;
}
.eventInfo .infoItem02 .recWord .tdOn {
  background-color: #f1bd2d;
  color: rgb(94, 82, 82);
}
.eventInfo .infoItem02 .recWord .tdOff {
  background-color: #fcd466;
  opacity: 0.8;
}
.eventInfo .infoItem02 p {
  font-size: 14px;
  line-height: 1.2;
}
.eventInfo .infoItem03 .subjectText P {
  padding: 10px 0 0 20px;
  font-size: 18px;
}
.eventInfo .infoItem04 {
  background: url(../images/item04bg.jpg) no-repeat center/cover;
}
.eventInfo .infoItem04::before {
  border-bottom: none;
}
.eventInfo .infoItem04 .appWord {
  color: rgb(255, 255, 255);
}
.eventInfo .infoItem04 .appQr .appQrImg .appQrImgP {
  color: rgb(255, 255, 255);
}

/* #01.scss → #02.scss に関係するSP(572px以下)の差分だけ */
@media screen and (max-width: 572px) {
  .main .eventInfo {
    /* #02.scss: .infoItem04 &::before に関係 */
  }
  .main .eventInfo .infoItem03 .subjectText {
    margin: 6% auto;
  }
  .main .eventInfo .infoItem03 .subjectText h4 {
    margin: 20px 0;
    padding: 10px 0 0 20px;
    font-size: 20px;
  }
  .main .eventInfo .infoItem03 .subjectText P {
    padding: 10px 0 0 20px;
    font-size: 16px;
  }
  .main .eventInfo .infoItem04::before {
    border-bottom: none;
  }
}/*# sourceMappingURL=event.css.map */