/* プラン比較テーブル 共通スタイル */

.plans-comparison {
    margin: 40px 0;
}

.plans-comparison h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--bb-sub-color);
}

.plans-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    background: #fff;
}

.plans-table th {
    background: var(--bb-accent-color-light);
    color: #333;
    padding: 15px;
    text-align: left;
    border-bottom: 2px solid var(--bb-accent-color);
    font-weight: 700;
    white-space: nowrap;
}

.plans-table td {
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
    color: #444;
}

.plans-table tr:last-child td {
    border-bottom: none;
}

.plans-table td span {
    font-size: 0.8em;
    color: #888;
    margin-left: 2px;
}

.plans-table .ta-center {
    text-align: center;
}

/* モバイル対応 */
@media (max-width: 768px) {
    .plans-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}