依頼者ご確認完了とのご連絡をいただきました。ありがとうございます。
ステータス完了(4) / 進捗100% としてクローズいたします。

追加修正 7/23 の対応を完了しました。ご確認・アップロードをお願いいたします。

【対応内容】
hikaku/fx/fb/hold/index04.php:1307 の1位ランキング松井FXバナーを差し替え
- 変更前: cm_banner_matsui03.png.webp (旧デザイン)
- 変更後: cm_bnr_matsui_02.png.webp (sozai01.png と同構図の新デザイン。既存アセット)
- alt / class / リンク先は変更なし

【検証】
- PHP 8.4 -l で構文エラーなし
- 差分は index04.php の該当1行のみ(diff で確認)
- ローカル(MAMP)表示: 1位バナーが新デザイン(スマホ持ち女性・ミント丸・赤CTA)で描画。currentSrc=cm_bnr_matsui_02.png.webp / naturalWidth=960 / naturalHeight=460 実測OK
- PC 1280px / SP 390px 双方で表示確認。アスペクト比保持・横はみ出しなし
- ブラウザコンソールエラー 0件
- index02.php / index03.php / hikaku/fx 通常ランキングに旧・新いずれのバナー参照もなく波及ゼロ
- 松井FXの他用途バナー(比較表 ct_bnr_matsui_02 / キャンペーン campaign_matsui_hold04)は無変更

【アップロード対象ファイル(1点のみ)】
上げるファイル: hikaku/fx/fb/hold/index04.php
本番パス: /public_html/hikaku/fx/fb/hold/index04.php
ステージ済み: 20260723/up/public_html/hikaku/fx/fb/hold/index04.php (原本と SHA-256 一致確認済み)
※ 新画像 cm_bnr_matsui_02.png.webp は既に本番 assets/img に存在(web/matsui.html で運用中)のため画像アップは不要

【工数実績】
開始 15:51 / 完了 15:53 / 実測 約2分(見積20分に対して短縮)。既存アセット差し替えの単純ケースで、事前調査で影響範囲が1行と確定していたため短縮できました。

チェックリスト #2380「追加修正 7/23」を完了にしました。アップロード後の本番確認は #2370 と同じ流れで実施いたします。

追加修正 7/23 の現状確認と作業設計です。ご確認お願いいたします。

【現状確認】
・image01.png の対象箇所 = index04.php ランキング1位ボックス内の松井FXバナー
該当行: hikaku/fx/fb/hold/index04.php:1307
現行: → 白ブラウス女性・ミント地の旧バナー(sozai01_new と別デザイン)

・sozai01.png(新バナーのイメージ)と一致する既存素材が assets/img 配下に既に存在
ファイル: hikaku/fx/fb/assets/img/cm_bnr_matsui_02.png(.webp)
内容: スマホ持ち女性 + ミント丸 + はじめるなら松井証券 + 赤CTA (= sozai01_new.png と同構図・同トーン)
サイズ: 960x460 (現行 cm_banner_matsui03 と完全一致)
既存利用: web/matsui.html でも採用済み (= サイト内で運用実績あり)

【方針】
ご指示の「すでにある素材があればそれを利用」に該当。sozai01.png のリネーム利用は不要。
cm_banner_matsui03.png.webp → cm_bnr_matsui_02.png.webp へファイル名だけ差し替え、alt はそのまま維持(訴求内容が同一のため)。影響範囲は index04.php の1行のみ、他ページ(index/index02/index03/通常ランキング)への波及なし。

【作業設計】
1. 着手前バックアップ: 20260723/backup/public_html/hikaku/fx/fb/hold/index04.php
2. index04.php:1307 の img src を cm_bnr_matsui_02.png.webp に差し替え(1行のみ)
3. PHP -l で構文チェック
4. ローカル(MAMP)で index04 を表示し、1位バナー画像が新デザインで描画されることを目視確認(PC 1280 / SP 390)
5. 他バナー(比較表内 ct_bnr_matsui_02 / GMO削除済CTA周り / campaign_matsui_hold04 等)に副作用が無いことを確認
6. index02 / index03 / 通常ランキングを開いて回帰無しを確認
7. アップロード対象ファイル一式を 20260723/up/ 配下に構成維持で配置
8. Fumitoさんアップ後、本番 index04 で新バナー反映を確認

【工数見積】約20分。着手のGOをいただければ即実施します。

