<body>
<h2 align="center">Single Serve Coffee <br class="br-sp">売上ランキング</h2>
本日の売れ筋商品はこちら!<br>今飲んでいるK-cupも好きだけど他の物も飲んでみたい....<br>そんな貴方の参考になれば幸いです！
<h3>気になる商品をクリック</h3>
<!-- ⇓ここから⇓ -->
<div class="ranking"> 1位 KEURIG K-Cup カフェインレス <a href=" https://single-serve-coffee.com/products/50355" ><img src=" https://cdn.shopify.com/s/files/1/0317/2951/6676/files/50355.jpg?v=1643706591 "></a>
</div>
<div class="ranking"> 2位 KEURIG K-Cup プロントブレンド <a href=" https://single-serve-coffee.com/products/50363" ><img src=" https://cdn.shopify.com/s/files/1/0317/2951/6676/files/50363.jpg?v=1643706273 "></a>
</div>
<div class="ranking"> 3位 KEURIG K-Cup 丸山珈琲のブレンド <a href=" https://single-serve-coffee.com/products/50373" ><img src=" https://cdn.shopify.com/s/files/1/0317/2951/6676/files/50373.jpg?v=1643706305 "></a>
</div>
<div class="ranking"> 4位 KEURIG K-Cup カフェグレコ エスプレッソロースト <a href=" https://single-serve-coffee.com/products/50360" ><img src=" https://cdn.shopify.com/s/files/1/0317/2951/6676/files/50344.jpg?v=1626945155 "></a>
</div>
<div class="ranking"> 5位 KEURIG K-Cup モカブレンド <a href=" https://single-serve-coffee.com/products/50351" ><img src=" https://cdn.shopify.com/s/files/1/0317/2951/6676/files/50351.jpg?v=1643706591 "></a>
</div> <!-- ⇑ここまで⇑ -->
<div class="summer">
<span color="red" style="color: red;">Single Sereve Coffee限定</span>
<p>オトクなウィンターセット販売中</p>
<a href="https://single-serve-coffee.com/products/bs300-win21"><img src="https://cdn.shopify.com/s/files/1/0317/2951/6676/files/winterblog.jpg?v=1643945046"></a>
</div>
<style type="text/css"><!--
.ranking {
float: left;
width: 100%;
height: 300px;
padding: 20px;
text-align:center;
}
.summer {
float: left;
width: 100%;
height: 300px;
padding: 20px;
text-align:center;
}
h2 {
color: #663300;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #663300;
border-bottom: solid 3px #663300;
}
@media screen and (min-width:480px) and ( max-width:1024px)
{
.ranking {
float: left;
width: 50%;
height: 300px;
padding: 20px;
text-align:center;
}
.summer {
float: left;
width: 50%;
height: 300px;
padding: 20px;
text-align:center;
}
h2 {
color: #663300;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #663300;
border-bottom: solid 3px #663300;
}
.br-sp {display: none; }
}
@media screen and (min-width:1024px)
{
.ranking {
float: left;
width: 30%;
height: 300px;
padding: 20px;
text-align:center;
}
.summer {
float: left;
width: 30%;
height: 300px;
padding: 20px;
text-align:center;
}
h2 {
color: #663300;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #663300;
border-bottom: solid 3px #663300;
}
.br-sp {display: none; }
}
--></style>
</body>
2/10(木)のK-cup売上ランキング
投稿者 ： SINGLE SERVE COFFEEスタッフ on