コンポーネント
リスト

見出し

見出し Type1

サブタイトル 見出し Type1 サブタイトル

見出し Type2

サブタイトル 見出し Type1 サブタイトル

見出し Type3

見出し Type3 A

見出し Type3 B

見出し Type3 C

見出し Type3 D

見出し Type3 E

見出し Type4

見出し Type4

見出し Type5 ~ Type8

見出し Type5 / 26px
見出し Type6 / 22px
見出し Type7 / 20px / 18px
見出し Type8 / 16px

見出し LINE

見出し LINE

STEP Type1

STEP

01

お薬宅配のお申し込み

STEP Type2

01

お薬宅配のお申し込み

テキスト

文字揃え

右揃え

中央揃え

左揃え

リード文

お薬は「とどくすり」がご案内する
直営薬局・提携薬局が調剤し、
ご指定の住所へ宅配でお届け。
要冷蔵・要冷凍のお薬にも、
クール便で対応。
送料は「とどくすり」が負担、
利用料も無料です。
また、ご利用の際に、ご希望の薬局を
薬局一覧からお選びいただけます。

リスト

箇条書き Type1

  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト

箇条書き Type2

  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト

箇条書き Type3

  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト

注意書き ※

  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト
  • リストリストリストリストリスト

連番

  1. リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  2. リストリストリストリストリスト
  3. リストリストリストリストリスト
  4. リストリストリストリストリスト
  1. リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  2. リストリストリストリストリスト
  3. リストリストリストリストリスト
  4. リストリストリストリストリスト
  1. リストリストリストリストリストリストリストリストリストリストリストリスト
    リストリストリストリストリストリスト
  2. リストリストリストリストリスト
  3. リストリストリストリストリスト
  4. リストリストリストリストリスト

説明リスト

リストリストリストリストリスト
リストリストリストリストリストリストリストリストリストリストリストリスト
リストリストリストリストリストリスト

ボタン

Type1

Type2

Type3

ボタンエリア

ボタンエリア CV とどくすり

まずは会員にご登録ください

お手元に処方せんがなくても会員登録できます

<?php get_template_part('includes/block-btnarea-todokusuri'); ?>

ボタンエリア CV あと払いbyとどくすり

<?php get_template_part('includes/block-btnarea-atobarai'); ?>

囲み

塗り Type1

囲み 塗り(白) A
囲み 塗り B
囲み 塗り C
囲み 塗り D
囲み 塗り E
囲み 塗り F
囲み 塗り G

線 Type1

囲み 線 A

Tips

Tips

  見出し
見出し テキストテキストテキストテキストテキスト
見出し テキストテキストテキストテキストテキスト
見出し テキストテキストテキストテキストテキスト

ブロック

サブコンテンツ ボタングループ

<?php get_template_part('includes/block-subcontents-button-group'); ?>

フッターリンクグループ

病院・クリニック お問い合わせ

まずは、お問い合わせください

お問い合わせ・
資料ダウンロード

とどくすり運営事務局

0120-407-543

  • お問い合わせいただいた病院・クリニック様へ、弊社担当者よりサービスご説明およびスタートアップキットをご案内いたします
<?php get_template_part('includes/block-contact-clinic'); ?>

モーダル

セクション

Type1

c-section-01a
PC 80px /SP 40px 間隔
c-section-01b
PC 60px /SP 40px 間隔
c-section-01c
PC 40px /SP 40px 間隔
c-section-01c
PC 24px /SP 20px 間隔
見分けるために背景色を入れています。

Type2

c-section-02a
c-section-02b
c-section-02c
c-section-02d
患者向けページは奇数が緑、偶数がオレンジ。クリニック向けページはどちらも水色。

Type3

c-section-03

c-section-03

Type4

c-section-04

Type5

c-section-05

アイコン

  • icon-close

  • icon-contact

  • icon-faq

  • icon-job-information

  • icon-join

  • icon-login

  • icon-magazine

  • icon-medical-institutions

  • icon-menu

  • icon-pharmacy

  • icon-user

<?php get_template_part('includes/icon-close-01'); ?> // 例

Primary

  • $c-primary1
    #00A73C
  • $c-primary2
    #f57f31
  • $c-primary3
    #f2fc82
  • $c-primary4
    #157ec1
  • $c-primary5
    #5296c4

Secondary

  • $c-secondary1
    #b6d289
  • $c-secondary2
    #f6cf4c
  • $c-secondary3
    #ffd1d1
  • $c-secondary4
    #88d4c9
  • $c-secondary5
    #e8a316
  • $c-secondary6
    #81b5d6

Tertiary

  • $c-tertiary1
    #33B25E
  • $c-tertiary2
    #40BD6D
  • $c-tertiary3
    #F2FDD1
  • $c-tertiary4
    #95D05B
  • $c-tertiary5
    #C4E461
  • $c-tertiary6
    #FFB41C
  • $c-tertiary7
    #F6DAA1
  • $c-tertiary8
    #FEF0D4
  • $c-tertiary9
    #FFF8F8
  • $c-tertiary10
    #F6FBEE
  • $c-tertiary11
    #EBF6F5

Background

  • $c-bg1
    #CEE6D6
  • $c-bg2
    #CEECB1
  • $c-bg3
    #FFE3AB
  • $c-bg4
    #F9FFE7
  • $c-bg5
    #EFEFEF
  • $c-bg6
    #D3E6F1
  • $c-bg7
    #E7FBFF