@charset "UTF-8";

/* -----------------------------------------------------------
	fukuoka
----------------------------------------------------------- */
.bfh_fukuoka_mv {
  position: relative
}
.fukuoka_limitedplan .box_bkg01 {
  background-color: #F9F1DA;
  width: 80%;
  color: #7D6030;
  margin: 1rem auto;
  padding: 1rem
}
.box_table01 {
  border: 1px solid #000;
  margin: 1rem auto;
  border-spacing: 0;
  width: 95%
}
.box_table01 th, .box_table01 td {
  border: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 3%
}
.box_table01 th {
  width: 30%
}
.fukuoka_limitedplan_aside {
  margin: 2rem auto clamp(12px, 2.6041666667vw, 50px);
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  padding: clamp(25px, 2.0833333333vw, 40px) clamp(19px, 1.5625vw, 30px) clamp(12px, 1.0416666667vw, 20px)
}
.fukuoka_limitedplan_link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.fukuoka_limitedplan_linkbox {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  width: 44%;
  border: 1px solid #000;
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  margin: 1rem auto;
  padding: 2%;
  gap: min(2.6666666667vw, 20px)
}
.fukuoka_limitedplan_linkbox picture {
  width: clamp(70px, 5.2083333333vw, 100px);
  height: clamp(70px, 5.2083333333vw, 100px)
}
.fukuoka_limitedplan_linkbox02 {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  width: 70%;
  border: 1px solid #000;
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  margin: 1rem auto;
  padding: 2%;
  gap: min(2.6666666667vw, 20px)
}
.fukuoka_limitedplan_linkbox02 picture {
  width: clamp(70px, 5.2083333333vw, 100px);
  height: clamp(70px, 5.2083333333vw, 100px)
}
.bfh-brand-top__mv--inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
  width: 100%
}
.link_button--sns a {
  position: relative;
  font-weight: 700;
  text-decoration: none;
  padding-left: min(6vw, 45px);
  font-size: min(2.6666666667vw, 1.3333333333rem)
}
.link_button--sns a::before {
  content: "";
  background: url(https://www.resorts.co.jp/upload/tenant_1/icon_instagram.webp) 0 0 / cover no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: min(4.4vw, 33px);
  height: min(4.4vw, 33px)
}
.fukuoka_limitedplan_bg {
  position: relative;
  padding: 5%
}
.fukuoka_limitedplan_bg::before {
  display: block;
  background-image: url(https://www.resorts.co.jp/upload/tenant_1/mv_sp.webp);
  background-color: rgba(255, 255, 255, 0.5);
  background-position: bottom;
  background-repeat: no-repeat;
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
@media screen and (min-width: 769px) {
  .bfh_fukuoka_ad2026 {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
  }
  .fukuoka_limitedplan_aside {
    width: clamp(490px, 35.9375vw, 690px)
  }
  .box_table01 {
    width: 80%;
    max-width: 30rem
  }
  .link_button--sns a {
    padding-left: clamp(28px, 2.34375vw, 45px);
    font-size: clamp(1.0666666667rem, 1.0416666667vw, 1.3333333333rem)
}
  .link_button--sns a::before {
    width: clamp(21px, 1.71875vw, 33px);
    height: clamp(21px, 1.71875vw, 33px)
}
}