冬は「こたつ」、春・夏・秋は「デスク」として使えるハイタイプのデスク型こたつ3点セットです。こたつデスクと省スペースこたつ布団、さらに肘付き回転チェアが付いたフルセット。

<div id="auto-search-results-container">
<div class="sales-title-box">＼ 今だけお買い得！セール中商品！ ／</div>

<div id="auto-search-results">
<div class="loading-msg-text">おすすめ商品を読み込んでいます...</div>
</div>

<div class="legacy-banner-box">
<div class="divider-line">&nbsp;</div>

<div class="banner-text-wrap"><a href="https://storee.saisoncard.co.jp/shop/goods/search.aspx?search=x&amp;keyword=AA0208+%E3%82%BB%E3%83%BC%E3%83%AB" target="_parent"><span class="blue-link-text">Liveitでは随時セール開催中！&rArr;セール商品を見る！</span> </a></div>

<div class="recommend-label-text">＼当店のイチオシアイテム／</div>
<!-- <div class="banner-image-wrap">
      <a href="https://storee.saisoncard.co.jp/shop/g/gAA0208-za32775-P/" target="_parent">
        <img src="https://groupstore.co.jp/saison/a32775_600x200.jpg" alt="イチオシ1">
      </a>
    </div> -->

<div class="banner-image-wrap"><a href="https://storee.saisoncard.co.jp/shop/g/gAA0208-za2761110-P/" target="_parent"><img alt="イチオシ2" src="https://groupstore.co.jp/saison/a27611_600x200.jpg" /> </a></div>
</div>
</div>
<style type="text/css">/* 基本レイアウト */
#auto-search-results-container, 
#auto-search-results-container * { box-sizing: border-box; }
#auto-search-results-container { width: 100%; max-width: 1000px; margin: 30px auto; background: #fff; clear: both; }

.sales-title-box { font-size: 20px; font-weight: bold; color: #e60012; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #e60012; display: block; }
#auto-search-results { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 15px; width: 100%; }

/* 商品カード */
.custom-item-card { width: calc(25% - 12px); border: 1px solid #eee; padding: 10px; background: #fff; position: relative; display: flex; flex-direction: column; }
.custom-item-card a { text-decoration: none; color: #333; display: block; }
.custom-item-card img { width: 100%; height: auto; display: block; }

/* ★ポイントOFFバッジのデザイン★ */
.custom-off-badge {
  position: absolute;
  top: 180px; /* 画像の下付近に重ねて表示 */
  left: 0;
  background-color: rgba(219, 110, 110, 0.9);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 6px;
  z-index: 10;
  pointer-events: none;
}

.custom-item-name { font-size: 13px; line-height: 1.4; height: 2.8em; overflow: hidden; margin: 8px 0; color: #494d4c; }
.custom-item-price { font-size: 15px; font-weight: bold; color: #db6e6e; }

/* 従来バナー設定 */
.legacy-banner-box { width: 100%; text-align: center; margin-top: 20px; }
.divider-line { border-top: 1px dashed #ccc; margin: 30px 0; }
.blue-link-text { color: #2980b9; font-size: 20px; font-weight: bold; text-decoration: underline; }
.recommend-label-text { color: #e74c3c; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.banner-image-wrap { margin-bottom: 15px; }
.banner-image-wrap img { max-width: 600px; width: 100%; height: auto; }

.loading-msg-text { width: 100%; text-align: center; padding: 20px; color: #999; }

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .custom-item-card { width: calc(50% - 8px); }
  .custom-off-badge { top: 140px; font-size: 10px; }
}
</style>
<script>
(function($){
  var keyword = "AA0208+セール";
  $(document).ready(function(){
    var targetUrl = "/shop/goods/search.aspx?search=x&stock_type=1&keyword=" + keyword;
    $.ajax({
      url: targetUrl,
      dataType: 'html',
      success: function(data) {
        var $data = $(data);
        var htmlContent = "";
        var $items = $data.find('.StyleP_Item_').length ? $data.find('.StyleP_Item_') : $data.find('.goods_p_ li');
        
        if ($items.length > 0) {
          $items.each(function(){
            var link = $(this).find('a').attr('href');
            var img = $(this).find('img').attr('data-src') || $(this).find('img').attr('src');
            var name = $(this).find('.goods_name_, .name_').first().text();
            var price = $(this).find('.price_').first().text();
            
            // ★ポイントOFFラベルを抜き出す（クラス名 .price_diff_ を探す）
            var offLabel = $(this).find('.price_diff_').text().trim();
            var badgeHtml = offLabel ? '<div class="custom-off-badge">' + offLabel + '</div>' : '';
            
            if(img && name) {
              if(link.indexOf('http') === -1) link = 'https://storee.saisoncard.co.jp' + link;
              htmlContent += '<div class="custom-item-card">' + badgeHtml +
                             '<a href="' + link + '">' +
                             '<img src="' + img + '">' +
                             '<div class="custom-item-name">' + name + '</div>' +
                             '<div class="custom-item-price">' + price + '</div></a></div>';
            }
          });
          $('#auto-search-results').html(htmlContent);
        } else {
          $('#auto-search-results').html('<div class="loading-msg-text">現在、対象のセール商品はありません。</div>');
        }
      },
      error: function() { $('#auto-search-results').html('<div class="loading-msg-text">読み込みに失敗しました。</div>'); }
    });
  });
})(jQuery);
</script>