装飾見本

記事の構成

<p class="plh35 pt10">ことばの説明</p> <p class="plh35">テキストテキストテキスト</p> <section class="pt80"> <h2>挨拶</h2> <p class="plh35">おはようございます</p> <p class="plh35">こんにちは</p> </section><!-- /挨拶 --> <section class="pt80"> <h2>食事</h2> <p class="plh35">いただきます</p> <p class="plh35">ごちそうさま</p> </section><!-- /食事 -->
※h2タグの項目は全体をsectionタグで囲う
※sectionタグの区切りを分かりやすくするためクラスpt80を追加する
※sectionタグの閉じタグには必ずコメントアウトをでh2タグのテキストを記載する
　（どの項目のsectionタグなのかを分かりやすくするため）
※クラス名「pt10」は基本不要ですが、文章とタイトルとの余白を取りたい場合などには
　適宜使用してください
※クラス名「plh35」は投稿記事専用のクラス名です。（意味はpost line heightの略）
　このクラスはPCではline-height:3.5ですが、スマホの時にはline-height:1.8になります。
※クラス名「plh」はline-height:3.5の行間を取りたくない場合に使用します
　こちらは主にスマホ時にmargin-bottomを追加するクラスです

テキスト

▼ 上に余白(通常) ▼
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

▼ 上に余白(やや広め) ▼
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

注釈

▼ 注釈用 ▼
※自社アンケートによる〜とかそういうの。

▼ 注釈用 ▼
メラノサイトはメラニンを生成する機能があるのみで、メラニンを貯蔵する細胞ではない。

<span class="at" data-at="＊1">メラノサイト</span>はメラニンを生成する機能があるのみで、<span class="at" data-at="＊2">メラニン</span>を貯蔵する細胞ではない。

口コミ枠(参考例)

長年蓄積されたシミさえもたった1ヶ月で…
< るみ子 / 48歳 / 英会話教師 >

若い頃から旅行が趣味で、暇さえあれば海外旅行に出かけては、海外の強い日差しを浴びていました。
そうして酷使した肌にシミはどんどん蓄積され、何を使っても消えるどころか年齢と共に濃くなっていきました。

正直、諦めの気持ちも強かったのですが、シミ専用化粧品と言われたらつい試してみたくなってニューピュアフコイダンも例に漏れず購入することに。

その効果のほどはまず1週間でやってきました。あんなに長年悩みだったシミが嘘のように薄くなり始め、しっかりと根付いていたシミにさえも効果があったのです。

私の肌にニューピュアフコイダンが合っていたのもあるかもしれません。でも今まで駄目だった方でも、お試し用もあるので試してみる価値はあると思います。

※個人の感想です。効果効能を保証するものではありません。