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

Open in your IDE?
  1. <!--{*
  2.  * This file is part of EC-CUBE
  3.  *
  4.  * Copyright(c) 2000-2013 LOCKON CO.,LTD. All Rights Reserved.
  5.  *
  6.  * http://www.lockon.co.jp/
  7.  *
  8.  * This program is free software; you can redistribute it and/or
  9.  * modify it under the terms of the GNU General Public License
  10.  * as published by the Free Software Foundation; either version 2
  11.  * of the License, or (at your option) any later version.
  12.  *
  13.  * This program is distributed in the hope that it will be useful,
  14.  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  15.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.    See the
  16.  * GNU General Public License for more details.
  17.  *
  18.  * You should have received a copy of the GNU General Public License
  19.  * along with this program; if not, write to the Free Software
  20.  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA    02111-1307, USA.
  21.  *}-->
  23. <!-- Google Tag Manager (noscript) -->
  24. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSBPGVF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  25. <!-- End Google Tag Manager (noscript) -->
  27. <!--▼HEADER-->
  28. <!--{strip}-->
  30. <div class="sp">
  32.     <header id="sp_header">
  33.         <div class="hd_top">
  34.             <div class="wrap">
  35.                 <p class="hd_theme">ビオトープ・大阪のお花屋さん　株式会社<span class="en f_cent">umbrella</span></p>
  36.                 <div class="logo_box">
  37.                     <div class="logo">
  38.                         <a href="/">
  39.                             <img src="/html/user_data/assets/img/common/logo_img.png" alt="biotop flower shop">
  40.                         </a>
  41.                     </div>
  42.                     <div class="icon_box">
  43.                         <div class="icon musi js_search_btn">
  44.                             <a>
  45.                                 <svg viewBox="0 0 22.092 22.107">
  46.                                     <g transform="translate(-0.169)">
  47.                                         <path d="M13.636,2.308a7.891,7.891,0,1,0,0,11.16A7.9,7.9,0,0,0,13.636,2.308Zm-1.1,10.064a6.341,6.341,0,1,1,0-8.968A6.342,6.342,0,0,1,12.541,12.372Z" transform="translate(0)" fill="#07913a" />
  48.                                         <path d="M78.932,110.134a4.944,4.944,0,0,0-.316,5.6.282.282,0,1,0,.481-.293,4.382,4.382,0,0,1,.279-4.96.282.282,0,0,0-.444-.347Z" transform="translate(-74.37 -105.276)" fill="#07913a" />
  49.                                         <path d="M321.442,319.079l-5.727-5.578a.8.8,0,0,0-1.123.008l-.908.908a.8.8,0,0,0-.007,1.122l5.578,5.727a1.424,1.424,0,0,0,2.242.085A1.453,1.453,0,0,0,321.442,319.079Z" transform="translate(-299.755 -299.748)" fill="#07913a" />
  50.                                     </g>
  51.                                 </svg>
  52.                             </a>
  53.                         </div>
  54.                         <div class="icon">
  55.                             <a href="/mypage/">
  57.                                 {% if app.user %}
  58.                                 <!-- ログインしている場合の表示内容 -->
  59.                                 <svg viewBox="0 0 20.514 23.933">
  60.                                     <g transform="translate(-6 -3)">
  61.                                         <g transform="translate(6 3)">
  62.                                             <path d="M19.268,3a6.268,6.268,0,1,0,6.268,6.268A6.268,6.268,0,0,0,19.268,3Z" transform="translate(-9.011 -3)" fill="#9db6c3" />
  63.                                             <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Zm-17.1-2.279H24.235V33.445a15.671,15.671,0,0,0-7.978-2.165,16.184,16.184,0,0,0-7.978,2.108Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  64.                                             <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  65.                                         </g>
  66.                                     </g>
  67.                                 </svg>
  68.                                 {% else %}
  69.                                 <!-- ログインしていない場合の表示内容 -->
  70.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  71.                                     <path d="M237.61,331.547,271.554,365.5l75.556-75.554L381.054,256,347.11,222.054,271.554,146.5,237.61,180.453,289.164,232H0v48H289.164Z" fill="#9db6c3" />
  72.                                     <path d="M464,0H96V160h64V64H448V448H160V352H96V512H512V0Z" fill="#9db6c3" />
  73.                                 </svg>
  74.                                 {% endif %}
  75.                             </a>
  76.                         </div>
  77.                         <div class="icon">
  78.                             <a href="/cart/">
  79.                                 <svg viewBox="0 0 20.514 22.588">
  80.                                     <g transform="translate(-2 -1.997)">
  81.                                         <g transform="translate(2 1.997)">
  82.                                             <path d="M6.1,17.616v-3.59A1.026,1.026,0,0,0,5.077,13H3.026a1.026,1.026,0,0,0,0,2.051H4.051v3.077a.359.359,0,0,0,.051.256,9.129,9.129,0,0,0,2.051,5.128,3.333,3.333,0,1,0,4.564,3.077v-.1a10.667,10.667,0,0,0,2.564.359,10.667,10.667,0,0,0,2.564-.359v.1a3.333,3.333,0,1,0,4.564-3.077,9.231,9.231,0,0,0,2.1-5.9ZM7.385,27.873A1.282,1.282,0,1,1,8.667,26.59a1.282,1.282,0,0,1-1.282,1.282Zm11.8,0a1.282,1.282,0,1,1,1.282-1.282,1.282,1.282,0,0,1-1.282,1.282Z" transform="translate(-2 -7.357)" fill="#9db6c3" />
  83.                                             <path d="M25.18,2h-.154A.974.974,0,0,0,24,2.922V10.2h9.231C33.231,6,29.693,2.511,25.18,2Z" transform="translate(-12.717 -1.997)" fill="#9db6c3" />
  84.                                         </g>
  85.                                     </g>
  86.                                 </svg>
  87.                                 <p class="sp_cart_num f_cent"></p>
  88.                             </a>
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.         <div class="hd_bottom">
  95.             <div class="wrap">
  96.                 <div class="box">
  97.                     <div class="icon">
  98.                         <svg viewBox="0 0 40.907 27.776">
  99.                             <g transform="translate(0 -82.175)">
  100.                                 <path d="M225.576,82.175H202.824a1.046,1.046,0,0,0-1.015,1.075V99.283a1.045,1.045,0,0,0,1.015,1.073h22.752a1.045,1.045,0,0,0,1.015-1.073V83.25A1.046,1.046,0,0,0,225.576,82.175Z" transform="translate(-185.685 0)" fill="#9db6c3" />
  101.                                 <path d="M69.941,354.37a3.019,3.019,0,1,0,2.849,3.014A2.936,2.936,0,0,0,69.941,354.37Z" transform="translate(-61.729 -250.448)" fill="#9db6c3" />
  102.                                 <path d="M40.061,150.973H15.776a.873.873,0,0,1-.847-.9V136.709a.871.871,0,0,0-.847-.9H6.369a.828.828,0,0,0-.649.322L.2,143.145a.923.923,0,0,0-.2.572v9.363a.872.872,0,0,0,.846.895H5.1a3.681,3.681,0,0,1,6.219,0h17.37a3.68,3.68,0,0,1,6.218,0h5.151a.872.872,0,0,0,.846-.895v-1.212A.872.872,0,0,0,40.061,150.973ZM3.092,144.429v-.619a.962.962,0,0,1,.195-.583l3.525-4.591a.856.856,0,0,1,.677-.341h3.454a.9.9,0,0,1,.874.922v5.212a.9.9,0,0,1-.874.922H3.964A.9.9,0,0,1,3.092,144.429Z" transform="translate(0 -49.353)" fill="#9db6c3" />
  103.                                 <path d="M365.2,354.37a3.019,3.019,0,1,0,2.85,3.014A2.935,2.935,0,0,0,365.2,354.37Z" transform="translate(-333.396 -250.448)" fill="#9db6c3" />
  104.                             </g>
  105.                         </svg>
  106.                     </div>
  107.                     <p class="name"><span class="yellow">当日配達</span>可能・最速<span class="num f_cent">1</span>時間でお届け可能！</p>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <div class="js_free_search free_sec">
  112.             <div class="form_box">
  113.                 <form name="search_form" action="/products/list" method="get">
  114.                     <input type="text" name="name" class="free" placeholder="ここにフリーワードを入力" value="">
  115.                     <input type="submit" class="btn_icon" value="">
  116.                 </form>
  117.             </div>
  118.         </div>
  119.     </header>
  121.     <div class="hamburger">
  122.         <span></span>
  123.         <span></span>
  124.         <span></span>
  125.     </div>
  127.     <nav class="globalMenuSp">
  128.         <div class="inner">
  129.             <div class="text_box">
  130.                 <p class="ham_theme">ビオトープ・大阪のお花屋さん</p>
  131.                 <p class="name">株式会社 <span class="en f_cent">umbrella</span></p>
  132.                 <div class="tel_box">
  133.                     <a href="tel:06-6313-8787" class="f_cent">Tel: <span class="num">06-6313-8787</span></a>
  134.                     <a href="tel:06-6313-9393" class="f_cent">Fax: <span class="num">06-6313-9393</span></a>
  135.                 </div>
  136.             </div>
  137.             <div class="link_btn">
  138.                 <div class="btn_box">
  139.                     <a href="/mypage/" class="btn">
  140.                         {% if app.user %}
  141.                         <!-- ログインしている場合の表示内容 -->
  142.                         <div class="icon">
  143.                             <svg viewBox="0 0 20.514 23.933">
  144.                                 <g transform="translate(-6 -3)">
  145.                                     <g transform="translate(6 3)">
  146.                                         <path d="M19.268,3a6.268,6.268,0,1,0,6.268,6.268A6.268,6.268,0,0,0,19.268,3Z" transform="translate(-9.011 -3)" fill="#9db6c3" />
  147.                                         <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Zm-17.1-2.279H24.235V33.445a15.671,15.671,0,0,0-7.978-2.165,16.184,16.184,0,0,0-7.978,2.108Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  148.                                         <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  149.                                     </g>
  150.                                 </g>
  151.                             </svg>
  152.                         </div>
  153.                         <p class="nam">マイページ</p>
  154.                         {% else %}
  155.                         <!-- ログインしていない場合の表示内容 -->
  156.                         <div class="icon">
  157.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  158.                                 <path d="M237.61,331.547,271.554,365.5l75.556-75.554L381.054,256,347.11,222.054,271.554,146.5,237.61,180.453,289.164,232H0v48H289.164Z" fill="#9db6c3" />
  159.                                 <path d="M464,0H96V160h64V64H448V448H160V352H96V512H512V0Z" fill="#9db6c3" />
  160.                             </svg>
  161.                         </div>
  162.                         <p class="nam">ログインはコチラ</p>
  163.                         {% endif %}
  164.                     </a>
  165.                 </div>
  166.                 <div class="btn_box">
  167.                     <a href="/cart/" class="btn">
  168.                         <div class="icon">
  169.                             <svg viewBox="0 0 20.514 22.588">
  170.                                 <g transform="translate(-2 -1.997)">
  171.                                     <g transform="translate(2 1.997)">
  172.                                         <path d="M6.1,17.616v-3.59A1.026,1.026,0,0,0,5.077,13H3.026a1.026,1.026,0,0,0,0,2.051H4.051v3.077a.359.359,0,0,0,.051.256,9.129,9.129,0,0,0,2.051,5.128,3.333,3.333,0,1,0,4.564,3.077v-.1a10.667,10.667,0,0,0,2.564.359,10.667,10.667,0,0,0,2.564-.359v.1a3.333,3.333,0,1,0,4.564-3.077,9.231,9.231,0,0,0,2.1-5.9ZM7.385,27.873A1.282,1.282,0,1,1,8.667,26.59a1.282,1.282,0,0,1-1.282,1.282Zm11.8,0a1.282,1.282,0,1,1,1.282-1.282,1.282,1.282,0,0,1-1.282,1.282Z" transform="translate(-2 -7.357)" fill="#eb8bb4" />
  173.                                         <path d="M25.18,2h-.154A.974.974,0,0,0,24,2.922V10.2h9.231C33.231,6,29.693,2.511,25.18,2Z" transform="translate(-12.717 -1.997)" fill="#eb8bb4" />
  174.                                     </g>
  175.                                 </g>
  176.                             </svg>
  177.                         </div>
  178.                         <p class="nam">お買い物カート</p>
  179.                     </a>
  180.                 </div>
  181.             </div>
  182.             <div class="sns_box">
  183.                 <div class="box line">
  184.                     <a href="https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726">
  185.                         <svg viewBox="0 0 36 36">
  186.                             <defs>
  187.                                 <clipPath>
  188.                                     <rect fill="none" />
  189.                                 </clipPath>
  190.                             </defs>
  191.                             <g transform="translate(0 0.389)">
  192.                                 <g transform="translate(0 -0.389)" clip-path="url(#clip-path)">
  193.                                     <path d="M28.158,35.946H7.788A7.788,7.788,0,0,1,0,28.158V7.788A7.788,7.788,0,0,1,7.788,0H28.158a7.788,7.788,0,0,1,7.788,7.788V28.158a7.788,7.788,0,0,1-7.788,7.788" transform="translate(0 0.489)" fill="#00b900" />
  194.                                     <path d="M42.289,29.888c0-5.856-5.871-10.621-13.088-10.621S16.114,24.032,16.114,29.888c0,5.25,4.656,9.647,10.946,10.479.426.092,1.006.281,1.153.645a2.691,2.691,0,0,1,.042,1.184s-.153.923-.187,1.12c-.057.331-.263,1.294,1.133.705s7.537-4.438,10.283-7.6h0a9.449,9.449,0,0,0,2.805-6.535" transform="translate(-11.287 -13.007)" fill="#fff" />
  195.                                     <path d="M48.185,45.276h-.918a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-32.93 -31.225)" fill="#00b900" />
  196.                                     <path d="M59.93,45.276h-.918a.255.255,0,0,0-.255.255v3.388l-2.614-3.529a.282.282,0,0,0-.02-.026l0,0-.016-.016,0,0-.014-.011-.007-.005-.013-.009-.008,0-.013-.008-.008,0-.015-.006-.008,0L56,45.286l-.009,0-.015,0-.01,0-.013,0h-.94a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254V47.846L58.8,51.38a.252.252,0,0,0,.065.063l0,0,.016.01.007,0,.012.006.012.005.007,0,.017.005h0a.245.245,0,0,0,.065.009h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-38.356 -31.225)" fill="#00b900" />
  197.                                     <path d="M34.369,50.059H31.875V45.53a.255.255,0,0,0-.255-.255H30.7a.255.255,0,0,0-.255.255v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.253.253,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255" transform="translate(-21.327 -31.224)" fill="#00b900" />
  198.                                     <path d="M79.774,46.7a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H76.107a.254.254,0,0,0-.177.072l0,0,0,0a.255.255,0,0,0-.071.176h0v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.254.254,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V49.1h2.494a.254.254,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V46.7Z" transform="translate(-53.131 -31.225)" fill="#00b900" />
  199.                                 </g>
  200.                             </g>
  201.                         </svg>
  202.                     </a>
  203.                 </div>
  204.                 <div class="box contact">
  205.                     <a href="/contact">
  206.                         <svg viewBox="0 0 24.483 19.867">
  207.                             <g data-name="無料の紙飛行機アイコン (1)" transform="translate(0 -48.27)">
  208.                                 <path data-name="パス 16670" d="M121.71,339.859l4.282-3.309-4.282-2.912Z" transform="translate(-115.89 -271.722)" />
  209.                                 <path data-name="パス 16671" d="M0,56.3l5.879,4.262,16.4-10.483L7.3,61.589l8.756,6.348L24.483,48.27Z" />
  210.                             </g>
  211.                         </svg>
  212.                     </a>
  213.                 </div>
  214.                 <div class="box insta">
  215.                     <a href="https://www.instagram.com/biotop.official/?ref=badge" target="_blank">
  216.                         <img src="/html/user_data/assets/img/common/icon_insta.png" alt="公式インスタグラムはこちら">
  217.                     </a>
  218.                 </div>
  219.             </div>
  220.             <div class="scroll_sec">
  221.                 <div class="scroll_box">
  222.                     <ul>
  223.                         <li>
  224.                             <p class="link_cont switchHat">商品一覧カテゴリー</p>
  225.                             <div class="list_sec switchDetail">
  226.                                 <div class="list">
  227.                                     <a href="/products/list?category_id=54" class="link">新商品</a>
  228.                                 </div>
  229.                                 <div class="list">
  230.                                     <a href="/products/list?category_id=23" class="link">フラワースタンド</a>
  231.                                 </div>
  232.                                 <div class="list">
  233.                                     <a href="/products/list?category_id=24" class="link">バルーンスタンド</a>
  234.                                 </div>
  235.                                 <div class="list">
  236.                                     <a href="/products/list?category_id=20" class="link">胡蝶蘭</a>
  237.                                 </div>
  238.                                 <div class="list">
  239.                                     <a href="/products/list?category_id=19" class="link">観葉植物</a>
  240.                                 </div>
  241.                                 <div class="list">
  242.                                     <a href="/user_data/ordermade" class="link">オーダーメイド</a>
  243.                                 </div>
  244.                                 <div class="list">
  245.                                     <a href="/products/list?category_id=25" class="link">フラワーアレンジメント</a>
  246.                                 </div>
  247.                                 <div class="list">
  248.                                     <a href="/products/list?category_id=26" class="link">バルーン&ぬいぐるみアレンジメント</a>
  249.                                 </div>
  250.                                 <div class="list">
  251.                                     <a href="/products/list?category_id=28" class="link">花束(フラワーブーケ)</a>
  252.                                 </div>
  253.                                 <div class="list">
  254.                                     <a href="/products/list?category_id=27" class="link">バルーン&ぬいぐるみ花束</a>
  255.                                 </div>
  256.                                 <div class="list">
  257.                                     <a href="/products/list?category_id=75" class="link">推し活フラワーバルーン</a>
  258.                                 </div>
  259.                                 <div class="list">
  260.                                     <a href="/products/list?category_id=58" class="link">メモリアルフラワー</a>
  261.                                 </div>
  262.                                 <div class="list">
  263.                                     <a href="/products/list?category_id=66" class="link">ラグジュアリーフラワー</a>
  264.                                 </div>
  265.                                 <div class="list">
  266.                                     <a href="/products/list?category_id=30" class="link">バラ</a>
  267.                                 </div>
  268.                                 <div class="list">
  269.                                     <a href="/user_data/surprise" class="link">サプライズ装飾・ホテル装飾</a>
  270.                                 </div>
  271.                                 <div class="list">
  272.                                     <a href="/products/list?category_id=18" class="link">バルーン装飾</a>
  273.                                 </div>
  274.                                 <div class="list">
  275.                                     <a href="/products/list?category_id=17" class="link">シャンパンタワー</a>
  276.                                 </div>
  277.                                 <div class="list">
  278.                                     <a href="/products/list?category_id=15" class="link">アーチ</a>
  279.                                 </div>
  280.                                 <div class="list">
  281.                                     <a href="/products/list?category_id=34" class="link">シャボンフラワー</a>
  282.                                 </div>
  283.                                 <div class="list">
  284.                                     <a href="/products/list?category_id=14" class="link">プリザーブドフラワー</a>
  285.                                 </div>
  286.                                 <div class="list">
  287.                                     <a href="/products/list?category_id=37" class="link">ボックスフラワー</a>
  288.                                 </div>
  289.                                 <div class="list">
  290.                                     <a href="/products/list?category_id=32" class="link">ローズベア</a>
  291.                                 </div>
  292.                                 <div class="list">
  293.                                     <a href="/products/list?category_id=69" class="link">金額調整オプション</a>
  294.                                 </div>
  295.                             </div>
  296.                         </li>
  297.                         <!-- <li>
  298.                                 <p class="link_cont switchHat">商品ランキング</p>
  299.                                 <div class="list_sec switchDetail">
  300.                                     <div class="list">
  301.                                         <a href="/products/detail?product_id=176" class="link">【スタンド花】おまかせ豪華二段スタンド</a>
  302.                                     </div>
  303.                                     <div class="list">
  304.                                         <a href="/products/detail?product_id=202" class="link">【アレンジメント】(大)季節のお花</a>
  305.                                     </div>
  306.                                     <div class="list">
  307.                                         <a href="/products/detail?product_id=187" class="link">【スタンド花】おまかせ一段スタンド</a>
  308.                                     </div>
  309.                                     <div class="list">
  310.                                         <a href="/products/detail?product_id=358" class="link">おまかせ豪華1段スタンド(ボリュームアップ)</a>
  311.                                     </div>
  312.                                     <div class="list">
  313.                                         <a href="/products/detail?product_id=163" class="link">おまかせモダンスタンド(ボリュームアップ)</a>
  314.                                     </div>
  315.                                 </div>
  316.                             </li> -->
  317.                         <li>
  318.                             <a href="/user_data/original3" class="link_cont">立て札制作</a>
  319.                         </li>
  320.                         <!-- <li>
  321.                                 <a href="" class="link_cont">画像配信サービス</a>
  322.                             </li>
  323.                             <li>
  324.                                 <a href="" class="link_cont">無料回収サービス</a>
  325.                             </li> -->
  326.                         <li>
  327.                             <a href="/user_data/surprise" class="link_cont">サプライズ装飾ギャラリー</a>
  328.                         </li>
  329.                         <li>
  330.                             <a href="/user_data/oshikatsu" class="link_cont">推し活用推し花・フラスタ</a>
  331.                         </li>
  332.                         <!-- <li>
  333.                                 <a href="/products/list?category_id=53" class="link_cont">お花の福利厚生</a>
  334.                             </li> -->
  335.                         <li>
  336.                             <a href="/user_data/original19" class="link_cont">FAX注文用紙</a>
  337.                         </li>
  338.                         <li>
  339.                             <a href="/html/user_data/assets/img/common/payment_data.xlsx" class="link_cont">後払い決済申請用紙</a>
  340.                         </li>
  341.                         <li>
  342.                             <a href="/contact" class="link_cont">カタログ請求</a>
  343.                         </li>
  344.                         <li>
  345.                             <a href="/user_data/page_map" class="link_cont">配達可能エリア</a>
  346.                         </li>
  347.                         <!-- <li>
  348.                                 <a href="" class="link_cont">お知らせ</a>
  349.                             </li> -->
  350.                         <li>
  351.                             <a href="https://biotop.ne.jp/blog/" target="_blank" class="link_cont">スタッフブログ</a>
  352.                         </li>
  353.                         <li>
  354.                             <a href="/user_data/store_overview" class="link_cont">biotopについて</a>
  355.                         </li>
  356.                         <li>
  357.                             <a href="/user_data/store_info" class="link_cont">店舗情報</a>
  358.                         </li>
  359.                         <li>
  360.                             <a href="/user_data/business" class="link_cont">法人様向け</a>
  361.                         </li>
  362.                         <li>
  363.                             <a href="/user_data/phalaenopsis" class="link_cont">胡蝶蘭の値段や相場</a>
  364.                         </li>
  365.                         <li>
  366.                             <a href="/user_data/company" class="link_cont">会社概要</a>
  367.                         </li>
  368.                         <li>
  369.                             <a href="https://flowerjob.jp/" target="_blank" class="link_cont">採用情報</a>
  370.                         </li>
  371.                         <li>
  372.                             <p class="link_cont switchHat">店舗情報一覧</p>
  373.                             <div class="list_sec switchDetail">
  374.                                 <div class="list">
  375.                                     <a href="/user_data/store_info#shop-info01" class="link">biotop 梅田店</a>
  376.                                 </div>
  377.                                 <div class="list">
  378.                                     <a href="/user_data/store_info#shop-info02" class="link">biotop 心斎橋店</a>
  379.                                 </div>
  380.                                 <div class="list">
  381.                                     <a href="/user_data/store_info#shop-info03" class="link">biotop 北新地店</a>
  382.                                 </div>
  383.                                 <div class="list">
  384.                                     <a href="/user_data/store_info#shop-info04" class="link">biotop 阪神尼崎店</a>
  385.                                 </div>
  386.                                 <div class="list">
  387.                                     <a href="/user_data/store_info#shop-info05" class="link">biotop 堺東店</a>
  388.                                 </div>
  389.                                 <div class="list">
  390.                                     <a href="/user_data/store_info#shop-info06" class="link">biotop 南船場店</a>
  391.                                 </div>
  392.                                 <div class="list">
  393.                                     <a href="/user_data/store_info#shop-info07" class="link">biotop 広島店</a>
  394.                                 </div>
  395.                                 <div class="list">
  396.                                     <a href="/user_data/store_info#shop-info08" class="link">biotop 名古屋店</a>
  397.                                 </div>
  398.                             </div>
  399.                         </li>
  400.                     </ul>
  401.                 </div>
  402.             </div>
  403.         </div>
  404.     </nav>
  406. </div>
  408. <div class="pc">
  409.     <header id="header">
  410.         <div class="hd_box">
  411.             <div class="side_bar_box">
  412.                 <div class="bar_box">
  413.                     <a href="/" class="logo">
  414.                         <img src="/html/user_data/assets/img/common/logo_img.png" alt="biotop">
  415.                     </a>
  416.                     <p class="side_theme">ビオトープ・大阪のお花屋さん<br><span class="big">株式会社umbrella</span></p>
  417.                     <div class="search_sec_box common_search_box">
  418.                         <div class="category_box">
  419.                             <div class="search_name_box">
  420.                                 <div class="icon">
  421.                                     <svg viewBox="0 0 17.695 20">
  422.                                         <defs>
  423.                                             <clipPath>
  424.                                                 <rect width="17.695" height="20" fill="#e6468a" />
  425.                                             </clipPath>
  426.                                         </defs>
  427.                                         <g clip-path="url(#clip-path)">
  428.                                             <path d="M373.134,385.984a8.657,8.657,0,0,0,.943-.817,6.545,6.545,0,0,0,.4-.775,1.9,1.9,0,0,1,.548-.62c.4-.237.857-.378,1.279-.581a1,1,0,0,0,.528-1.41.786.786,0,0,1,.215-1.109,2.243,2.243,0,0,0,.641-2.451l.091-.11c.3.136.611.26.908.41.348.176.554.414.394.853a1.078,1.078,0,0,0,.012.577,3.173,3.173,0,0,1-.443,2.371,3.331,3.331,0,0,0-.686,1.833.416.416,0,0,1-.141.247q-.817.85-1.644,1.691a1.821,1.821,0,0,1-2.255.291c-.26-.118-.509-.26-.787-.4" transform="translate(-363.75 -368.604)" fill="#e6468a" />
  429.                                             <path d="M225.4,215.441a1.319,1.319,0,0,1-.741-.86,1.9,1.9,0,0,0-.589-.8,20.726,20.726,0,0,0-1.747-1.594,4.5,4.5,0,0,0-1.209-.565c-.959-.356-1.929-.686-2.9-1.028a1.528,1.528,0,0,1,1.736-.835,1.456,1.456,0,0,0,1.424-.135,1.614,1.614,0,0,1,2.16.614,1.823,1.823,0,0,0,1.107,1.064,2.035,2.035,0,0,1,1.273,1.618,2.521,2.521,0,0,1-.515,2.518" transform="translate(-212.729 -204.174)" fill="#e6468a" />
  430.                                             <path d="M135.655,4.285l.532.258.551-1.867.481.4,1.054-2.1.317.575c.187-.2.3-.34.434-.464a8.378,8.378,0,0,1,1.03-.946c.44-.3.757-.118.771.414s-.057,1.061-.068,1.592c0,.115.1.229.144.348a.482.482,0,0,1,.039.242c-.068.316-.155.628-.231.943-.023.093-.082.225-.042.277.132.173.289.34.06.522a2.531,2.531,0,0,1-.825.528,5.586,5.586,0,0,1-1.256.1,2.786,2.786,0,0,0-1.635.508,1.058,1.058,0,0,1-.822.192.857.857,0,0,1-.534-.9c.008-.177,0-.355,0-.62" transform="translate(-132.24 0)" fill="#07913a" />
  431.                                             <path d="M4.679,275.942a2.747,2.747,0,0,1-.5.7A2.216,2.216,0,0,0,3.3,279.25a.522.522,0,0,1,0,.143.433.433,0,0,1-.039.09c-.616-.084-.684.337-.661.813.05,1.029.109,2.058.167,3.087.005.1.033.191.035.286,0,.042-.037.086-.117.256-.572-.447-1.143-.848-1.65-1.319a1.12,1.12,0,0,1-.169-.727c-.01-.835,0-.834-.77-1.171-.069-.03-.127-.086-.089-.06.234-.59.417-1.144.669-1.664.263-.544.595-1.055.89-1.584a1.051,1.051,0,0,0,.16-.383,1.354,1.354,0,0,1,1.177-1.292,2.209,2.209,0,0,1,1.772.217" transform="translate(0 -268.704)" fill="#e6468a" />
  432.                                             <path d="M134.552,454.127c-.272.252-.526.527-.82.75-.331.253-.71.442-1.045.69a1.376,1.376,0,0,1-1.192.24c-.409-.092-.828-.146-1.236-.241-.141-.033-.378-.141-.377-.214.005-.639-.478-.962-.879-1.265a3.028,3.028,0,0,1-1.13-2.273,12.334,12.334,0,0,1-.032-1.843c.022-.478.194-.583.623-.424a7.459,7.459,0,0,1,1.229.561.755.755,0,0,1,.233.53,1.4,1.4,0,0,1-.131.562c-.475,1.313.584,2.031,1.634,2.175a1.139,1.139,0,0,1,.709.352,1,1,0,0,0,.95.46c.46-.038.917-.108,1.376-.164l.088.1" transform="translate(-124.608 -438.174)" fill="#e6468a" />
  433.                                             <path d="M73.844,614.409a3.435,3.435,0,0,1-.8.667,22.972,22.972,0,0,1-2.613.862,1.7,1.7,0,0,1-.917-.207c-.346-.136-.617-.171-.808.219a.288.288,0,0,1-.513.085,5.47,5.47,0,0,1-.879-.953,8.63,8.63,0,0,0-1.636-2.327.859.859,0,0,1-.3-.43,4.118,4.118,0,0,1-.017-.788,1.871,1.871,0,0,1,.632.112q1.212.716,2.383,1.5c.118.079.151.3.2.467a.8.8,0,0,0,.959.671c.643-.024,1.289.019,1.934.014a1.115,1.115,0,0,0,.562-.115c.631-.4,1.166-.125,1.814.221" transform="translate(-63.707 -596.158)" fill="#e6468a" />
  434.                                             <path d="M467.961,199.189c.486-.852.865-1.07,1.18-.75.437,0,.667-.872,1.247-.244a1.75,1.75,0,0,1,.421-.218,2.8,2.8,0,0,1,.76-.072c.613.041,1.225.1,1.834.181.549.073.576.142.353.65a1.324,1.324,0,0,1-.2.384c-.515.547-1.044,1.081-1.568,1.619-.056.057-.108.118-.094.1,0,.231.055.47-.01.508-.269.16-.488.515-.891.306-.51-.264-1.045-.45-1.277-1.095-.1-.265-.517-.41-.786-.616-.328-.251-.651-.509-.966-.756" transform="translate(-456.192 -192.924)" fill="#07913a" />
  435.                                             <path d="M307.992,373.821c.879.205,1.428-.47,2.093-.809a1.157,1.157,0,0,0,.387-1.544c-.173-.366-.316-.747-.5-1.1a1.42,1.42,0,0,1,.118-1.408,3.216,3.216,0,0,1,1.461,1.295,5.639,5.639,0,0,0,.766.97,1.459,1.459,0,0,1,.219.424c.076.23.121.47.181.705.25.972.243.958-.655,1.393-.374.181-.7.449-1.066.658a7.9,7.9,0,0,1-1.192.634c-.959.353-1.664-.125-1.807-1.213" transform="translate(-300.246 -359.676)" fill="#e6468a" />
  436.                                             <path d="M160.107,286.314l.066-.63c1.009.288,1.963.58,2.928.825a.8.8,0,0,1,.681.858c0,.493,0,.986,0,1.63a5.48,5.48,0,0,1-.67-.513,1.524,1.524,0,0,0-2.335.05c-.362.426-.69.881-1.106,1.417-.308-.355-.757-.637-.8-.974a2.272,2.272,0,0,1,.583-2.358,3.4,3.4,0,0,1,.656-.3" transform="translate(-154.796 -278.499)" fill="#e6468a" />
  437.                                             <path d="M228,418.451a1.035,1.035,0,0,1-.174.219,1.448,1.448,0,0,0-.715,1.575c0,.016.011.037,0,.048a1.876,1.876,0,0,0,.051,1.876c.029.065-.152.324-.217.317-.429-.046-.882-.07-1.135-.522a1.093,1.093,0,0,1,.09-1.175.749.749,0,0,0,.042-.526c-.059-.211-.328-.433-.284-.586a2.476,2.476,0,0,1,.512-.85,1.956,1.956,0,0,1,1.827-.375" transform="translate(-219.983 -407.845)" fill="#e6468a" />
  438.                                             <path d="M305.924,461.546c.68.082,1.283.153,1.541-.624.523.907.268,1.587-.611,1.8-.094.023-.164.139-.259.171a1.07,1.07,0,0,1-.523.105.463.463,0,0,1-.243-.364,10.108,10.108,0,0,1,.1-1.088" transform="translate(-298.137 -449.33)" fill="#e6468a" />
  439.                                             <path d="M309.778,433.56c-.037-.1-.136-.251-.1-.3a2.489,2.489,0,0,1,.591-.641c.068-.045.4.169.483.33s.1.467-.3.389a2.01,2.01,0,0,0-.546.044l-.128.178" transform="translate(-301.883 -421.732)" fill="#e6468a" />
  440.                                         </g>
  441.                                     </svg>
  442.                                 </div>
  443.                                 <p class="name">商品カテゴリーからお花を探す</p>
  444.                             </div>
  445.                             <div class="select_box">
  446.                                 <select name="select" onChange="location.href=value;">
  447.                                     <option value="選択してください">選択してください</option>
  448.                                     <option value="/products/list?category_id=54">新商品</option>
  449.                                     <option value="/products/list?category_id=23">フラワースタンド</option>
  450.                                     <option value="/products/list?category_id=24">バルーンスタンド</option>
  451.                                     <option value="/products/list?category_id=20">胡蝶蘭</option>
  452.                                     <option value="/products/list?category_id=19">観葉植物</option>
  453.                                     <option value="/user_data/ordermade">オーダーメイド</option>
  454.                                     <option value="/products/list?category_id=25">フラワーアレンジメント</option>
  455.                                     <option value="/products/list?category_id=26">バルーン&ぬいぐるみアレンジメント</option>
  456.                                     <option value="/products/list?category_id=28">花束(フラワーブーケ)</option>
  457.                                     <option value="/products/list?category_id=27">バルーン&ぬいぐるみ花束</option>
  458.                                     <option value="/products/list?category_id=75">推し活フラワーバルーン</option>
  459.                                     <option value="/products/list?category_id=58">メモリアルフラワー</option>
  460.                                     <option value="/products/list?category_id=66">ラグジュアリーフラワー</option>
  461.                                     <option value="/products/list?category_id=30">バラ</option>
  462.                                     <option value="/user_data/surprise">サプライズ装飾・ホテル装飾</option>
  463.                                     <option value="/products/list?category_id=18">バルーン装飾</option>
  464.                                     <option value="/products/list?category_id=17">シャンパンタワー</option>
  465.                                     <option value="/products/list?category_id=15">アーチ</option>
  466.                                     <option value="/products/list?category_id=34">シャボンフラワー</option>
  467.                                     <option value="/products/list?category_id=14">プリザーブドフラワー</option>
  468.                                     <option value="/products/list?category_id=37">ボックスフラワー</option>
  469.                                     <option value="/products/list?category_id=32">ローズベア</option>
  470.                                     <option value="/products/list?category_id=69">金額調整オプション</option>
  471.                                 </select>
  472.                             </div>
  473.                         </div>
  474.                         <div class="category_box">
  475.                             <div class="search_name_box">
  476.                                 <div class="icon">
  477.                                     <svg viewBox="0 0 17.695 20">
  478.                                         <defs>
  479.                                             <clipPath>
  480.                                                 <rect width="17.695" height="20" fill="#e6468a" />
  481.                                             </clipPath>
  482.                                         </defs>
  483.                                         <g clip-path="url(#clip-path)">
  484.                                             <path d="M373.134,385.984a8.657,8.657,0,0,0,.943-.817,6.545,6.545,0,0,0,.4-.775,1.9,1.9,0,0,1,.548-.62c.4-.237.857-.378,1.279-.581a1,1,0,0,0,.528-1.41.786.786,0,0,1,.215-1.109,2.243,2.243,0,0,0,.641-2.451l.091-.11c.3.136.611.26.908.41.348.176.554.414.394.853a1.078,1.078,0,0,0,.012.577,3.173,3.173,0,0,1-.443,2.371,3.331,3.331,0,0,0-.686,1.833.416.416,0,0,1-.141.247q-.817.85-1.644,1.691a1.821,1.821,0,0,1-2.255.291c-.26-.118-.509-.26-.787-.4" transform="translate(-363.75 -368.604)" fill="#e6468a" />
  485.                                             <path d="M225.4,215.441a1.319,1.319,0,0,1-.741-.86,1.9,1.9,0,0,0-.589-.8,20.726,20.726,0,0,0-1.747-1.594,4.5,4.5,0,0,0-1.209-.565c-.959-.356-1.929-.686-2.9-1.028a1.528,1.528,0,0,1,1.736-.835,1.456,1.456,0,0,0,1.424-.135,1.614,1.614,0,0,1,2.16.614,1.823,1.823,0,0,0,1.107,1.064,2.035,2.035,0,0,1,1.273,1.618,2.521,2.521,0,0,1-.515,2.518" transform="translate(-212.729 -204.174)" fill="#e6468a" />
  486.                                             <path d="M135.655,4.285l.532.258.551-1.867.481.4,1.054-2.1.317.575c.187-.2.3-.34.434-.464a8.378,8.378,0,0,1,1.03-.946c.44-.3.757-.118.771.414s-.057,1.061-.068,1.592c0,.115.1.229.144.348a.482.482,0,0,1,.039.242c-.068.316-.155.628-.231.943-.023.093-.082.225-.042.277.132.173.289.34.06.522a2.531,2.531,0,0,1-.825.528,5.586,5.586,0,0,1-1.256.1,2.786,2.786,0,0,0-1.635.508,1.058,1.058,0,0,1-.822.192.857.857,0,0,1-.534-.9c.008-.177,0-.355,0-.62" transform="translate(-132.24 0)" fill="#07913a" />
  487.                                             <path d="M4.679,275.942a2.747,2.747,0,0,1-.5.7A2.216,2.216,0,0,0,3.3,279.25a.522.522,0,0,1,0,.143.433.433,0,0,1-.039.09c-.616-.084-.684.337-.661.813.05,1.029.109,2.058.167,3.087.005.1.033.191.035.286,0,.042-.037.086-.117.256-.572-.447-1.143-.848-1.65-1.319a1.12,1.12,0,0,1-.169-.727c-.01-.835,0-.834-.77-1.171-.069-.03-.127-.086-.089-.06.234-.59.417-1.144.669-1.664.263-.544.595-1.055.89-1.584a1.051,1.051,0,0,0,.16-.383,1.354,1.354,0,0,1,1.177-1.292,2.209,2.209,0,0,1,1.772.217" transform="translate(0 -268.704)" fill="#e6468a" />
  488.                                             <path d="M134.552,454.127c-.272.252-.526.527-.82.75-.331.253-.71.442-1.045.69a1.376,1.376,0,0,1-1.192.24c-.409-.092-.828-.146-1.236-.241-.141-.033-.378-.141-.377-.214.005-.639-.478-.962-.879-1.265a3.028,3.028,0,0,1-1.13-2.273,12.334,12.334,0,0,1-.032-1.843c.022-.478.194-.583.623-.424a7.459,7.459,0,0,1,1.229.561.755.755,0,0,1,.233.53,1.4,1.4,0,0,1-.131.562c-.475,1.313.584,2.031,1.634,2.175a1.139,1.139,0,0,1,.709.352,1,1,0,0,0,.95.46c.46-.038.917-.108,1.376-.164l.088.1" transform="translate(-124.608 -438.174)" fill="#e6468a" />
  489.                                             <path d="M73.844,614.409a3.435,3.435,0,0,1-.8.667,22.972,22.972,0,0,1-2.613.862,1.7,1.7,0,0,1-.917-.207c-.346-.136-.617-.171-.808.219a.288.288,0,0,1-.513.085,5.47,5.47,0,0,1-.879-.953,8.63,8.63,0,0,0-1.636-2.327.859.859,0,0,1-.3-.43,4.118,4.118,0,0,1-.017-.788,1.871,1.871,0,0,1,.632.112q1.212.716,2.383,1.5c.118.079.151.3.2.467a.8.8,0,0,0,.959.671c.643-.024,1.289.019,1.934.014a1.115,1.115,0,0,0,.562-.115c.631-.4,1.166-.125,1.814.221" transform="translate(-63.707 -596.158)" fill="#e6468a" />
  490.                                             <path d="M467.961,199.189c.486-.852.865-1.07,1.18-.75.437,0,.667-.872,1.247-.244a1.75,1.75,0,0,1,.421-.218,2.8,2.8,0,0,1,.76-.072c.613.041,1.225.1,1.834.181.549.073.576.142.353.65a1.324,1.324,0,0,1-.2.384c-.515.547-1.044,1.081-1.568,1.619-.056.057-.108.118-.094.1,0,.231.055.47-.01.508-.269.16-.488.515-.891.306-.51-.264-1.045-.45-1.277-1.095-.1-.265-.517-.41-.786-.616-.328-.251-.651-.509-.966-.756" transform="translate(-456.192 -192.924)" fill="#07913a" />
  491.                                             <path d="M307.992,373.821c.879.205,1.428-.47,2.093-.809a1.157,1.157,0,0,0,.387-1.544c-.173-.366-.316-.747-.5-1.1a1.42,1.42,0,0,1,.118-1.408,3.216,3.216,0,0,1,1.461,1.295,5.639,5.639,0,0,0,.766.97,1.459,1.459,0,0,1,.219.424c.076.23.121.47.181.705.25.972.243.958-.655,1.393-.374.181-.7.449-1.066.658a7.9,7.9,0,0,1-1.192.634c-.959.353-1.664-.125-1.807-1.213" transform="translate(-300.246 -359.676)" fill="#e6468a" />
  492.                                             <path d="M160.107,286.314l.066-.63c1.009.288,1.963.58,2.928.825a.8.8,0,0,1,.681.858c0,.493,0,.986,0,1.63a5.48,5.48,0,0,1-.67-.513,1.524,1.524,0,0,0-2.335.05c-.362.426-.69.881-1.106,1.417-.308-.355-.757-.637-.8-.974a2.272,2.272,0,0,1,.583-2.358,3.4,3.4,0,0,1,.656-.3" transform="translate(-154.796 -278.499)" fill="#e6468a" />
  493.                                             <path d="M228,418.451a1.035,1.035,0,0,1-.174.219,1.448,1.448,0,0,0-.715,1.575c0,.016.011.037,0,.048a1.876,1.876,0,0,0,.051,1.876c.029.065-.152.324-.217.317-.429-.046-.882-.07-1.135-.522a1.093,1.093,0,0,1,.09-1.175.749.749,0,0,0,.042-.526c-.059-.211-.328-.433-.284-.586a2.476,2.476,0,0,1,.512-.85,1.956,1.956,0,0,1,1.827-.375" transform="translate(-219.983 -407.845)" fill="#e6468a" />
  494.                                             <path d="M305.924,461.546c.68.082,1.283.153,1.541-.624.523.907.268,1.587-.611,1.8-.094.023-.164.139-.259.171a1.07,1.07,0,0,1-.523.105.463.463,0,0,1-.243-.364,10.108,10.108,0,0,1,.1-1.088" transform="translate(-298.137 -449.33)" fill="#e6468a" />
  495.                                             <path d="M309.778,433.56c-.037-.1-.136-.251-.1-.3a2.489,2.489,0,0,1,.591-.641c.068-.045.4.169.483.33s.1.467-.3.389a2.01,2.01,0,0,0-.546.044l-.128.178" transform="translate(-301.883 -421.732)" fill="#e6468a" />
  496.                                         </g>
  497.                                     </svg>
  498.                                 </div>
  499.                                 <p class="name">価格帯でお花を探す</p>
  500.                             </div>
  501.                             <div class="select_box">
  502.                                 <select name="select" onChange="location.href=value;">
  503.                                     <option value="価格を選択してください">価格を選択してください</option>
  504.                                     <option value="/products/list?amount_b=5000&amount_l=9999">5,000円〜9,999円</option>
  505.                                     <option value="/products/list?amount_b=10000&amount_l=14999">10,000円〜14,999円</option>
  506.                                     <option value="/products/list?amount_b=15000&amount_l=29999">15,000円〜29,999円</option>
  507.                                     <option value="/products/list?amount_b=30000&amount_l=">30,000円〜</option>
  508.                                 </select>
  509.                             </div>
  510.                         </div>
  511.                         <div class="category_box">
  512.                             <div class="search_name_box">
  513.                                 <div class="icon">
  514.                                     <svg viewBox="0 0 17.695 20">
  515.                                         <defs>
  516.                                             <clipPath>
  517.                                                 <rect width="17.695" height="20" fill="#e6468a" />
  518.                                             </clipPath>
  519.                                         </defs>
  520.                                         <g clip-path="url(#clip-path)">
  521.                                             <path d="M373.134,385.984a8.657,8.657,0,0,0,.943-.817,6.545,6.545,0,0,0,.4-.775,1.9,1.9,0,0,1,.548-.62c.4-.237.857-.378,1.279-.581a1,1,0,0,0,.528-1.41.786.786,0,0,1,.215-1.109,2.243,2.243,0,0,0,.641-2.451l.091-.11c.3.136.611.26.908.41.348.176.554.414.394.853a1.078,1.078,0,0,0,.012.577,3.173,3.173,0,0,1-.443,2.371,3.331,3.331,0,0,0-.686,1.833.416.416,0,0,1-.141.247q-.817.85-1.644,1.691a1.821,1.821,0,0,1-2.255.291c-.26-.118-.509-.26-.787-.4" transform="translate(-363.75 -368.604)" fill="#e6468a" />
  522.                                             <path d="M225.4,215.441a1.319,1.319,0,0,1-.741-.86,1.9,1.9,0,0,0-.589-.8,20.726,20.726,0,0,0-1.747-1.594,4.5,4.5,0,0,0-1.209-.565c-.959-.356-1.929-.686-2.9-1.028a1.528,1.528,0,0,1,1.736-.835,1.456,1.456,0,0,0,1.424-.135,1.614,1.614,0,0,1,2.16.614,1.823,1.823,0,0,0,1.107,1.064,2.035,2.035,0,0,1,1.273,1.618,2.521,2.521,0,0,1-.515,2.518" transform="translate(-212.729 -204.174)" fill="#e6468a" />
  523.                                             <path d="M135.655,4.285l.532.258.551-1.867.481.4,1.054-2.1.317.575c.187-.2.3-.34.434-.464a8.378,8.378,0,0,1,1.03-.946c.44-.3.757-.118.771.414s-.057,1.061-.068,1.592c0,.115.1.229.144.348a.482.482,0,0,1,.039.242c-.068.316-.155.628-.231.943-.023.093-.082.225-.042.277.132.173.289.34.06.522a2.531,2.531,0,0,1-.825.528,5.586,5.586,0,0,1-1.256.1,2.786,2.786,0,0,0-1.635.508,1.058,1.058,0,0,1-.822.192.857.857,0,0,1-.534-.9c.008-.177,0-.355,0-.62" transform="translate(-132.24 0)" fill="#07913a" />
  524.                                             <path d="M4.679,275.942a2.747,2.747,0,0,1-.5.7A2.216,2.216,0,0,0,3.3,279.25a.522.522,0,0,1,0,.143.433.433,0,0,1-.039.09c-.616-.084-.684.337-.661.813.05,1.029.109,2.058.167,3.087.005.1.033.191.035.286,0,.042-.037.086-.117.256-.572-.447-1.143-.848-1.65-1.319a1.12,1.12,0,0,1-.169-.727c-.01-.835,0-.834-.77-1.171-.069-.03-.127-.086-.089-.06.234-.59.417-1.144.669-1.664.263-.544.595-1.055.89-1.584a1.051,1.051,0,0,0,.16-.383,1.354,1.354,0,0,1,1.177-1.292,2.209,2.209,0,0,1,1.772.217" transform="translate(0 -268.704)" fill="#e6468a" />
  525.                                             <path d="M134.552,454.127c-.272.252-.526.527-.82.75-.331.253-.71.442-1.045.69a1.376,1.376,0,0,1-1.192.24c-.409-.092-.828-.146-1.236-.241-.141-.033-.378-.141-.377-.214.005-.639-.478-.962-.879-1.265a3.028,3.028,0,0,1-1.13-2.273,12.334,12.334,0,0,1-.032-1.843c.022-.478.194-.583.623-.424a7.459,7.459,0,0,1,1.229.561.755.755,0,0,1,.233.53,1.4,1.4,0,0,1-.131.562c-.475,1.313.584,2.031,1.634,2.175a1.139,1.139,0,0,1,.709.352,1,1,0,0,0,.95.46c.46-.038.917-.108,1.376-.164l.088.1" transform="translate(-124.608 -438.174)" fill="#e6468a" />
  526.                                             <path d="M73.844,614.409a3.435,3.435,0,0,1-.8.667,22.972,22.972,0,0,1-2.613.862,1.7,1.7,0,0,1-.917-.207c-.346-.136-.617-.171-.808.219a.288.288,0,0,1-.513.085,5.47,5.47,0,0,1-.879-.953,8.63,8.63,0,0,0-1.636-2.327.859.859,0,0,1-.3-.43,4.118,4.118,0,0,1-.017-.788,1.871,1.871,0,0,1,.632.112q1.212.716,2.383,1.5c.118.079.151.3.2.467a.8.8,0,0,0,.959.671c.643-.024,1.289.019,1.934.014a1.115,1.115,0,0,0,.562-.115c.631-.4,1.166-.125,1.814.221" transform="translate(-63.707 -596.158)" fill="#e6468a" />
  527.                                             <path d="M467.961,199.189c.486-.852.865-1.07,1.18-.75.437,0,.667-.872,1.247-.244a1.75,1.75,0,0,1,.421-.218,2.8,2.8,0,0,1,.76-.072c.613.041,1.225.1,1.834.181.549.073.576.142.353.65a1.324,1.324,0,0,1-.2.384c-.515.547-1.044,1.081-1.568,1.619-.056.057-.108.118-.094.1,0,.231.055.47-.01.508-.269.16-.488.515-.891.306-.51-.264-1.045-.45-1.277-1.095-.1-.265-.517-.41-.786-.616-.328-.251-.651-.509-.966-.756" transform="translate(-456.192 -192.924)" fill="#07913a" />
  528.                                             <path d="M307.992,373.821c.879.205,1.428-.47,2.093-.809a1.157,1.157,0,0,0,.387-1.544c-.173-.366-.316-.747-.5-1.1a1.42,1.42,0,0,1,.118-1.408,3.216,3.216,0,0,1,1.461,1.295,5.639,5.639,0,0,0,.766.97,1.459,1.459,0,0,1,.219.424c.076.23.121.47.181.705.25.972.243.958-.655,1.393-.374.181-.7.449-1.066.658a7.9,7.9,0,0,1-1.192.634c-.959.353-1.664-.125-1.807-1.213" transform="translate(-300.246 -359.676)" fill="#e6468a" />
  529.                                             <path d="M160.107,286.314l.066-.63c1.009.288,1.963.58,2.928.825a.8.8,0,0,1,.681.858c0,.493,0,.986,0,1.63a5.48,5.48,0,0,1-.67-.513,1.524,1.524,0,0,0-2.335.05c-.362.426-.69.881-1.106,1.417-.308-.355-.757-.637-.8-.974a2.272,2.272,0,0,1,.583-2.358,3.4,3.4,0,0,1,.656-.3" transform="translate(-154.796 -278.499)" fill="#e6468a" />
  530.                                             <path d="M228,418.451a1.035,1.035,0,0,1-.174.219,1.448,1.448,0,0,0-.715,1.575c0,.016.011.037,0,.048a1.876,1.876,0,0,0,.051,1.876c.029.065-.152.324-.217.317-.429-.046-.882-.07-1.135-.522a1.093,1.093,0,0,1,.09-1.175.749.749,0,0,0,.042-.526c-.059-.211-.328-.433-.284-.586a2.476,2.476,0,0,1,.512-.85,1.956,1.956,0,0,1,1.827-.375" transform="translate(-219.983 -407.845)" fill="#e6468a" />
  531.                                             <path d="M305.924,461.546c.68.082,1.283.153,1.541-.624.523.907.268,1.587-.611,1.8-.094.023-.164.139-.259.171a1.07,1.07,0,0,1-.523.105.463.463,0,0,1-.243-.364,10.108,10.108,0,0,1,.1-1.088" transform="translate(-298.137 -449.33)" fill="#e6468a" />
  532.                                             <path d="M309.778,433.56c-.037-.1-.136-.251-.1-.3a2.489,2.489,0,0,1,.591-.641c.068-.045.4.169.483.33s.1.467-.3.389a2.01,2.01,0,0,0-.546.044l-.128.178" transform="translate(-301.883 -421.732)" fill="#e6468a" />
  533.                                         </g>
  534.                                     </svg>
  535.                                 </div>
  536.                                 <p class="name">用途でお花を探す（ビジネス用）</p>
  537.                             </div>
  538.                             <div class="select_box">
  539.                                 <select name="select" onChange="location.href=value;">
  540.                                     <option value="用途を選択してください">用途を選択してください</option>
  541.                                     <option value="/user_data/original_ranking1">開業・開設・開院・移転祝い</option>
  542.                                     <option value="/user_data/original_ranking2">周年・開店祝い</option>
  543.                                     <option value="/user_data/original_ranking3">公演・楽屋花</option>
  544.                                     <option value="/user_data/original_ranking4">昇格・就任祝い</option>
  545.                                     <option value="/user_data/original_ranking5">個展・発表会</option>
  546.                                 </select>
  547.                             </div>
  548.                         </div>
  549.                         <div class="category_box">
  550.                             <div class="search_name_box">
  551.                                 <div class="icon">
  552.                                     <svg viewBox="0 0 17.695 20">
  553.                                         <defs>
  554.                                             <clipPath>
  555.                                                 <rect width="17.695" height="20" fill="#e6468a" />
  556.                                             </clipPath>
  557.                                         </defs>
  558.                                         <g clip-path="url(#clip-path)">
  559.                                             <path d="M373.134,385.984a8.657,8.657,0,0,0,.943-.817,6.545,6.545,0,0,0,.4-.775,1.9,1.9,0,0,1,.548-.62c.4-.237.857-.378,1.279-.581a1,1,0,0,0,.528-1.41.786.786,0,0,1,.215-1.109,2.243,2.243,0,0,0,.641-2.451l.091-.11c.3.136.611.26.908.41.348.176.554.414.394.853a1.078,1.078,0,0,0,.012.577,3.173,3.173,0,0,1-.443,2.371,3.331,3.331,0,0,0-.686,1.833.416.416,0,0,1-.141.247q-.817.85-1.644,1.691a1.821,1.821,0,0,1-2.255.291c-.26-.118-.509-.26-.787-.4" transform="translate(-363.75 -368.604)" fill="#e6468a" />
  560.                                             <path d="M225.4,215.441a1.319,1.319,0,0,1-.741-.86,1.9,1.9,0,0,0-.589-.8,20.726,20.726,0,0,0-1.747-1.594,4.5,4.5,0,0,0-1.209-.565c-.959-.356-1.929-.686-2.9-1.028a1.528,1.528,0,0,1,1.736-.835,1.456,1.456,0,0,0,1.424-.135,1.614,1.614,0,0,1,2.16.614,1.823,1.823,0,0,0,1.107,1.064,2.035,2.035,0,0,1,1.273,1.618,2.521,2.521,0,0,1-.515,2.518" transform="translate(-212.729 -204.174)" fill="#e6468a" />
  561.                                             <path d="M135.655,4.285l.532.258.551-1.867.481.4,1.054-2.1.317.575c.187-.2.3-.34.434-.464a8.378,8.378,0,0,1,1.03-.946c.44-.3.757-.118.771.414s-.057,1.061-.068,1.592c0,.115.1.229.144.348a.482.482,0,0,1,.039.242c-.068.316-.155.628-.231.943-.023.093-.082.225-.042.277.132.173.289.34.06.522a2.531,2.531,0,0,1-.825.528,5.586,5.586,0,0,1-1.256.1,2.786,2.786,0,0,0-1.635.508,1.058,1.058,0,0,1-.822.192.857.857,0,0,1-.534-.9c.008-.177,0-.355,0-.62" transform="translate(-132.24 0)" fill="#07913a" />
  562.                                             <path d="M4.679,275.942a2.747,2.747,0,0,1-.5.7A2.216,2.216,0,0,0,3.3,279.25a.522.522,0,0,1,0,.143.433.433,0,0,1-.039.09c-.616-.084-.684.337-.661.813.05,1.029.109,2.058.167,3.087.005.1.033.191.035.286,0,.042-.037.086-.117.256-.572-.447-1.143-.848-1.65-1.319a1.12,1.12,0,0,1-.169-.727c-.01-.835,0-.834-.77-1.171-.069-.03-.127-.086-.089-.06.234-.59.417-1.144.669-1.664.263-.544.595-1.055.89-1.584a1.051,1.051,0,0,0,.16-.383,1.354,1.354,0,0,1,1.177-1.292,2.209,2.209,0,0,1,1.772.217" transform="translate(0 -268.704)" fill="#e6468a" />
  563.                                             <path d="M134.552,454.127c-.272.252-.526.527-.82.75-.331.253-.71.442-1.045.69a1.376,1.376,0,0,1-1.192.24c-.409-.092-.828-.146-1.236-.241-.141-.033-.378-.141-.377-.214.005-.639-.478-.962-.879-1.265a3.028,3.028,0,0,1-1.13-2.273,12.334,12.334,0,0,1-.032-1.843c.022-.478.194-.583.623-.424a7.459,7.459,0,0,1,1.229.561.755.755,0,0,1,.233.53,1.4,1.4,0,0,1-.131.562c-.475,1.313.584,2.031,1.634,2.175a1.139,1.139,0,0,1,.709.352,1,1,0,0,0,.95.46c.46-.038.917-.108,1.376-.164l.088.1" transform="translate(-124.608 -438.174)" fill="#e6468a" />
  564.                                             <path d="M73.844,614.409a3.435,3.435,0,0,1-.8.667,22.972,22.972,0,0,1-2.613.862,1.7,1.7,0,0,1-.917-.207c-.346-.136-.617-.171-.808.219a.288.288,0,0,1-.513.085,5.47,5.47,0,0,1-.879-.953,8.63,8.63,0,0,0-1.636-2.327.859.859,0,0,1-.3-.43,4.118,4.118,0,0,1-.017-.788,1.871,1.871,0,0,1,.632.112q1.212.716,2.383,1.5c.118.079.151.3.2.467a.8.8,0,0,0,.959.671c.643-.024,1.289.019,1.934.014a1.115,1.115,0,0,0,.562-.115c.631-.4,1.166-.125,1.814.221" transform="translate(-63.707 -596.158)" fill="#e6468a" />
  565.                                             <path d="M467.961,199.189c.486-.852.865-1.07,1.18-.75.437,0,.667-.872,1.247-.244a1.75,1.75,0,0,1,.421-.218,2.8,2.8,0,0,1,.76-.072c.613.041,1.225.1,1.834.181.549.073.576.142.353.65a1.324,1.324,0,0,1-.2.384c-.515.547-1.044,1.081-1.568,1.619-.056.057-.108.118-.094.1,0,.231.055.47-.01.508-.269.16-.488.515-.891.306-.51-.264-1.045-.45-1.277-1.095-.1-.265-.517-.41-.786-.616-.328-.251-.651-.509-.966-.756" transform="translate(-456.192 -192.924)" fill="#07913a" />
  566.                                             <path d="M307.992,373.821c.879.205,1.428-.47,2.093-.809a1.157,1.157,0,0,0,.387-1.544c-.173-.366-.316-.747-.5-1.1a1.42,1.42,0,0,1,.118-1.408,3.216,3.216,0,0,1,1.461,1.295,5.639,5.639,0,0,0,.766.97,1.459,1.459,0,0,1,.219.424c.076.23.121.47.181.705.25.972.243.958-.655,1.393-.374.181-.7.449-1.066.658a7.9,7.9,0,0,1-1.192.634c-.959.353-1.664-.125-1.807-1.213" transform="translate(-300.246 -359.676)" fill="#e6468a" />
  567.                                             <path d="M160.107,286.314l.066-.63c1.009.288,1.963.58,2.928.825a.8.8,0,0,1,.681.858c0,.493,0,.986,0,1.63a5.48,5.48,0,0,1-.67-.513,1.524,1.524,0,0,0-2.335.05c-.362.426-.69.881-1.106,1.417-.308-.355-.757-.637-.8-.974a2.272,2.272,0,0,1,.583-2.358,3.4,3.4,0,0,1,.656-.3" transform="translate(-154.796 -278.499)" fill="#e6468a" />
  568.                                             <path d="M228,418.451a1.035,1.035,0,0,1-.174.219,1.448,1.448,0,0,0-.715,1.575c0,.016.011.037,0,.048a1.876,1.876,0,0,0,.051,1.876c.029.065-.152.324-.217.317-.429-.046-.882-.07-1.135-.522a1.093,1.093,0,0,1,.09-1.175.749.749,0,0,0,.042-.526c-.059-.211-.328-.433-.284-.586a2.476,2.476,0,0,1,.512-.85,1.956,1.956,0,0,1,1.827-.375" transform="translate(-219.983 -407.845)" fill="#e6468a" />
  569.                                             <path d="M305.924,461.546c.68.082,1.283.153,1.541-.624.523.907.268,1.587-.611,1.8-.094.023-.164.139-.259.171a1.07,1.07,0,0,1-.523.105.463.463,0,0,1-.243-.364,10.108,10.108,0,0,1,.1-1.088" transform="translate(-298.137 -449.33)" fill="#e6468a" />
  570.                                             <path d="M309.778,433.56c-.037-.1-.136-.251-.1-.3a2.489,2.489,0,0,1,.591-.641c.068-.045.4.169.483.33s.1.467-.3.389a2.01,2.01,0,0,0-.546.044l-.128.178" transform="translate(-301.883 -421.732)" fill="#e6468a" />
  571.                                         </g>
  572.                                     </svg>
  573.                                 </div>
  574.                                 <p class="name">用途でお花を探す（個人用）</p>
  575.                             </div>
  576.                             <div class="select_box">
  577.                                 <select name="select" onChange="location.href=value;">
  578.                                     <option value="用途を選択してください">用途を選択してください</option>
  579.                                     <option value="/user_data/original_ranking2-1">誕生日祝い</option>
  580.                                     <option value="/user_data/original_ranking2-2">結婚祝い</option>
  581.                                     <option value="/user_data/original_ranking2-3">各種記念日祝い</option>
  582.                                     <option value="/user_data/original_ranking2-4">卒業・退職祝い</option>
  583.                                     <option value="/user_data/original_ranking2-5">引っ越し祝い</option>
  584.                                 </select>
  585.                             </div>
  586.                         </div>
  587.                         <!-- <div class="select_btn">
  588.                                 <input type="submit" value="検索する">
  589.                             </div> -->
  590.                         <div class="free_search_box">
  591.                             <div class="search_name_box">
  592.                                 <div class="icon">
  593.                                     <svg viewBox="0 0 17.695 20">
  594.                                         <defs>
  595.                                             <clipPath>
  596.                                                 <rect width="17.695" height="20" fill="#e6468a" />
  597.                                             </clipPath>
  598.                                         </defs>
  599.                                         <g clip-path="url(#clip-path)">
  600.                                             <path d="M373.134,385.984a8.657,8.657,0,0,0,.943-.817,6.545,6.545,0,0,0,.4-.775,1.9,1.9,0,0,1,.548-.62c.4-.237.857-.378,1.279-.581a1,1,0,0,0,.528-1.41.786.786,0,0,1,.215-1.109,2.243,2.243,0,0,0,.641-2.451l.091-.11c.3.136.611.26.908.41.348.176.554.414.394.853a1.078,1.078,0,0,0,.012.577,3.173,3.173,0,0,1-.443,2.371,3.331,3.331,0,0,0-.686,1.833.416.416,0,0,1-.141.247q-.817.85-1.644,1.691a1.821,1.821,0,0,1-2.255.291c-.26-.118-.509-.26-.787-.4" transform="translate(-363.75 -368.604)" fill="#e6468a" />
  601.                                             <path d="M225.4,215.441a1.319,1.319,0,0,1-.741-.86,1.9,1.9,0,0,0-.589-.8,20.726,20.726,0,0,0-1.747-1.594,4.5,4.5,0,0,0-1.209-.565c-.959-.356-1.929-.686-2.9-1.028a1.528,1.528,0,0,1,1.736-.835,1.456,1.456,0,0,0,1.424-.135,1.614,1.614,0,0,1,2.16.614,1.823,1.823,0,0,0,1.107,1.064,2.035,2.035,0,0,1,1.273,1.618,2.521,2.521,0,0,1-.515,2.518" transform="translate(-212.729 -204.174)" fill="#e6468a" />
  602.                                             <path d="M135.655,4.285l.532.258.551-1.867.481.4,1.054-2.1.317.575c.187-.2.3-.34.434-.464a8.378,8.378,0,0,1,1.03-.946c.44-.3.757-.118.771.414s-.057,1.061-.068,1.592c0,.115.1.229.144.348a.482.482,0,0,1,.039.242c-.068.316-.155.628-.231.943-.023.093-.082.225-.042.277.132.173.289.34.06.522a2.531,2.531,0,0,1-.825.528,5.586,5.586,0,0,1-1.256.1,2.786,2.786,0,0,0-1.635.508,1.058,1.058,0,0,1-.822.192.857.857,0,0,1-.534-.9c.008-.177,0-.355,0-.62" transform="translate(-132.24 0)" fill="#07913a" />
  603.                                             <path d="M4.679,275.942a2.747,2.747,0,0,1-.5.7A2.216,2.216,0,0,0,3.3,279.25a.522.522,0,0,1,0,.143.433.433,0,0,1-.039.09c-.616-.084-.684.337-.661.813.05,1.029.109,2.058.167,3.087.005.1.033.191.035.286,0,.042-.037.086-.117.256-.572-.447-1.143-.848-1.65-1.319a1.12,1.12,0,0,1-.169-.727c-.01-.835,0-.834-.77-1.171-.069-.03-.127-.086-.089-.06.234-.59.417-1.144.669-1.664.263-.544.595-1.055.89-1.584a1.051,1.051,0,0,0,.16-.383,1.354,1.354,0,0,1,1.177-1.292,2.209,2.209,0,0,1,1.772.217" transform="translate(0 -268.704)" fill="#e6468a" />
  604.                                             <path d="M134.552,454.127c-.272.252-.526.527-.82.75-.331.253-.71.442-1.045.69a1.376,1.376,0,0,1-1.192.24c-.409-.092-.828-.146-1.236-.241-.141-.033-.378-.141-.377-.214.005-.639-.478-.962-.879-1.265a3.028,3.028,0,0,1-1.13-2.273,12.334,12.334,0,0,1-.032-1.843c.022-.478.194-.583.623-.424a7.459,7.459,0,0,1,1.229.561.755.755,0,0,1,.233.53,1.4,1.4,0,0,1-.131.562c-.475,1.313.584,2.031,1.634,2.175a1.139,1.139,0,0,1,.709.352,1,1,0,0,0,.95.46c.46-.038.917-.108,1.376-.164l.088.1" transform="translate(-124.608 -438.174)" fill="#e6468a" />
  605.                                             <path d="M73.844,614.409a3.435,3.435,0,0,1-.8.667,22.972,22.972,0,0,1-2.613.862,1.7,1.7,0,0,1-.917-.207c-.346-.136-.617-.171-.808.219a.288.288,0,0,1-.513.085,5.47,5.47,0,0,1-.879-.953,8.63,8.63,0,0,0-1.636-2.327.859.859,0,0,1-.3-.43,4.118,4.118,0,0,1-.017-.788,1.871,1.871,0,0,1,.632.112q1.212.716,2.383,1.5c.118.079.151.3.2.467a.8.8,0,0,0,.959.671c.643-.024,1.289.019,1.934.014a1.115,1.115,0,0,0,.562-.115c.631-.4,1.166-.125,1.814.221" transform="translate(-63.707 -596.158)" fill="#e6468a" />
  606.                                             <path d="M467.961,199.189c.486-.852.865-1.07,1.18-.75.437,0,.667-.872,1.247-.244a1.75,1.75,0,0,1,.421-.218,2.8,2.8,0,0,1,.76-.072c.613.041,1.225.1,1.834.181.549.073.576.142.353.65a1.324,1.324,0,0,1-.2.384c-.515.547-1.044,1.081-1.568,1.619-.056.057-.108.118-.094.1,0,.231.055.47-.01.508-.269.16-.488.515-.891.306-.51-.264-1.045-.45-1.277-1.095-.1-.265-.517-.41-.786-.616-.328-.251-.651-.509-.966-.756" transform="translate(-456.192 -192.924)" fill="#07913a" />
  607.                                             <path d="M307.992,373.821c.879.205,1.428-.47,2.093-.809a1.157,1.157,0,0,0,.387-1.544c-.173-.366-.316-.747-.5-1.1a1.42,1.42,0,0,1,.118-1.408,3.216,3.216,0,0,1,1.461,1.295,5.639,5.639,0,0,0,.766.97,1.459,1.459,0,0,1,.219.424c.076.23.121.47.181.705.25.972.243.958-.655,1.393-.374.181-.7.449-1.066.658a7.9,7.9,0,0,1-1.192.634c-.959.353-1.664-.125-1.807-1.213" transform="translate(-300.246 -359.676)" fill="#e6468a" />
  608.                                             <path d="M160.107,286.314l.066-.63c1.009.288,1.963.58,2.928.825a.8.8,0,0,1,.681.858c0,.493,0,.986,0,1.63a5.48,5.48,0,0,1-.67-.513,1.524,1.524,0,0,0-2.335.05c-.362.426-.69.881-1.106,1.417-.308-.355-.757-.637-.8-.974a2.272,2.272,0,0,1,.583-2.358,3.4,3.4,0,0,1,.656-.3" transform="translate(-154.796 -278.499)" fill="#e6468a" />
  609.                                             <path d="M228,418.451a1.035,1.035,0,0,1-.174.219,1.448,1.448,0,0,0-.715,1.575c0,.016.011.037,0,.048a1.876,1.876,0,0,0,.051,1.876c.029.065-.152.324-.217.317-.429-.046-.882-.07-1.135-.522a1.093,1.093,0,0,1,.09-1.175.749.749,0,0,0,.042-.526c-.059-.211-.328-.433-.284-.586a2.476,2.476,0,0,1,.512-.85,1.956,1.956,0,0,1,1.827-.375" transform="translate(-219.983 -407.845)" fill="#e6468a" />
  610.                                             <path d="M305.924,461.546c.68.082,1.283.153,1.541-.624.523.907.268,1.587-.611,1.8-.094.023-.164.139-.259.171a1.07,1.07,0,0,1-.523.105.463.463,0,0,1-.243-.364,10.108,10.108,0,0,1,.1-1.088" transform="translate(-298.137 -449.33)" fill="#e6468a" />
  611.                                             <path d="M309.778,433.56c-.037-.1-.136-.251-.1-.3a2.489,2.489,0,0,1,.591-.641c.068-.045.4.169.483.33s.1.467-.3.389a2.01,2.01,0,0,0-.546.044l-.128.178" transform="translate(-301.883 -421.732)" fill="#e6468a" />
  612.                                         </g>
  613.                                     </svg>
  614.                                 </div>
  615.                                 <p class="name">キーワードからお花を探す</p>
  616.                             </div>
  617.                             <div class="form_box">
  618.                                 <form name="search_form" action="/products/list" method="get">
  619.                                     <input type="text" name="name" class="free" placeholder="ここにフリーワードを入力" value="">
  620.                                     <input type="submit" class="btn_icon" value="">
  621.                                 </form>
  622.                             </div>
  623.                             <div class="attention_btn">
  624.                                 <a href="/user_data/original" class="link">
  625.                                     <div class="icon">
  626.                                         <svg viewBox="0 0 14.644 14.644">
  627.                                             <g transform="translate(-2 -2)">
  628.                                                 <path d="M9.322,2a7.289,7.289,0,1,0,5.187,2.135A7.322,7.322,0,0,0,9.322,2Zm0,11.316a.666.666,0,1,1,.666-.666A.666.666,0,0,1,9.322,13.316Zm.666-3.328a.666.666,0,1,1-1.331,0V5.994a.666.666,0,1,1,1.331,0Z" transform="translate(0 0)" fill="#d80404" />
  629.                                             </g>
  630.                                         </svg>
  631.                                     </div>
  632.                                     <p class="name">ご購入前に必ずお読みください。</p>
  633.                                 </a>
  634.                             </div>
  635.                             <a href="/user_data/page_map" class="map_ban">
  636.                                 <img src="/html/user_data/assets/img/common/banner_area.png" alt="配達エリア拡大中！">
  637.                             </a>
  638.                         </div>
  639.                     </div>
  640.                 </div>
  641.             </div>
  642.             <div id="js_hdBox" class="hd_menu_box">
  643.                 <div class="menu_top">
  644.                     <div class="wrap">
  645.                         <div class="inner_box">
  646.                             <div class="tel_box">
  647.                                 <p class="comment">お電話でのお問い合わせはコチラ</p>
  648.                                 <div class="tel_sec">
  649.                                     <a href="tel:06-6313-8787" class="tel f_cent">Tel: <span class="num">06-6313-8787</span></a>
  650.                                     <a href="tel:06-6313-9393" class="tel f_cent">Fax: <span class="num">06-6313-9393</span></a>
  651.                                 </div>
  652.                             </div>
  653.                             <div class="link_btn_box">
  654.                                 <ul>
  655.                                     <li>
  656.                                         <a href="/user_data/original19">> FAX注文用紙</a>
  657.                                     </li>
  658.                                     <li>
  659.                                         <a href="/html/user_data/assets/img/common/payment_data.xlsx">> 後払い決済申請用紙</a>
  660.                                     </li>
  661.                                     <li>
  662.                                         <a href="/contact">> カタログ請求</a>
  663.                                     </li>
  664.                                 </ul>
  665.                             </div>
  666.                             <div class="contact_sec_box">
  667.                                 <ul>
  668.                                     <li>
  669.                                         <a class="btn line" href="https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726">
  670.                                             <svg viewBox="0 0 36 36">
  671.                                                 <defs>
  672.                                                     <clipPath>
  673.                                                         <rect width="36" height="36" fill="none" />
  674.                                                     </clipPath>
  675.                                                 </defs>
  676.                                                 <g transform="translate(0 0.389)">
  677.                                                     <g transform="translate(0 -0.389)" clip-path="url(#clip-path)">
  678.                                                         <path d="M28.158,35.946H7.788A7.788,7.788,0,0,1,0,28.158V7.788A7.788,7.788,0,0,1,7.788,0H28.158a7.788,7.788,0,0,1,7.788,7.788V28.158a7.788,7.788,0,0,1-7.788,7.788" transform="translate(0 0.489)" fill="#00b900" />
  679.                                                         <path d="M42.289,29.888c0-5.856-5.871-10.621-13.088-10.621S16.114,24.032,16.114,29.888c0,5.25,4.656,9.647,10.946,10.479.426.092,1.006.281,1.153.645a2.691,2.691,0,0,1,.042,1.184s-.153.923-.187,1.12c-.057.331-.263,1.294,1.133.705s7.537-4.438,10.283-7.6h0a9.449,9.449,0,0,0,2.805-6.535" transform="translate(-11.287 -13.007)" fill="#fff" />
  680.                                                         <path d="M48.185,45.276h-.918a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-32.93 -31.225)" fill="#00b900" />
  681.                                                         <path d="M59.93,45.276h-.918a.255.255,0,0,0-.255.255v3.388l-2.614-3.529a.282.282,0,0,0-.02-.026l0,0-.016-.016,0,0-.014-.011-.007-.005-.013-.009-.008,0-.013-.008-.008,0-.015-.006-.008,0L56,45.286l-.009,0-.015,0-.01,0-.013,0h-.94a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254V47.846L58.8,51.38a.252.252,0,0,0,.065.063l0,0,.016.01.007,0,.012.006.012.005.007,0,.017.005h0a.245.245,0,0,0,.065.009h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-38.356 -31.225)" fill="#00b900" />
  682.                                                         <path d="M34.369,50.059H31.875V45.53a.255.255,0,0,0-.255-.255H30.7a.255.255,0,0,0-.255.255v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.253.253,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255" transform="translate(-21.327 -31.224)" fill="#00b900" />
  683.                                                         <path d="M79.774,46.7a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H76.107a.254.254,0,0,0-.177.072l0,0,0,0a.255.255,0,0,0-.071.176h0v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.254.254,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V49.1h2.494a.254.254,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V46.7Z" transform="translate(-53.131 -31.225)" fill="#00b900" />
  684.                                                     </g>
  685.                                                 </g>
  686.                                             </svg>
  687.                                         </a>
  688.                                     </li>
  689.                                     <li>
  690.                                         <a href="/contact" class="btn contact">
  691.                                             <svg viewBox="0 0 24.483 19.867">
  692.                                                 <g transform="translate(0 -48.27)">
  693.                                                     <path d="M121.71,339.859l4.282-3.309-4.282-2.912Z" transform="translate(-115.89 -271.722)" />
  694.                                                     <path d="M0,56.3l5.879,4.262,16.4-10.483L7.3,61.589l8.756,6.348L24.483,48.27Z" />
  695.                                                 </g>
  696.                                             </svg>
  697.                                         </a>
  698.                                     </li>
  699.                                 </ul>
  700.                             </div>
  701.                         </div>
  702.                     </div>
  703.                 </div>
  704.                 <div class="menu_bottom">
  705.                     <div class="wrap">
  706.                         <div class="inner_box">
  707.                             <div class="possible_box">
  708.                                 <div class="icon">
  709.                                     <svg viewBox="0 0 40.907 27.776">
  710.                                         <g transform="translate(0 -82.175)">
  711.                                             <path d="M225.576,82.175H202.824a1.046,1.046,0,0,0-1.015,1.075V99.283a1.045,1.045,0,0,0,1.015,1.073h22.752a1.045,1.045,0,0,0,1.015-1.073V83.25A1.046,1.046,0,0,0,225.576,82.175Z" transform="translate(-185.685 0)" fill="#9db6c3" />
  712.                                             <path d="M69.941,354.37a3.019,3.019,0,1,0,2.849,3.014A2.936,2.936,0,0,0,69.941,354.37Z" transform="translate(-61.729 -250.448)" fill="#9db6c3" />
  713.                                             <path d="M40.061,150.973H15.776a.873.873,0,0,1-.847-.9V136.709a.871.871,0,0,0-.847-.9H6.369a.828.828,0,0,0-.649.322L.2,143.145a.923.923,0,0,0-.2.572v9.363a.872.872,0,0,0,.846.895H5.1a3.681,3.681,0,0,1,6.219,0h17.37a3.68,3.68,0,0,1,6.218,0h5.151a.872.872,0,0,0,.846-.895v-1.212A.872.872,0,0,0,40.061,150.973ZM3.092,144.429v-.619a.962.962,0,0,1,.195-.583l3.525-4.591a.856.856,0,0,1,.677-.341h3.454a.9.9,0,0,1,.874.922v5.212a.9.9,0,0,1-.874.922H3.964A.9.9,0,0,1,3.092,144.429Z" transform="translate(0 -49.353)" fill="#9db6c3" />
  714.                                             <path d="M365.2,354.37a3.019,3.019,0,1,0,2.85,3.014A2.935,2.935,0,0,0,365.2,354.37Z" transform="translate(-333.396 -250.448)" fill="#9db6c3" />
  715.                                         </g>
  716.                                     </svg>
  717.                                 </div>
  718.                                 <p class="name"><span class="yellow">当日配達</span>可能・最速<span class="num f_cent">1</span>時間でお届け可能！</p>
  719.                             </div>
  720.                             <p class="ex_comment">代金を前払い<br>or クレジットカード決済に限る。</p>
  721.                             <div class="log_sec_box">
  722.                                 <ul>
  723.                                     <li>
  724.                                         <a href="/mypage/" class="btn">
  726.                                             {% if app.user %}
  727.                                             <!-- ログインしている場合の表示内容 -->
  728.                                             <div class="icon">
  729.                                                 <svg viewBox="0 0 20.514 23.933">
  730.                                                     <g transform="translate(-6 -3)">
  731.                                                         <g transform="translate(6 3)">
  732.                                                             <path d="M19.268,3a6.268,6.268,0,1,0,6.268,6.268A6.268,6.268,0,0,0,19.268,3Z" transform="translate(-9.011 -3)" fill="#9db6c3" />
  733.                                                             <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Zm-17.1-2.279H24.235V33.445a15.671,15.671,0,0,0-7.978-2.165,16.184,16.184,0,0,0-7.978,2.108Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  734.                                                             <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  735.                                                         </g>
  736.                                                     </g>
  737.                                                 </svg>
  738.                                             </div>
  739.                                             <p class="name">マイページ</p>
  740.                                             {% else %}
  741.                                             <!-- ログインしていない場合の表示内容 -->
  742.                                             <div class="icon">
  743.                                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  744.                                                     <path d="M237.61,331.547,271.554,365.5l75.556-75.554L381.054,256,347.11,222.054,271.554,146.5,237.61,180.453,289.164,232H0v48H289.164Z" fill="#9db6c3" />
  745.                                                     <path d="M464,0H96V160h64V64H448V448H160V352H96V512H512V0Z" fill="#9db6c3" />
  746.                                                 </svg>
  747.                                             </div>
  748.                                             <p class="name">ログインはコチラ</p>
  749.                                             {% endif %}
  750.                                         </a>
  751.                                     </li>
  752.                                     <li>
  753.                                         <a href="/cart/" class="btn cart">
  754.                                             <div class="icon">
  755.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="20.514" height="22.588" viewBox="0 0 20.514 22.588">
  756.                                                     <path d="M6.1,17.616v-3.59A1.026,1.026,0,0,0,5.077,13H3.026a1.026,1.026,0,0,0,0,2.051H4.051v3.077a.359.359,0,0,0,.051.256,9.129,9.129,0,0,0,2.051,5.128,3.333,3.333,0,1,0,4.564,3.077v-.1a10.667,10.667,0,0,0,2.564.359,10.667,10.667,0,0,0,2.564-.359v.1a3.333,3.333,0,1,0,4.564-3.077,9.231,9.231,0,0,0,2.1-5.9ZM7.385,27.873A1.282,1.282,0,1,1,8.667,26.59a1.282,1.282,0,0,1-1.282,1.282Zm11.8,0a1.282,1.282,0,1,1,1.282-1.282,1.282,1.282,0,0,1-1.282,1.282Z" transform="translate(-2 -7.357)" fill="#9db6c3" />
  757.                                                     <path d="M25.18,2h-.154A.974.974,0,0,0,24,2.922V10.2h9.231C33.231,6,29.693,2.511,25.18,2Z" transform="translate(-12.717 -1.997)" fill="#9db6c3" />
  758.                                                 </svg>
  759.                                             </div>
  760.                                             <p class="name">お買い物カート</p>
  761.                                             <div class="name_hover_color">
  762.                                                 <p class="num f_cent"></p>
  763.                                                 <p class="cost">¥<span></span>-</p>
  764.                                             </div>
  765.                                         </a>
  766.                                     </li>
  767.                                     <script>
  768.                                         $(document).ready(function () {
  769.                                             // 数量を取得して数字部分のみを抽出
  770.                                             const itemNumber = $('.ec-cartNavi__badge').text();
  772.                                             // 価格を取得して￥と税込の部分を除去
  773.                                             const priceText = $('.ec-cartNavi__price').text();
  774.                                             const priceNumber = priceText.match(/[\d,]+/)[0]; // ￥の後の数字部分を取得
  776.                                             // カートに数量と価格を反映
  777.                                             $('#header .hd_box .btn.cart .num').text(itemNumber);
  778.                                             $('#header .hd_box .btn.cart .cost span').text(priceNumber);
  780.                                             // ハンバーガーメニューに数量と価格を反映
  781.                                             $('.pc_hamburger_box .name_hover_color .num').text(itemNumber);
  782.                                             $('.pc_hamburger_box .name_hover_color .cost span').text(priceNumber);
  783.                                         });
  784.                                     </script>
  785.                                 </ul>
  786.                             </div>
  787.                         </div>
  788.                     </div>
  789.                 </div>
  790.             </div>
  791.         </div>
  792.     </header>
  793.     <div class="pc_hamburger_box">
  794.         <div class="pc_hamburger">
  795.             <span></span>
  796.             <span></span>
  797.             <span></span>
  798.         </div>
  800.         <nav class="ham_menu_box">
  801.             <div class="ham_inner">
  802.                 <div class="ham_back_img">
  803.                     <img src="/html/user_data/assets/img/common/ham_img.jpg" alt="">
  804.                 </div>
  805.                 <div class="menu_box">
  806.                     <div class="ham_menu_inner">
  807.                         <p class="ham_ttl f_cent">biotop Site Contents</p>
  808.                         <div class="ham_list_box">
  809.                             <div class="ham_scroll_box">
  810.                                 <div class="list_box">
  811.                                     <div class="box">
  812.                                         <p class="theme">商品一覧カテゴリー</p>
  813.                                         <ul>
  814.                                             <li>
  815.                                                 <a href="/products/list?category_id=54">> 新商品</a>
  816.                                             </li>
  817.                                             <li>
  818.                                                 <a href="/products/list?category_id=23">> フラワースタンド</a>
  819.                                             </li>
  820.                                             <li>
  821.                                                 <a href="/products/list?category_id=24">> バルーンスタンド</a>
  822.                                             </li>
  823.                                             <li>
  824.                                                 <a href="/products/list?category_id=20">> 胡蝶蘭</a>
  825.                                             </li>
  826.                                             <li>
  827.                                                 <a href="/products/list?category_id=19">> 観葉植物</a>
  828.                                             </li>
  829.                                             <li>
  830.                                                 <a href="/user_data/ordermade">> オーダーメイド</a>
  831.                                             </li>
  832.                                             <li>
  833.                                                 <a href="/products/list?category_id=25">> フラワーアレンジメント</a>
  834.                                             </li>
  835.                                             <li>
  836.                                                 <a href="/products/list?category_id=26">> バルーン＆ぬいぐるみアレンジメント</a>
  837.                                             </li>
  838.                                             <li>
  839.                                                 <a href="/products/list?category_id=28">> 花束(フラワーブーケ)</a>
  840.                                             </li>
  841.                                             <li>
  842.                                                 <a href="/products/list?category_id=27">> バルーン＆ぬいぐるみ花束</a>
  843.                                             </li>
  844.                                             <li>
  845.                                                 <a href="/products/list?category_id=75">> 推し活フラワーバルーン</a>
  846.                                             </li>
  847.                                             <li>
  848.                                                 <a href="/products/list?category_id=58">> メモリアルフラワー</a>
  849.                                             </li>
  850.                                             <li>
  851.                                                 <a href="/products/list?category_id=66">> ラグジュアリーフラワー</a>
  852.                                             </li>
  853.                                             <li>
  854.                                                 <a href="/products/list?category_id=30">> バラ</a>
  855.                                             </li>
  856.                                             <li>
  857.                                                 <a href="/user_data/surprise">> サプライズ装飾・ホテル装飾</a>
  858.                                             </li>
  859.                                             <li>
  860.                                                 <a href="/products/list?category_id=18">> バルーン装飾</a>
  861.                                             </li>
  862.                                             <li>
  863.                                                 <a href="/products/list?category_id=17">> シャンパンタワー</a>
  864.                                             </li>
  865.                                             <li>
  866.                                                 <a href="/products/list?category_id=15">> アーチ</a>
  867.                                             </li>
  868.                                             <li>
  869.                                                 <a href="/products/list?category_id=34">> シャボンフラワー</a>
  870.                                             </li>
  871.                                             <li>
  872.                                                 <a href="/products/list?category_id=14">> ブリザードフラワー</a>
  873.                                             </li>
  874.                                             <li>
  875.                                                 <a href="/products/list?category_id=37">> ボックスフラワー</a>
  876.                                             </li>
  877.                                             <li>
  878.                                                 <a href="/products/list?category_id=32">> ローズベア</a>
  879.                                             </li>
  880.                                             <li>
  881.                                                 <a href="/products/list?category_id=69">> 金額調整オプション</a>
  882.                                             </li>
  883.                                         </ul>
  884.                                     </div>
  885.                                     <!-- <div class="box">
  886.                                             <p class="theme">商品ランキング</p>
  887.                                             <ul>
  888.                                                 <li>
  889.                                                     <a href="/products/list?category_id=45">> 開店祝いランキング</a>
  890.                                                 </li>
  891.                                                 <li>
  892.                                                     <a href="">> 胡蝶蘭ランキング</a>
  893.                                                 </li>
  894.                                                 <li>
  895.                                                     <a href="">> 愛する女性へランキング</a>
  896.                                                 </li>
  897.                                             </ul>
  898.                                         </div> -->
  899.                                 </div>
  900.                                 <div class="list_box">
  901.                                     <div class="link_list">
  902.                                         <ul>
  903.                                             <li>
  904.                                                 <a href="/user_data/original3">立て札制作</a>
  905.                                             </li>
  906.                                             <!-- <li>
  907.                                                     <a href="">画像配信サービス</a>
  908.                                                 </li>
  909.                                                 <li>
  910.                                                     <a href="">無料回収サービス</a>
  911.                                                 </li> -->
  912.                                             <li>
  913.                                                 <a href="/user_data/surprise">サプライズ装飾ギャラリー</a>
  914.                                             </li>
  915.                                             <li>
  916.                                                 <a href="/user_data/oshikatsu">推し活用推し花・フラスタ</a>
  917.                                             </li>
  918.                                             <!-- <li>
  919.                                                     <a href="/products/list?category_id=53">お花の福利厚生</a>
  920.                                                 </li> -->
  921.                                             <li>
  922.                                                 <a href="/user_data/original19">FAX注文用紙</a>
  923.                                             </li>
  924.                                             <li>
  925.                                                 <a href="/html/user_data/assets/img/common/payment_data.xlsx">後払い決済申請用紙</a>
  926.                                             </li>
  927.                                             <li>
  928.                                                 <a href="/contact">カタログ請求</a>
  929.                                             </li>
  930.                                             <li>
  931.                                                 <a href="/user_data/page_map">配達可能エリア</a>
  932.                                             </li>
  933.                                             <!-- <li>
  934.                                                     <a href="">お知らせ</a>
  935.                                                 </li> -->
  936.                                             <li>
  937.                                                 <a href="https://biotop.ne.jp/blog/" target="_blank">スタッフブログ</a>
  938.                                             </li>
  939.                                             <li>
  940.                                                 <a href="/user_data/store_overview">biotopについて</a>
  941.                                             </li>
  942.                                             <li>
  943.                                                 <a href="/user_data/store_info">店舗情報</a>
  944.                                             </li>
  945.                                             <li>
  946.                                                 <a href="/user_data/business">法人様向け</a>
  947.                                             </li>
  948.                                             <li>
  949.                                                 <a href="/user_data/phalaenopsis">胡蝶蘭の値段や相場</a>
  950.                                             </li>
  951.                                             <li>
  952.                                                 <a href="/user_data/company">会社概要</a>
  953.                                             </li>
  954.                                             <li>
  955.                                                 <a href="https://flowerjob.jp/" target="_blank">採用情報</a>
  956.                                             </li>
  957.                                         </ul>
  958.                                     </div>
  959.                                 </div>
  960.                                 <div class="list_box">
  961.                                     <div class="box">
  962.                                         <p class="theme">店舗情報一覧</p>
  963.                                         <ul>
  964.                                             <li>
  965.                                                 <a href="/user_data/store_info#shop-info01">> biotop 梅田店</a>
  966.                                             </li>
  967.                                             <li>
  968.                                                 <a href="/user_data/store_info#shop-info02">> biotop 心斎橋店</a>
  969.                                             </li>
  970.                                             <li>
  971.                                                 <a href="/user_data/store_info#shop-info03">> biotop 北新地店</a>
  972.                                             </li>
  973.                                             <li>
  974.                                                 <a href="/user_data/store_info#shop-info04">> biotop 阪神尼崎店</a>
  975.                                             </li>
  976.                                             <li>
  977.                                                 <a href="/user_data/store_info#shop-info05">> biotop 堺東店</a>
  978.                                             </li>
  979.                                             <li>
  980.                                                 <a href="/user_data/store_info#shop-info06">> biotop 南船場店</a>
  981.                                             </li>
  982.                                             <li>
  983.                                                 <a href="/user_data/store_info#shop-info07">> biotop 広島店</a>
  984.                                             </li>
  985.                                             <li>
  986.                                                 <a href="/user_data/store_info#shop-info08">> biotop 名古屋店</a>
  987.                                             </li>
  988.                                         </ul>
  989.                                     </div>
  990.                                     <div class="log_btn_box">
  991.                                         <div class="btn_sec">
  992.                                             <a href="/mypage/" class="btn">
  993.                                                 {% if app.user %}
  994.                                                 <!-- ログインしている場合の表示内容 -->
  995.                                                 <div class="icon">
  996.                                                     <svg viewBox="0 0 20.514 23.933">
  997.                                                         <g transform="translate(-6 -3)">
  998.                                                             <g transform="translate(6 3)">
  999.                                                                 <path d="M19.268,3a6.268,6.268,0,1,0,6.268,6.268A6.268,6.268,0,0,0,19.268,3Z" transform="translate(-9.011 -3)" fill="#9db6c3" />
  1000.                                                                 <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Zm-17.1-2.279H24.235V33.445a15.671,15.671,0,0,0-7.978-2.165,16.184,16.184,0,0,0-7.978,2.108Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  1001.                                                                 <path d="M25.375,38.117H7.14A1.14,1.14,0,0,1,6,36.978V32.134l.513-.342A18.292,18.292,0,0,1,16.257,29,17.836,17.836,0,0,1,26,31.849l.513.285v4.844A1.14,1.14,0,0,1,25.375,38.117Z" transform="translate(-6 -14.184)" fill="#9db6c3" />
  1002.                                                             </g>
  1003.                                                         </g>
  1004.                                                     </svg>
  1005.                                                 </div>
  1006.                                                 <p class="name">マイページ</p>
  1007.                                                 {% else %}
  1008.                                                 <!-- ログインしていない場合の表示内容 -->
  1009.                                                 <div class="icon">
  1010.                                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  1011.                                                         <path d="M237.61,331.547,271.554,365.5l75.556-75.554L381.054,256,347.11,222.054,271.554,146.5,237.61,180.453,289.164,232H0v48H289.164Z" fill="#9db6c3" />
  1012.                                                         <path d="M464,0H96V160h64V64H448V448H160V352H96V512H512V0Z" fill="#9db6c3" />
  1013.                                                     </svg>
  1014.                                                 </div>
  1015.                                                 <p class="name">ログインはコチラ</p>
  1016.                                                 {% endif %}
  1017.                                             </a>
  1018.                                         </div>
  1019.                                         <div class="btn_sec">
  1020.                                             <a href="/cart/" class="btn cart">
  1021.                                                 <div class="icon">
  1022.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="20.514" height="22.588" viewBox="0 0 20.514 22.588">
  1023.                                                         <path d="M6.1,17.616v-3.59A1.026,1.026,0,0,0,5.077,13H3.026a1.026,1.026,0,0,0,0,2.051H4.051v3.077a.359.359,0,0,0,.051.256,9.129,9.129,0,0,0,2.051,5.128,3.333,3.333,0,1,0,4.564,3.077v-.1a10.667,10.667,0,0,0,2.564.359,10.667,10.667,0,0,0,2.564-.359v.1a3.333,3.333,0,1,0,4.564-3.077,9.231,9.231,0,0,0,2.1-5.9ZM7.385,27.873A1.282,1.282,0,1,1,8.667,26.59a1.282,1.282,0,0,1-1.282,1.282Zm11.8,0a1.282,1.282,0,1,1,1.282-1.282,1.282,1.282,0,0,1-1.282,1.282Z" transform="translate(-2 -7.357)" fill="#9db6c3" />
  1024.                                                         <path d="M25.18,2h-.154A.974.974,0,0,0,24,2.922V10.2h9.231C33.231,6,29.693,2.511,25.18,2Z" transform="translate(-12.717 -1.997)" fill="#9db6c3" />
  1025.                                                     </svg>
  1026.                                                 </div>
  1027.                                                 <p class="name">お買い物カート</p>
  1028.                                                 <div class="name_hover_color">
  1029.                                                     <p class="num f_cent"></p>
  1030.                                                     <p class="cost">¥<span>{{ Cart.totalPrice ?? 0|price }}</span>-</p>
  1031.                                                 </div>
  1032.                                             </a>
  1033.                                         </div>
  1034.                                     </div>
  1035.                                     <div class="tel_sec_box">
  1036.                                         <div class="tel_sec">
  1037.                                             <a href="tel:06-6313-8787" class="tel">Tel: <span class="num f_cent">06-6313-8787</span></a>
  1038.                                         </div>
  1039.                                         <div class="tel_sec">
  1040.                                             <a href="tel:06-6313-9393" class="tel">Fax: <span class="num f_cent">06-6313-9393</span></a>
  1041.                                         </div>
  1042.                                     </div>
  1043.                                     <div class="contact_icon_box">
  1044.                                         <a class="icon line" href="https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726">
  1045.                                             <svg viewBox="0 0 36 36">
  1046.                                                 <defs>
  1047.                                                     <clipPath>
  1048.                                                         <rect width="36" height="36" fill="none" />
  1049.                                                     </clipPath>
  1050.                                                 </defs>
  1051.                                                 <g transform="translate(0 0.389)">
  1052.                                                     <g transform="translate(0 -0.389)" clip-path="url(#clip-path)">
  1053.                                                         <path d="M28.158,35.946H7.788A7.788,7.788,0,0,1,0,28.158V7.788A7.788,7.788,0,0,1,7.788,0H28.158a7.788,7.788,0,0,1,7.788,7.788V28.158a7.788,7.788,0,0,1-7.788,7.788" transform="translate(0 0.489)" fill="#00b900" />
  1054.                                                         <path d="M42.289,29.888c0-5.856-5.871-10.621-13.088-10.621S16.114,24.032,16.114,29.888c0,5.25,4.656,9.647,10.946,10.479.426.092,1.006.281,1.153.645a2.691,2.691,0,0,1,.042,1.184s-.153.923-.187,1.12c-.057.331-.263,1.294,1.133.705s7.537-4.438,10.283-7.6h0a9.449,9.449,0,0,0,2.805-6.535" transform="translate(-11.287 -13.007)" fill="#fff" />
  1055.                                                         <path d="M48.185,45.276h-.918a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-32.93 -31.225)" fill="#00b900" />
  1056.                                                         <path d="M59.93,45.276h-.918a.255.255,0,0,0-.255.255v3.388l-2.614-3.529a.282.282,0,0,0-.02-.026l0,0-.016-.016,0,0-.014-.011-.007-.005-.013-.009-.008,0-.013-.008-.008,0-.015-.006-.008,0L56,45.286l-.009,0-.015,0-.01,0-.013,0h-.94a.255.255,0,0,0-.255.255v5.7a.255.255,0,0,0,.255.254h.918a.255.255,0,0,0,.255-.254V47.846L58.8,51.38a.252.252,0,0,0,.065.063l0,0,.016.01.007,0,.012.006.012.005.007,0,.017.005h0a.245.245,0,0,0,.065.009h.918a.255.255,0,0,0,.255-.254v-5.7a.255.255,0,0,0-.255-.255" transform="translate(-38.356 -31.225)" fill="#00b900" />
  1057.                                                         <path d="M34.369,50.059H31.875V45.53a.255.255,0,0,0-.255-.255H30.7a.255.255,0,0,0-.255.255v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.253.253,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255" transform="translate(-21.327 -31.224)" fill="#00b900" />
  1058.                                                         <path d="M79.774,46.7a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H76.107a.254.254,0,0,0-.177.072l0,0,0,0a.255.255,0,0,0-.071.176h0v5.7h0a.252.252,0,0,0,.071.176l0,0,0,0a.254.254,0,0,0,.176.071h3.668a.255.255,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V49.1h2.494a.254.254,0,0,0,.255-.255v-.918a.255.255,0,0,0-.255-.255H77.28V46.7Z" transform="translate(-53.131 -31.225)" fill="#00b900" />
  1059.                                                     </g>
  1060.                                                 </g>
  1061.                                             </svg>
  1062.                                         </a>
  1063.                                         <a href="/contact" class="icon contact">
  1064.                                             <svg viewBox="0 0 24.483 19.867">
  1065.                                                 <g transform="translate(0 -48.27)">
  1066.                                                     <path d="M121.71,339.859l4.282-3.309-4.282-2.912Z" transform="translate(-115.89 -271.722)" />
  1067.                                                     <path d="M0,56.3l5.879,4.262,16.4-10.483L7.3,61.589l8.756,6.348L24.483,48.27Z" />
  1068.                                                 </g>
  1069.                                             </svg>
  1070.                                         </a>
  1071.                                         <a href="https://www.instagram.com/biotop.official/?ref=badge" target="_blank" class="icon insta">
  1072.                                             <img src="/html/user_data/assets/img/common/icon_insta.png" alt="公式インスタグラムはこちら">
  1073.                                         </a>
  1074.                                     </div>
  1075.                                 </div>
  1076.                             </div>
  1077.                         </div>
  1078.                     </div>
  1079.                 </div>
  1080.             </div>
  1081.         </nav>
  1082.     </div>
  1083. </div>
  1086. <!--{/strip}-->
  1088. <!--▲HEADER-->