/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2026 | 04:53:37 */
/* ==============================
   商品比較テーブル 共通
============================== */

.product-comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.7;
}

.product-comparison-table th,
.product-comparison-table td {
    border: 1px solid #e5e5e5;
    padding: 12px;
    vertical-align: middle;
}

.product-comparison-table th {
    background: #1159AF;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.product-comparison-table td:first-child {
    background: #f7f7f7;
    font-weight: 700;
    width: 22%;
}

.product-comparison-table tbody tr:nth-child(even) {
    background: #fafafa;
}

.product-comparison-table tbody tr:hover {
    background: #f3f7fa;
}

.comparison-note {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

/* ==============================
   スマホ表示 横スクロール対応
============================== */

@media (max-width: 768px) {

    .product-comparison-table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 13px;
        -webkit-overflow-scrolling: touch;
    }

    .product-comparison-table th,
    .product-comparison-table td {
        padding: 10px;
        min-width: 140px;
    }

    .product-comparison-table td:first-child {
        min-width: 120px;
        width: auto;
    }
}