サンプルページ

class="single_h2"

関数

?scroll="ブロックID"で遷移スクロール

echo_ord_tag($tag, $content, $class = '')でタグ生成

get_anchortag(array())でaタグ生成
option:
 array(
  'txt' => '',
  'cls' => '',
  'qry' => '',
  'inner' => ''
 );

画像用関数
$img = wp_get_attachment_image_src( get_sub_field('img') , 'large' );
thumbnail => 150x150
medium => 600x600
medium_large => 768x768
large => 1080x1080
post-thumbnail => 1920x1920

戻り値
[0] => url
[1] => width
[2] => height
[3] => 真偽値: リサイズされいている場合は true、元のサイズの場合は false

ブロックラッパー

class="bwrp"で囲まれた要素のfirst-childとlast-childはそれぞれmargin-top,margin-bottomが0になります。bwrp自体にはmargin:30 0;が設定されています。

class="bwrp_nm"で囲まれた要素のfirst-childとlast-childはそれぞれmargin-top,margin-bottomが0になります。このclassのmarginは0です

class="cw_wrp"で囲まれた要素はコンテンツ幅になります。

.contents_max_width{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}

見出し

サンプルサンプル

サンプルサンプル

サンプルサンプル
サンプルサンプル

カラー

class="bgc_key"

class="fc_key"

class="fc_wht"

class="bgi_dot_lightblue"

font-family

family_mincho

family_yugo

サンプルサンプル

文字色#4d4d4d rgba(77,77,77,1)

サンプルサンプル

サンプルサンプル

キーカラー #094AB1 rgba(9, 73, 174, 1)

アクセント1 #2980B4 rgba(41, 128, 180, 1)

背景色

背景色1#F8F4E6 rgba(248, 244, 230, 1)

背景色2#f5f5f5 rgba(245, 245, 245, 1)

キーグラデーション
class="key_gradient"

class="bg_lg"

<div class="box_bdr bwrp bg_lg">
	<div class="bi bwrp_nm">

	</div><!--bi-->
</div><!--box_bdr-->

リスト

  • サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
  • サンプル
  • サンプル
  • サンプル
  • サンプル
  • class="caution"
  • サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
  • サンプル
  • サンプル
  • サンプル
  • サンプル
  1. サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
  2. サンプル
  3. サンプル
  4. サンプル
  5. サンプル
  6. サンプル
  7. サンプル
  8. サンプル
  9. サンプル
  10. サンプル
  11. サンプル
  12. サンプル
  13. サンプル
  14. サンプル
  15. サンプル
  1. class="num_caution"
  2. サンプル
  3. サンプル
  4. サンプル

テーブル

サンプル サンプル サンプル
サンプル サンプル サンプル
table class="tableLayout-fixed"
  • サンサンプルサン
  • サンサンプルサン
  1. サンサンプルサン
  1. サンサンプルサン
サンプル
サンプル サンプル サンプル

table table-borderNone table-spBlock

table__th
table__td
table__th
table__td
table__th
table__td
table__th
table__td

piccol

floating_box floating_box-4rows floating_box-space40px
スマートフォンは1列

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

floating_box floating_box-4rows floating_box-space40px spFloating_box spFloating_box-3rows spFloating_box-space10px
スマートフォンは3列10px間隔

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

イメージボックス

class="ib_ifb tbbgc"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミー

class="ib_ifb tbbgc"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミー

class="tag"

class="ib_ifb"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー

class="ib_ifb tbofh"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー

class="ib_ifb" div class="thumb alignleft floatingImg"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー

class="ib_ifb" div class="thumb alignleft floatingImg"

ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミ

class="ib_ifb bgwrp" div class="thumb alignright"

border-color: rgba(76, 190, 156, 1);
background-color: rgba(76, 190, 156, 0.05);

TEL:03-3403-2331(代)

【受付時間】平日9:00~17:00

.wrapper_iframe>.box_iframe

カラーバリエーション(説明会)

#00a99d rgba(0, 169, 157, 1)

#009ea9

#0084a9

#006ea9

#0052a9

#0030a9

BEM

456465465