New Design Sample
共有
URLをコピーしました
| 本文 | 注釈 | |
|---|---|---|
| 見出し h2 | mdTxtSet01Txt | mdTxtSet01Desc |
| 見出し h3 | mdTitle02Desc | mdTitle02Notice |
[h2] 見出しh2
mdTxtSet01Txt：通常本文①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
mdTxtSet01Desc：通常本文注釈
通常本文注釈
[h3] 見出しh3
mdTitle02Desc：見出しh3用本文
見出しh3用本文
mdTitle02Notice：見出しh3用注釈
見出しh3用注釈
3. リスト
順序がないリスト
- テキストテキストテキストテキストテキスト
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
順序のあるリスト
- テキストテキストテキストテキストテキスト
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
4. コールアウト
※「重要⋅注意⋅参考」のラベルは原則として固定
重要（Important）
- テキストテキストテキストテキストテキスト（リンクテイスト）
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
注意（Caution）
- テキストテキストテキストテキストテキスト（リンクテイスト）
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
参考（Reference）
- テキストテキストテキストテキストテキスト（リンクテイスト）
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
その他（other）：コールアウト内見出しなし
- テキストテキストテキストテキストテキスト（リンクテイスト）
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
- 薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
その他（other）：メイン端末とサブ端末
5. 目次
6. Tab（３階層まで）
※1行あたりの最大文字数
- 日本語等2バイト文字：8文字
- アルファベット等1バイト文字：16文字
※1タブあたりの最大行数：4行まで
PCの場合
- defaultでTabは最大5個まで表示
- Tabが6個以上ある場合は横スクロールを表示
SPの場合
- defaultでTabは最大3個まで表示
- Tabが4個以上ある場合は横スクロールを表示
- Tabのみ横スクロール（90%が見えて、右の10%が見切れる）
Tabが2つの場合（アコーディオンあり）
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
IOSをご利用の方
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
Androidをご利用の方
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam sequi beatae exercitationem et, sint voluptas earum dolor quisquam quas accusantium delectus enim fugit corrupti recusandae fugiat doloremque iusto possimus vitae.
２階層目確認要
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam sequi beatae exercitationem et, sint voluptas earum dolor quisquam quas accusantium delectus enim fugit corrupti recusandae fugiat doloremque iusto possimus vitae.
panel2
Tabが6つ以上になる場合（アコーディオンなし）
panel1
panel2
panel3
panel4
panel5
panel6
Tab内に操作手順アコーディオン
panel2
- 手順本文
- 手順本文
テキストテキストテキストテキスト①テキストテキストテキストテキスト②テキストテキストテキストテキスト③ テキストテキストテキストテキスト④テキストテキスト テキストテキスト⑤
IOSをご利用の方
テキストテキストテキストテキスト①テキストテキストテキストテキスト②テキストテキストテキストテキスト③テキストテキストテキストテキスト④ テキストテキストテキストテキスト⑤テキストテキストテキストテキスト⑥テキストテキストテキストテキスト⑦テキストテキストテキストテキスト⑧ テキストテキストテキストテキスト⑨テキストテキストテキストテキスト⑩
Androidをご利用の方
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam sequi beatae exercitationem et, sint voluptas earum dolor quisquam quas accusantium delectus enim fugit corrupti recusandae fugiat doloremque iusto possimus vitae.
２階層目の中に操作手順アコーディオン
２階層目の中に操作手順アコーディオンを入れたときの見え方確認
テキストテキストテキストテキスト④テキストテキスト
テキストテキスト⑤
- 手順本文
- 手順本文
7. アコーディオン（２階層まで）
IOSをご利用の方
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
Androidをご利用の方
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam sequi beatae exercitationem et, sint voluptas earum dolor quisquam quas accusantium delectus enim fugit corrupti recusandae fugiat doloremque iusto possimus vitae.
２階層目確認要
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②薔薇薔薇薔薇薔薇薔③薔薇薔薇薔薇薔薇薔④薔薇薔薇薔薇薔薇薔⑤薔薇薔薇薔薇薔薇薔⑥薔薇薔薇薔薇薔薇薔⑦薔薇薔薇薔薇薔薇薔⑧薔薇薔薇薔薇薔薇薔⑨薔薇薔薇薔薇薔薇薔⑩
薔薇薔薇薔薇薔薇薔①薔薇薔薇薔薇薔薇薔②
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam sequi beatae exercitationem et, sint voluptas earum dolor quisquam quas accusantium delectus enim fugit corrupti recusandae fugiat doloremque iusto possimus vitae.
二重アコーディオン（操作手順あり）
操作手順を含む場合のアコーディオン
ダミータイトル
- 手順1-1：設定ボタンをクリックします。
- 手順1-2：表示されたメニューからオプションを選択します。
- 手順1-3：保存を押して設定を完了します。
※ここに操作手順に関する補足説明や注意事項などのダミーテキストが入ります。 例えば、「次の手順に進む前に、画面の表示を確認してください。」といった内容を想定しています。
- 手順2-1：開始ボタンを押してプロセスを起動します。
- 手順2-2：必要に応じてチェックを入れます。
- 手順2-3：すべて完了したら完了ボタンをクリックします。
8. テーブル
※[SP] 横スクロール（アニメーションはJSで対応）
| LYPプレミアムに登録した時期 | PayPayポイントの付与予定 | PayPayポイントの付与予定 | PayPayポイントの付与予定 |
|---|---|---|---|
| 2024年5月8日11:59 までに登録 |
|
|
登録の翌月の下旬 例 |
| 2024年5月8日12:00 以降に登録 | 登録の翌月の下旬 例：2024/05/01に登録した場合↓6月下旬にポイントを付与 | ＜Yahoo! Japanページからの登録＞登録の3カ月後の中～下旬 例：2024/05/10に登録した場合↓8月中旬～下旬にポイントを付与 ＜LINEアプリからの登録＞登録の4か月後の中～下旬 例：2024/05/10に登録した場合↓ 9月中旬～下旬にポイントを付与※上記いずれも、3か月の無料期間中に解約せず、継続課金していることが条件 |
＜Yahoo! Japanページからの登録＞登録の3カ月後の中～下旬 例：2024/05/10に登録した場合↓8月中旬～下旬にポイントを付与 |
9. 操作手順/登録手順
- LINEを起動し新規登録をタップ
- 国⋅電話番号を入力＞利用規約⋅プライバシーポリシーを確認し→＞送信／OKをタップ
- 届いたSMSに記載されている認証番号を入力
※Androidの場合、一部端末では自動的に認証番号が入力され次の手順に進みます
※3)の後に「おかえりなさい、○○！」と表示された場合はいいえ、違います＞次へをタップ
- アカウントを新規作成をタップ
- 名前⋅プロフィール画像を設定し→をタップ
- パスワードを登録後→をタップ
※パスワードは、同じ文字や数字を連続して使用せず、半角の英大文字、英小文字、数字、記号のうち、3種類以上を含む8~20文字で登録してください（参考：より安全なパスワードを設定する方法）
- 友だち追加設定（アドレス帳の利用）を確認し→をタップ
- 年齢確認画面で認証をするか選択
- サービス向上のための情報利用に関するお願い画面を確認
操作手順/登録手順を開いたとき
- LINEを起動し新規登録をタップ
- 国⋅電話番号を入力＞利用規約⋅プライバシーポリシーを確認し→＞送信／OKをタップ
- 届いたSMSに記載されている認証番号を入力
※Androidの場合、一部端末では自動的に認証番号が入力され次の手順に進みます
※3)の後に「おかえりなさい、○○！」と表示された場合はいいえ、違います＞次へをタップ
- アカウントを新規作成をタップ
- 名前⋅プロフィール画像を設定し→をタップ
- パスワードを登録後→をタップ
※パスワードは、同じ文字や数字を連続して使用せず、半角の英大文字、英小文字、数字、記号のうち、3種類以上を含む8~20文字で登録してください（参考：より安全なパスワードを設定する方法）
- 友だち追加設定（アドレス帳の利用）を確認し→をタップ
- 年齢確認画面で認証をするか選択
- サービス向上のための情報利用に関するお願い画面を確認