/* ============================================
   c0453_2026.css 更新差分(2025年版から変更された箇所のみ)
   変更内容: カテゴリバッジを画像(content: url)から
   CSSテキスト(content: "文字列" + 背景色)に変更
   対象: 7セレクタの ::before
   ※ これ以外の箇所は2025年版と完全に同一
   ============================================ */

#main-milk::before {
    content: "ミルク";
    background: #f0fbff;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#milk::before {
    content: "ミルク";
    background: #f0fbff;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#cream::before {
    content: "クリーム";
    background: #f5f9e0;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#oil::before {
    content: "オイル";
    background: #f9f0dd;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#sheet::before {
    content: "シート";
    background: #a7b0ce;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#gel::before {
    content: "ジェル";
    background: #f8cbdf;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}

#balm::before {
    content: "バーム";
    background: #f6f2ff;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    text-align: center;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
}