診療科目ドロップダウン
モックアップ
「診療科目」項目のみをメガメニュー化した実装です。他の項目はシンプルなリンクのままで、SEOとUXのバランスを重視しています。
動作の確認ポイント
- PC: 「診療科目」にホバー／クリックで左右2カラムのメガメニューが開きます
- 右の診療科目リストをホバーすると、左の大きなショーケースがクロスフェードで切り替わります
- ナビバー下部には「マジックライン」インジケーターがホバー項目にスライドしてきます
- メガメニュー内の診療科目ごとに独自のカラーテーマ（6色）が適用されます
- 開閉時はアイテムごとに時間差フェード、アイコン回転、タイトル浮き上がり
- スクロールでヘッダーのシャドウ・背景が強調されます
- ESCキーで閉じる / 他の項目に移動で自動クローズ（hover intent）
- SP (1180px以下): ハンバーガー→ドロワー、診療科目のみアコーディオン
prefers-reduced-motion対応