ごめんなさい！m(__)m
当サイトは、テンプレートを賢威7から賢威8へ変更しました。
その影響で、賢威7の装飾タグが一部正しく表示されなくなりました。
タグの表記に間違いないのでご利用いただくには問題ありませんが、
イメージがし難いので賢威7テンプレート使用の装飾タグがある
サイトをご利用頂く方がよろしいかと思います。
ご不便おかけし申し訳ございません。【追記 2018年10月4日】
「ランキング」と「情報比較エリア」の装飾タグがあまりにも複雑なので、覚えることが出来そうにないのでマトメてみました。私と同じような方に参考になさってください。（笑）
賢威7.0ビューティー版の表示です。タグの記述方法は同じだと思いますが、コーポレート版・プリティ版・クール版ではアイコンおよび表示が変わる可能性があります。
ランキング
ランキング用の王冠アイコンのリスト
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<ol class="ranking-list ranking-list01"> <li class="rank01"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../○○.jpg" alt="○1" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank02"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../●●.jpg" alt="●2" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank03"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../◎◎.jpg" alt="◎3" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank04"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank05"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank06"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank07"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank08"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank09"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank10"> <p class="rank-title">項目名などが入ります</p> </li> </ol> |
ランキング用のメダルアイコンのリスト
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<ol class="ranking-list ranking-list02"> <li class="rank01"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../■■.jpg" alt="■1" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank02"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../□□.jpg" alt="□2" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank03"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../◆◆.jpg" alt="◆3" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank04"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank05"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank06"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank07"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank08"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank09"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank10"> <p class="rank-title">項目名などが入ります</p> </li> </ol> |
ランキング用のシンプルなリスト
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
-
項目名などが入ります
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<ol class="ranking-list ranking-list03"> <li class="rank01"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../△△.jpg" alt="△1" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank02"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../▲▲.jpg" alt="▲2" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank03"> <h4 class="rank-title">項目名などが入ります</h4> <div class="rank-thumb"><img src="../▼▼.jpg" alt="▼3" width="200" height="200"></div> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank04"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank05"> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank06"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank07"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank08"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank09"> <p class="rank-title">項目名などが入ります</p> </li> <li class="rank10"> <p class="rank-title">項目名などが入ります</p> </li> </ol> |
画像＋ランキング番号のリスト
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
-
項目名などが入ります
ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<ol class="ranking-list ranking-list03"> <li class="rank01 on-image"> <div class="rank-thumb"><img src="http://../○○.jpg" alt="○1" width="200" height="200"></div> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank02 on-image"> <div class="rank-thumb"><img src="../●●.jpg" alt="●2" width="200" height="200"></div> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> <li class="rank03 on-image"> <div class="rank-thumb"><img src="../◎◎.jpg" alt="◎3" width="200" height="200"></div> <h4 class="rank-title">項目名などが入ります</h4> <p class="rank-desc">ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。</p> </li> </ol> |
情報比較エリア
商品掲載例（王冠）
-
商品名が入ります（メーカー名）
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
-
商品名が入ります（メーカー名）
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
-
商品名が入ります（メーカー名）
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 |
<ol class="ranking-list comparative-list01"> <li class="rank01"> <h4 class="rank-title">商品名が入ります（メーカー名）</h4> <div class="rank-thumb"> <img src="../□□.jpg" alt="□1" width="330" height="248"> <table class="review-table"> <tr> <th class="w30">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> </div> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </div> </li> <li class="rank02"> <h4 class="rank-title">商品名が入ります（メーカー名）</h4> <div class="rank-thumb"> <img src="../■■.jpg" alt="■■2" width="330" height="248"> <table class="review-table"> <tr> <th class="w30">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> </div> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </div> </li> <li class="rank03"> <h4 class="rank-title">商品名が入ります（メーカー名）</h4> <div class="rank-thumb"> <img src="../◆◆.jpg" alt="◆◆3" width="330" height="248"> <table class="review-table"> <tr> <th class="w30">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> </div> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </div> </li> </ol> |
商品掲載例（画像にアイコンを重ねる場合）
-
項目名などが入ります
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
管理人のレビュー
管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。
-
項目名などが入ります
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
管理人のレビュー
管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。
-
項目名などが入ります
価格 5.0 使用感 3.5 効果 4.0 - 価格：
- 2,000円（税込）
- 容量：
- 100ml
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。
管理人のレビュー
管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
<ol class="ranking-list comparative-list02"> <li class="rank01 on-image"> <div class="rank-thumb"><img src="../▲▲.jpg" alt="▲1" width="330" height="248"></div> <h4 class="rank-title">項目名などが入ります</h4> <table class="review-table"> <tr> <th class="w40">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> </div> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </li> <li class="rank02 on-image"> <div class="rank-thumb"><img src="../△△.jpg" alt="△△2" width="330" height="248"></div> <h4 class="rank-title">項目名などが入ります</h4> <table class="review-table"> <tr> <th class="w40">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> </div> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </li> <li class="rank03 on-image"> <div class="rank-thumb"><img src="../▼▼.jpg" alt="▼3" width="330" height="248"></div> <h4 class="rank-title">項目名などが入ります</h4> <table class="review-table"> <tr> <th class="w40">価格</th> <td><span class="star50">5.0</span></td> </tr> <tr> <th>使用感</th> <td><span class="star35">3.5</span></td> </tr> <tr> <th>効果</th> <td><span class="star40">4.0</span></td> </tr> </table> <div class="item-data"> <dl> <dt>価格：</dt> <dd><span class="red f12em">2,000円</span><small>（税込）</small></dd> </dl> <dl> <dt>容量：</dt> <dd>100ml</dd> </dl> </div> <div class="rank-desc"> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> <p>商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。</p> </div> <div class="review-desc"> <h5 class="review-desc-title">管理人のレビュー</h5> <p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p> </div> <p class="al-r"><a class="btn btn-detail" href="#"><span class="">商品詳細を見る</span></a></p> </li> </ol> |
当院おすすめインフォメーション！
