/**
 * Fonts
 */
.eventArchive .eventList,
.eventSingle .eventContent {
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 64px;
  padding: 80px 104px;
}
@media screen and (max-width: 1366px) {
  .eventArchive .eventList,
.eventSingle .eventContent {
    margin-top: 4.6852122987vw;
    padding: 5.8565153734vw 7.6134699854vw;
  }
}
@media screen and (max-width: 828px) {
  .eventArchive .eventList,
.eventSingle .eventContent {
    margin-top: 7.729468599vw;
    padding: 7.729468599vw 5.7971014493vw;
  }
}

.eventArchive .pageHeader,
.eventSingle .pageHeader {
  background: url(../img/event/event_pageheader.png) no-repeat center center/cover;
}
@media screen and (max-width: 828px) {
  .eventArchive_title,
.eventSingle_title {
    left: 1.9323671498vw;
  }
}
@media screen and (max-width: 828px) {
  .eventArchive_title .commonTitle_main,
.eventSingle_title .commonTitle_main {
    font-size: 6.7632850242vw;
  }
}
@media screen and (max-width: 828px) {
  .eventArchive_title .commonTitle_sub,
.eventSingle_title .commonTitle_sub {
    font-size: 2.8985507246vw;
    margin-top: 1.4492753623vw;
  }
}
.eventArchiveContainer,
.eventSingleContainer {
  padding-bottom: 120px;
}
@media screen and (max-width: 1366px) {
  .eventArchiveContainer,
.eventSingleContainer {
    padding-bottom: 8.78477306vw;
  }
}
@media screen and (max-width: 828px) {
  .eventArchiveContainer,
.eventSingleContainer {
    padding-bottom: 19.3236714976vw;
  }
}
.eventArchiveContainer::before,
.eventSingleContainer::before {
  content: "";
  background: #f5f5f5;
  width: 140%;
  position: absolute;
  bottom: 0;
  left: -40%;
}
@media screen and (max-width: 828px) {
  .eventArchiveContainer::before,
.eventSingleContainer::before {
    width: 111%;
    left: -10%;
  }
}
@media screen and (max-width: 828px) {
  .eventArchiveInner.commonWidth-narrow,
.eventSingleInner.commonWidth-narrow {
    width: 93.5828877005%;
  }
}

.eventArchiveContainer::before {
  height: 58%;
}

.eventList_item {
  border-bottom: 1px solid #ccc;
}
.eventList_item:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 1366px) {
  .eventList_item:not(:first-child) {
    margin-top: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .eventList_item:not(:first-child) {
    margin-top: 5.7971014493vw;
  }
}
.eventList_item a {
  padding-bottom: 12px;
}
@media screen and (max-width: 1366px) {
  .eventList_item a {
    padding-bottom: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .eventList_item a {
    padding-bottom: 1.9323671498vw;
  }
}
.eventList_date {
  font-size: 1.1rem;
  color: #888888;
}
@media screen and (max-width: 1366px) {
  .eventList_date {
    font-size: 0.8052708638vw;
  }
}
@media screen and (max-width: 828px) {
  .eventList_date {
    font-size: 2.6570048309vw;
  }
}
.eventList_title {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 1366px) {
  .eventList_title {
    font-size: 1.0248901903vw;
  }
}
@media screen and (max-width: 828px) {
  .eventList_title {
    font-size: 3.3816425121vw;
  }
}

.eventSingleContainer::before {
  height: 60%;
}

.eventContent_date {
  font-size: 1.4rem;
  color: #888888;
}
@media screen and (max-width: 1366px) {
  .eventContent_date {
    font-size: 1.0248901903vw;
  }
}
@media screen and (max-width: 828px) {
  .eventContent_date {
    font-size: 2.6570048309vw;
  }
}
.eventContent_title {
  margin-top: 12px;
  padding-bottom: 40px;
  border-bottom: 1px solid #1D1D1F;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 1366px) {
  .eventContent_title {
    margin-top: 0.878477306vw;
    padding-bottom: 2.9282576867vw;
    font-size: 1.9033674963vw;
  }
}
@media screen and (max-width: 828px) {
  .eventContent_title {
    margin-top: 2.8985507246vw;
    padding-bottom: 5.7971014493vw;
    font-size: 4.8309178744vw;
  }
}
.eventContent_body {
  margin-top: 40px;
  line-height: 2;
  /*
  * ~ * {
    margin-top: 8px;
    @include bp( max, 1366px ) {
      margin-top: vw_pc( 8 );
    }
    @include bp( max, 828px ) {
      margin-top: vw_sp( 8 );
    }
  }
  */
}
@media screen and (max-width: 1366px) {
  .eventContent_body {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .eventContent_body {
    margin-top: 7.729468599vw;
    line-height: 1.8;
  }
}
.eventContent_body p img {
  display: inline-block;
  width: auto;
}