/*--------------------------------------



--------------------------------------*/
.pageTitleWrap {
  margin: 0;
  position: relative;
}

.pageTitle {
  min-height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 15px 0;
  font-size: calc(1.525rem + 2.475vw);
  font-weight: bold;
}

.pageImg img {
  object-fit: cover;
  font-family: "object-fit: cover;";
  object-position: top;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*--------------------------------------



--------------------------------------*/
.indexNewsTitle {
  position: relative;
  font-size: calc(1.425rem + 1.575vw);
  text-align: center;
  padding: 0 0 10px;
  margin: 0 0 40px;
}
.indexNewsTitle::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 78px;
  height: 5px;
  background: #FFAE44;
  bottom: 0;
}

.eventWrap {
  margin: 0 auto;
  max-width: 1190px;
  padding: 0 15px;
}

.eventList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 10px 0;
}

.eventItem {
  width: calc(50% - 10px);
  margin: 0 10px 50px 0;
}

.eventLink {
  display: block;
  position: relative;
  color: #444;
  text-decoration: none;
  margin: 0 0 6px;
}
.eventLink:hover .eventPic img {
  transform: scale(1.1);
}

.eventPic {
  overflow: hidden;
  margin: 0 0 10px;
  position: relative;
  padding: 0 0 71.5%;
}
.eventPic img {
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 100%;
  position: absolute;
  width: 100%;
  transition: 0.3s;
}

.eventDay {
  font-size: calc(1.265rem + 0.135vw);
  margin: 0 0 7px;
}

.eventItemTitle {
  font-size: calc(1.285rem + 0.315vw);
  font-weight: 700;
  margin: 0 0 5px;
}

.eventItemText {
  font-size: calc(1.265rem + 0.135vw);
  font-weight: 400;
}

.eventMoreLink {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #FFA35D;
  transition: 0.3s;
  border-radius: 26px;
  min-height: 50px;
  box-shadow: 3px 3px 0 #EE8C42;
  max-width: 280px;
  margin: 0 auto;
  color: #fff;
  font-weight: 700;
}
.eventMoreLink:hover {
  box-shadow: 0 0 0 #EE8C42;
}

.eventArea {
  text-decoration: none;
  transition: 0.3s;
  color: #444;
  font-size: calc(1.265rem + 0.135vw);
}
.eventArea:hover {
  color: #beb681;
}

/*--------------------------------------



--------------------------------------*/
.eventCalendar {
  padding: 8px 0;
  max-width: 1160px;
  margin: 0 auto 30px;
}

.eventMonth {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  margin: 0 0 30px;
}

.eventPrev {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 80px;
  position: relative;
  font-size: calc(1.325rem + 0.675vw);
  cursor: pointer;
  user-select: none;
}
.eventPrev::before {
  content: "";
  border-top: solid 3px #FFAE44;
  border-right: solid 3px #FFAE44;
  height: 10px;
  width: 10px;
  transform: rotate(-135deg);
  transform-origin: 50% 50%;
  margin: 0 5px -1px 0;
}

.eventNext {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 80px;
  position: relative;
  font-size: calc(1.325rem + 0.675vw);
  cursor: pointer;
  user-select: none;
}
.eventNext::after {
  content: "";
  border-top: solid 3px #FFAE44;
  border-right: solid 3px #FFAE44;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  margin: 0 0 0 5px;
}

.eventMonthNumber {
  margin: 0 40px;
  font-size: calc(1.375rem + 1.125vw);
  font-weight: bold;
  min-width: 60px;
  text-align: center;
}

.eventDayRow {
  background: #fff;
  padding: 10px 25px;
  background: #F9F9F9;
  border-radius: 14px;
}

.eventdayList {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.eventdayItem {
  font-size: calc(1.275rem + 0.225vw);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  min-width: 35px;
  min-height: 35px;
  text-decoration: none;
  color: #444;
  cursor: pointer;
  user-select: none;
}

.eventDaySatureday {
  color: #516BD9;
}

.eventDaySunDay {
  color: #B51616;
}

.eventDayOnData {
  border-radius: 50%;
  background: #999;
  color: #fff;
  width: 100%;
  height: 100%;
  max-width: 35px;
  text-decoration: underline;
}

.eventDayToday {
  border-radius: 50%;
  background: #FFAE44;
  color: #fff;
  width: 100%;
  height: 100%;
  max-width: 35px;
  text-decoration: underline;
}

.eventDayActice {
  color: #FFAE44;
  text-decoration: underline;
}

/*--------------------------------------



--------------------------------------*/
.pageNationList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageNationListItem:not(:last-of-type) {
  margin-right: 5px;
}

.pageNationListlink {
  display: flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  color: #444444;
  text-decoration: none;
  transition: 0.3s;
  background: #F2F2F2;
  border-radius: 7px;
  font-size: calc(1.325rem + 0.675vw);
}
.pageNationListlink:hover {
  color: #fff;
  background-color: #FFAE44;
}

.pageNationListItem a.active {
  color: #fff;
  background-color: #FFAE44;
}

.arrowBefore {
  background: #fff;
}
.arrowBefore span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-style: none;
  transition: 0.3s;
}
.arrowBefore span::before {
  content: "";
  width: 13px;
  height: 13px;
  border-top: solid 4px #FFAE44;
  border-right: solid 4px #FFAE44;
  transform: rotate(-135deg);
}
.arrowBefore:hover {
  background: #fff;
}
.arrowBefore:hover span {
  opacity: 0.8;
}

.arrowAfter {
  background: #fff;
}
.arrowAfter span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-style: none;
  transition: 0.3s;
  position: relative;
}
.arrowAfter span::after {
  content: "";
  width: 13px;
  height: 13px;
  border-top: solid 4px #FFAE44;
  border-right: solid 4px #FFAE44;
  transform: rotate(45deg);
}
.arrowAfter:hover {
  background: #fff;
}
.arrowAfter:hover span {
  opacity: 0.8;
}
@media (min-width: 1000px) {
  .pageTitle {
    font-size: 4rem;
  }
  .indexNewsTitle {
    font-size: 3rem;
  }
  .eventDay {
    font-size: 1.4rem;
  }
  .eventItemTitle {
    font-size: 1.6rem;
  }
  .eventItemText {
    font-size: 1.4rem;
  }
  .eventArea {
    font-size: 1.4rem;
  }
  .eventPrev {
    font-size: 2rem;
  }
  .eventNext {
    font-size: 2rem;
  }
  .eventMonthNumber {
    font-size: 2.5rem;
  }
  .eventdayItem {
    font-size: 1.5rem;
  }
  .pageNationListlink {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 1160px) {
  .eventList {
    margin: 0 -20px 10px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .eventList {
    margin: 0 -15px 10px 0;
  }
  .eventItem {
    width: calc(25% - 20px);
    margin: 0 20px 50px 0;
  }
  .pageNationListItem:not(:last-of-type) {
    margin-right: 15px;
  }
  .pageNationListlink {
    height: 45px;
    width: 45px;
  }
  .arrowBefore span {
    height: 45px;
    width: 45px;
  }
}
@media print, screen and (min-width: 960px) {
  .pageTitleWrap {
    margin: 57px 0 0;
  }
  .pageTitle {
    min-height: 240px;
  }
  .eventdayList {
    overflow-x: auto;
  }
}

/*# sourceMappingURL=eventlist.css.map*/