/* =============================
   お部屋リスト 全体
============================= */
.room-list {
  width: 750px;
  margin: 0 auto;
}

/* =============================
   館ごとのセクション
============================= */
.room-section {
  margin-bottom: 0;
}

/* 館名見出し（新館・本館） */
.room-section h3.room-building {
  background-color: #6699CC;
  color: #ffffff;
  font-size: 14px; /* size="2" 相当 */
  text-align: center;
  margin: 0;
  padding: 6px 8px;
  font-weight: normal;
}
.types {
  display: inline-block;
  background-color: #6699CC;
  color: #ffffff;
  font-size: 0.8em;
  padding: 1px 6px;
  margin-right: 4px;
  vertical-align: middle;
  border-radius: 3px;
}
.types.nk {
  background-color: #009688;
}
/* =============================
   リスト初期化
============================= */
.room-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* =============================
   各部屋アイテム（行相当）
============================= */
.room-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

/* =============================
   部屋タイプ（rmtype）
============================= */
.room-item .rmtype {
  padding: 6px 8px;
  font-size: 14px;
}

/* 1列目：部屋タイプ名（洋室・和室） */
.room-item .rmtype:nth-child(1) {
  width: 304px;
}

/* 2列目：人数・1人料金 */
.room-item .rmtype:nth-child(2) {
  width: 258px;
}
.rmtype-note {
  font-size: 0.85em;
}
/* =============================
   料金（rmprice）
============================= */
.room-item .rmprice {
  width: 239px;
  padding: 6px 8px;
  font-size: 14px;
}

/* 金額強調 */
.room-item .rmprice .price {
  font-weight: bold;
  color: #cc0000;
}

/* =============================
   ヘッダー行（お部屋のタイプ）
============================= */
.room-header {
  background-color: #6699CC;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  padding: 6px 8px;
}

/* =============================
   注記
============================= */
.room-note {
  font-size: 14px;
  padding: 4px 8px;
  margin: 0;
}
.coment {
  font-size: 0.8rem;
}
.coment p {
  padding: .5rem;
}
.coment .b1 {
	background-color: #e4eef7;
	border-left: 5px solid #9ba9f7;
}
.coment .b2 {
	background-color: #fff3d0;
	border-left: 5px solid #fece3c;
}
.coment .b3 {
	background-color: #ffe3e1;
	border-left: 5px solid #f998b9;
}
