@charset "UTF-8";
/*================================
フロアガイド */
/*タブ*/
.floor_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.floor_list .tab_switch {
  inline-size: clamp(50px, 5.8565153734vw, 80px);
  block-size: -webkit-max-content;
  block-size: max-content;
  aspect-ratio: 1;
}
.floor_list .tab_switch .tab_switch_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  background: rgba(var(--white), 1);
  border: 2px solid rgba(var(--maincolor), 1);
  font-family: "Cinzel", serif;
  font-weight: 700;
  color: rgba(var(--maincolor), 1);
  font-size: clamp(1.6rem, 1.4641288433vw, 2rem);
  transition-duration: 0.2s;
}
.floor_list .tab_switch:hover .tab_switch_inner {
  background: rgba(var(--maincolor), 0.6);
  color: rgba(var(--light_tx_color), 1);
}
.floor_list .tab_switch.active .tab_switch_inner {
  background: rgba(var(--maincolor), 1);
  color: rgba(var(--light_tx_color), 1);
  pointer-events: none;
}

/*内容*/
.floor_detail {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
  background: url(../img/common_img/flower/flower03.png) top calc(clamp(20px, 4.39vw, 60px) * -1) left -10% no-repeat rgba(var(--bg_color01), 1);
  background-size: clamp(200px, 29.28vw, 400px);
  padding: clamp(16px, 3.513909224vw, 48px);
}

.floor_detail .title02 {
  position: relative;
  -webkit-padding-start: 3.8em;
          padding-inline-start: 3.8em;
}
.floor_detail .title02::before {
  content: attr(data-floor);
  block-size: 100%;
  inline-size: -webkit-max-content;
  inline-size: max-content;
  padding-inline: 1em;
  font-family: "Cinzel", serif;
  font-weight: 700;
  background: rgba(var(--maincolor), 1);
  color: rgba(var(--light_tx_color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0 auto 0 0;
}

.floor_gallery > a {
  display: block;
  inline-size: 100%;
  block-size: -webkit-max-content;
  block-size: max-content;
  aspect-ratio: 4/3;
}
.floor_gallery img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.floor_gallery figcaption {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  color: rgba(var(--maincolor), 1);
  font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem);
  text-align: start;
}