以下の部分旧バナーとの指摘があり、お手数ですが差し替えをお願いいたします🙇‍♀️

image01.pngの部分の修正
sozai01.pngのバナーのイメージ。

そのまま利用ではなく、すでにある素材があればそれを利用、なければこれをサイトのトンマナに合わせてリネームし利用。

https://lifework.link/task_manage/uploads/202672383338_sozai01.png

https://lifework.link/task_manage/uploads/202672383338_image01.png

アップロード後の本番 https://fx-fintech.com/hikaku/fx/fb/hold/index04.php
を確認しました。

【本番確認結果】
・比較表注釈（※1〜※3）: 11px・太字・#333 で反映（実測computed style確認）
・松井キャンペーン注釈: 「※各種ポイント：PayPayポイント、ｄポイント、Amazonギフトカード」に差し替え済み、旧注釈の残存なし
・PC 1280px / SP 390px で表示確認。レイアウト崩れ・横はみ出しなし
・ブラウザコンソールエラー 0件

チェックリスト全項目完了（#2370含む）。コメント#1196の追加修正2点を含め、本タスクの対応は以上です。ご確認お願いいたします。

追加修正2点を index04.php へ反映しました（index03向けtask #487と同内容）。

【対応内容】
①比較表の注釈（※1〜※3）: フォント8px・グレーを 11px・太字・#333 へ変更し視認性を向上（該当tfootのインラインstyleのみ変更、共有CSS・index04.cssは未変更）
②松井キャンペーン注釈: 「※ ~1,000通貨までの注文の場合 原則固定（例外あり）。詳細は公式HPをご確認ください。」→「※各種ポイント：PayPayポイント、ｄポイント、Amazonギフトカード」へ差し替え

【検証】
・PHP構文エラーなし
・変更は上記2箇所のみ（バックアップとのdiffで確認）
・PC 1280px / SP 390px で表示確認。横はみ出し・文字切れなし
・コンソールエラーはローカル環境起因のフォントCORSのみ（本番同一オリジンでは発生しない）
・本番index04の現状が旧注釈のままであることを確認済み（ローカルとの乖離なし）

【アップロード対象】
20260716/up/public_html/hikaku/fx/fb/hold/index04.php（原本とSHA-256一致）

チェックリスト「追加修正」を完了にしました。Fumitoさんのアップロード後に本番表示を最終確認します（#2370は継続）。

①比較表の注釈の視認性を上げていただきたいです🙇‍♀️（太文字にするなど）
②松井の注釈変更「※〜1000通貨までの注文の場合 原則固定（例外あり）。詳細は公式HPをご確認ください。」→「※各種ポイント：PayPayポイント、ｄポイント、Amazonギフトカード」

https://gyazo.com/90e9dd6ace802501fa27a84bc40db339

https://gyazo.com/8d5994ff24fad813c62d6acffcb97d87

本日、Fumitoより確認メッセージを提出済みです。

【今回の対応内容】
・松井FX：Listing側の可視本文を省略せず反映。200ポイント訴求、交換先注記、おすすめ3項目、基本情報表、注記を広告用hold04リンクで実装。
・外為どっとコム：index02の旧3位ブロックを省略せず2位へ移植。詳細説明、注記、※25倍、米ドル/円の9-27時表記、キャンペーン・CTAを復元。
・トライオートFX：キャンペーン文言へ「キャッシュバック」を追加。「自分で条件を組み立てられる」、※25倍（個人の場合）を追加。見出しの①②は最終指示により削除し、「用意されたルールを選ぶだけ」のみ青字、「でスタート！」は黒字へ修正。
・検索：PC・スマホとも×のauカブコム証券を「両方」検索から除外。単独10条件とAND検索を依頼表どおりに調整。
・ポジショニングマップ：松井FXの視認性、ロゴサイズ、余白、王冠、黄色円との整列をPC/SPで調整。
・おすすめCTA：松井FXの1件のみ。GMOクリック証券は追加枠へ掲載していません。

【検証】
・PHP構文エラーなし。
・松井FXはListing可視本文、外為どっとコムはindex02旧3位可視本文との一致を確認。
・検索16ケース合格。
・1280px／390px／320pxで、ランキング重なり・画像切れ・コンソールエラー・追加部分の文字切れなし。
・アップロード用コピーと原本のSHA-256一致を確認。

対象URL：https://fx-fintech.com/hikaku/fx/fb/hold/index04.php

現在はPLUS側の確認待ちです。

