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

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

左右逆のタイプ
<div class="list-parts">
を、
<div class="list-parts reverse">
にするとこのように左右が逆になります。
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
list-yoko3-border-parts
- ブロックの一番外にある「section」に背景色のclassを足すと、背景色つきタイプでも使えます。
section class="bg-parts bg1-light-parts"
section class="bg-parts bg1-parts"
section class="bg-parts bg1-primary-parts"
section class="bg-parts bg1-accent-parts"
section class="bg-parts bg1-light-parts" で使った場合

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

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

左右逆のタイプ
<div class="list-parts">
を、
<div class="list-parts reverse">
にするとこのように左右が逆になります。
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
section class="bg-parts bg1-parts" で使った場合

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

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

左右逆のタイプ
<div class="list-parts">
を、
<div class="list-parts reverse">
にするとこのように左右が逆になります。
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
section class="bg-parts bg1-primary-parts" で使った場合

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

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

左右逆のタイプ
<div class="list-parts">
を、
<div class="list-parts reverse">
にするとこのように左右が逆になります。
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
section class="bg-parts bg1-accent-parts" で使った場合

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

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

左右逆のタイプ
<div class="list-parts">
を、
<div class="list-parts reverse">
にするとこのように左右が逆になります。
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
