フッターによくあるお問い合わせボックス。
Inquiry
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
| class | .col2 |
|---|---|
| 特徴 | 画像+コンテンツの2カラム。.thumb内の画像は自動伸縮。コンテンツエリアは上下中央に配置ができます。 |
| 備考 | 左右反対のテレコ配置は逆パターンに.thumbを2つ用意し、spOn、pcOnでスマホ時のレイアウトを調整する必要あり。floatでは画像高に対して横並びコンテンツ部分の上下中央が難しいためtable配置になっています。 |
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
1カラム幅100%のワンポイントレイアウト
記事1ブロックに使った場合はコンテンツ幅になります。背景画像や背景色などスタイルの追加は記事classを設定し、別途準備したユーザー定義のCSSで自由に追加できます。表示中のスタイルは初期設定です。
flexboxでのカラム
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
flexboxでのカラム。画像は自動で伸縮します。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
サンプルテキストあいうえおサンプル、あいうえおあいうえおサンプルテキスト。
1カラム幅100%のワンポイントレイアウト
記事3ブロックは記事テンプレート無しの自由レイアウトブロックです。背景画像や背景色などスタイルの追加は記事classを設定し、別途準備したユーザー定義のCSSで自由に追加できます。表示中のスタイルは初期設定です。
