@charset "utf-8";
/* CSS Document */

body {font-size: 16px; background-image: url(../img/common/common_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}

/* ===============================
	mv
 =============================== */
#mv {
  background-image: url(../img/eventpage/mv_bg.jpg);
}
@media screen and (max-width: 750px) {
  #mv {
    background-image: url(../img/eventpage/mv_bg_sp.jpg);
  }
}

/* ===============================
	eventpage
 =============================== */
#eventpage {
  margin-top: 80px;
  margin-bottom: 146px;
}
#eventpage ul {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
  margin-bottom: 80px;
}
#eventpage li {
  width: calc((100% - 40px) / 2);
  display: none;
}
#eventpage li:nth-child(-n+10) {
  display: block;
}
#eventpage .eventpage_img {
  max-width: 620px;
  max-height: 350px;
  background: var(--C-black);
  aspect-ratio: 620 / 350;
  transition: .6s;
  position: relative;
}
#eventpage li:hover .eventpage_img {
  opacity: .6;
}
#eventpage .eventpage_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#eventpage .time_con {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px;
}
#eventpage .time_con span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--C-white);
  background: var(--C-accent-green);
  width: 81px;
  height: 26px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#eventpage .time_con time {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 400;
}
#eventpage h2 {
  margin-top: 12px;
}
/* end */
#eventpage li.end a {
  pointer-events: none;
}
#eventpage li.end:hover .eventpage_img {
  opacity: 1;
}
#eventpage li.end .eventpage_img::before,
#eventpage li.end .eventpage_img::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#eventpage li.end .eventpage_img::before {
  content: '※本イベントは終了しました';
  width: fit-content;
  height: fit-content;
  font-size: 16px;
  color: var(--C-white);
  border: var(--C-white) 1px solid;
  border-radius: 3px;
  background: rgb(51 51 51 / .6);
  padding: 12px 24px;
  z-index: +1;
}
#eventpage li.end .eventpage_img::after {
  content: '';
  background: rgb(51 51 51 / .8);
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  #eventpage {
    margin-top: 10.66666666666667vw;
    margin-bottom: 19.2vw;
  }
  #eventpage ul {
    gap: 10.66666666666667vw 0;
    margin-bottom: 12.8vw;
  }
  #eventpage li {
    width: 100%;
  }
  #eventpage .eventpage_img {
    max-height: 350px;
  }
  #eventpage .time_con {
    flex-direction: column;
    gap: 2.13333333333333vw;
    margin-top: 4.26666666666667vw;
  }
  #eventpage .time_con span {
    font-size: 3.2vw;
    width: 21.86666666666667vw;
    height: 6.93333333333333vw;
    border-radius: 3.46666666666667vw;
  }
  #eventpage .time_con time {
    font-size: 3.73333333333333vw;
  }
  #eventpage h2 {
    margin-top: 3.2vw;
  }
  #eventpage li.end .eventpage_img::before {
    font-size: 3.73333333333333vw;
    padding: 3.2vw 6.4vw;
  }
}

/* ===============================
	eventpage_detail_con
 =============================== */


/* ===============================
	property
 =============================== */
#property {
  background: var(--C-sub);
  padding-top: 120px;
  padding-bottom: 160px;
}
#property > .wrap {
  container-type: inline-size;
}
#property .title-04 {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #property {
    padding-top: 17.06666666666667vw;
    padding-bottom: 21.33333333333333vw;
  }
  #property .title-04 {
    margin-bottom: 6.4vw;
  }
  #property .pickup_list li {
    display: none;
  }
  #property .pickup_list li:nth-child(-n+3) {
    display: block;
  }
}

/* ===============================
	btn_area
 =============================== */
.btn_area {
  margin-top: 80px;
  margin-bottom: 160px;
}
@media screen and (max-width: 750px) {
  .btn_area {
    margin-top: 12.8vw;
    margin-bottom: 21.33333333333333vw;
  }
}