@charset "utf-8";
/* -----------------------------------------------------------
	fukuoka
----------------------------------------------------------- */
.bfh_fukuoka_mv {
  position: relative
}
.fukuoka_limitedplan .box_bkg01 {
  background-color: #F9F1DA;
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  width: 80%;
  color: #7D6030;
  margin: 1rem auto;
  padding: 0.8rem
}
.box_table01 {
  overflow: hidden;
  border-left: 1px solid #03738f;
  border-top: 1px solid #03738f;
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  margin: 1rem auto;
  border-left: 1px solid #03738f;
  border-top: 1px solid #03738f;
  border-spacing: 0;
  border-collapse: separate;
  width: 95%
}
.box_table01 th, .box_table01 td {
  border-right: 1px solid #03738f;
  border-bottom: 1px solid #03738f;
  border-spacing: 0;
  border-right: 1px solid #03738f;
  border-bottom: 1px solid #03738f;
  padding: 3%
}
.box_table01 tr:first-child th {
  border-radius: clamp(12px, 1.0416666667vw, 20px) 0 0 0
}
.box_table01 tr:first-child th:last-child {
  border-radius: 0 clamp(12px, 1.0416666667vw, 20px) 0 0
}
.box_table01 tr:last-child th:first-child {
  border-radius: 0 0 0 clamp(12px, 1.0416666667vw, 20px)
}
.box_table01 tr:last-child td:last-child {
  border-radius: 0 0 clamp(12px, 1.0416666667vw, 20px) 0 
}
.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;
  border-radius: clamp(12px, 1.0416666667vw, 20px);
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.bordrad_clamp_12-20 {
  border-radius: clamp(12px, 1.0416666667vw, 20px);
}
/* -----------------------------------------------------------
	more
----------------------------------------------------------- */
.bfh-brand-fukuoka--more-box {
  position: relative
}
.bfh-brand-fukuoka--more-content {
  position: relative;
  max-height: clamp(20rem, 50vw, 50rem);
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  margin: 0 auto min(2.6666666667vw, 20px)
}
.bfh-brand-fukuoka--more-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3em;
  width: 100%;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.bfh-brand-fukuoka--more-toggle {
  display: none
}
.bfh-brand-fukuoka--more-toggle:checked ~ .bfh-brand-fukuoka--more-content {
  max-height: 4500px
}
.bfh-brand-fukuoka--more-label {
  display: inline-block;
  margin-top: min(1.3333333333vw, 10px);
  padding: min(0.8vw, 6px) min(1.6vw, 12px);
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-family: "Shippori Mincho", serif;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.bfh-brand-fukuoka--more-label::before {
  content: "more▽";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 1px solid #000
}
.bfh-brand-fukuoka--more-toggle:checked ~ .bfh-brand-fukuoka--more-label::before {
  content: "close△";
}
.bfh-brand-fukuoka--more-toggle:checked ~ .bfh-brand-fukuoka--more-content::after {
  opacity: 0;
}
.bfh-brand-fukuoka--more-toggle:checked ~ .bfh-brand-fukuoka--more-label::after {
  -webkit-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}

/* -----------------------------------------------------------
	concept--detail
----------------------------------------------------------- */
.bfh-brand-fukuoka__concept--detail {
  position: relative;
  padding: min(6.6666666667vw, 50px) min(6.3333333333vw, 70px) min(8vw, 60px);
  margin-bottom: min(14vw, 105px);
}
@media screen and (min-width: 769px) {
  .bfh-brand-fukuoka__concept--detail {
    padding: clamp(30px, 2.6041666667vw, 50px) clamp(43px, 3.6458333333vw, 70px) clamp(40px, 3.125vw, 60px);
    margin-bottom: clamp(65px, 5.46875vw, 105px);
  }
}
.bfh-brand-fukuoka__concept--detail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: min(44vw, 330px);
  height: min(14vw, 105px);
}
@media screen and (min-width: 769px) {
  .bfh-brand-fukuoka__concept--detail::before {
    width: clamp(215px, 17.1875vw, 330px);
    height: clamp(66px, 5.46875vw, 105px);
  }
}
.bfh-brand-fukuoka__concept--detail::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  bottom: max(-105px, -14vw);
  width: min(44vw, 330px);
  height: min(14vw, 105px);
}
@media screen and (min-width: 769px) {
  .bfh-brand-fukuoka__concept--detail::after {
    width: clamp(215px, 17.1875vw, 330px);
    height: clamp(66px, 5.46875vw, 105px);
  }
}
.bfh-brand-fukuoka__concept--detail.tenjin {
  background: #EBECEC;
}

