## マカロンメニュー

#### マカロンタイトル

150円

ここに説明を入れます。サンプルテキスト。

#### マカロンタイトル

150円

ここに説明を入れます。サンプルテキスト。

#### マカロンタイトル

150円

ここに説明を入れます。サンプルテキスト。

#### マカロンタイトル

ここに説明を入れます。サンプルテキスト。

#### マカロンタイトル

ここに説明を入れます。サンプルテキスト。

#### マカロンタイトル

ここに説明を入れます。サンプルテキスト。

## ※使い方注意

### 写真は正方形で準備して下さい

長方形だと楕円形になってしまいます。
また、正方形だと思っていても1pxサイズが違うだけで段落ちする場合があるので必ず縦横サイズを統一して下さい。

### 商品名タイトルや説明を長くしすぎないで下さい

多く書き込むと閲覧する画面サイズによって切れます（↓）。

#### 長くしすぎると途中で切れて見える場合があるので注意して下さい。

長くしすぎると途中で切れて見える場合があるので注意して下さい。

表示領域を増やしたい場合は、cssフォルダのsytle.cssの
#main .list h4 {
や、
#main .list p {
のheightを調整して下さい。説明も書いてあります。

尚、閲覧画面の幅が480px以下になると、３カラムから１カラムになるので、ここの切れてしまう制限は解除されています。

### 写真の枠を円形ではなく、四角形や角丸四角形にもできます

詳しくは、cssフォルダのstyle.cssの、
#main .list figure {
のブロックにあるborder-radiusの解説を見て下さい。