/* ボタンやボタンで表示される中身に関して記述している。 */

/* ---------- 内訳や詳細ボタンに関する装飾 ----------*/
.btn-detail-frame {
    border: 1px solid #ccc;
    padding: 10px;
}

.btn-detail {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    color: #333;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-detail:hover {
    background-color: #ddd;
}

.btn-detail-content {
    display: none; /* 最初は非表示にする */
    margin-top: 10px;
}  

/* ---------- ---------------------------- ----------*/