Menu
ログイン
ご会員様ログイン、新規会員ご登録はこちらから

現在カート内に商品はございません。

ご利用ガイド

お支払い方法について

以下よりお支払い方法をお選びいただけます。

クレジットカード払い
銀行振込
代金引換

クレジットカード決済

当店でご利用いただけるクレジットカードは以下になります。

クレジットカード

お支払い回数

1回払い
2回払い

銀行振込

お振込先
銀行名:〇〇銀行
支店名:〇〇支店
金融機関番号:9999
店番号:999
預金種目:〇〇預金
口座番号:99999
口座名義:〇〇〇〇

代金引換

ご注文後にメールにてお支払い総額をお知らせいたします。
商品のお届け時に、配送業者に商品と引き換えでお支払いいただけます。〇〇円の手数料がかかります。

送料・配送について

送料について

送料は都道府県ごとに異なります。下記の表を参照してください。
商品代金〇〇〇円以上お買上げの場合は送料無料となります。

各都道府県の送料

〇〇県、△△県、□□県 〇〇円
〇〇県、△△県、□□県 〇〇円
〇〇県、△△県、□□県 〇〇円
〇〇県、△△県、□□県 〇〇円

配送について

配送業者は以下からお選びいただけます。

〇〇急便
〇〇運輸
〇〇配送

お届け日・お届け時間

ご注文をいただいてから在庫のある場合は1~2日以内に発送いたします。

お届け時間は「午前中」「14時~16時」「16時~18時」「18時~20時」の時間帯からお選びいただけます。

返品・交換について

万一品質に不都合があった場合や、配送中の事故などでお届け商品に破損・汚損があった場合、又お申し込みのものと異なる商品がお手元に届いた場合には責任をもって、お取り替えいたします。
お手数ではございますが、返品・交換の品を返送前に、下記連絡先か又は「お問い合わせ」にてご連絡下さい。

返品先:
〒999-9999
〇〇県〇〇市〇〇9-9-9
株式会社 〇〇 〇〇課 担当 〇〇宛
電話:999-9999-9999
FAX:999-9999-9999

これはh2タイトルです(.ec-rectHeading)

※以下は利用ガイドで使用できるスタイリングのサンプルです。

通常の段落テキストはp要素でくくります。
p要素による段落と段落の上下余白は1文字分(1em)の余白が付きます。brによる改行での行間余白はline-heightに依存します。

もし段落間の余白を部分的に大きくとりたい場合はbrタグの連続多用でいいのではないかと思います。
利用ガイドでのHTML構造(タグ要素やclass)はなるべく簡潔なのが好ましいのではないかと考えておりますが、厳密に余白をコントロールしたい場合は余白を制御するOOCSSを用意するといいと思います。

枠囲みする場合はブロック要素に「ec-frame」classを付けます。今のところ、HELPコンテンツ下でのみ使えるclassとしています。

これはh3タイトルです

以下は箇条書きスタイルのサンプルです。
箇条書きのスタイリングは「_1.2.typo.scss」に記述してあり、HELPコンテンツ以外のページ(商品詳細ページのフリーエリア等)でも、classを指定すれば使用できます。

リストマークが「・」になる注意書き・箇条書きテキストです(ベーシック)。dl要素にclass「ec-list」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
これはダミーテキストです
これはダミーテキストです
これはダミーテキストです
リストマークが「※」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-rice」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
これはダミーテキストです
これはダミーテキストです
これはダミーテキストです
リストマークが「●」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-disc」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
これはダミーテキストです
これはダミーテキストです
これはダミーテキストです
リストマークが連番表示になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-decimal」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
これはダミーテキストです
これはダミーテキストです
これはダミーテキストです
リストマークにアイコン(キャレット)を用いた注意書き・箇条書きテキストです。dl要素にclass「ec-list-icon」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。
これはダミーテキストです
これはダミーテキストです
これはダミーテキストです

その他の装飾

EC-CUBEはいくつか文字装飾用のclassが用意されています。「_1.2.typo.scss」。またBootstrapのスタイルも使用できます。

太字にしたい場合は「ec-font-bold」を指定します。→太字のサンプル

文字色をグレーにしたい場合は「ec-color-grey」を指定します。→グレー文字のサンプル

文字色を赤色にしたい場合は「ec-color-red」を指定します。→赤文字のサンプル

「text-primary」→サンプル 「bg-primary」サンプル

「text-success」→サンプル 「bg-success」→サンプル

「text-info」→サンプル 「bg-info」→サンプル

「text-warning」→サンプル 「bg-warning」→サンプル

「text-danger」→サンプル 「bg-danger」→サンプル

文字を中央寄せにしたい場合はブロック要素に「text-center」を指定します。↓

中央寄せのサンプル

文字を右寄せにしたい場合はブロック要素に「text-right」を指定します。↓

右寄せのサンプル