@charset "utf-8";
/*ページリンク*/
.room_nav_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 24px 16px;
}
.room_nav_details {
  margin-top: 6px;
}
.room_nav_details > dt {
  font-weight: bold;
}
.room_nav_details > dd {
  font-size: 1.2rem;
}

/*客室コンテンツ*/
.room_type_wrap {
  display: grid;
  gap: var(--space-lg);
}

/*客室＞基本情報*/
.information_box {
  display: grid;
  gap: var(--space-md);
}
.information_table {
  width: 100%;
  padding: 4px;
}
.information_table_body {
  display: grid;
}
.information_table_row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: var(--space-sm);
  border-bottom: 1px solid #e3e3e3;
}
.information_table_row > * {
  padding: 18px 6px;
}
.information_table_heading {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .information_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .information_image {
    order: 2;
  }
}
.next_amenity {
  padding: 0 6px;
}

/*アメニティ情報*/
.contents {
  display: grid;
  gap: var(--space-md);
}
@media screen and (min-width: 768px) {
  .contents {
    grid-template-columns: 1fr minmax(350px, 45%);
  }
}