商品概要（v1.0.0） コピペ前提のテンプレです（フレームワーク不要）。まずはデモで動作確認してから組み込めます。 職業訓練で使っているメニューを、配布用に整理しました。 SPはドロワー、PCは横並びに自動切替。依存なし（Vanilla JS）です。 できること • ボタンで開閉（×表示に切り替え） • オーバーレイクリックで閉じる • Escキーで閉じる • メニュー内リンククリックで閉じる → 目的地へスクロール • 背景スクロールロック（開閉でスクロール位置を復元） • SPで閉じている間はリンクをTabで入れない（tabindex制御） • 「動きを減らす」設定（prefers-reduced-motion）に配慮（アニメ抑制） 同梱ファイル • index.html（デモ） • css/style.css • js/script.js • README.txt / README.md • LICENSE.txt • CHANGELOG.md 導入（最短） 1. css/style.css と js/script.js をプロジェクトへコピー 2. HTMLに以下の要素を配置 • トグルボタン：id=“js_toggle” • ナビ：id=“js_nav” • オーバーレイ：id=“js_overlay” • ヘッダー：id=“js_header”（アンカー移動のズレ補正に使用） 3. CSS/JSを読み込み（JSは defer 推奨） まずは同梱の index.html をそのまま開いて動作確認してください。 カスタマイズ（よく触る場所） • ヘッダー高さ（アンカー移動の見切れ対策） :root { –header-min-height: 88px; } • SP開閉アニメ速度 :root { –nav-duration: 260ms; } • オーバーレイの濃さ :root { –overlay-opacity: 0.45; } • 色（背景・リンク） –nav-bg / –nav-link-bg-sp / –nav-link-bg-pc 対応環境（前提） • 対象：モダンブラウザ（Chrome / Edge / Firefox / Safari の現行系）を想定しています。 • 動作確認：PC（Chrome / Edge）・iOS Safari で確認しています。 • Android：一般的な Android Chrome では動作する想定ですが、提供者側では実機検証していません。 • 注意：購入者サイト側のCSS（position固定、overflow制御、z-index競合など）によっては挙動が変わる場合があります。まずは同梱デモ（index.html）で単体動作を確認してください。 サポート範囲（原則なし） • 本商品は「そのまま組み込める」ことを優先したテンプレです。個別環境への組み込み代行・個別調整はサポート対象外です。 • 動作しない場合は、まず README の手順（id／読み込みパス／CSS干渉の切り分け）をご確認ください。 • 不具合報告（再現手順があるもの）については、今後のアップデートで対応する場合があります（個別返信や即時対応を保証するものではありません）。 利用条件（要約） • 商用利用：可 • 改変：可 • 再配布・再販売：不可（テンプレをそのまま、または改変しての再配布は不可） ※詳細は同梱の LICENSE.txt をご確認ください。