「ランキング」と「情報比較エリア」の装飾タグがあまりにも複雑なので、覚えることが出来そうにないのでマトメてみました。私と同じような方に参考になさってください。（笑）
賢威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> |
当院おすすめインフォメーション！
日本人女性の9割がＯ脚と言われていますが、
確実に矯正できる治療院がなかったり、
すぐにリバウンドしているのが現状です。
これまで、そんなＯ脚でにお悩みだった女性には朗報です！
『確実に矯正されてつつ、リバウンドがしない方法があるんだよ！』
ということを知って頂きたくて、期間限定で料金半額のモニターを募集しています。
詳しくは、『滋賀大津Ｏ脚矯正サロン めぐり整体所』のホームページをご覧ください。
