商品情報掲載リスト

商品情報掲載リスト ＜王冠アイコン＞

1. 商品名が入ります（メーカー名）

   

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

2. 商品名が入ります（メーカー名）

   

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

3. 商品名が入ります（メーカー名）

   

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

<ol class="ranking-list comparative-list01">
<li class="rank01">
<h4 class="rank-title">商品名が入ります（メーカー名）</h4>
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample19.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>
</div>
<div class="review-desc">
<h5 class="review-desc-title">管理人のレビュー</h5>
<p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p>
<p class="al-r"><a class="btn btn-detail" href="#"><span>商品詳細を見る</span></a></p>
</div>
</li>
<li class="rank02">
<h4 class="rank-title">商品名が入ります（メーカー名）</h4>
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample20.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>
</div>
<div class="review-desc">
<h5 class="review-desc-title">管理人のレビュー</h5>
<p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p>
<p class="al-r"><a class="btn btn-detail" href="#"><span>商品詳細を見る</span></a></p>
</div>
</li>
<li class="rank03">
<h4 class="rank-title">商品名が入ります（メーカー名）</h4>
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample21.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>
</div>
<div class="review-desc">
<h5 class="review-desc-title">管理人のレビュー</h5>
<p>管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。</p>
<p class="al-r"><a class="btn btn-detail" href="#"><span>商品詳細を見る</span></a></p>
</div>
</li>
</ol>

商品情報掲載リスト　＜画像onシンプルアイコン＞

1. 

   項目名などが入ります

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

2. 

   項目名などが入ります

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

3. 

   項目名などが入ります

   価格	5.0
   使用感	3.5
   効果	4.0

   価格：

   2,000円（税込）

   容量：

   100ml

   商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。商品に関する情報が入ります。

   管理人のレビュー

   管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。管理人のレビューが入ります。

   商品詳細を見る

<ol class="ranking-list comparative-list02">
<li class="rank01 on-image">
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample19.jpg" alt="商品1" width="330" height="248"></div>
<div class="clearfix">
<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>
<div class="rank-desc">
<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>商品詳細を見る</span></a></p>
</li>
<li class="rank02 on-image">
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample20.jpg" alt="商品2" width="330" height="248"></div>
<div class="clearfix">
<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>
<div class="rank-desc">
<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>商品詳細を見る</span></a></p>
</li>
<li class="rank03 on-image">
<div class="rank-thumb"><img src="/wp-content/uploads/2018/04/sample21.jpg" alt="商品3" width="330" height="248"></div>
<div class="clearfix">
<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>
<div class="rank-desc">
<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>商品詳細を見る</span></a></p>
</li>
</ol>