/* ===== okabe2専用追加スタイル ===== */

/* ベルキャップF 特長リスト（◆マーク） */
.feature-list-diamond li::before {
    content: "◆";
    color: #006699;
    font-weight: bold;
    flex-shrink: 0;
    padding-right: 6px;
}
.feature-list-diamond li {
    font-weight: bold;
    color: #006699;
}

/* ベルキャップBC補足テキスト */
.bellcap-note {
    font-size: 11pt;
    line-height: 1.6;
    padding: 8px 0 0;
}

/* 左よせのtable */
.okabe2 .spec-table {
    margin-left: 0;
}



/* li内でカラム分けしたいときに使用する */
.txt-flex { display: flex;}
.txt-flex span {display: block;}
.txt-flex span:first-child { word-break: keep-all;}

/* 仕様サブ見出し */
.spec-block-heading .bullet {
    color: #006699;
}

/* 仕様テーブル＋画像 横並び */
.spec-row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.spec-box-shrink {
    flex-shrink: 0;
}
.spec-table td.row-light {
    background-color: #f2f2e3;
}
.spec-row-img {
    flex: 1;
    text-align: center;
}
.spec-row-img img {
    max-width: 100%;
}


/* ===== okabe2専用レスポンシブ ===== */
@media screen and (max-width: 780px) {
    #cap .product-overview-img {
        width: 100%;
    }
    #cap .product-overview-img img {
        display: inline;
        max-width: fit-content;
    }
    .spec-row.row-2 {
        flex-direction: column;
    }
    
    .spec-box-shrink {
        width: 100%;
    }
    .spec-row-img {
        margin: auto;
    }
    
    .short-table {
        min-width: 0;
    }
}

@media screen and (max-width: 780px) and (min-width: 496px) {
    /* 左よせのtable */
    .okabe2 .spec-table {
        margin-left: auto;
    }
}

@media screen and (max-width: 495px) {
    .spec-row {
        flex-direction: column;
    }
}