app/template/default/Block/Sp/lm_global_footer.twig line 1

Open in your IDE?
  1. {% set allowedNewCss = ['/mypage/history/', '/mypage/mhistory/', '/mypage/chistory/', '/mypage/contact/', '/mypage/update/'] %}
  2. {% if app.request.pathinfo in allowedNewCss %}
  3.     <link rel="stylesheet" type="text/css" href="/stylesheets/sp/mypage_new.css?20230302" />
  4. {% endif %}
  6. {% if (isShowGlobalFooter is not defined or isShowGlobalFooter) or not isMobile %}
  7. <div id="ft-shipping">
  8.     <div class="shipping-message">
  9.         <p>送料全国一律770円(税込)</p>
  10.         <p>10,000円（税込）以上<span>送料無料</span></p>
  11.     </div>
  12. </div>
  14. <section id="item-list" class="gray-background">
  15.     <div class="footer-link-wrapper">
  16.         <div class="title-h2">
  17.             <h2>&nbsp;サイトメニュー</h2>
  18.         </div>
  20.         <ul id="footermenu" style="font-size: 11px !important;">
  21.             <li><a href="{{ url('contact') }}"><h3>メール問合せ</h3></a></li>
  22.             <li><a href="/sp/pages/guide/"><h3>初めての方へ</h3></li>
  23.             <li><a href="/sp/pages/order/" data-ajax="false"><h3>ご注文方法</h3></a></li>
  24.             <li><a href="/sp/pages/pay/"><h3>お支払い方法</h3></li>
  25.             <li><a href="/sp/pages/souryou/"><h3>送料</h3></li>
  26.             <li><a href="/sp/pages/nouki/" data-ajax="false"><h3>納期</h3></a></li>
  27.             <li><a href="/sp/pages/sample/" data-ajax="false"><h3>貸出サンプル</h3></a></li>
  28.             <li><a href="/sp/pages/oguchi/" data-ajax="false"><h3>大口割引</h3></a></li>
  29.             <li><a href="/sp/pages/henpin/" data-ajax="false"><h3>返品・交換</h3></a></li>
  30.             <li><a href="/sp/pages/faq/" data-ajax="false"><h3>よくあるご質問</h3></a></li>
  31.             <li><a href="/sp/pages/company_profile/" data-ajax="false"><h3>会社概要</h3></a></li>
  32.             <li><a href="/sp/pages/syozaiti/" data-ajax="false"><h3>会社所在地</h3></a></li>
  33.             <li><a href="/sp/pages/kiyaku/" data-ajax="false"><h3>ご利用規約</h3></a></li>
  34.             <li><a href="/sp/pages/privacy/" data-ajax="false"><h3>個人情報保護方針</h3></a></li>
  35.             <li><a href="/sp/pages/tokutei/" data-ajax="false"><h3>特定商取引表示</h3></a></li>
  36.         </ul>
  37.     </div>
  38. </section>
  39. {% endif %}
  40. <style>
  41. .ec-layoutRole__footer#footer {
  42.     background-color: white;
  43.     font-family: Verdana;
  44. }
  45. .ec-layoutRole__footer#footer ul {
  46.     padding: 0px;
  47. }
  48. .ec-layoutRole__footer#footer #footermenu li {
  49.     border: solid 1px #eee;
  50.     border-right-width: 1px;
  51. }
  52. .ec-layoutRole__footer #ft-shipping {
  53.     color: #000;
  54. }
  55. #to-pc {
  56.     background-color: #f4f4f4;
  57.     border-top: 1px solid #ccc;
  58.     border-bottom: 1px solid #ccc;
  59. }
  60. #to-pc-btn {
  61. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  62. background: -moz-linear-gradient(top, #fff, #ddd);
  63. border: 1px solid #bbb;
  64. padding: 5px 0;
  65. border-radius: 5px;
  66. width: 50%;
  67. font-weight: bold;
  68. margin: 0 auto;
  69. text-align: center;
  70. font-size: 17px;
  71. }
  72. #footer a, #footer a:link, #footer a:visited {
  73.   color: #36c;
  74.   text-decoration: none;
  75. }
  76. #item-list ul li h3, #popularity-item-list ul li h3 {
  77.   line-height: 16px;
  78. }
  79. </style>
  81. <footer class="footer" style="{{ isHiddenOnEstimateMobile is not defined or isHiddenOnEstimateMobile == false ?: 'margin-bottom: 60px;' }}">
  82.     <div id="to-pc" class="gray-background">
  83.         スマホ版｜<a id="to-pc-page" href="/">パソコン版</a>
  84.         <script>
  85.             $('#to-pc-page').on('click', function(e){
  86.                 e.preventDefault();
  87.                 var $this = $(this);
  88.                 if( confirm('パソコン版のページへ移動します。') ){
  89.                     location.search='?device_view=full';
  90.                 }
  91.             });
  92.         </script>
  93.     </div>
  94.     {% set allowedNewCss = ['/mypage/history/', '/mypage/mhistory/', '/mypage/chistory/', '/mypage/contact/', '/mypage/update/'] %}
  95.     {% if app.request.pathinfo in allowedNewCss %}
  96.         <div class="gray-background"></div>
  97.     {% endif %}
  98.   <small style="color: #555;"> Copyright &copy; 1991-{{ php_date('Y') }}<br />株式会社ランドマーク. All Rights Reserved.</small>
  99. </footer>
  101. <script type="text/javascript">
  102. $(function() {
  103.     $('.scrollToMe').on('focus', function() {
  104.         var position = $(this).offset().top - 20;
  105.         var duration = 250;
  106.         var easing = 'swing';
  107.         $('body,html').animate({
  108.             scrollTop: position,
  109.             duration: duration,
  110.             easing: easing
  111.         });
  112.     });
  113. });
  114. </script>
  115. <script type="text/javascript">
  116.     (function($, window, document, undefined) {
  117.         $(function() {
  118.             $('input[name=searchtext]').searchpop();
  119.         })
  120.     }(jQuery, window, document));
  121. </script>
  122. <style type="text/css">
  123. #main-category-fixed-header-content{
  124.     width: 100%;
  125.     background-color: #fff;
  126.     z-index: 100000;
  127. }
  128. #main-category-fixed-header-content:after{
  129.     content: '';
  130.     display: block;
  131.     clear: both;
  132. }
  133. #main-category-fixed-header-content.fixed{
  134.     position: fixed;
  135.     top: 0;
  136. }
  137. /* HOMEボタン(1 of 9) */
  138. #main-category-fixed-header-content ul:not(.fixed-acc-children) > li:first-child{
  139.     width: 10.56%;
  140. }
  141. /* HOMEボタン以外(2～9 of 9) */
  142. #main-category-fixed-header-content ul:not(.fixed-acc-children) > li:nth-child(n + 2){
  143.     width: 11.18%;
  144. }
  145. #main-category-fixed-header-content div{
  146.     margin: 0 !important;
  147. }
  148. </style>
  149. <script type="text/javascript">
  150. $(function() {
  151.     var width = $(window).width();
  152.     $('ul:has(.fixed-acc-parent)').css({"overflow":"visible"});
  153.     $('.fixed-acc-parent').on('click', function(e) {
  154.         var left = $(this).offset().left;
  155.         $(this).next('.fixed-acc-children').slideToggle().each(function(i) {
  156.             if (left + 120 > width) {
  157.                 $(this).css({'right':0,'left':'auto'});
  158.             }
  159.         });
  160.         $('.fixed-acc-parent').not(this).next('.fixed-acc-children').slideUp();
  161.     });
  162.     $('.fixed-acc-children').css({"width":"120px"});
  163. });
  164. </script>
  166. {% if isSliderEnabled() == false %}
  167.   {% if current_path != 'top/index' %}
  168.     <style type="text/css">
  169.     ul.bxslider {
  170.       list-style: none;
  171.     }
  172.     ul.bxslider.loading li:nth-child(n + 2) {
  173.       display: none;
  174.     }
  175.     .bx-wrapper, .bx-viewport {
  176.       -webkit-box-shadow: none !important;
  177.       box-shadow: none !important;
  178.     }
  179.     </style>
  180.     <link rel="stylesheet" href="/javascripts/sp/jquery.bxslider/jquery.bxslider.css" />
  181.     <script type="text/javascript" src="/javascripts/jquery.bxslider.min.js"></script>
  182.     <script type="text/javascript">
  183.     $(function() {
  184.         var $bxSlider = $('.bxslider').addClass('loading');
  185.         $(window).on('load', function(e) {
  186.             var scale = $bxSlider.width() / $(window).width();
  187.             $bxSlider.css({transform: 'scale('+scale+', '+scale+')'});
  188.             $bxSlider.removeClass('loading').bxSlider({
  189.                 auto: true
  190.             });
  191.         });
  192.     });
  193.   </script>
  194.   {% endif %}
  195. {% endif %}
  197. <script>
  198.     window.dataLayer = window.dataLayer || [];
  199.     // SP - 電話CV
  200.     function phoneCall () {
  201.         dataLayer.push({
  202.             'event': 'Phone Call'
  203.         });
  204.     }
  205.     // SP - FAX
  206.     function cvFAX () {
  207.         dataLayer.push({
  208.             'event': 'SP - FAX'
  209.         });
  210.     }
  211.     // SP -メール問合せ
  212.     function cvInquiry () {
  213.         dataLayer.push({
  214.             'event': 'SP - Inquiry'
  215.         });
  216.     }
  217.     //
  218.     $(function () {
  219.         // SP - 電話CV
  220.         $('a[href^="tel:"]').on('click', function (event) {
  221.             phoneCall();
  222.         });
  223.         /**
  224.          * FAXは対象PDFのリンククリックでCV発火とする
  225.          * ▼FAX注文用紙
  226.          * ・https://www.l-m.co.jp/fax/fax_base.pdf
  227.          * ・https://www.l-m.co.jp/files/company/fax_base.pdf
  228.          * ▼図柄を記入するFAX用紙
  229.          * ・https://www.l-m.co.jp/files/company/fax_zugara.pdf
  230.          */
  231.         $('a[href$="fax_base.pdf"],a[href$="fax_zugara.pdf"]').on('click', function (event) {
  232.             cvFAX();
  233.         });
  234.     });
  235. </script>
  237. {% if (current_path == 'top/index' or current_path == 'main-category/index' or current_path == 'sub-category/index') %}
  238. <script>
  239.     $(function () {
  240.         var height = window.innerHeight || $(window).height();
  241.         $('img')
  242.             .not('.lazy').not('[data-src]').not('.bxslider *').not('[class^="rollover"]').each(function () {
  243.             var $img = $(this);
  244.             var offset = $img.offset();
  245.             var top = offset.top;
  246.             var src = $img.attr('src');
  247.             // 1stビュー以外の画像ファイル全てに適用
  248.             if (height < top) {
  249.                 $img.attr('data-src', src).removeAttr('src').addClass('lazy');
  250.             }
  251.         });
  252.     });
  253. </script>
  254. <script>
  255.     window.lazySizesConfig = {
  256.         lazyClass: 'lazy'
  257.     };
  258. </script>
  259. <script src="https://unpkg.com/lazysizes@5.1.1/lazysizes.js" async=""></script>
  260. {% endif %}
  262. {% set isYtLazy = false %}
  263. {% if isYtLazy %}
  264. <style>
  265.     .ytlazy {
  266.         position: relative;
  267.         cursor: pointer;
  268.     }
  269.     .movie_frame .ytlazy {
  270.         position: absolute;
  271.         top: 0;
  272.         left: 0;
  273.         width: 100%;
  274.         height: 100%;
  275.     }
  276.     .ytlazy > .ytlazy-btn {
  277.         position: absolute;
  278.         top: calc(100% / 2 - 2em);
  279.         left: calc(100% / 2 - 3em);
  280.         /**/
  281.         padding: 1em 2em;
  282.         border-radius: 20%;
  283.         /**/
  284.         background: rgba(25, 25, 25, .75);
  285.         color: white;
  286.     }
  287.     .ytlazy:hover .ytlazy-btn {
  288.         /**/
  289.         background: red;
  290.         color: white;
  291.     }
  292.     .ytlazy > .ytlazy-btn:after {
  293.         content: '▶';
  294.         font-size: 1.75em;
  295.     }
  296.     .ytlazy > img {
  297.         object-fit: cover;
  298.     }
  299. </style>
  300. <script>
  301.     $(function () {
  302.         // YouTube.Lazy - 元々手動再生の場合、手動遅延読込みで自動再生
  303.         const $ytLazy = $('.ytlazy').on('click', function (e) {
  304.             const $img = $(this).children('img');
  305.             const $iframe = $('<iframe />');
  306.             //
  307.             $img.each(function (i) {
  308.                 $iframe.attr(this.dataset);
  309.             })
  310.             //
  311.             $(this).replaceWith($iframe);
  312.         });
  313.         // YouTube.Lazy - 元々自動再生の場合、自動遅延読込みで自動再生
  314.         $(window).on('load', function (e) {
  315.             setTimeout(function () {
  316.                 $ytLazy.has('[data-auto-play="1"]').click()
  317.             }, 100);
  318.         });
  319.     });
  320. </script>
  321. {% endif %}
  323. {% if isSliderEnabled() %}
  324. <style>
  325. .swiper-slide img {
  326.     display: block;
  327.     max-width: 100%;
  328. }
  329. .swiper-container {
  330.     margin-left: auto;
  331.     margin-right: auto;
  332.     position: relative;
  333.     overflow: hidden;
  334.     list-style: none;
  335.     padding: 0;
  336.     z-index: 1;
  337. }
  338. </style>
  340. <link rel="stylesheet" type="text/css" href="https://unpkg.com/swiper@7.0.7/swiper-bundle.min.css" />
  341. <script async src="https://unpkg.com/swiper@7.0.7/swiper-bundle.min.js"></script>
  342. <script>
  343.     window.addEventListener('load', function () {
  344.         //
  345.         setTimeout(function () {
  346.             //
  347.             for (let e of document.getElementsByClassName('swiper-slide')) {
  348.                 e.style.display = "list-item";
  349.             }
  350.             //
  351.             new Swiper( '.swiper-container', {
  352.                 loop: true,
  353.                 autoplay: {
  354.                     delay: 4000,
  355.                     disableOnInteraction: false,
  356.                 },
  357.                 speed: 400,
  358.                 navigation: {
  359.                     nextEl: '.swiper-button-next',
  360.                     prevEl: '.swiper-button-prev',
  361.                 },
  362.                 pagination: {
  363.                     el: '.swiper-pagination', clickable: true
  364.                 },
  365.                 scrollbar: {
  366.                     el: '.swiper-scrollbar',
  367.                 },
  368.                 slidesPerView: 1
  369.             } );
  370.         }, 250);
  371.     });
  372. </script>
  373. {% endif %}