松井FXのポジショニングマップを再設計しました。

前回のPC padding:0／ロゴ幅95%、SPカード幅43%は、カード内余白と視覚階層を損なう設計だったため撤回しています。

【今回の修正】
・PC：カード幅28%、min-height 76px、padding 8px 14px、ロゴ幅92%
・SP：カード幅35%、最大183px、padding 6px 9px、ロゴ幅94%
・カード中心を黄色円へ固定し、王冠とカードの間隔を4px確保
・768pxではカード最大幅183pxで過大化を防止
・769〜1023pxの既存レイアウト切替時に、松井／外為／みんなのFXが重ならない専用位置補正を追加

【実測QA】
320、360、390、520、768、769、900、960、1023、1024、1280pxで確認。カード重なり0、破損画像0、黄色円との中心差0.04px未満、ブラウザエラー0です。PC1280では左右余白約21px・上下9/12px、SP390では左右13.5px・上下7/10px、320pxでも外為との間隔12pxを確保しています。

変更はhold04専用CSSのみで、共有CSS・HTML・画像・他LPは未変更です。

アップロード対象：
20260714/up/public_html/hikaku/fx/fb/assets/css/index04.css

設計根拠と再発防止は20260714/id=486/DESIGN_STUDY_REPORT.md、作業全体はREPORT.mdへ記録済みです。アップロード後の本番確認待ちです。

hold/index04.phpのポジショニングマップについて、松井FXをランキング1位として見やすいサイズへ調整しました。

対象ファイル：public_html/hikaku/fx/fb/assets/css/index04.css のみ

・PC：カード幅30%、実ロゴ幅95%、位置をtop 18% / right 10%へ調整
・SP：カード幅43%、実ロゴ幅90%へ拡大
・王冠もカード比率に合わせて調整
・SPの外為どっとコムをtop 31%へ下げ、松井FXとの間隔を確保

検証結果：PC 1280px、SP 390px・320pxで他社との重なり、右端切れ、マップ由来の横はみ出し、画像切れ、コンソールエラーなし。SP 390pxでは外為どっとコムとの間隔約11px、320pxでも約7pxです。

アップ対象：20260714/up/public_html/hikaku/fx/fb/assets/css/index04.css
Fumitoさんのアップロード後に本番表示を最終確認します。

【2026-07-13 本日の作業終了】

本日はtask #486 FX比較Fintech04について、承認済み設計からローカル実装、QA、アップロード用コピーの準備まで完了しました。

■完了済み
- index04専用8ファイルを新規作成
- 指定6社・10条件の検索、6社ポジショニングマップ、TOP3、松井FX単独おすすめCTAを実装
- 既存LP・共有CSS／JSON／検索DBは変更なし
- PHP、HTML、検索16ケース、HTTP、PC／SP、ブラウザ操作、画像、コンソール、既存共有ファイル無変更を検証
- Gyazo指摘のスプレッド5列表を追加修正。PC 192px×5、SP 70px×5へ均等化
- AGENTS.mdとREPORT.mdへFumitoとの作業フロー、設計、検証、人の指摘による修正履歴を記録

■アップロード対象
/Users/nakatafumito/dev/htdocs/fx-fintech.com/20260713/up/
公開対象8点だけをディレクトリ構造を保って配置済み。修正版index04.cssも反映済みで、原本とのファイル差分はありません。

■現在状態
- task status=1、progress=90
- 実装・ローカル確認のチェックリスト13件は完了
- Fumitoアップロード後の本番確認を含むチェックリスト#2370のみ未完了
- 本番アップロードは未実施

■次回再開点
Fumitoからアップロード完了の連絡を受けた後、https://fx-fintech.com/hikaku/fx/fb/hold/index04.php
をPC／SPで確認し、検索結果、画像、リンク、スプレッド5列表、コンソールを本番で最終確認する。問題がなければ#2370を完了し、taskの進捗・状態を更新する。

本日はここで作業を終了します。

【人の確認による追加修正】
Gyazo https://gyazo.com/1ea1185fdfb9d24c450be8f1ab0a476b
でご指摘いただいた、ランキング内「スプレッド（原則固定）」表の列バランスを修正しました。

■原因
共通のtable-blackが2列表向けにth／tdへwidth:50%を指定しており、5列表では先頭2列が各411px、残り3列が45／45／46pxまで縮んでいました。

