Column

列のサンプル

列レイアウトは、様々なデザインを可能にします。１〜６列まで、コンテンツに合わせた列構造に変更できます。２列から４列、６列から１列に変更する場合も１クリックです。列全体に背景動画を設置したり、列ごとに背景画像や色を設定したり、自由自在に列をデザインできます。
１列・基本幅
１列・80%幅
１列・100%幅
１列・基本幅＋背景色（#ffffff）＋シャドウ＋アニメーション
１列・基本幅＋背景色（#eeeeee）＋シャドウ＋アニメーション＋角丸
１列・基本幅＋背景色（#eeeeee）＋シャドウ＋アニメーション＋角丸
１／２列
パッティング：上下左右 20px
使用カスタム溝幅３
１／２列
パッティング：上下左右 20px
使用カスタム溝幅３

１／２列
パッティング：上下左右 20px
使用カスタム溝幅２

１／２列
パッティング：上下左右 20px
使用カスタム溝幅２

１／２列
パッティング：上下左右 20px
使用カスタム溝幅１

１／２列
パッティング：上下左右 20px
使用カスタム溝幅１

１／３列
パッティング：上下左右 20px
使用カスタム溝幅３

１／３列
パッティング：上下左右 20px
使用カスタム溝幅３

１／３列
パッティング：上下左右 20px
使用カスタム溝幅３

２／３列
パッティング：上下左右 20px
使用カスタム溝幅３

１／３列
パッティング：上下左右 20px
使用カスタム溝幅３

１／３列
パッティング：上下左右 20px
使用カスタム溝幅３

２／３列
パッティング：上下左右 20px
使用カスタム溝幅３

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

２／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

２／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

２／４列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／４列
パッティング：上下左右 20px
使用カスタム溝幅２

３／４列
パッティング：上下左右 20px
使用カスタム溝幅２

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２

３／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

２／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

２／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／５列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２

３／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

１／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付

３／６列
パッティング：上下左右 20px
使用カスタム溝幅２
列の高さを均等割付