#site-header {
  position: relative !important;
}

.main-container {
  display: block;
}

.room_thumb01 {
  position: relative;
  margin: 0%;
  text-align: center;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}


.room-header {
  margin-inline:1.2rem;
  margin-block: 2.4rem;
}

/* 情報リスト */
.room-conditions {
  display: flex;
  padding-inline: 0.8rem;
  gap: 0.8rem;
  flex-wrap: wrap; /* 画面幅に応じて折り返し可能に */
  justify-content: center; /* 中央揃え */
  margin-bottom: 2.4rem;
}

.condition-card {
  flex: 0 0 auto; /* 幅固定で折り返し可能 */
  width: 5.5em; /* 必要に応じて調整 */
  aspect-ratio: 1 / 1;
  background-color: var(--color-base);
  border: 1px solid var(--color-main);
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  color: var(--color-main);
  font-family: var(--font-main);
  box-sizing: border-box;
}

.card-label {
  display: block;
  width: 100%;
  font-size: var(--font-s);
  border-bottom: 1px solid var(--color-main);
}

.card-icon {
  font-size: var(--font-ll);
}

.card-value {
  display: block;
  width: 100%;
  font-size: var(--font-s);
}

/* .price-tableの基本スタイル */
.price-table {
  text-align: center;
}

.price-table h4 {
  color:var(--color-subtle);
  font-size: var(--font-m);
  margin-top:4em;
  margin-bottom: 0.5em;
}

/* テーブルをスクロール可能にする */
.table-responsive {
  width:100%;
  text-align: center;
}

table {
  width: 80%;
  display: inline-table;
  border-collapse: collapse;
  margin: 0 auto;
  margin-bottom: 3em;
}

th, td {
  border: 1px solid var(--color-subtle);
  padding: 0.2em 1.5em;
  text-align: center;
}

.button-block {
  margin-bottom: 4rem;
}