/* === カートシステム ボタンスタイル === */

/* サイトテーマカラー ヘッダー文字色（白） - 全パターン対応 */
td[bgcolor="#5a9fd0"],
td[bgcolor="#5A9FD0"],
td[bgcolor="#5a9fd0" i],
td[bgcolor="#4a90c2"],
td[bgcolor="#4A90C2"],
td[bgcolor="#4a90c2" i] {
    color: #ffffff !important;
}
td[bgcolor="#5a9fd0"] *,
td[bgcolor="#5A9FD0"] *,
td[bgcolor="#5a9fd0" i] *,
td[bgcolor="#4a90c2"] *,
td[bgcolor="#4A90C2"] *,
td[bgcolor="#4a90c2" i] * {
    color: #ffffff !important;
}
td[bgcolor="#5a9fd0"] b,
td[bgcolor="#5a9fd0"] font,
td[bgcolor="#5a9fd0"] b font,
td[bgcolor="#5a9fd0"] font b,
td[bgcolor="#5A9FD0"] b,
td[bgcolor="#5A9FD0"] font,
td[bgcolor="#4a90c2"] b,
td[bgcolor="#4a90c2"] font,
td[bgcolor="#4A90C2"] b,
td[bgcolor="#4A90C2"] font {
    color: #ffffff !important;
}

/* オレンジ主要ボタン（進む・注文） */
.cart-btn {
    background: #ff5722 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 35px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: background 0.2s;
    -webkit-appearance: none;
    appearance: none;
}
.cart-btn:hover {
    background: #e64a19 !important;
}

/* 戻る・サブボタン */
.cart-btn-secondary {
    background: #6ca6cd !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 30px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease-in-out, transform 0.2s;
    -webkit-appearance: none;
    appearance: none;
}
.cart-btn-secondary:hover {
    background: #5a9bd5 !important;
    color: #fff !important;
    transform: scale(1.03);
}

/* ボタンエリア（表示順を逆転: HTML上はオレンジ→ブルーだが表示はブルー→オレンジ） */
.cart-btn-area {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 15px 0;
}

/* ボタングループ（横並び・余白） */
.cart-btn-group {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
    flex-wrap: wrap;
}
.cart-btn-group-primary {
    text-align: center;
    margin: 25px 0 15px;
}

/* inputのsubmit/buttonデフォルト（class未指定のフォールバック） */
#contents2 input[type="submit"],
#contents2 input[type="button"],
#container input[type="submit"],
#container input[type="button"] {
    font-size: 14px;
    padding: 10px 25px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}