PR #157: フッター固定メニューの視認性改善
関連: PR #157
1. Before/After比較
Before（既存）
ページコンテンツエリア
境界線: インラインスタイル border-top: 1px solid #d6d3d1
色: #d6d3d1（淡いグレー）、幅: 1px
テキスト: font-medium
フォントウェイト: 500
After（改善後）
ページコンテンツエリア
境界線: インラインスタイル border-top: 1px solid #d6d3d1
色: #d6d3d1（淡いグレー）、幅: 1px ※変更なし
テキスト: font-bold
フォントウェイト: 700
リンク: no-underline-force 追加
縦区切り線: インラインスタイル border-right: 1px solid #d6d3d1
2. 変更内容の詳細
境界線（上部は変更なし、縦区切り線追加）
- 上部境界線: インラインスタイル
border-top: 1px solid #d6d3d1（淡いグレー）※変更なし - 縦区切り線: メニューアイテム間にインラインスタイル
border-right: 1px solid #d6d3d1を追加 - 効果: 各メニューアイテムの境界が明確になり、視認性向上
テキストの太字化
- 変更前:
font-medium（フォントウェイト 500） - 変更後:
font-bold（フォントウェイト 700） - 対象: 全3つのメニューラベル（WEBアンケート、リサーチDEMO！、インタビュー / 座談会）
- 効果: テキストが読みやすくなり、視認性向上
リンク下線の明示的な無効化
- 追加:
no-underline-forceクラスを各リンクに追加 - 効果: クリック時やアクティブ時も下線が出ないことを保証
3. 実装デモ（改善後）
スマホサイズでの表示（max-width: 420px）
ホバーで透明度が変化します
マイページトップ
フッター固定メニューは画面下部に常に表示されます。
このデモでは、改善後のデザイン（テキスト太字、リンク下線なし）を確認できます。
4. 影響範囲
- 変更ファイル:
irs/webapp/monitor/view/tpl/mypage/include/footer_menu_sp.tpl - 影響ページ: マイページトップ（
top.tpl）、お問い合わせ（ask.tpl） - 表示対象: SP版のみ（
block md:hiddenにより PC版は非表示）