/*---------
共通
----------*/

.mv {
  margin-bottom: 40px;
}

.l-page.lower-layer_resort-properties-list .mv {
  background: url("../images/properties-list/resort-mv_img_sp.jpg") bottom /
    cover no-repeat;
}

.l-page.lower-layer_luxsis-properties-list .mv {
  background: url("../images/properties-list/luxsis-mv_img_sp.jpg") bottom /
    cover no-repeat;
}

.l-page.lower-layer_other-properties-list .mv {
  background: url("../images/properties-list/other-mv_img_sp.jpg") bottom /
    cover no-repeat;
}

@media (min-width: 768px) {
  .l-page {
    padding-bottom: 160px;
  }

  .mv {
    height: 403px;
    margin-bottom: 80px;
  }

  .l-page.lower-layer_resort-properties-list .mv {
    background: url("../images/properties-list/resort-mv_img.jpg") bottom /
      cover no-repeat;
  }

  .l-page.lower-layer_luxsis-properties-list .mv {
    background: url("../images/properties-list/luxsis-mv_img.jpg") bottom /
      cover no-repeat;
  }

  .l-page.lower-layer_other-properties-list .mv {
    background: url("../images/properties-list/other-mv_img.jpg") bottom / cover
      no-repeat;
  }
}

/*---------
物件カード
----------*/
.post-type__no-post {
  text-align: center;
}
.l-page .section_content--properties {
  overflow: visible;
  padding-bottom: 40px;
}

.properties-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 328px);
  justify-content: center;
  gap: 40px;
}

.properties-item {
  width: 328px;
  max-width: 100%;
  border-radius: 16px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.properties-card {
  display: block;
  width: 100%;
}

.properties-img {
  width: 100%;
  position: relative;
  z-index: 1;
}

.properties-img img {
  border-radius: 16px 16px 0 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.properties-details {
  background: #fff;
  border-radius: 0 0 16px 16px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.properties-info-left,
.properties-info-right {
  flex: 1;
}

.info-row {
  display: flex;
  color: #000000;
}

.info-row.price {
  display: block;
}

.info-label {
  flex-shrink: 0;
}

.info-label,
.info-value {
  font-size: 14px;
  font-weight: bold;
  line-height: calc(24 / 14);
}

.info-row.price .info-label {
  font-weight: 400;
}

.info-row.price .info-value {
  font-size: 16px;
}

@media (min-width: 768px) {
  .l-page .section_content--properties {
    padding-bottom: 60px;
  }

  .properties-list {
    grid-template-columns: repeat(auto-fit, 360px);
    gap: 60px 25px;
  }

  .properties-item {
    width: 360px;
    transition: opacity 0.3s ease;
  }

  .properties-item:hover {
    opacity: 0.7;
  }

  .properties-details {
    padding: 10px 20px;
  }
}

/*---------
ページャー
----------*/

.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  gap: 10px;
  padding: 0;
}

.pagination-link,
.pagination-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  transition: all 0.3s ease;
}

.pagination-link.is-active {
  background-color: #b0a13d;
  color: #fff;
  pointer-events: none;
  border-radius: 2px;
}

.arrow-left,
.arrow-right {
  display: block;
  width: 15px;
  height: 15px;
}