■修正
共有CSSは変更せず、index04.cssにbody.hold04-page＋#hold04-ranking＋スプレッド表の隣接条件を指定しました。該当3表だけtable-layout:fixed、全th／tdを20%に統一し、値の不自然な折り返しを防止しています。

■確認
PC 1280pxでは全5列192px、SP 390pxでは全5列70pxに均等化。松井FX・外為どっとコム・トライオートFXの3表でセル内はみ出しなし、見出し・注記の重なりなし、ブラウザwarning／error 0件を確認しました。

修正版index04.cssは /Users/nakatafumito/dev/htdocs/fx-fintech.com/20260713/up/ に再コピーし、原本とSHA-256 faec9135debdb4f097b68b2c702a8702fff9aba9f2e7fce481e54dace5ef7581 で一致しています。既存共有ファイルは変更していません。進捗90%、Fumitoアップロード後の本番確認待ちは維持します。

【ローカル実装・QA完了】

■実装範囲
承認済み設計どおり、index04.php、head_fb04.php、index04.css、form04.php、検索データindex04.php、検索結果index04.php、re_form04.php、campaign_matsui_hold04.png.webpの専用8ファイルを新規作成しました。共有CSS・共有JSON・共有検索DB・既存フォーム／結果・index02／index03は変更していません。

■実装内容
- 指定6社・10条件のAND絞り込み検索
- PC／SP専用座標の6社ポジショニングマップ
- TOP3：松井FX、外為どっとコム、トライオートFX
- 今月のおすすめ：松井FX 1社のみ、GMOクリック証券なし
- 新規広告導線のpage=hold04統一
- 既存正式素材を利用。素材不足なし、placehold.jpダミー・独自SVGなし

■検証
PHP lint 6件、HTML Tidy main/result、検索16ケース＋JSON、HTTP main/result/JSON/CSS/画像、PC 1280px、SP 390px、ブラウザ実操作、再検索・クリア、横はみ出し、破損画像、コンソールを確認し全件合格しました。ブラウザ実操作では長期保有＋24時間サポートで2件、クリア後に初期6件へ戻ることを確認しています。既存共有6ファイルはバックアップとcmp=0で完全一致しました。

■引き渡し
アップロード対象8点だけを /Users/nakatafumito/dev/htdocs/fx-fintech.com/20260713/up/ にディレクトリ構造を保って配置し、原本とのchecksum差分なしを確認しました。AGENTS.mdとREPORT.mdはプロジェクト作業記録のためupには含めていません。

taskはstatus=1、progress=90。実装・ローカル確認済み項目はチェック済みです。Fumitoアップロード後に https://fx-fintech.com/hikaku/fx/fb/hold/index04.php
と専用検索結果を最終確認するため、チェックリスト2370だけ未完了で残しています。

作業設計の承認を受け、task #486のローカル実装へ着手しました。承認済み設計どおり /Users/nakatafumito/dev/htdocs/fx-fintech.com/20260713/id=486/backup にindex03.phpと共有検索関連6ファイルをディレクトリ構造のまま保存し、SHA-256を取得しました。既存共有ファイルは変更していません。あわせてプロジェクト直下にAGENTS.mdとREPORT.mdを作成し、Fumitoとの標準フロー、広告LPの影響分離、素材方針、検証項目、knowledge-hubへの昇格境界、task #486の確認・設計・証拠を記録しています。次はhold04専用head/CSS/form/data/result/re-formとindex04本体を実装します。

【作業設計 / Codex（管理）】

■ 対象・基準
- ローカル：/Users/nakatafumito/dev/htdocs/fx-fintech.com
- 新規正式ファイル：public_html/hikaku/fx/fb/hold/index04.php
- 公開予定URL：https://fx-fintech.com/hikaku/fx/fb/hold/index04.php

- $param_pageはhold04、bodyにhold04-pageを付与する。テスト用PHPは別途作らず、ローカル検証後に正式パスへアップする。
- ページ全体はタスク483の最新松井FX修正を保持するindex03.phpを基準とし、検索UIと外為どっとコムのランキングブロックは依頼指定のindex02.phpを参照する。

