.catalog-text{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: large;
}

p.catalog-font {
    border:solid #000;
}

.custom-bg-dark {
    /* 従来の background-color を削除し、グラデーションに置き換え */
    background-image: linear-gradient(to right,#fff7ad, #ffa9f9 );
    /* 古いブラウザ向けに、最初の色をフォールバックとして残しても良い */
    /* background-color: #ccecfc; */ 
}

.table th.category {
    background-color: #6b6765;
    /* 茶系の色 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}