.bfh-brand-fukuoka__concept--detail.tenjin::before,
.bfh-brand-fukuoka__concept--detail.tenjin::after {
  background: url(https://www.resorts.co.jp/upload/tenant_1/tenjin_deco_ribbon.webp) 0 0/cover no-repeat;
}

.bfh-brand-fukuoka__concept--detail.nakasu {
  background: #E6E4EF;
}

.bfh-brand-fukuoka__concept--detail.nakasu::before,
.bfh-brand-fukuoka__concept--detail.nakasu::after {
  background: url(https://www.resorts.co.jp/upload/tenant_1/nakasu_deco_ribbon.webp) 0 0/cover no-repeat;
}

.bfh-brand-fukuoka__concept--detail.porto {
  background: #EAF6FD;
}

.bfh-brand-fukuoka__concept--detail.porto::before,
.bfh-brand-fukuoka__concept--detail.porto::after {
  background: url(https://www.resorts.co.jp/upload/tenant_1/porto_deco_ribbon.webp) 0 0/cover no-repeat;
}

.bfh-brand-fukuoka__concept--detail.marche {
  background: #F4EDE9;
}

.bfh-brand-fukuoka__concept--detail.marche::before,
.bfh-brand-fukuoka__concept--detail.marche::after {
  background: url(https://www.resorts.co.jp/upload/tenant_1/marche_deco_ribbon.webp) 0 0/cover no-repeat;
}

.bfh-brand-fukuoka__concept--detail dl dt {
  font-family: "Shippori Mincho B1", serif;
  line-height: 2;
  font-weight: 400;
  font-size: min(4.8vw, 2.4rem);
  margin-bottom: min(5.3333333333vw, 40px);
}
@media screen and (min-width: 769px) {
  .bfh-brand-fukuoka__concept--detail dl dt {
    font-size: clamp(1.8666666667rem, 1.5vw, 2.4rem);
    margin-bottom: clamp(12px, 1.0416666667vw, 20px);
  }
}

.bfh-brand-fukuoka__concept--detail dl dd {
  font-family: "Shippori Mincho B1", serif;
  line-height: 2;
  font-size: min(3.2vw, 1.6rem);
}
@media screen and (min-width: 769px) {
  .bfh-brand-fukuoka__concept--detail dl dd {
    font-size: clamp(1.2rem, 1vw, 1.6rem);
  }
}
/* -----------------------------------------------------------
	pc only
----------------------------------------------------------- */

@media screen and (min-width: 769px) {
  .bfh_fukuoka_ad2026 {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
  }
  .fukuoka_limitedplan .box_bkg01 {
  width: 70%;
  color: #7D6030;
  margin: 1rem auto;
  padding: 1rem
}
  .fukuoka_limitedplan_aside {
    width: clamp(490px, 35.9375vw, 690px)
  }
  .box_table01 {
    width: 85%;
    max-width: clamp(30rem, 50vw, 800px)
  }
  .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)
  }
  .bfh-brand-fukuoka--more-content {
    margin: 0 auto clamp(10px, 1.0416666667vw, 20px)
  }
  .bfh-brand-fukuoka--more-content p {
    font-size: clamp(1.2rem, 1.25vw, 1.6rem);
  }
  .bfh-brand-fukuoka--more-label {
    margin-top: clamp(5px, 0.5208333333vw, 10px);
    font-size: clamp(1.0666666667rem, 1.0416666667vw, 1.3333333333rem);
    padding-bottom: clamp(15px, 1.3020833333vw, 25px)
  }
}