## A Taste of Comfort

ほっとひと息つける空間の中で、毎日にやさしく寄り添うひとときをお届けしています。

## Fresh Coffee, Warm Moments

こだわりのドリンクと心地よい時間を通して、気軽に立ち寄れる場所づくりを大切にしています。

## Good Food, Good Time

おいしさはもちろん、居心地のよさにもこだわりながら、笑顔になれる時間をご用意しています。

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

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

### 利用規約

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

### メイン画像について

- 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
- このスライドショーは、ズームイン（徐々に拡大）ですが、ズームアウト（徐々に縮小）にしたい場合、css/style.cssの、「.mainimg .slide img」の中にある、transform: scale(1);と、その下の「.mainimg .slide.zoom img」の中の、transform: scale(1.07);を入れ替えて下さい。
- デフォルトは３枚構成ですが、４枚目を追加したい場合は、html側の３枚目のブロックをコピペし、img3をimg4に書き換えて、画像ファイル名も４枚目に変更して下さい。

### メニューについて

- 画面幅900px未満で開閉メニューになります。ここのブレイクポイントは、main.jsの「const breakPoint = 900;」で変更が可能です。

《Web Design:Template-Party》