@charset "UTF-8";
.exceptionText {
  padding: 20px 0 40px;
  font-size: 14px;
}

.secEventContainer {
  margin-bottom: 120px;
  gap: 20px;
}
.secEventContainer {
  /* Status Label (開催終了など) */
}
.secEventContainer .statusLabel {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(51, 51, 51, 0.85);
  color: #fff;
  font-size: 12px;
  padding: 6px 15px;
  letter-spacing: 0.05em;
}
.secEventContainer .cardImgWrapper .endArea {
  display: none;
}
.secEventContainer .cardImgWrapper.end {
  position: relative;
}
.secEventContainer .cardImgWrapper.end .endArea {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .secEventContainer .sideNav {
    width: 85%;
  }
}
/* =========================================
   Responsive (Max 767px)
   ========================================= */
@media screen and (max-width: 767px) {
  .secEventContainer {
    display: block;
    margin-bottom: 60px;
  }
  .secEventContainer {
    /* Flex解除、縦積みに */
    /* Side Nav SP */
  }
  .secEventContainer .sideNav {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    overflow-x: auto;
    /* ▼▼▼ SPでは追従を解除 ▼▼▼ */
    position: static;
    top: auto;
    height: auto;
    /* ▲▲▲ 追従解除 ▲▲▲ */
  }
  .secEventContainer .navLists {
    display: flex;
    flex-wrap: wrap;
    /* または nowrap で横スクロール */
    gap: 5px 20px;
  }
  .secEventContainer .navItem {
    margin-bottom: 0;
    white-space: nowrap;
  }
  .secEventContainer .navItem a {
    font-size: 14px;
  }
  .secEventContainer {
    /* Main Content SP */
  }
  .secEventContainer .mainEventContent {
    width: 100%;
  }
  .secEventContainer .comCardGrid {
    grid-template-columns: 1fr;
    /* 1カラム */
    gap: 60px;
  }
  .secEventContainer .cardMeta {
    padding: 0 12px;
  }
}/*# sourceMappingURL=style.css.map */