テキスト単体
1つのブロックで1つのテキストブロックです
TYPE/TS-01
タイトルと文章、中央揃え
<section class="combo inviewitem fadeinup"> <dl class="target" style="background-color:#; background-image:url(/img/);" data-ab-css-background><!--背景画像を使用しない場合はdata~を削除--> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-01-LINE
タイトルと文章、中央揃え、枠を追加
<section class="combo line inviewitem fadeinup"> <dl class="target" style="background-color:#; background-image:url(/img/);" data-ab-css-background><!--背景画像を使用しない場合はdata~を削除--> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-02
上下に分割、タイトルと文章は中央揃え
<section class="combo inviewitem fadeinup"> <figure class="target" style="background-image:url(/img/);" data-ab-css-background></figure> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-02-LINE
上下に分割、タイトルと文章は中央揃え、枠を追加
<section class="combo line inviewitem fadeinup"> <figure class="target" style="background-image:url(/img/);" data-ab-css-background></figure> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-03
PCとタブレットは左右半分にタイトルと文章で中央揃え、半分に画像、スマートフォンの場合は上が画像で下が文章※固定で変更は絶対に不可
<section class="combo twoblock inviewitem fadeinup"> <div class="container"> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> <figure class="target" style="background-image:url(/img/);" data-ab-css-background></figure> </div> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-03-LINE
PCとタブレットは左右半分にタイトルと文章で中央揃え、半分に画像、スマートフォンの場合は上が画像で下が文章※固定で変更は絶対に不可、枠を追加
<section class="combo twoblock line inviewitem fadeinup"> <div class="container"> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> <figure class="target" style="background-image:url(/img/);" data-ab-css-background></figure> </div> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

TYPE/TS-04-01
全面が写真でグラデーションを右から左に使用、スマートフォンの場合は下から上に使用
<section class="combo gradation gr_01 inviewitem fadeinup"> <div class="grwrap target" style="background-image:url(/img/);" data-ab-css-background></div> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>ここに説明文を表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

ここに説明文を表示します

Display title

サブタイトルをここに表示

ここに説明文を表示します

TYPE/TS-04-02
全面が写真でグラデーションを左から右に使用、スマートフォンの場合は下から上に使用
<section class="combo gradation gr_02 inviewitem fadeinup"> <div class="grwrap target" style="background-image:url(/img/);" data-ab-css-background></div> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>ここに説明文を表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

ここに説明文を表示します

Display title

サブタイトルをここに表示

ここに説明文を表示します

TYPE/TS-04-01-LINE
全面が写真でグラデーションを右から左に使用、スマートフォンの場合は下から上に使用、枠を追加
<section class="combo gradation gr_01 inviewitem fadeinup"> <div class="grwrap target" style="background-image:url(/img/);" data-ab-css-background></div> <dl class="line"> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>ここに説明文を表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

ここに説明文を表示します

Display title

サブタイトルをここに表示

ここに説明文を表示します

TYPE/TS-04-02-LINE
全面が写真でグラデーションを左から右に使用、スマートフォンの場合は下から上に使用、枠を追加
<section class="combo gradation gr_02 inviewitem fadeinup"> <div class="grwrap target" style="background-image:url(/img/);" data-ab-css-background></div> <dl class="line"> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>ここに説明文を表示します</p></dd> </dl> </section>

Display title

サブタイトルをここに表示

ここに説明文を表示します

Display title

サブタイトルをここに表示

ここに説明文を表示します

TYPE/TS-05-01
片側に写真で反対に文章、スマートフォンの場合は上下で表示
<section class="photocombo inviewitem fadeinup"> <dl class="blocktitle"> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> <section class="inner"> <figure class="phototarget" style="background-image:url(/img/);" data-ab-css-background></figure> <dl> <dt><h3>Display title<p>サブタイトルをここに表示</p></h3></dt> <dd><p>文章をここに表示します</p></dd> </dl> </section> </section>

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します