app/template/biotop/Block/ranking.twig line 1

Open in your IDE?
  1. <section class="top_inner">
  2.     <section id="top_rank">
  3.         <div class="wrap">
  4.             <div class="common_ttl_box">
  5.                 <p class="en_ttl f_cent">Ranking</p>
  6.                 <h2 class="ttl">ビオトープの商品ランキング</h2>
  7.                 <p class="ttl_comment">大阪難波・心斎橋・北新地の花屋biotop(ビオトープ)では<br>毎日多くのお花たちがお客様のもとへ届いています!お客様が選ぶ人気の売れ筋ランキングをご紹介!</p>
  8.             </div>
  9.         </div>
  10.         <div class="tab_sec_box">
  11.             <div class="wrap">
  12.                 <div class="tab_box js_tab_box pc">
  13.                     <ul>
  14.                         <li class="show">月間</li>
  15.                         <li>週間</li>
  16.                         <li>本日</li>
  17.                     </ul>
  18.                 </div>
  19.                 <div class="select_sp_box sp">
  20.                     <select name="cont">
  21.                         <option value="select">ランキングを選択してください</option>
  22.                         <option value="cont01">月間</option>
  23.                         <option value="cont02">週間</option>
  24.                         <option value="cont03">本日</option>
  25.                     </select>
  26.                 </div>
  27.             </div>
  28.             <div class="tab_contents_box pc">
  29.                 <div class="tab_contents show">
  30.                     <div class="tab_slider_box js_slider_tab">
  31.                         <ul>
  32.                             <li class="rank_1">
  33.                                 <a href="/products/detail/187" class="link" tabindex="-1">
  34.                                     <div class="img">
  35.                                         <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  36.                                     </div>
  37.                                     <div class="text_box">
  38.                                         <div class="rank_box">
  39.                                             <div class="icon"></div>
  40.                                             <p class="rank">第<span class="num f_cent">1</span>位</p>
  41.                                         </div>
  42.                                         <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  43.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  44.                                     </div>
  45.                                 </a>
  46.                             </li>
  47.                             <li class="rank_2">
  48.                                 <a href="/products/detail/202" class="link" tabindex="-1">
  49.                                     <div class="img">
  50.                                         <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  51.                                     </div>
  52.                                     <div class="text_box">
  53.                                         <div class="rank_box">
  54.                                             <div class="icon"></div>
  55.                                             <p class="rank">第<span class="num f_cent">2</span>位</p>
  56.                                         </div>
  57.                                         <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  58.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  59.                                     </div>
  60.                                 </a>
  61.                             </li>
  62.                             <li class="rank_3">
  63.                                 <a href="/products/detail/176" class="link" tabindex="-1">
  64.                                     <div class="img">
  65.                                         <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  66.                                     </div>
  67.                                     <div class="text_box">
  68.                                         <div class="rank_box">
  69.                                             <div class="icon"></div>
  70.                                             <p class="rank">第<span class="num f_cent">3</span>位</p>
  71.                                         </div>
  72.                                         <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  73.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  74.                                     </div>
  75.                                 </a>
  76.                             </li>
  77.                             <li class="rank_4">
  78.                                 <a href="/products/detail/358" class="link" tabindex="-1">
  79.                                     <div class="img">
  80.                                         <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  81.                                     </div>
  82.                                     <div class="text_box">
  83.                                         <div class="rank_box">
  84.                                             <div class="icon"></div>
  85.                                             <p class="rank">第<span class="num f_cent">4</span>位</p>
  86.                                         </div>
  87.                                         <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  88.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  89.                                     </div>
  90.                                 </a>
  91.                             </li>
  92.                             <li class="rank_5">
  93.                                 <a href="/products/detail/136" class="link" tabindex="0">
  94.                                     <div class="img">
  95.                                         <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  96.                                     </div>
  97.                                     <div class="text_box">
  98.                                         <div class="rank_box">
  99.                                             <div class="icon"></div>
  100.                                             <p class="rank">第<span class="num f_cent">5</span>位</p>
  101.                                         </div>
  102.                                         <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  103.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  104.                                     </div>
  105.                                 </a>
  106.                             </li>
  107.                         </ul>
  108.                     </div>
  109.                 </div>
  110.                 <div class="tab_contents">
  111.                     <div class="tab_slider_box js_slider_tab">
  112.                         <ul>
  113.                             <li class="rank_1">
  114.                                 <a href="/products/detail/187" class="link" tabindex="-1">
  115.                                     <div class="img">
  116.                                         <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  117.                                     </div>
  118.                                     <div class="text_box">
  119.                                         <div class="rank_box">
  120.                                             <div class="icon"></div>
  121.                                             <p class="rank">第<span class="num f_cent">1</span>位</p>
  122.                                         </div>
  123.                                         <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  124.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  125.                                     </div>
  126.                                 </a>
  127.                             </li>
  128.                             <li class="rank_2">
  129.                                 <a href="/products/detail/202" class="link" tabindex="-1">
  130.                                     <div class="img">
  131.                                         <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  132.                                     </div>
  133.                                     <div class="text_box">
  134.                                         <div class="rank_box">
  135.                                             <div class="icon"></div>
  136.                                             <p class="rank">第<span class="num f_cent">2</span>位</p>
  137.                                         </div>
  138.                                         <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  139.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  140.                                     </div>
  141.                                 </a>
  142.                             </li>
  143.                             <li class="rank_3">
  144.                                 <a href="/products/detail/176" class="link" tabindex="-1">
  145.                                     <div class="img">
  146.                                         <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  147.                                     </div>
  148.                                     <div class="text_box">
  149.                                         <div class="rank_box">
  150.                                             <div class="icon"></div>
  151.                                             <p class="rank">第<span class="num f_cent">3</span>位</p>
  152.                                         </div>
  153.                                         <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  154.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  155.                                     </div>
  156.                                 </a>
  157.                             </li>
  158.                             <li class="rank_4">
  159.                                 <a href="/products/detail/358" class="link" tabindex="-1">
  160.                                     <div class="img">
  161.                                         <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  162.                                     </div>
  163.                                     <div class="text_box">
  164.                                         <div class="rank_box">
  165.                                             <div class="icon"></div>
  166.                                             <p class="rank">第<span class="num f_cent">4</span>位</p>
  167.                                         </div>
  168.                                         <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  169.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  170.                                     </div>
  171.                                 </a>
  172.                             </li>
  173.                             <li class="rank_5">
  174.                                 <a href="/products/detail/136" class="link" tabindex="0">
  175.                                     <div class="img">
  176.                                         <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  177.                                     </div>
  178.                                     <div class="text_box">
  179.                                         <div class="rank_box">
  180.                                             <div class="icon"></div>
  181.                                             <p class="rank">第<span class="num f_cent">5</span>位</p>
  182.                                         </div>
  183.                                         <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  184.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  185.                                     </div>
  186.                                 </a>
  187.                             </li>
  188.                         </ul>
  189.                     </div>
  190.                 </div>
  191.                 <div class="tab_contents">
  192.                     <div class="tab_slider_box js_slider_tab">
  193.                         <ul>
  194.                             <li class="rank_1">
  195.                                 <a href="/products/detail/187" class="link" tabindex="-1">
  196.                                     <div class="img">
  197.                                         <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  198.                                     </div>
  199.                                     <div class="text_box">
  200.                                         <div class="rank_box">
  201.                                             <div class="icon"></div>
  202.                                             <p class="rank">第<span class="num f_cent">1</span>位</p>
  203.                                         </div>
  204.                                         <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  205.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  206.                                     </div>
  207.                                 </a>
  208.                             </li>
  209.                             <li class="rank_2">
  210.                                 <a href="/products/detail/202" class="link" tabindex="-1">
  211.                                     <div class="img">
  212.                                         <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  213.                                     </div>
  214.                                     <div class="text_box">
  215.                                         <div class="rank_box">
  216.                                             <div class="icon"></div>
  217.                                             <p class="rank">第<span class="num f_cent">2</span>位</p>
  218.                                         </div>
  219.                                         <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  220.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  221.                                     </div>
  222.                                 </a>
  223.                             </li>
  224.                             <li class="rank_3">
  225.                                 <a href="/products/detail/176" class="link" tabindex="-1">
  226.                                     <div class="img">
  227.                                         <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  228.                                     </div>
  229.                                     <div class="text_box">
  230.                                         <div class="rank_box">
  231.                                             <div class="icon"></div>
  232.                                             <p class="rank">第<span class="num f_cent">3</span>位</p>
  233.                                         </div>
  234.                                         <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  235.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  236.                                     </div>
  237.                                 </a>
  238.                             </li>
  239.                             <li class="rank_4">
  240.                                 <a href="/products/detail/358" class="link" tabindex="-1">
  241.                                     <div class="img">
  242.                                         <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  243.                                     </div>
  244.                                     <div class="text_box">
  245.                                         <div class="rank_box">
  246.                                             <div class="icon"></div>
  247.                                             <p class="rank">第<span class="num f_cent">4</span>位</p>
  248.                                         </div>
  249.                                         <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  250.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  251.                                     </div>
  252.                                 </a>
  253.                             </li>
  254.                             <li class="rank_5">
  255.                                 <a href="/products/detail/136" class="link" tabindex="0">
  256.                                     <div class="img">
  257.                                         <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  258.                                     </div>
  259.                                     <div class="text_box">
  260.                                         <div class="rank_box">
  261.                                             <div class="icon"></div>
  262.                                             <p class="rank">第<span class="num f_cent">5</span>位</p>
  263.                                         </div>
  264.                                         <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  265.                                         <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  266.                                     </div>
  267.                                 </a>
  268.                             </li>
  269.                         </ul>
  270.                     </div>
  271.                 </div>
  272.             </div>
  273.             <div class="tab_contents_box sp">
  274.                 <div class="tab_contents selected cont cont01">
  275.                     <div class="tab_slider_box">
  276.                         <ul>
  277.                             <div class="show_area">
  278.                                 <li class="rank_1">
  279.                                     <div class="rank_box">
  280.                                         <div class="icon"></div>
  281.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  282.                                     </div>
  283.                                     <a href="/products/detail/187" class="link">
  284.                                         <div class="img">
  285.                                             <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  286.                                         </div>
  287.                                         <div class="text_box">
  288.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  289.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  290.                                         </div>
  291.                                     </a>
  292.                                 </li>
  293.                                 <li class="rank_2">
  294.                                     <div class="rank_box">
  295.                                         <div class="icon"></div>
  296.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  297.                                     </div>
  298.                                     <a href="/products/detail/202" class="link">
  299.                                         <div class="img">
  300.                                             <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  301.                                         </div>
  302.                                         <div class="text_box">
  303.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  304.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  305.                                         </div>
  306.                                     </a>
  307.                                 </li>
  308.                                 <li class="rank_3">
  309.                                     <div class="rank_box">
  310.                                         <div class="icon"></div>
  311.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  312.                                     </div>
  313.                                     <a href="/products/detail/176" class="link">
  314.                                         <div class="img">
  315.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  316.                                         </div>
  317.                                         <div class="text_box">
  318.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  319.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  320.                                         </div>
  321.                                     </a>
  322.                                 </li>
  323.                                 <li class="rank_4">
  324.                                     <div class="rank_box">
  325.                                         <div class="icon"></div>
  326.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  327.                                     </div>
  328.                                     <a href="/products/detail/358" class="link">
  329.                                         <div class="img">
  330.                                             <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  331.                                         </div>
  332.                                         <div class="text_box">
  333.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  334.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  335.                                         </div>
  336.                                     </a>
  337.                                 </li>
  338.                                 <li class="rank_5">
  339.                                     <div class="rank_box">
  340.                                         <div class="icon"></div>
  341.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  342.                                     </div>
  343.                                     <a href="/products/detail/136" class="link">
  344.                                         <div class="img">
  345.                                             <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  346.                                         </div>
  347.                                         <div class="text_box">
  348.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  349.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  350.                                         </div>
  351.                                     </a>
  352.                                 </li>
  353.                             </div>
  354.                             <div class="text_hide">
  355.                                 <li class="rank_1">
  356.                                     <div class="rank_box">
  357.                                         <div class="icon"></div>
  358.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  359.                                     </div>
  360.                                     <a href="/products/detail/187" class="link">
  361.                                         <div class="img">
  362.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  363.                                         </div>
  364.                                         <div class="text_box">
  365.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  366.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  367.                                         </div>
  368.                                     </a>
  369.                                 </li>
  370.                                 <li class="rank_2">
  371.                                     <div class="rank_box">
  372.                                         <div class="icon"></div>
  373.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  374.                                     </div>
  375.                                     <a href="/products/detail/202" class="link">
  376.                                         <div class="img">
  377.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  378.                                         </div>
  379.                                         <div class="text_box">
  380.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  381.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  382.                                         </div>
  383.                                     </a>
  384.                                 </li>
  385.                                 <li class="rank_3">
  386.                                     <div class="rank_box">
  387.                                         <div class="icon"></div>
  388.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  389.                                     </div>
  390.                                     <a href="/products/detail/176" class="link">
  391.                                         <div class="img">
  392.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  393.                                         </div>
  394.                                         <div class="text_box">
  395.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  396.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  397.                                         </div>
  398.                                     </a>
  399.                                 </li>
  400.                                 <li class="rank_4">
  401.                                     <div class="rank_box">
  402.                                         <div class="icon"></div>
  403.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  404.                                     </div>
  405.                                     <a href="/products/detail/358" class="link">
  406.                                         <div class="img">
  407.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  408.                                         </div>
  409.                                         <div class="text_box">
  410.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  411.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  412.                                         </div>
  413.                                     </a>
  414.                                 </li>
  415.                                 <li class="rank_5">
  416.                                     <div class="rank_box">
  417.                                         <div class="icon"></div>
  418.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  419.                                     </div>
  420.                                     <a href="/products/detail/136" class="link">
  421.                                         <div class="img">
  422.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  423.                                         </div>
  424.                                         <div class="text_box">
  425.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  426.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  427.                                         </div>
  428.                                     </a>
  429.                                 </li>
  430.                             </div>
  431.                         </ul>
  432.                         <div class="more_view js_more_view"><span class="more">もっと見る</span><span class="close">閉じる</span></div>
  433.                     </div>
  434.                 </div>
  435.                 <div class="tab_contents cont cont02">
  436.                     <div class="tab_slider_box">
  437.                         <ul>
  438.                             <div class="show_area">
  439.                                 <li class="rank_1">
  440.                                     <div class="rank_box">
  441.                                         <div class="icon"></div>
  442.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  443.                                     </div>
  444.                                     <a href="/products/detail/187" class="link">
  445.                                         <div class="img">
  446.                                             <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  447.                                         </div>
  448.                                         <div class="text_box">
  449.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  450.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  451.                                         </div>
  452.                                     </a>
  453.                                 </li>
  454.                                 <li class="rank_2">
  455.                                     <div class="rank_box">
  456.                                         <div class="icon"></div>
  457.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  458.                                     </div>
  459.                                     <a href="/products/detail/202" class="link">
  460.                                         <div class="img">
  461.                                             <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  462.                                         </div>
  463.                                         <div class="text_box">
  464.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  465.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  466.                                         </div>
  467.                                     </a>
  468.                                 </li>
  469.                                 <li class="rank_3">
  470.                                     <div class="rank_box">
  471.                                         <div class="icon"></div>
  472.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  473.                                     </div>
  474.                                     <a href="/products/detail/176" class="link">
  475.                                         <div class="img">
  476.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  477.                                         </div>
  478.                                         <div class="text_box">
  479.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  480.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  481.                                         </div>
  482.                                     </a>
  483.                                 </li>
  484.                                 <li class="rank_4">
  485.                                     <div class="rank_box">
  486.                                         <div class="icon"></div>
  487.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  488.                                     </div>
  489.                                     <a href="/products/detail/358" class="link">
  490.                                         <div class="img">
  491.                                             <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  492.                                         </div>
  493.                                         <div class="text_box">
  494.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  495.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  496.                                         </div>
  497.                                     </a>
  498.                                 </li>
  499.                                 <li class="rank_5">
  500.                                     <div class="rank_box">
  501.                                         <div class="icon"></div>
  502.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  503.                                     </div>
  504.                                     <a href="/products/detail/136" class="link">
  505.                                         <div class="img">
  506.                                             <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  507.                                         </div>
  508.                                         <div class="text_box">
  509.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  510.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  511.                                         </div>
  512.                                     </a>
  513.                                 </li>
  514.                             </div>
  515.                             <div class="text_hide">
  516.                                 <li class="rank_1">
  517.                                     <div class="rank_box">
  518.                                         <div class="icon"></div>
  519.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  520.                                     </div>
  521.                                     <a href="/products/detail/187" class="link">
  522.                                         <div class="img">
  523.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  524.                                         </div>
  525.                                         <div class="text_box">
  526.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  527.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  528.                                         </div>
  529.                                     </a>
  530.                                 </li>
  531.                                 <li class="rank_2">
  532.                                     <div class="rank_box">
  533.                                         <div class="icon"></div>
  534.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  535.                                     </div>
  536.                                     <a href="/products/detail/202" class="link">
  537.                                         <div class="img">
  538.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  539.                                         </div>
  540.                                         <div class="text_box">
  541.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  542.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  543.                                         </div>
  544.                                     </a>
  545.                                 </li>
  546.                                 <li class="rank_3">
  547.                                     <div class="rank_box">
  548.                                         <div class="icon"></div>
  549.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  550.                                     </div>
  551.                                     <a href="/products/detail/176" class="link">
  552.                                         <div class="img">
  553.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  554.                                         </div>
  555.                                         <div class="text_box">
  556.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  557.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  558.                                         </div>
  559.                                     </a>
  560.                                 </li>
  561.                                 <li class="rank_4">
  562.                                     <div class="rank_box">
  563.                                         <div class="icon"></div>
  564.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  565.                                     </div>
  566.                                     <a href="/products/detail/358" class="link">
  567.                                         <div class="img">
  568.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  569.                                         </div>
  570.                                         <div class="text_box">
  571.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  572.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  573.                                         </div>
  574.                                     </a>
  575.                                 </li>
  576.                                 <li class="rank_5">
  577.                                     <div class="rank_box">
  578.                                         <div class="icon"></div>
  579.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  580.                                     </div>
  581.                                     <a href="/products/detail/136" class="link">
  582.                                         <div class="img">
  583.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  584.                                         </div>
  585.                                         <div class="text_box">
  586.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  587.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  588.                                         </div>
  589.                                     </a>
  590.                                 </li>
  591.                             </div>
  592.                         </ul>
  593.                         <div class="more_view js_more_view"><span class="more">もっと見る</span><span class="close">閉じる</span></div>
  594.                     </div>
  595.                 </div>
  596.                 <div class="tab_contents cont cont03">
  597.                     <div class="tab_slider_box">
  598.                         <ul>
  599.                             <div class="show_area">
  600.                                 <li class="rank_1">
  601.                                     <div class="rank_box">
  602.                                         <div class="icon"></div>
  603.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  604.                                     </div>
  605.                                     <a href="/products/detail/187" class="link">
  606.                                         <div class="img">
  607.                                             <img src="/html/user_data/assets/img/common/resize_image1.jpeg" alt="">
  608.                                         </div>
  609.                                         <div class="text_box">
  610.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  611.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  612.                                         </div>
  613.                                     </a>
  614.                                 </li>
  615.                                 <li class="rank_2">
  616.                                     <div class="rank_box">
  617.                                         <div class="icon"></div>
  618.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  619.                                     </div>
  620.                                     <a href="/products/detail/202" class="link">
  621.                                         <div class="img">
  622.                                             <img src="/html/user_data/assets/img/common/resize_image2.jpeg" alt="">
  623.                                         </div>
  624.                                         <div class="text_box">
  625.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  626.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  627.                                         </div>
  628.                                     </a>
  629.                                 </li>
  630.                                 <li class="rank_3">
  631.                                     <div class="rank_box">
  632.                                         <div class="icon"></div>
  633.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  634.                                     </div>
  635.                                     <a href="/products/detail/176" class="link">
  636.                                         <div class="img">
  637.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  638.                                         </div>
  639.                                         <div class="text_box">
  640.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  641.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  642.                                         </div>
  643.                                     </a>
  644.                                 </li>
  645.                                 <li class="rank_4">
  646.                                     <div class="rank_box">
  647.                                         <div class="icon"></div>
  648.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  649.                                     </div>
  650.                                     <a href="/products/detail/358" class="link">
  651.                                         <div class="img">
  652.                                             <img src="/html/user_data/assets/img/common/resize_image4.jpeg" alt="">
  653.                                         </div>
  654.                                         <div class="text_box">
  655.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  656.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  657.                                         </div>
  658.                                     </a>
  659.                                 </li>
  660.                                 <li class="rank_5">
  661.                                     <div class="rank_box">
  662.                                         <div class="icon"></div>
  663.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  664.                                     </div>
  665.                                     <a href="/products/detail/136" class="link">
  666.                                         <div class="img">
  667.                                             <img src="/html/user_data/assets/img/common/resize_image5.jpeg" alt="">
  668.                                         </div>
  669.                                         <div class="text_box">
  670.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  671.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  672.                                         </div>
  673.                                     </a>
  674.                                 </li>
  675.                             </div>
  676.                             <div class="text_hide">
  677.                                 <li class="rank_1">
  678.                                     <div class="rank_box">
  679.                                         <div class="icon"></div>
  680.                                         <p class="rank">第<span class="num f_cent">1</span>位</p>
  681.                                     </div>
  682.                                     <a href="/products/detail/187" class="link">
  683.                                         <div class="img">
  684.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  685.                                         </div>
  686.                                         <div class="text_box">
  687.                                             <h3 class="theme">【スタンド花】おまかせ一段スタンド</h3>
  688.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  689.                                         </div>
  690.                                     </a>
  691.                                 </li>
  692.                                 <li class="rank_2">
  693.                                     <div class="rank_box">
  694.                                         <div class="icon"></div>
  695.                                         <p class="rank">第<span class="num f_cent">2</span>位</p>
  696.                                     </div>
  697.                                     <a href="/products/detail/202" class="link">
  698.                                         <div class="img">
  699.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  700.                                         </div>
  701.                                         <div class="text_box">
  702.                                             <h3 class="theme">【アレンジメント】(大)季節のお花</h3>
  703.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  704.                                         </div>
  705.                                     </a>
  706.                                 </li>
  707.                                 <li class="rank_3">
  708.                                     <div class="rank_box">
  709.                                         <div class="icon"></div>
  710.                                         <p class="rank">第<span class="num f_cent">3</span>位</p>
  711.                                     </div>
  712.                                     <a href="/products/detail/176" class="link">
  713.                                         <div class="img">
  714.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  715.                                         </div>
  716.                                         <div class="text_box">
  717.                                             <h3 class="theme">【スタンド花】おまかせ豪華二段スタンド</h3>
  718.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  719.                                         </div>
  720.                                     </a>
  721.                                 </li>
  722.                                 <li class="rank_4">
  723.                                     <div class="rank_box">
  724.                                         <div class="icon"></div>
  725.                                         <p class="rank">第<span class="num f_cent">4</span>位</p>
  726.                                     </div>
  727.                                     <a href="/products/detail/358" class="link">
  728.                                         <div class="img">
  729.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  730.                                         </div>
  731.                                         <div class="text_box">
  732.                                             <h3 class="theme">おまかせ豪華1段スタンド(ボリュームアップ)</h3>
  733.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  734.                                         </div>
  735.                                     </a>
  736.                                 </li>
  737.                                 <li class="rank_5">
  738.                                     <div class="rank_box">
  739.                                         <div class="icon"></div>
  740.                                         <p class="rank">第<span class="num f_cent">5</span>位</p>
  741.                                     </div>
  742.                                     <a href="/products/detail/136" class="link">
  743.                                         <div class="img">
  744.                                             <img src="/html/user_data/assets/img/common/resize_image3.jpeg" alt="">
  745.                                         </div>
  746.                                         <div class="text_box">
  747.                                             <h3 class="theme">【季節の花束】(大)ワンサイド</h3>
  748.                                             <!-- <p class="cost"><span class="f_cent">¥ 10,000</span>(税込)</p> -->
  749.                                         </div>
  750.                                     </a>
  751.                                 </li>
  752.                             </div>
  753.                         </ul>
  754.                         <div class="more_view js_more_view"><span class="more">もっと見る</span><span class="close">閉じる</span></div>
  755.                     </div>
  756.                 </div>
  757.             </div>
  758.         </div>
  759.         <div class="banner_box">
  760.             <div class="wrap">
  761.                 <ul>
  762.                     <li>
  763.                         <a href="/user_data/page_map" class="link">
  764.                             <img src="/html/user_data/assets/img/common/banner_area.png" alt="配達エリア拡大中">
  765.                         </a>
  766.                     </li>
  767.                     <li>
  768.                         <a href="https://biotop.ne.jp/blog/" target="_blank" class="link">
  769.                             <img src="/html/user_data/assets/img/common/banner_blog.png" alt="Biotop × Blog">
  770.                         </a>
  771.                     </li>
  772.                 </ul>
  773.             </div>
  774.         </div>
  775.     </section>
  776. </section>