/*
 * tap-color-fix-20260624.css  (v3 2026-06-24 14:00 JST)
 * 顧客修正依頼対応 (カテゴリー TAP the COLOR 3 現象)
 *
 * v3 変更点: specificity 負け対策
 *   既存 CSS の `.single article p img:not([style]):not(.size-medium):not(.size-thumbnail):not(.size-small)`
 *   が PC 1200px 以上で width:100% を強制 → 1枚目が記事カラム幅で大表示。
 *   selector を `.single article p img.size-large` で同階層まで上げ、
 *   `width:auto !important` で既存指定を確実に打ち消す。
 *
 * 現象1: 最初の1枚目だけ大きく表示
 *   - 真因: 既存 CSS (.single article p img) の width:100% が 1枚目 (wpautop で <p> ラップ) に効いていた
 *   - 対策: width:auto !important で原本サイズ (HTML width 属性) に戻す + max-width:100% でコンテナ超過防止
 *
 * 現象2: ジャケット下のアルバム名/アーティスト名がズレて右側に表示
 *   - 対策: display:block で img を単独行に + img 直後の <b> も block 化
 *
 * 現象3: アルバムジャケット消失 (-WxH suffix 不在画像)
 *   - 対策: functions.php の tap_color_img_fallback フィルタが動的フォールバック
 *   - 実体無し画像は data-tap-broken="1" style="display:none" で非表示化済
 */

.single article p img.size-large,
.single article p img.size-full,
.single article figure img.size-large,
.single article figure img.size-full,
article img.size-large,
article img.size-full,
article img.alignnone {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1em auto;
}

article img.size-large + b,
article img.size-full + b,
.single article p img.size-large + b,
.single article p img.size-full + b,
.single article figure img.size-large + b,
.single article figure img.size-full + b {
    display: block;
    margin-top: 0.3em;
}