/* リスト全体の余白 */
.my-badge-list {
    display: flex;
    flex-direction: column;
    gap: 15px; /* 行間の調整 */
}

/* 各行の設定 */
.my-badge-list .row {
    display: flex;
    align-items: center;
    gap: 20px; /* バッジとテキストの間隔 */
}

/* バッジの装飾 */
.my-badge-list .badge {
    /*background-color: #f0c542;  画像の黄色 */
	background-color:lightgray;
    color: #333;
    padding: 8px 20px;
    border-radius: 20px; /* 丸み */
    font-weight: bold;
    white-space: nowrap;
    width: 120px; /* バッジの幅を揃える */
    text-align: center;
}

/* テキストと強調色の設定 */
.my-badge-list .text {
    font-size: 16px;
    color: #333;
}

.my-badge-list .highlight {
    /*color: #d6006e;  画像のピンク色 */
	color: #222222;
    font-weight: bold;
}

/* スマホでの表示調整 */
@media (max-width: 576px) {
    .my-badge-list .row {
        gap: 10px;
    }
    .my-badge-list .badge {
        width: 100px;
        padding: 5px 10px;
        font-size: 14px;
    }
}




.priceGeneral,.priceMaint{
  text-align: right;
}

/* 特殊な注意書きエリアの強調 */
.alert-box {
  background-color: #fff3cd;
  color: #856404;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 1rem;
}
.priceGeneralTitle,.priceMaintTitle{
 width:15%;
 text-align: center;
}
.priceItemTitle{
  text-align: center;
  padding-right:1em;
}
.priceOver{
 padding-right:0 !important;
}