/* コンセプト */
.plan-box{padding-bottom: 50px}
.plan-box h2{text-align: center;font-size: 22px;padding: 30px 0;}
.plan-box ul,
.plan-box li{margin: 0;padding: 0;list-style: none}
.plan-box .note-box{text-align: left;width: 100%;margin: 30px 0 0 0;font-size: 13px}
.plan-box img{width: 100%;height: auto;}
.pc{display: block}
.sp{display: none}
@media screen and (max-width: 668px) {/*スマホ設定*/

.plan-box h2{text-align: center;font-size: 18px;padding: 30px 0;}
.sp{display: block}
.pc{display: none}
}

.p-roomplan__indexTab {
  margin-bottom: clamp( 30px, 7.2451456311px + 6.067961165vw,80px);
}
.p-roomplan__indexTab ul {
  border-bottom: 5px solid #b28247;
  display: flex;
  flex-wrap: wrap;
}
.p-roomplan__indexTab ul li {
  width: 50%;
  display: flex;
  align-items: flex-end;
}
.p-roomplan__indexTab ul li a {
  display: flex;
  width: 100%;
  height: clamp( 60px, 53.1735436893px + 1.8203883495vw,75px);
  background-color: #E6E6E6;
  color: #b28247;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 120%;
}
.p-roomplan__indexTab ul li a:hover {
  text-decoration: none;
}



@media (min-width: 809px) {
  .p-roomplan__indexTab ul li a {
    font-size: 170%;
  }
}
.p-roomplan__indexTab ul li.active a {
  height: clamp( 70px, 65.4490291262px + 1.213592233vw,80px);
  background-color: #b28247;
  color: #fff;
}
.p-roomplan__indexNav {
  margin-bottom: clamp( 40px, 12.6941747573px + 7.2815533981vw,100px);
}
.p-roomplan__indexNav ul {
  gap: clamp( 15px, 10.9041262136px + 1.0922330097vw,24px);
  display: flex;
  flex-wrap: wrap;
}
.p-roomplan__indexNav ul li {
  width: calc((100% - clamp( 15px, 10.9041262136px + 1.0922330097vw,24px)) / 2);
}

.p-roomplan__indexNav ul li.close a{pointer-events: none;opacity: 0.6}

@media (min-width: 809px) {
  .p-roomplan__indexNav ul li {
    width: calc((100% - clamp( 15px, 10.9041262136px + 1.0922330097vw,24px) * 2) / 3);
  }
}
@media (min-width: 999px) {
  .p-roomplan__indexNav ul li {
    width: calc((100% - clamp( 15px, 10.9041262136px + 1.0922330097vw,24px) * 3) / 4);
  }
}
.p-roomplan__indexNav ul li a {
  transition: opacity 0.2s;
  position: relative;
  display: block;
}
@media (hover: hover) {
  .p-roomplan__indexNav ul li a:hover {
    opacity: 0.6;
  }
}
.p-roomplan__indexNav ul li a.u-noLink {
  opacity: 1;
}
.p-roomplan__indexNav ul li a.u-noLink.u-gray {
  filter: grayscale(100%) opacity(30%);
}
.p-roomplan__indexNav figure {
  margin-bottom: clamp( 40px, 33.1735436893px + 1.8203883495vw,55px);
}
.p-roomplan__indexNav figure figcaption {
  font-size: 130%;
  margin-bottom: 1em;
}
@media (min-width: 809px) {
  .p-roomplan__indexNav figure figcaption {
    font-size: 180%;
  }
}
@media (min-width: 999px) {
  .p-roomplan__indexNav figure figcaption {
    font-size: 1.125rem;
    margin-bottom: 1.5em;
  }
}
.roomplan_detail{margin-bottom:40px}
.roomplan__name{width: 36%}
.roomplan__plan{width: 50%}
.floor{width: 85%;margin: 40px auto 0}
.roomplan__mark{width: 60%;margin-top: 30px;margin-left: auto}
@media screen and (max-width: 668px) {/*スマホ設定*/
.roomplan_detail{width: 90%;margin: 0 auto 0px; }
.roomplan__name{width: 100%}
.roomplan__plan{margin-top: 20px; width: 100%}
}

.p-roomplan__dl {
  margin-top: clamp( 30px, 25.4490291262px + 1.213592233vw,40px);
  max-width: 380px;
  width: 100%;
  margin-inline: auto;
  display: none;
}
@media (min-width: 999px) {
  .p-roomplan__dl {
    display: block;
  }
}
.p-roomplan__dl.-sp {
  display: block;
}
@media (min-width: 999px) {
  .p-roomplan__dl.-sp {
    display: none;
  }
}
.p-roomplan__dl a {
  color: #fff;
  background-color: #5b5b5b;
  position: relative;
  padding: 20px 30px;
  display: block;
  font-size: clamp( 1.0625rem, 0.9771692961rem + 0.3640776699vw,1.25rem);
  transition: 0.5s opacity;
  border-radius: 6px
}
@media (any-hover: hover) {
  .p-roomplan__dl a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}
.p-roomplan__dl a span:last-child {
  width: 37px;
  text-align: center;
  position: absolute;
  right: clamp( 20px, 15.4490291262px + 1.213592233vw,30px);
  top: 50%;
  translate: 0 -50%;
}
.p-roomplan__dl a span:last-child img{width: 100%}

.original-box p{width: 48%;}
@media screen and (max-width: 668px) {/*スマホ設定*/
.original-box p{width: 100%;margin-top: 20px}
}