## frame10-cafe1-slide-zoom（2026.4公開）

- html側にメニューブロックが２箇所あります。１つはheader内、もう１つはhtmlの下の方です。それぞれ書き換えて下さい。
- ヘッダーの背景色をメイン画像のどこまで伸ばすかはcssで調整できます。.mainimgのbackgroundの行にある数値を変更して調整して下さい。

このフレームで使用しているカラーセット。（css/theme.cssで一括置き換えできます）
● ● ●

### 利用規約

- このテンプレートは、Template Partyにて無料配布しているパーツです。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。
- 最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。わざと見えなく加工する事も禁止です。下部の著作を外したい場合はTemplate-Partyのライセンス契約を行う事でHP下部の著作を外す事ができます。

### メイン画像（スライドショー）について

- メイン画像を入れ替えたい場合は、弊社素材サイトhaconanaをご活用下さい。無料会員登録で1日1点まで無料DLできます。
- １枚目の画像のアスペクト比がそのままスライドショー全体に反映されます。
- 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
- デフォルトは３枚構成ですが、４枚目を追加したい場合は、html側の３枚目のブロックをコピペし、img3をimg4に書き換えて、画像ファイル名も４枚目に変更して下さい。

《Web Design:Template-Party》

※ここは、header内メニューとは別管理です。htmlの下の方に入っています。