店舗お支払い方法表記

◆ サンプル ◆

お支払い方法一覧
■ 決済

■ 電子決済


■ ポイント



【！】以上は、以下の記述(コード)で再現可能です


<span style="font-size:x-large;">お支払い方法一覧</span>
■ 決済
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #696969; color: #ffffff; text-align:center; margin:2px;">現金</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #696969; color: #ffffff; text-align:center; margin:2px;">クレジット</div><div style="padding: 2px; float:left;width:100px; border-radius:10px; background-color: #424385; color: #ffffff; text-align:center; margin:2px;">図書カード</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #3c6096; color: #ffffff; text-align:center; margin:2px;">QUOカード</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #696969; color: #ffffff; text-align:center; margin:2px;">ギフト券(一部)</div><div style="clear:both;"></div>
■ 電子決済
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #696969; color: #ffffff; text-align:center; margin:2px;">交通系IC</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #b39800; color: #ffffff; text-align:center; margin:2px;">iD</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #c11920; color: #ffffff; text-align:center; margin:2px;">楽天Edy</div>
<div style="clear:both;"></div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #c11920; color: #ffffff; text-align:center; margin:2px;">楽天ペイ</div><div style="padding: 2px; float:left;width:100px; border-radius:10px; background-color: #e71438; color: #ffffff; text-align:center; margin:2px;">PayPay</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #08bf5b; color: #ffffff; text-align:center; margin:2px;">LINE Pay</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #cc0033; color: #ffffff; text-align:center; margin:2px;">d払い</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #e95506; color: #ffffff; text-align:center; margin:2px;">auPAY</div<<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #008cd6; color: #ffffff; text-align:center; margin:2px;">QUOPay</div<<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #3bab6a; color: #ffffff; text-align:center; margin:2px;">WeChat Pay</div><div style="clear:both;"></div>
■ ポイント
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #0086cd; color: #ffffff; text-align:center; margin:2px;">hontoポイント</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #c11920; color: #ffffff; text-align:center; margin:2px;">楽天ポイント</div><div style="padding: 2px; float:left;width:100px; border-radius:10px; background-color: #d00f31; color: #ffffff; text-align:center; margin:2px;">dポイント</div><div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #f08506; color: #ffffff; text-align:center; margin:2px;">Pontaポイント</div><div style="clear:both;"></div>

●その他電子決済
（店舗の対応状況に応じて追加）※アイコン下の文字列をコピペしてください。

Pitapa

<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #726fab; color: #ffffff; text-align:center; margin:2px;">Pitapa</div>

WAON
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #d93715; color: #ffffff; text-align:center; margin:2px;">WAON</div>

nanaco
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #3f1e16; color: #ffffff; text-align:center; margin:2px;">nanaco</div>

QUICPay
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #083f8d; color: #ffffff; text-align:center; margin:2px;">QUICPay</div>

NFC Pay
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #333333; color: #ffffff; text-align:center; margin:2px;">NFC Pay</div>

Alipay
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #00a0e8; color: #ffffff; text-align:center; margin:2px;">Alipay</div>

メルペイ
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #ff0211; color: #ffffff; text-align:center; margin:2px;">メルペイ</div>

auPAY
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #e95506; color: #ffffff; text-align:center; margin:2px;">auPAY</div>

QUOPay
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #008cd6; color: #ffffff; text-align:center; margin:2px;">QUOPay</div>

Origami Pay
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #ff5b19; color: #ffffff; text-align:center; margin:2px;">Origami Pay</div>

atone
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #0099dd; color: #ffffff; text-align:center; margin:2px;">atone</div>

pring
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #c09a3a; color: #ffffff; text-align:center; margin:2px;">pring</div>

K PLUS
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #00a950; color: #ffffff; text-align:center; margin:2px;">K PLUS</div>

YOKA!Pay
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #00ccff; color: #ffffff; text-align:center; margin:2px;">YOKA!Pay</div>

ゆうちょPay
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #008c38; color: #ffffff; text-align:center; margin:2px;">YOKA!Pay</div>

銀聨
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #696969; color: #ffffff; text-align:center; margin:2px;">銀聨 / UnionPay</div>





●その他ポイント
（店舗の対応状況に応じて追加）※アイコン下の文字列をコピペしてください。

うすいポイントカード
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #117d5f; color: #ffffff; text-align:center; margin:2px;">うすいポイントカード</div>

エポスポイント
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #9c1f24; color: #ffffff; text-align:center; margin:2px;">エポスポイント</div>

京成ポイント
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #154a97; color: #ffffff; text-align:center; margin:2px;">京成ポイント</div>

丸の内ポイント
※和書はポイント対象外<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #34a7af; color: #ffffff; text-align:center; margin:2px;">丸の内ポイント</div>※和書はポイント対象外

JRE POINT
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #26b07d; color: #ffffff; text-align:center; margin:2px;">JRE POINT</div>

TOKYU POINT
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #dc344a; color: #ffffff; text-align:center; margin:2px;">TOKYU POINT</div>

プリンスポイント
<div style="padding: 2px; float:left; width:120px; border-radius:10px; background-color: #1957a0; color: #ffffff; text-align:center; margin:2px;">プリンスポイント</div>

LuLuCaポイント
<div style="padding: 2px; float:left; width:120px; border-radius:10px; background-color: #6d9bb8; color: #ffffff; text-align:center; margin:2px;">LuLuCaポイント</div>

KIPSポイント
<div style="padding: 2px; float:left; width:100px; border-radius:10px; background-color: #5cb531; color: #ffffff; text-align:center; margin:2px;">KIPSポイント</div>

おけいはんポイント
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #cf1219; color: #ffffff; text-align:center; margin:2px;">おけいはんポイント</div>

タカシマヤポイント
<div style="padding: 2px; float:left; width:130px; border-radius:10px; background-color: #a62126; color: #ffffff; text-align:center; margin:2px;">タカシマヤポイント</div>

ジョイワンカード
<div style="padding: 2px; float:left; width:120px; border-radius:10px; background-color: #e95377; color: #ffffff; text-align:center; margin:2px;">ジョイワンカード</div>

京王パスポート
<div style="padding: 2px; float:left; width:110px; border-radius:10px; background-color: #366aac; color: #ffffff; text-align:center; margin:2px;">京王パスポート</div>