list-mask2-parts(mask1、mask2、mask3、の3パターンのうねうね動く枠)
3列レイアウト。mainの幅が900px未満で2列に。
画像のアスペクト比そのまま
3列レイアウト。

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。
画像のアスペクト比を1:1に
長方形だと形が微妙なので、円形にするタイプも用意しています。
使い分けは簡単で、外側のブロックの
「list-mask2-parts」を「list-mask2-parts square」にするだけです。

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色に「bg-parts bg1-light-parts」を使った例。

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン(bg-parts bg1-parts)

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン(bg-parts bg1-primary-parts)

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン(bg-parts bg1-accent-parts)

タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。

タイトル
ここに説明を書きます。サンプルテキスト。