/* -----------------------------------
 * c-price : 汎用価格コンポーネント
 * ----------------------------------- */
.c-price {
  display: inline-flex;
  flex-direction: column;
  line-height: var(--wan-line-height-tight); 
  align-items: flex-end;
}

/* 「参考：1泊2名」などのラベル部分 */
.c-price__label {
  font-size: var(--wan-f-size-xs);
  color: var(--wan-color-text-muted);
  margin-top: var(--wan-s-0-5);
}

/* 金額と単位をまとめるラッパー */
.c-price__main {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
}

/* 金額の数字部分 */
.c-price__value {
  font-size: var(--wan-f-size-xl); 
  font-weight: bold;
}

/* 「円」や「〜」などの単位部分 */
.c-price__unit {
  font-size: var(--wan-f-size-xs); 
  font-weight: normal;
}

@media screen and (max-width: 768px) {
.c-price__label {
  font-size: var(--wan-f-size-xs);
}
}