@charset "UTF-8";
.date_area {
  margin-top: 50rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.date_area .now {
  font-size: 26rem;
  font-weight: 500;
  color: #7E7E7E;
}
.date_area .now span {
  font-weight: 500;
  font-size: 37rem;
  color: #000;
}
.date_area .prev,
.date_area .next {
  font-size: 14rem;
  font-weight: 500;
  color: #7E7E7E;
}
.date_area .prev a {
  color: #7E7E7E;
  display: block;
  padding-left: 25rem;
  position: relative;
}
.date_area .prev a::before {
  position: absolute;
  content: "＜";
  top: 0;
  left: 0;
  font-size: 14rem;
  color: #7E7E7E;
}
.date_area .next a {
  color: #7E7E7E;
  display: block;
  padding-right: 25rem;
  position: relative;
}
.date_area .next a::before {
  position: absolute;
  content: "＞";
  top: 0;
  right: 0;
  font-size: 14rem;
  color: #7E7E7E;
}

.event_area {
  margin-top: 28rem;
}
.event_area .event_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 50rem 45rem;
}
.event_area .event_wrap ul li {
  width: 370rem;
}
.event_area .event_wrap ul li img {
  width: 100%;
  height: 186rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.event_area .event_wrap ul li .event_time {
  padding-left: 15rem;
  margin-top: 18rem;
  font-weight: bold;
  position: relative;
}
.event_area .event_wrap ul li .event_time::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4rem;
  height: 100%;
  background: #E2A926;
}
.event_area .event_wrap ul li .tit {
  color: #333333;
  font-size: 14rem;
  margin-top: 10rem;
}

.single_wrap .tit_area {
  margin-top: 120rem;
}
.single_wrap .tit_area .tit_wrap .event_time {
  font-size: 30rem;
  font-weight: bold;
}

.side_wrap .side_position {
  height: auto;
  padding-bottom: 50rem;
  scrollbar-color: transparent;
  overflow: visible;
}
.side_wrap .side_position .new_area .new_wrap {
  padding-bottom: 15rem;
  border-bottom: 1px solid #7E7E7E;
}
.side_wrap .side_position .new_area .new_wrap .event_time {
  font-size: 14rem;
  font-weight: bold;
  padding-left: 10rem;
  position: relative;
}
.side_wrap .side_position .new_area .new_wrap .event_time::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2rem;
  height: 100%;
  background: #E2A926;
}
.side_wrap .side_position .new_area .new_wrap .tit {
  margin-top: 12rem;
  -webkit-line-clamp: 3;
  font-weight: normal;
  line-height: 1.8;
}

.pagination {
  margin-top: 65rem;
}

@media screen and (max-width: 680px) {
  .date_area {
    margin-top: 20rem;
    line-height: 1;
  }
  .date_area .now {
    font-size: 18rem;
  }
  .date_area .now span {
    font-size: 24rem;
  }
  .event_area .event_wrap ul {
    gap: 30rem 0;
  }
  .event_area .event_wrap ul li {
    width: 100%;
  }
  .event_area .event_wrap ul li img {
    height: 150rem;
  }
  .event_area .event_wrap ul li .event_time {
    margin-top: 15rem;
  }
  .single_wrap .tit_area {
    margin-top: 90rem;
  }
  .single_wrap .tit_area .tit_wrap .event_time {
    font-size: 18rem;
  }
  .single_wrap .tit_area .tit_wrap h2 {
    font-size: 18rem;
  }
  .single_wrap .side_wrap .side_position {
    overflow: visible;
    padding-bottom: 10rem;
    overflow: auto;
    padding-left: 20rem;
    scrollbar-color: auto;
    scrollbar-width: auto;
  }
  .single_wrap .side_wrap .side_position .new_area {
    margin-top: 10rem;
    display: flex;
    gap: 10rem;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0;
    padding-right: 20rem;
  }
  .single_wrap .side_wrap .side_position .new_area .new_wrap {
    padding-bottom: 15rem;
    border: 0;
    width: 140rem;
  }
  .pagination {
    margin-top: 30rem;
  }
}/*# sourceMappingURL=event.css.map */