{#This file is part of EC-CUBECopyright(c) EC-CUBE CO.,LTD. All Rights Reserved.http://www.ec-cube.co.jp/For the full copyright and license information, please view the LICENSEfile that was distributed with this source code.#}{% extends 'default_frame.twig' %}{% block stylesheet %} <style> .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { content: " "; line-height: 20px; position: absolute; top: 0; left: 0; width: 12px; height: 12px; text-align: center; opacity: .25; background-color: black; border-radius: 50%; } .slick-dots li.slick-active button:before { opacity: .75; background-color: black; } .slick-dots li button.thumbnail img { width: 0; height: 0; } .slick-slide img { width: 100%; } </style>{% endblock %}{% block javascript %} <script> $(function () {$('#specialty-product').slick({dots: false, arrows: true, autoplay: false, speed: 300});}); </script>{% endblock javascript %}{% block main %} {# <div class="ecShop-header"> <div class="d-none d-md-block"> <div class="top"> <p>中古オフィス家具！品揃え豊富！中古オフィス家具ならJBへ</p> <div class="ec-topHeaderNaviRole__right d-flex align-items-center justify-content-end"> <a class="ec-topHeaderNaviRoleItem h-under-line" href="tel:0120-356-100"> <i class="fa fa-phone" aria-hidden="true" style="transform: rotate(90deg);"></i> <span>0120-356-100</span> </a> <a class="ec-topHeaderNaviRoleItem h-under-line" href="{{ url('inquiry') }}"> <i class="fa fa-caret-right" aria-hidden="true"></i> <span>お問い合わせ</span> </a> </div> </div> </div> <div class="d-flex bottom w-100"> <div class="logo"> <a href="{{ url('homepage') }}" class="ec-headerNaviRole__logo__link"> <img src="{{ asset("assets/img/common/logo_v2.png", "user_data") }}" alt="株式会社ジュークボックス" width="70" height="64" loading="lazy"> </a> <p class="d-block d-md-none">ECサイト</p> </div> <div class="d-flex flex-column w-100"> <div class="nav w-100"> <a href="#" class="d-none d-md-flex nav__item nav__item--bordered"> <p class="jp__name">ホーム</p> <span class="en__name">HOME</span> </a> <a href="#" class="d-none d-md-flex nav__item nav__item--bordered"> <p class="jp__name">企業情報</p> <span class="en__name">ABOUT</span> </a> <a href="#" class="d-none d-md-flex nav__item nav__item--bordered"> <p class="jp__name">トピックス</p> <span class="en__name">TOPICS</span> </a> <a href="#" class="d-none d-md-flex nav__item nav__item--bordered"> <p class="jp__name">よくある質問</p> <span class="en__name">QUESTION</span> </a> <a href="#" class="nav__item nav__item--user"> <img src="{{ asset("assets/img/common/ic_user_v2.png", "user_data") }}" alt=""> <p class="jp__name">ログイン</p> </a> <a href="#" class="nav__item nav__item--wishlist"> <img src="{{ asset("assets/img/common/ic_wishlist_v2.png", "user_data") }}" alt=""> <p class="jp__name">お気に入り</p> </a> <a href="#" class="nav__item nav__item--cart"> <img src="{{ asset("assets/img/common/ic_cart_v2.png", "user_data") }}" alt=""> <p class="jp__name">カート</p> </a> <button href="#" class="nav__item nav__item--hamburger"> <img src="{{ asset("assets/img/common/ic_hamburger_v2.png", "user_data") }}" alt=""> </button> </div> <div class="search d-none d-md-flex"> <p> オフィス家具など気になるキーワード、商品名を入力してください。 </p> <button> <img src="{{ asset("assets/img/common/ic_search_v2.png", "user_data")}}" alt=""> <span>検索する</span> </button> </div> </div> </div> </div> <section class="ecShop-banner d-block d-md-none"> <img src="{{ asset("assets/img/shop/banner.png", "user_data")}}" alt=""> </section> <div class="ecShop-category"> <div class="all-item d-none d-md-flex align-items-center justify-cotent-center"> <div> <p class="jp__name">商品一覧</p> <span class="en__name">All Items</span> </div> <i class="fa fa-chevron-right"></i> </div> <div class="all-item d-flex d-md-none"> カテゴリーから選ぶ </div> <div class="categories"> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/1.png", "user_data")}}" alt=""> </div> <p class="category--name"> チェア </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/2.png", "user_data")}}" alt=""> </div> <p class="category--name"> デスク </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/3.png", "user_data")}}" alt=""> </div> <p class="category--name"> ワゴン </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/4.png", "user_data")}}" alt=""> </div> <p class="category--name"> テーブル </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/5.png", "user_data")}}" alt=""> </div> <p class="category--name"> キャビネット（書庫） </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/6.png", "user_data")}}" alt=""> </div> <p class="category--name"> ロッカー <br> シューズボックス </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/7.png", "user_data")}}" alt=""> </div> <p class="category--name"> パーテーション </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/8.png", "user_data")}}" alt=""> </div> <p class="category--name"> ホワイトボード </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/9.png", "user_data")}}" alt=""> </div> <p class="category--name"> OA機器 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/10.png", "user_data")}}" alt=""> </div> <p class="category--name"> 観葉植物 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/11.png", "user_data")}}" alt=""> </div> <p class="category--name"> 役員家具 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/12.png", "user_data")}}" alt=""> </div> <p class="category--name"> 会議・応援セット </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/13.png", "user_data")}}" alt=""> </div> <p class="category--name"> 金庫・セキリュティー </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/14.png", "user_data")}}" alt=""> </div> <p class="category--name"> カウンター </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/15.png", "user_data")}}" alt=""> </div> <p class="category--name"> オフィスインテリア </p> </div> </div> </div> <div class="ecShop-container"> <section class="ecShop-banner d-none d-md-block"> <img src="{{ asset("assets/img/shop/banner.png", "user_data")}}" alt=""> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>チェアのおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>デスクのおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>ワゴンのおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>書庫のおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>テーブルのおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-block"> <div class="ecShop-block__heading"> <p>ロッカーのおすすめ</p> <a href=""> <span>チェア一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="ecShop-block__list__wrap"> <div class="ecShop-block__list"> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> <div class="ecShop-block__list__item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <p class="name"> タイトルタイトル </p> <p class="price"> 50,000<small>円</small> </p> <p class="taxed__price"> (税込55,000円) </p> </div> </div> </div> </section> <section class="ecShop-section delivery-section"> <div class="ecShop-section__heading"> 納品事例集 </div> <div class="list"> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> <div class="item"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> </div> </div> <div class="show-more__btn"> <button> <span>もっと見る</span> <img src="{{ asset("assets/img/common/ic_circle_plus.png", "user_data")}}" alt=""> </button> </div> </section> <section class="ecShop-section specialty-product-section"> <div class="ecShop-section__heading"> 専門分野商品 </div> <div class="d-none d-md-block"> <div class="list"> <div class="item"> <img src="{{ asset("assets/img/shop/p1.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p2.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p3.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p4.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p5.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p6.png", "user_data")}}" alt=""> </div> </div> </div> <div class="d-block d-md-none" id="specialty-product"> <div class="item"> <img src="{{ asset("assets/img/shop/p1.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p2.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p3.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p4.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p5.png", "user_data")}}" alt=""> </div> <div class="item"> <img src="{{ asset("assets/img/shop/p6.png", "user_data")}}" alt=""> </div> </div> </section> <section class="ecShop-section news-section"> {{ include('Block/news.twig') }} </section> <section class="ecShop-section tags-section"> <div class="ecShop-section__heading"> 人気タグ一覧 </div> <div class="tags-list"> <div class="chair"> <div class="chair__list"> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> </div> </div> <div class="chair"> <div class="chair__title"> <i class="fa fa-caret-right" aria-hidden="true"></i> <span>チェア</span> </div> <div class="chair__list"> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> </div> </div> <div class="chair"> <div class="chair__title"> <i class="fa fa-caret-right" aria-hidden="true"></i> <span>チェア</span> </div> <div class="chair__list"> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> </div> </div> <div class="chair"> <div class="chair__title"> <i class="fa fa-caret-right" aria-hidden="true"></i> <span>チェア</span> </div> <div class="chair__list"> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> </div> </div> <div class="chair"> <div class="chair__title"> <i class="fa fa-caret-right" aria-hidden="true"></i> <span>チェア</span> </div> <div class="chair__list"> <p class="item"> 特別価格 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> <p class="item"> 残り１点 </p> <p class="item"> 送料無料 </p> <p class="item"> 定番商品 </p> <p class="item"> 売れ筋 </p> <p class="item"> 設置無料 </p> <p class="item"> 大量在庫 </p> <p class="item"> オススメ </p> </div> </div> </div> </section> <section class="ecShop-section feature-section"> <div class="ecShop-section__heading"> ジュークボックスの特徴 </div> <div class="list"> <div class="item"> <span>1</span> <img src="{{ asset("assets/img/shop/f1.png", "user_data")}}" alt=""> <p> {{ '中古オフィス家具は 徹底クリーニング メンテナンスしております！'|nl2br }} </p> </div> <div class="item"> <span>2</span> <img src="{{ asset("assets/img/shop/f2.png", "user_data")}}" alt=""> <p> {{ 'お電話でのお問い合わせも プロが説明・回答致します！'|nl2br }} </p> </div> <div class="item"> <span>3</span> <img src="{{ asset("assets/img/shop/f3.png", "user_data")}}" alt=""> <p> {{ '引越しや処分等、 用件を聞きながら ご提案致します！'|nl2br }} </p> </div> </div> <div class="about"> <div class="item"> <div class="heading"> <img src="{{ asset("assets/img/shop/a1.png", "user_data")}}" alt=""> <span>お支払方法について</span> </div> <div class="detail"> <p> {{ '商品金額は税込の金額で表示しております。 下記のお支払い方法をご選択いただけます。 ・クレジットカード決済 ・銀行振込'|nl2br }} </p> <h5> クレジットカード決済 </h5> <p> {{ '当店でご利用いただけるクレジットカードは以下になります。 VISA（ビザ）・Mastercard（マスターカード）・JCB（ジェーシービー）・American Express（アメリカンエキスプレス）・Diners Club（ダイナースクラブ） お支払い回数は1回となります。 分割をご希望の方は、お見積り依頼よりお申込みください。'|nl2br }} </p> <h5> 銀行振込 </h5> <p> {{ 'お振込先は下記となります。 銀行名：楽天銀行（0036） 支店名：第一営業支店（251） 預金種目：普通預金 口座番号：7166459 口座名義：カ）コンサルティングパートナーズ' }} </p> </div> </div> <div class="item"> <div class="heading"> <img src="{{ asset("assets/img/shop/a2.png", "user_data")}}" alt=""> <span>送料・配送について</span> </div> <div class="detail"> <h5> 送料について </h5> <p> {{ '送料は、商品及び地域ごとに異なります。 離島・一部地域は追加送料がかかる場合があります。 商品によっては、別途追加送料が必要なものもございます。 料金は必ず商品ページよりご確認ください。'|nl2br }} </p> <h5> 配送について </h5> <p> {{ 'ご入金確認後、2営業日後までに発送いたします。商品によっては時間がかかる場合もございますので、その場合は、こちらから連絡をいたします。 年末年始などの大型休暇に関しては、メーカーの営業日によって、日数がかかる場合がございますので、予めご了承ください。'|nl2br }} </p> </div> </div> <div class="item"> <div class="heading"> <img src="{{ asset("assets/img/shop/a3.png", "user_data")}}" alt=""> <span>返品・交換について</span> </div> <div class="detail"> <p> {{ '万一品質に不都合があった場合や、配送中の事故などでお届け商品に破損・汚損があった場合、又お申し込みのものと異なる商品がお手元に届いた場合には責任をもって、お取り替えいたします。 お手数ではございますが、返品・交換の品を返送前に、下記連絡先か又は「お問い合わせ」にてご連絡下さい。その際、受注番号をご記載お願いします。'|nl2br }} </p> <h5> 返品連絡先 </h5> <p> {{ '返品先：〒106-0032 東京都港区六本木6‐3‐1 六本木ヒルズクロスポイント10F 株式会社ジュークボックス 宛 電話：0120-356-100'|nl2br }} </p> </div> </div> <div class="item"> <div class="heading"> <img src="{{ asset("assets/img/shop/a4.png", "user_data")}}" alt=""> <span>保証・アフターケアについてs</span> </div> <div class="detail"> <p> {{ 'テキストくださいテキストくださいテキストくださいテキストくださいテキストくださいテキストくださいテキストくださいテキストくださいテキストください テキストくださいテキストくださいテキストください テキストくださいテキストくださいテキストください テキストくださいテキストくださいテキストくださいテキストくださいテキストください'|nl2br }} </p> </div> </div> </div> </section> <section class="ecShop-section faq-section"> <div class="heading"> <p>オフィス家具FAQ</p> <a href="#"> <span>FAQ一覧へ</span> <i class="fa fa-chevron-right"></i> </a> </div> <div class="faqs"> <div class="faq"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <span class="w-10">Q.</span> <span>オフィス家具についての質問</span> </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <span>A.</span> <span> {{ 'オフィス家具についての答えオフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答え' }} </span> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <span class="w-10">Q.</span> <span>オフィス家具についての質問</span> </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <span>A.</span> <span> {{ 'オフィス家具についての答えオフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答え' }} </span> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <span class="w-10">Q.</span> <span>オフィス家具についての質問</span> </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> <span>A.</span> <span> {{ 'オフィス家具についての答えオフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答え' }} </span> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingFour"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <span class="w-10">Q.</span> <span>オフィス家具についての質問</span> </button> </h2> <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample"> <div class="accordion-body"> <span>A.</span> <span> {{ 'オフィス家具についての答えオフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答えオフィス家具についての答え オフィス家具についての答えオフィス家具についての答え' }} </span> </div> </div> </div> </div> </div> </div> </section> </div> #} {# <div class="ecShop-footer"> <div class="top"> <div class="column info"> <h3>株式会社ジュークボックス</h3> <p class="text-center"> {{ '中古オフィス家具販売 買取のオフィスデスク'|nl2br }} </p> <div class="calendar"> {{ include('Block/apg_sc_two_month_calendar.twig') }} </div> <p> {{ '東京都港区六本木6‐3‐1 六本木ヒルズクロスポイント10F'|nl2br }} </p> <p>TEL 0120-356-100</p> <p> {{ '受付時間 平日9：00～18：00 （土・日・祝日定休）'|nl2br }} </p> </div> <div class="column"> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>商品一覧</span> </p> <ul> <li class="sp"> <span>－</span> 商品一覧 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> すべて <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 新品激安オフィス家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 激安中古オフィス家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> オフィス家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 目的別家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> インテリア・家具・雑貨 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 話題の商品 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 新品オフィス家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> 中古オフィス家具 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> {{ '緊急報告(イベント・安売り・その他)'|nl2br }} <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> キャンペーン <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> ウイルス対策商品 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> その他 <i class="fa fa-chevron-right"></i> </li> </ul> </div> <div class="column"> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>企業情報</span> </p> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>トピックス</span> </p> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>よくある質問</span> </p> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>お問い合わせ</span> </p> <ul class="sp"> <li> <span>－</span> 企業情報 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> トピックス <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> よくある質問 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> お問い合わせ <i class="fa fa-chevron-right"></i> </li> </ul> </div> <div class="column"> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>特定商取引法に基づく表記</span> </p> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>ご利用規約</span> </p> <p class="list-header"> <i class="fa fa-chevron-right"></i> <span>プライバシーポリシー</span> </p> <ul class="sp"> <li> <span>－</span> 特定商取引法に基づく表記 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> ご利用規約 <i class="fa fa-chevron-right"></i> </li> <li> <span>－</span> プライバシーポリシー <i class="fa fa-chevron-right"></i> </li> </ul> </div> </div> <div class="middle"> <a href="#"> <img src="{{ asset("assets/img/common/ic_user_v2.png", "user_data") }}" alt=""> <span>ログイン</span> </a> <a href=""> <img src="{{ asset("assets/img/common/ic_cart_v2.png", "user_data") }}" alt=""> <span>カート</span> </a> </div> <p class="copyright"> Copyright 2019 Jukebox,Inc All Rights Reserved. </p> </div> #} <div class="ecShop-drawer hidden"> <div class="d-block d-md-none"> {{ render(path('block_search_product')) }} </div> <div class="categories"> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/1.png", "user_data")}}" alt=""> </div> <p class="category--name"> チェア </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/2.png", "user_data")}}" alt=""> </div> <p class="category--name"> デスク </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/3.png", "user_data")}}" alt=""> </div> <p class="category--name"> ワゴン </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/4.png", "user_data")}}" alt=""> </div> <p class="category--name"> テーブル </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/5.png", "user_data")}}" alt=""> </div> <p class="category--name"> キャビネット（書庫） </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/6.png", "user_data")}}" alt=""> </div> <p class="category--name"> ロッカー <br> シューズボックス </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/7.png", "user_data")}}" alt=""> </div> <p class="category--name"> パーテーション </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/8.png", "user_data")}}" alt=""> </div> <p class="category--name"> ホワイトボード </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/9.png", "user_data")}}" alt=""> </div> <p class="category--name"> OA機器 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/10.png", "user_data")}}" alt=""> </div> <p class="category--name"> 観葉植物 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/11.png", "user_data")}}" alt=""> </div> <p class="category--name"> 役員家具 </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/12.png", "user_data")}}" alt=""> </div> <p class="category--name"> 会議・応援セット </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/13.png", "user_data")}}" alt=""> </div> <p class="category--name"> 金庫・セキリュティー </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/14.png", "user_data")}}" alt=""> </div> <p class="category--name"> カウンター </p> </div> <div class="category"> <div class="category--img"> <img src="{{ asset("assets/img/category/15.png", "user_data")}}" alt=""> </div> <p class="category--name"> オフィスインテリア </p> </div> </div> <div class="nav"> <a href="#"> <i class="fa fa-chevron-right"></i> <span>企業情報</span> </a> <a href="#"> <i class="fa fa-chevron-right"></i> <span>トピックス</span> </a> <a href="#"> <i class="fa fa-chevron-right"></i> <span>よくある質問</span> </a> <a href="#"> <i class="fa fa-chevron-right"></i> <span>お問い合わせ</span> </a> </div> </div> <div class="ecShop-delivery__modal hidden"> <div class="body"> <div class="list delivery__modal__list"> <div class="item"> <div class="item__inner"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <div class="info"> <p class="date">2023年12月25日</p> <h3>タイトルタイトル</h3> <p class="desc"> {{" テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト "|nl2br}} </p> <a href="#">商品詳細へ</a> </div> </div> </div> <div class="item"> <div class="item__inner"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <div class="info"> <p class="date">2023年12月25日</p> <h3>タイトルタイトル</h3> <p class="desc"> {{" テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト "|nl2br}} </p> <a href="#">商品詳細へ</a> </div> </div> </div> <div class="item"> <div class="item__inner"> <img src="{{ asset(""|no_image_product, 'save_image') }}" alt=""> <div class="info"> <p class="date">2023年12月25日</p> <h3>タイトルタイトル</h3> <p class="desc"> {{" テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト "|nl2br}} </p> <a href="#">商品詳細へ</a> </div> </div> </div> </div> </div> </div><script> $('.delivery__modal__list').slick({ dots: false, arrows: true, autoplay: false, speed: 300, nextArrow: `<button type="button" class="slick-prev"> <img src="{{ asset("assets/img/common/ic_prev_v2.png", "user_data") }}" alt=""> </button>`, prevArrow: ` <button type="button" class="slick-next"> <img src="{{ asset("assets/img/common/ic_next_v2.png", "user_data") }}" alt=""> </button>` }); $(".nav__item--hamburger").on("click", function(e) { e.preventDefault(); $(".ecShop-drawer").toggleClass("hidden"); var src = $(this).children().attr("src"); console.log(src); if(src == '{{ asset("assets/img/common/ic_hamburger_v2.png", "user_data") }}') { $(this).children().attr("src", '{{ asset("assets/img/common/ic_close_v2.png", "user_data") }}'); } else { $(this).children().attr("src", '{{ asset("assets/img/common/ic_hamburger_v2.png", "user_data") }}'); } }); $('.delivery-section').each(function() { var width = $(window).width(); var listLength = $(this).find('.item').length; var dispNum = 15; if (width <= 768) { dispNum = 8; } if (listLength > dispNum) { $(this).find(`.item:gt(${dispNum - 1})`).each(function() { $(this).hide(); }); $(this).find('.show-more__btn button').click(function() { dispNum += dispNum; console.log(dispNum); $(this).parents(".delivery-section").find('.item:lt(' + dispNum + ')').show(); }) } $(this).find('.item').click(function() { $(".ecShop-delivery__modal").removeClass("hidden"); }); }); $(".ecShop-delivery__modal").click(function() { $(this).addClass("hidden"); }); $(".ecShop-delivery__modal").on('click', "*", function(e) { e.stopPropagation(); })</script>{% endblock %}