MENU（横長レイアウト）

<section class="list">にするとこのように横長ボックスになります。

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

MENU（コンパクトレイアウト）

<section class="list compact">にするとこのようにコンパクトボックスになります。

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトル

コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。

MENU（サークルボックス）

<section class="circle">にするとサークルのブロックになります。文字を入れる事は想定していないので画像だけ表示させたい時に使って下さい。