044-322-9381

月~日:9~13時、14時半~19時半
※土日は18時まで 定休日:祝日

044-322-9381

月~日:9~13時、14時半~19時半
※土日は18時まで 定休日:祝日

 

初めての方へ

h2サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

文字装飾・リンク

文字装飾

※p(全体)にもspan(一部)にも使えます。

★マーカー、太字

サンプルテキストマーカを引いたテキスト(b)

シンプルな太字にするときは(class=”txt_bold”)

★テキストカラー変更

デフォルトテキスト、サイトカラーのテキスト(class=”site_color”)
サイトサブカラーのテキスト(class=”site_color”)
赤のテキスト(class=”red”)

★大きさ

小さい文字(class=”txt_s”)
大きい文字(class=”txt_l”)
ウェブフォント使用(class=”txt_wf”)

以上を組み合わせて使ってください。

例:

患者様に優しいクリニックです。

リンク

ノーマルリンク class=”link”

矢印付きリンク class=”link_arw”

ボタンリンク class=”link_btn”

リスト

  • リストサンプル
  • リストサンプル
  • リストサンプル
  • class=”list_arw”
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  1. class=”list_number”
  2. リストサンプル
  3. リストサンプル
  4. リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル

テーブル

サンプル
色つきのセル
class=”td_title”
プレーン
センター寄せ
class=”center”
右寄せ
class=”right”

ボックス

★border-box

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

★color-box

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

半分サイズのボックス(スマホでは100%になります)

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

画像・コンテンツ配置

画像のセンター寄せ

サンプル画像

(class=”img_center”)

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

画像の右寄せ(float使用のためclearもしくはclearfixを忘れずに)

サンプル画像

(class=”img_right”)

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

画像の左寄せ(float使用のためclearもしくはclearfixを忘れずに)

サンプル画像

(class=”img_left”)

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

画像横並びレイアウト

2つ並び(PC~タブレットのみ)

(class=”flex_around_all”)内に入れ、画像をdiv class=”box_two”で囲う

サンプル画像
サンプル画像

3つ並び(PC~タブレットのみ)

(class=”flex_around”)内に入れ、画像をdiv class=”box_three”で囲う

サンプル画像
サンプル画像
サンプル画像

大きめの写真

(class=”img_wide”)

サンプル画像

スマホの画像をリサイズしない

画像の横幅が小さすぎてスマホで荒くなってしまう場合に使用

(class=”no-resize”)

サンプル画像

センター寄せ

(class=”no-resize img_center”)

サンプル画像

メニュー

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

初診の方は専用ダイヤルへ

初診は武蔵小杉こころみクリニックで
医師による診察を行います。

070-3103-7088

その他、お問い合わせは044-322-9381まで
お願いいたします。

月~日:9~13時、14時半~19時半
※土日18時まで 定休日:祝日