## 商品名

800px以下の画面幅で見た場合、サブブロックが非表示になります。その他のページでも非表示にしたい場合、html側の<body>タグを<body class="s-n">として下さい。もしclass指定が２つ以上ある場合は半角スペースで区切って入力すればOKです。

詳細画像１の説明文をここに入れます

### イメージチェンジプログラム（imgchg_pack.js）の使い方

サムネイル画像をクリックすると、上の大きな写真が入れ替わります。

html側を見れば分かりますが、大きな画像の読みこみ行は２行あります。違う点はidの指定名が異なるだけですが必ず２行入れて下さい。

サムネイルを増やしたい場合はhtml側のサムネイルの行をコピペで増やし、画像ファイル名やalt指定（大きな写真下に表示される説明文になります）を入れ替えて下さい。

サムネイルの縦横比率は統一しておいた方がきれいに入れ替わります。※ここではあえて別々なサイズを配置しています。
また、サムネイルと拡大画像は兼用なので、大きな写真を準備しておいて下さい。サムネイルのサイズはcssフォルダのstyle.cssの「.thumbnail」のwidthとheightの値で変更できます。

<< 前のページに戻る

## おすすめ商品

#### 商品名
1,800円

商品の簡単な説明をここに入れます。

#### 商品名
1,800円

商品の簡単な説明をここに入れます。

#### 商品名
1,800円

商品の簡単な説明をここに入れます。

PICK UP

#### 商品名
1,800円

商品の簡単な説明をここに入れます。

SOLD OUT

## Access

TEL:00-0000-0000
受付：00:00〜00:00
定休日：水曜日

↑