/*=======================================================
el_sec_mainTtl
=======================================================*/
.bl_review .el_sec_mainTtl {
  padding-bottom: min(34/1280 * 100vw, 34px);
  margin-bottom: min(40/1280 * 100vw, 40px);
  font-size: min(32/1280 * 100vw, 32px);
}
.bl_review .el_sec_mainTtl::after {
  width: min(64/1280 * 100vw, 64px);
  height: min(20/1280 * 100vw, 20px);
  background: url("../images/review/ttl_deco_review.svg") top center/contain
    no-repeat;
}

@media screen and (max-width: 750px) {
  .bl_review .el_sec_mainTtl {
    padding-bottom: 0;
    margin-bottom: 48px;
    font-size: 40px;
  }
}
/*=======================================================
item
=======================================================*/
.bl_item_tags {
  padding: 0;
  margin-bottom: min(8/1280 * 100vw, 8px);
  display: flex;
  flex-wrap: wrap;
  gap: min(16/1280 * 100vw, 16px);
  /* 口コミの中のバッジの高さを2行制限 */
  overflow: hidden;
  max-height: calc(
    (
        min(14/1280 * 100vw, 14px) * calc(20 / 14) + min(3/1280 * 100vw, 3px) *
          2 + 1px * 2
      ) * 2 + min(16/1280 * 100vw, 16px)
  );
}
.bl_item_stars {
  display: block;
  color: #c3a460;
  margin-bottom: min(8/1280 * 100vw, 8px);
}

.bl_item_tag {
  padding: min(3/1280 * 100vw, 3px) min(18/1280 * 100vw, 18px);
  font-size: min(14/1280 * 100vw, 14px);
  line-height: calc(20 / 14);
  background: #fff;
  border: 1px solid #c3a45f;
}

@media screen and (max-width: 750px) {
  .bl_item_tags {
    margin-bottom: 12px;
  }
  .bl_item_stars {
    margin-bottom: 12px;
  }
  .bl_item_tag {
    padding: 1px 21px;
    font-size: 24px;
    border-width: 2px;
  }
}

.ly_main {
  background: #f7f4f4;
  padding-top: min(16 / 1280 * 100vw, 16px);
  display: flex;
  flex-direction: column;
}
.bl_lowerCta {
  margin-top: auto;
}
.bl_foot {
  height: initial;
}

.bl_review.archive .bl_review_list {
  display: grid;
}

.bl_review.archive .bl_review_item {
  padding: min(24/1280 * 100vw, 24px) min(22/1280 * 100vw, 22px);
  background: #fff;
  border: 1px solid #dddddd;
}
.bl_review.archive .bl_review_item .bl_item_txt {
  margin-bottom: min(22/1280 * 100vw, 22px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: min(14/1280 * 100vw, 14px);
}

@media screen and (max-width: 750px) {
  .bl_review.archive .bl_review_list {
    grid-template-columns: auto;
    gap: 48px;
  }
  .bl_review.archive .bl_review_item {
    padding: 24px 32px 40px;
  }
  .bl_review.archive .bl_review_item .bl_item_txt {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.bl_review_item {
  display: flex;
  flex-direction: column;
}

.bl_review_item .el_btn {
  margin-top: auto;
}

.bl_item_tag {
  padding: min(3/1280 * 100vw, 3px) min(18/1280 * 100vw, 18px);
  font-size: min(14/1280 * 100vw, 14px);
  line-height: calc(20 / 14);
  background: #fff;
  border: 1px solid #c3a45f;
}

.bl_review.archive .bl_review_item .bl_item_btn {
  background: #363636;
  color: #fff;
  width: auto;
  height: min(48/1280 * 100vw, 48px);
  font-size: min(16/1280 * 100vw, 16px);
  padding-bottom: min(2/1280 * 100vw, 2px);
}

@media screen and (max-width: 750px) {
  .bl_item_tag {
    padding: 1px 21px;
    font-size: 24px;
    border-width: 2px;
  }
  .bl_review.archive .bl_review_item .bl_item_btn {
    height: 80px;
    font-size: 26px;
    padding-bottom: 3px;
  }
}
.bl_review.archive {
  padding-bottom: min(64/1280 * 100vw, 64px);
}

/*=======================================================
pagenavi
=======================================================*/
@media screen and (width <= 750px) {
  .bl_breadcrumbs {
    margin-top: 48px;
  }
}

.bl_pagenavi {
  width: 100%;
}

.bl_pagenavi nav {
  display: block;
}

.bl_pagenavi ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.bl_pagenavi li {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 30px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  padding-bottom: 3px;
  background: #a5a5a5;
}

.bl_pagenavi .active {
  background: #9b1613;
}
.bl_pagenavi .disabled {
  color: #a5a5a5;
  background-color: inherit;
}

@media screen and (max-width: 750px) {
  .bl_pagenavi ul {
    gap: 16px;
  }
  .bl_pagenavi li {
    font-size: 28px;
    width: 48px;
    height: 56px;
    padding-bottom: 4px;
  }
}