■ 既存LPへの影響分離
- index02.php、index03.php、通常ランキング/index.php、共有CSS、共有検索DB refine_search.db、共有JSON、既存フォーム、既存結果画面は変更しない。
- index04専用として、head_fb04.php、index04.css、form04.php、検索データindex04.php、検索結果index04.php、再検索re_form04.phpを新規作成する。
- 追加CSSはbody.hold04-page配下に限定。検索フォームの送信先、データ読込先、結果・再検索先もindex04専用パスへ固定する。
- ランキング、ポジショニングマップ、おすすめCTAはindex04.phpへ直接記述し、不要な大規模セクション分割ファイルは作らない。
- 広告導線は既存の/hikaku/fx/fb/web/*.htmlを利用し、page=hold04と各pパラメータを付与。中継ページと松井FX以外の最終リンクは変更しない。

■ 01 絞り込み検索
- 対象6社：松井FX、外為どっとコム、トライオートFX、みんなのFX、LIGHT FX、auカブコム証券。
- 指定10条件（デイトレード、長期保有、PC、スマホ、手数料0円、1万円以内、当日取引、キャッシュバック、ワンクリック注文、24時間サポート）を専用データへ設定する。
- 初期状態は6社表示。auカブコム証券は実条件が全項目×のため、初期一覧には含め、具体的な条件を選択した場合は除外する。
- 単独条件の想定件数：デイトレード4、長期4、PC5、スマホ5、手数料0円5、1万円以内5、当日取引4、キャッシュバック5、ワンクリック3、24時間サポート3。複合条件も会社名と件数を機械照合する。

■ 02 ポジショニングマップ
- 縦軸は上=安／下=高、横軸は左=長期運用／右=短期売買。
- 松井FXを右上最上位・王冠あり、外為どっとコムを右上の松井下、トライオートFXを左上、みんなのFXを中央やや上、LIGHT FXを中央より左下、auカブコム証券を中央より下へ配置する。
- 既存の番号クラス座標は上書きせず、hold04専用会社クラスとindex04.cssでPC/SP座標を定義する。

■ 03 ランキングTOP3
- 1位 松井FX：通常ランキングの現行ブロックを基準に、バナー、5通貨スプレッド、おすすめ3項目、基本情報、キャンペーン、CTAをアド用導線で実装する。
- 2位 外為どっとコム：index02.phpの3位ブロックを2位へ昇格し、順位表示・見出し色・CTA・広告パラメータをhold04へ合わせる。
- 3位 トライオートFX：指定見出し、最大20万円＋限定タイアップ3,000円、5通貨スプレッドと注記、おすすめ2項目、23種類／1,000通貨／手数料無料／25倍／米ドル円0.2銭／当日取引可の表、CTAを新規作成する。

■ 04 おすすめCTA
- 通常ランキングの「○月のおすすめFX会社」枠を基準に、GMOクリック証券を除外して松井FXだけを表示する。
- 松井FXの既存キャンペーン素材を使用し、アド用中継URL＋page=hold04へ設定する。

■ 画像素材方針
- まず既存の松井FX・外為どっとコム・トライオートFXのバナー、ロゴ、順位画像、王冠、マップ背景、松井FXおすすめCTA素材を再利用する。既存素材は上書きしない。
- 指定見本に必要な画像がローカルにない場合のみ、placehold.jpでダミーPNGを作成する。共通仕様は文字サイズ30、文字色#FFFFFF、背景色#a6a6a6。用途が分かる画像内テキストを入れ、ファイル名はhold04を含むページ専用名で確定してからアップ対象へ加える。独自SVGや見本を推測した本番クリエイティブは作らない。
- 正式素材を受領した場合は、確定した専用ファイル名のままダミーPNGを正式素材へ差し替えられる構成にする。

■ バックアップ・検証・停止条件
- 着手前に20260713/id=486/backupへ対象の原本を保存し、ハッシュを記録する。入れ子Gitはunknown index entry formatで読めないため、Git修復は行わず、バックアップとファイル単位比較を使用する。
- PHP構文、専用検索データ、参照画像、広告リンク、検索初期表示・単独条件・複合条件・結果遷移・再検索を確認する。
- PC 1280px／SP 390pxで検索、マップ、ランキング、CTA、横はみ出し、画像切れ、コンソールエラーを確認する。
- index02.php、index03.php、通常ランキングにファイル差分がないことを確認し、3ページの表示・検索・マップに変化がないことを回帰確認する。
- アップ対象をディレクトリ構成を保って20260713/upへ一覧化する。本番アップはFumito側で実施し、アップ後にindex04と専用検索結果を本番確認して最終チェックを完了する。

■ 現在状態
本コメントは設計記録。実装・ファイル作成・本番反映は未実施。status=2、progress_rate=0を維持する。