@charset "UTF-8";
:root {
  --main: #235fac;
  --sub: #0e9b94;
  --hover: rgb(213, 208, 118);
  --bg-light: #f7f7f7;
  --text-dark: #333;
}

.eventInfo {
  grid-template-rows: 40vh 45vh;
  grid-template-columns: 50% 50%;
}
.eventInfo .h3 {
  background-color: var(--main);
}
.eventInfo .infoItem01,
.eventInfo .infoItem02,
.eventInfo .infoItem03,
.eventInfo .infoItem04,
.eventInfo .infoItem05,
.eventInfo .infoItem06 {
  position: relative;
  font-family: "Kosugi Maru", sans-serif;
}
.eventInfo {
  /* grid1 */
}
.eventInfo .infoItem01 .dateText .dateWord3-1 .dateWord3-3::after {
  background-color: #f6984a;
}
.eventInfo {
  /* grid2 */
}
.eventInfo .recWord th {
  color: #ffffff;
  background-color: var(--main);
}
.eventInfo .recWord .tdOn {
  background-color: var(--sub);
  color: rgb(255, 255, 255);
}
.eventInfo .recWord .tdOff {
  background-color: var(--sub);
  color: rgb(255, 255, 255);
}
.eventInfo .infoItem05 {
  grid-row: 2/3;
  grid-column: 1/2;
}
.eventInfo .infoItem06 {
  grid-row: 2/3;
  grid-column: 2/3;
}

.eventInfoHowToList .how04::before {
  content: url(../../images/common-event/how06.png);
}

/* #01.scss → #02.scss に関係するSP(572px以下)の差分だけ */
@media screen and (max-width: 572px) {
  .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 {
    /* #02.scss: .infoItem04 &::before に関係 */
  }
  .main .eventInfo .infoItem04::before {
    top: -70px;
    border-bottom: 40px solid #fec4c5;
    border-bottom: none;
  }
}/*# sourceMappingURL=event.css.map */