list-kadomaru1-auto-parts
各ボックスの最大幅250pxの間で自動調整。（画面幅を変更していくと意味がわかります）
画像のアスペクト比そのまま
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
画像のアスペクト比を1:1に
使い分けは簡単で、外側のブロックの
「list-kadomaru1-auto-parts」を「list-kadomaru1-auto-parts square」にするだけです。
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
アイコンをつけたい場合
色はcssのaccent-colorが適用されていますが、個別に直接カラーコードなどの指定もOKです。
icon1-parts
ここに説明を書きます。サンプルテキスト。
icon2-parts
アイコン内の文字数が増えると切れるので、少なくするか、cssでwidthとline-heigntを大きくして下さい。
icon3-parts
icon3-partsの中にspanがセットで必要なので注意して下さい。
このタイプは帯が飛び出るので、ボックス自体にis-clipを追加して下さい。
sectionの背景色に「bg-parts bg1-light-parts」を使った例。
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン（bg-parts bg1-parts）
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン（bg-parts bg1-primary-parts）
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
sectionの背景色の別バージョン（bg-parts bg1-accent-parts）
アイコンをつけると色が同じになってしまうので、必要があればアイコン色を変えるなりしてください。
タイトル
ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。
タイトル
ここに説明を書きます。サンプルテキスト。