var/cache/dev/twig/1f/1f905cd68a5589ef5a2fd1952f9aae5f.php line 40

Open in your IDE?
  1. <?php
  2. use Twig\Environment;
  3. use Twig\Error\LoaderError;
  4. use Twig\Error\RuntimeError;
  5. use Twig\Extension\SandboxExtension;
  6. use Twig\Markup;
  7. use Twig\Sandbox\SecurityError;
  8. use Twig\Sandbox\SecurityNotAllowedTagError;
  9. use Twig\Sandbox\SecurityNotAllowedFilterError;
  10. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  11. use Twig\Source;
  12. use Twig\Template;
  13. /* index.twig */
  14. class __TwigTemplate_0381dd9649b28774a0693cc221c1933a extends \Eccube\Twig\Template
  15. {
  16.     private $source;
  17.     private $macros = [];
  18.     public function __construct(Environment $env)
  19.     {
  20.         parent::__construct($env);
  21.         $this->source $this->getSourceContext();
  22.         $this->blocks = [
  23.             'stylesheet' => [$this'block_stylesheet'],
  24.             'javascript' => [$this'block_javascript'],
  25.             'main' => [$this'block_main'],
  26.         ];
  27.     }
  28.     protected function doGetParent(array $context)
  29.     {
  30.         // line 12
  31.         return "default_frame.twig";
  32.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros $this->macros;
  36.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""index.twig"));
  38.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""index.twig"));
  40.         // line 19
  41.         $context["body_class"] = "front_page";
  42.         // line 12
  43.         $this->parent $this->loadTemplate("default_frame.twig""index.twig"12);
  44.         $this->parent->display($contextarray_merge($this->blocks$blocks));
  45.         
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  47.         
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  49.     }
  50.     // line 14
  51.     public function block_stylesheet($context, array $blocks = [])
  52.     {
  53.         $macros $this->macros;
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""stylesheet"));
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""stylesheet"));
  58.         // line 15
  59.         echo "    <link rel=\"stylesheet\" href=\"";
  60.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/common_style.css""user_data"), "html"nulltrue);
  61.         echo "\">
  62.     <link rel=\"stylesheet\" href=\"";
  63.         // line 16
  64.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/header_nav_0.css"), "html"nulltrue);
  65.         echo "\">
  66. ";
  67.         
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  69.         
  70.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  71.     }
  72.     // line 22
  73.     public function block_javascript($context, array $blocks = [])
  74.     {
  75.         $macros $this->macros;
  76.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  77.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascript"));
  78.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  79.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascript"));
  80.         // line 23
  81.         echo "    <script>
  82.         // \$(function() {
  83.         //     \$('.main_visual').slick({
  84.         //         dots: true,
  85.         //         arrows: false,
  86.         //         autoplay: true,
  87.         //         speed: 300
  88.         //     });
  89.         // });
  90.         // 画面ロード時
  91.         window.addEventListener(\"load\", function () { 
  92.         
  93.             // 要素取得
  94.             const carousel = document.querySelector(\".carousel\");
  95.             let slides = [...document.querySelectorAll(\".carousel a\")];
  96.         
  97.             let slideWidth = slides[0].offsetWidth;
  98.             let currentIndex = 1;
  99.             carousel.style.transition = \"none\";
  100.             carousel.style.transform = `translateX(\${slideWidth + (-slideWidth) * currentIndex}px)`;
  101.         
  102.         
  103.             console.log(slides.map(slide => slide.innerHTML));
  104.         
  105.             // 切り替え機能
  106.             function updateSlide(newIndex) {
  107.                 if (newIndex >= slides.length) {
  108.                     currentIndex = 0; 
  109.                 } else if (newIndex < 0) {
  110.                     currentIndex = slides.length - 1;
  111.                 } else {
  112.                     currentIndex = newIndex;
  113.                 }
  114.         
  115.                 carousel.style.transition = \"transform 0.8s ease-in-out\";
  116.                 carousel.style.transform = `translateX(\${slideWidth + (-slideWidth) * currentIndex}px)`;
  117.         
  118.                 console.log(currentIndex);
  119.                 console.log(\"Current index:\", currentIndex);
  120.             }
  121.         
  122.             // 進むボタン
  123.             document.querySelector(\".next-btn\").addEventListener(\"click\", () => {
  124.                 updateSlide(currentIndex + 1);
  125.             });
  126.         
  127.             // 戻るボタン
  128.             document.querySelector(\".prev-btn\").addEventListener(\"click\", () => {
  129.                 updateSlide(currentIndex - 1); 
  130.             });
  131.         
  132.         
  133.             // レスポンシブ
  134.             window.addEventListener(\"resize\", () => {
  135.                 slideWidth = slides[0].offsetWidth; 
  136.                 carousel.style.transition = \"none\"; 
  137.                 carousel.style.transform = `translateX(\${slideWidth + (-slideWidth)  * currentIndex}px)`;
  138.             });
  139.         });
  140.         
  141.         // SNS表示、非表示
  142.         document.addEventListener(\"DOMContentLoaded\", function () {
  143.             const toggleBtn = document.querySelector(\"#sns-opcl\");
  144.             const target = document.querySelector(\".sns-scroll\");
  145.         
  146.             toggleBtn.addEventListener(\"click\", function () {
  147.                 target.classList.toggle(\"active\");
  148.                 toggleBtn.classList.toggle(\"active\");
  149.             });
  150.         });
  151.     </script>
  152. ";
  153.         
  154.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  155.         
  156.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  157.     }
  158.     // line 97
  159.     public function block_main($context, array $blocks = [])
  160.     {
  161.         $macros $this->macros;
  162.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  163.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""main"));
  164.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  165.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""main"));
  166.         // line 98
  167.         echo "    <main class=\"main-content\">
  168.         <div class=\"top-bg\">
  169.             <img src=\"";
  170.         // line 100
  171.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/common-bg.png""user_data"), "html"nulltrue);
  172.         echo "\" class=\"\" alt=\"共通TOP-BG\"/>
  173.         </div>
  174.         <div class=\"site-cont\">
  175.             <div class=\"photo-stock\">
  176.                 <div class=\"stock-area container flexlist f-jc-center\">
  177.                     <span class=\"corner-rt\"></span>
  178.                     <span class=\"corner-lb\"></span>
  179.                     <img src=\"";
  180.         // line 110
  181.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/title_ic_ec-photo.svg""user_data"), "html"nulltrue);
  182.         echo "\" class=\"icon\" alt=\"フォトサイトストックicon\"/>
  183.                     <h2 class=\"photo-stock-title\">ストックフォト</h2>
  184.                     <p>あらゆる列車の写真を取り扱っているECサイトです。無料素材の利用や、提供素材の登録も可能です。</p>
  185.                     <div class=\"image-area flexlist f-ai-start f-jc-center\">
  186. \t\t\t\t\t\t<img src=\"";
  187.         // line 114
  188.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/photo001.jpg""user_data"), "html"nulltrue);
  189.         echo "\" alt=\"写真1\" class=\"item01\">
  190. \t\t\t\t\t\t<img src=\"";
  191.         // line 115
  192.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/photo003.jpg""user_data"), "html"nulltrue);
  193.         echo "\" alt=\"写真2\" class=\"item02\">
  194.                         <img src=\"";
  195.         // line 116
  196.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/photo002.jpg""user_data"), "html"nulltrue);
  197.         echo "\" alt=\"写真3\" class=\"item03\">
  198. \t\t\t\t\t</div>
  199.                 </div>
  200.                 <div class=\"btn-wrapper\">
  201.                     <a href=\"https://photo-pub.com/env\" class=\"btn-s\">
  202.                         <span class=\"btn-text-s\">ストックフォトを利用する</span>
  203.                         <span class=\"btn-icon-s\">→</span>
  204.                     </a>
  205.                 </div>
  206.             </div>
  207.             <div class=\"photo-pub-dou\">
  208.                 <div class=\"pub-area\">
  209.                     <span class=\"corner-rt\"></span>
  210.                     <span class=\"corner-lb\"></span>
  211.                     <img src=\"";
  212.         // line 133
  213.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/title_ic_ec-book.svg""user_data"), "html"nulltrue);
  214.         echo "\" class=\"icon\" alt=\"フォトサイトストックicon\" />
  215.                     <h2 class=\"photo-pub-title\">フォトパブ堂</h2>
  216.                     <p>列車・バス・古地図・郷土の歴史といった書籍を取り扱っているECサイトです。</p>
  217.                     <div class=\"image-area flexlist f-jc-center f-ai-center\">
  218.                         <img src=\"";
  219.         // line 137
  220.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/bookpackage001.jpg""user_data"), "html"nulltrue);
  221.         echo "\" alt=\"書影1\" class=\"item01\">
  222.                         <img src=\"";
  223.         // line 138
  224.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/bookpackage003.jpg""user_data"), "html"nulltrue);
  225.         echo "\" alt=\"書影2\" class=\"item02\">
  226.                         <img src=\"";
  227.         // line 139
  228.         echo twig_escape_filter($this->env$this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/bookpackage002.jpg""user_data"), "html"nulltrue);
  229.         echo "\" alt=\"書影3\" class=\"item03\">
  230.                     </div>
  231.                 </div>
  232.                 <div class=\"btn-wrapper\">
  233.                     <a href=\"https://photo-pub.com/books\" class=\"btn-p\">
  234.                         <div class=\"btn-text-p\">フォトパブ堂書店を利用する</div>
  235.                         <div class=\"btn-icon-p\">→</div>
  236.                     </a>
  237.                 </div>
  238.             </div>
  239.         </div>
  240.     </main>
  241.     <section class=\"guide\">
  242.         <div class=\"guide-title\">
  243.             <img src=\"/html/user_data/assets/img/header_ic_guide.svg\" alt=\"\">
  244.             <h2>ご利用ガイド</h2>
  245.         </div>
  246.         <div class=\"pipe-line\">
  247.             <div class=\"pipe\">
  248.                 <div class=\"line\"></div>
  249.             </div>
  250.             <div class=\"grey\"></div>
  251.         </div>
  252.         <div class=\"base-area\">
  253.             <div class=\"cont-area\">
  254.                 <h3 class=\"cont-title\">はじめに</h3>
  255.                 <div class=\"guide-cont\">
  256.                     <p>このたびはフォトパブ堂書店をご利用いただき、誠にありがとうございます。</p>
  257.                     <p>当サイトでは、株式会社フォト・パブリッシングが発行する出版物を中心に、写真・鉄道・歴史にまつわる書籍など、こだわりの一冊をお届けしています。</p>
  258.                     <p>安心してお買い物いただけるよう、ご利用方法やご注意事項をまとめました。</p>
  259.                 </div>
  260.             </div>
  261.     
  262.             <div class=\"cont-area\">
  263.                 <h3 class=\"cont-title\">ご注文の流れ</h3>
  264.                 <div class=\"guide-cont\">
  265.                     <ol>
  266.                         <li>会員登録(無料)またはログイン<br>
  267.                             当サイトをご利用いただくには会員登録が必要です。<br>
  268.                             すでに会員の方は、ログインしてからお買い物をお楽しみください。</li>
  269.                         <li>商品をカートに追加</li>
  270.                         <li>購入手続きへ進む</li>
  271.                         <li>お客様情報・配送先を入力</li>
  272.                         <li>支払い方法を選択</li>
  273.                         <li>内容を確認し、注文確定</li>
  274.                     </ol>
  275.                     <p>ご注文完了後、ご登録のメールアドレスに確認メールが届きます。</p>
  276.                 </div>
  277.             </div>
  278.     
  279.     
  280.             <div class=\"cont-area\">
  281.                 <h3 class=\"cont-title\">お支払い方法</h3>
  282.                 <div class=\"guide-cont\">
  283.                     <ul>
  284.                         <li>クレジットカード(VISA/Mastercard/JCB/AMEXなど)</li>
  285.                         <li>コンビニ決済</li>
  286.                         <li>Apple Pay</li>
  287.                         <li>Google Pay</li>
  288.                     </ul>
  289.                 </div>
  290.             </div>
  291.     
  292.             <div class=\"cont-area\">
  293.                 <h3 class=\"cont-title\">配送について</h3>
  294.                 <div class=\"guide-cont\">
  295.                     <ul>
  296.                         <li>配送方法:クリックポスト/レターパックプラス/ヤマト運輸(宅急便)</li>
  297.                         <li>商品や冊数、サイズに応じて配送方法が異なります</li>
  298.                         <li>同梱されず、複数通に分かれて発送される場合があります</li>
  299.                     </ul>
  300.                     <p>例:2冊購入 → クリックポスト2通になる可能性あり</p>
  301.                 </div>
  302.             </div>
  303.     
  304.             
  305.             <div class=\"cont-area\">
  306.                 <h3 class=\"cont-title\">送料について</h3>
  307.                 <div class=\"guide-cont\">
  308.                     <p>3,500円(税込)以上のご注文で送料無料</p>
  309.                     <p>3,500円未満の場合は所定の送料がかかります(配送方法により異なります)</p>
  310.                 </div>
  311.             </div>
  312.     
  313.     
  314.             <div class=\"cont-area\">
  315.                 <h3 class=\"cont-title\">領収書について</h3>
  316.                 <div class=\"guide-cont\">
  317.                     <p>領収書は商品に同梱してお届けします</p>
  318.                     <p>不要の場合は、ご注文時の備考欄にその旨をご記載ください</p>
  319.                 </div>
  320.             </div>
  321.     
  322.     
  323.             <div class=\"cont-area\">
  324.                 <h3 class=\"cont-title\">キャンセル・返品・交換</h3>
  325.                 <div class=\"guide-cont\">
  326.                     <p>発送前であればキャンセル可能です(お問い合わせ先までご連絡ください)</p>
  327.                     <p>発送後のキャンセル・返品は原則承ることができません。</p>
  328.                     <p>商品に破損・汚損など不備があった場合は、交換または返金で対応いたしますので、<br>
  329.                         商品到着後、7日以内にご連絡ください。</p>
  330.                 </div>
  331.             </div>
  332.     
  333.     
  334.     
  335.             <div class=\"cont-area\">
  336.                 <h3 class=\"cont-title\">お気に入り機能について</h3>
  337.                 <div class=\"guide-cont\">
  338.                     <p>会員登録をしていただくと、気になる商品を「お気に入り登録」することが可能です。</p>
  339.                     <p>会員ページの「お気に入り一覧」から、いつでも確認・再注文できます。</p>
  340.                 </div>
  341.             </div>
  342.     
  343.     
  344.             <div class=\"cont-area\">
  345.                 <h3 class=\"cont-title\">お問い合わせ</h3>
  346.                 <div class=\"guide-cont\">
  347.                     <p>運用代行:株式会社Rit</p>
  348.                     <p>電話:048-871-7160(平日10:00〜18:00 ※年末年始を除く)</p>
  349.                     <p>メール:photo-pub_ec@rit-inc.net</p>
  350.                 </div>
  351.             </div>
  352.     
  353.     
  354.             <div class=\"cont-area\">
  355.                 <h3 class=\"cont-title\">よくあるご質問(FAQ)</h3>
  356.                 <div class=\"guide-cont\">
  357.                     <h4>■ 注文・決済に関する質問</h4>
  358.                     <div class=\"qa\">
  359.                         <p>Q. 注文のキャンセルはどうすればいいですか?</p>
  360.                         <p class=\"answer\">A. お問い合わせ先までお電話またはメールにてご連絡ください。</p>
  361.                     </div>
  362.                     <div class=\"qa\">
  363.                         <p>Q. 支払い方法を間違えてしまいました。変更できますか?</p>
  364.                         <p class=\"answer\">A.ご注文後、支払い方法の変更は承れません。決済前に確認いただくようお願いいたします。</p>
  365.                     </div>
  366.                     <div class=\"qa\">
  367.                         <p>Q. 注文後に支払い方法を変更できますか?</p>
  368.                         <p class=\"answer\">A.支払い方法の変更は、注文確定前であれば可能です。注文後は変更できません。</p>
  369.                     </div>
  370.                     <div class=\"qa\">
  371.                         
  372.                         <p>Q. 決済エラーが出て注文できません</p>
  373.                         <p class=\"answer\">A.支払い情報の再入力や他の支払い方法をお試しください。問題が解決しない場合は、お問い合わせ先までご連絡ください。</p>
  374.                     </div>
  375.                     <h4>■ 配送・発送に関する質問</h4>
  376.                     <div class=\"qa\">
  377.                         <p>Q. いつ発送されますか?</p>
  378.                         <p class=\"answer\">A.決済確認後、5営業日以内に発送いたします。</p>
  379.                     </div>
  380.                     <div class=\"qa\">
  381.                         <p>Q. 配送状況はどこで確認できますか?</p>
  382.                         <p class=\"answer\">A.レターパック:一部追跡可能(日本郵便サイト)<br>
  383.                         ヤマト運輸:荷物お問い合わせシステムで確認可能<br>
  384.                         クリックポスト:簡易追跡あり(詳細な追跡は不可)</p>
  385.                     </div>
  386.                     <div class=\"qa\">
  387.                         <p>Q. 海外発送はできますか?</p>
  388.                         <p class=\"answer\">A. 現在対応しておりません。ご要望がありましたらお問い合わせ先までご連絡ください。</p>
  389.                     </div>
  390.                     <div class=\"qa\">
  391.                         <p>Q. 商品が届きません/遅れています</p>
  392.                         <p class=\"answer\">A. 確認いたしますので、お問い合わせ先までご連絡ください。</p>
  393.                     </div>
  394.                     <div class=\"qa\">
  395.                         <p>Q. クリックポストはポスト投函ですか?</p>
  396.                         <p class=\"answer\">A. はい、ポスト投函となります。</p>
  397.                     </div>
  398.                     <div class=\"qa\">
  399.                         <p>Q. 配達日時の指定はできますか?</p>
  400.                         <p class=\"answer\">A.配達日時の指定はヤマト運輸(宅急便)のみ可能です。その他の配送方法では指定できません。</p>
  401.                     </div>
  402.                 </div>
  403.                 <p>ご利用ガイドをご確認いただいてもご不明な点がございましたら、お問い合わせ先までご連絡ください。</p>
  404.                 <br>
  405.                 <p>今後ともフォトパブ堂書店をよろしくお願いいたします。</p>
  406.             </div>
  407.         </div>
  408.     </section>
  409. ";
  410.         
  411.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  412.         
  413.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  414.     }
  415.     public function getTemplateName()
  416.     {
  417.         return "index.twig";
  418.     }
  419.     public function isTraitable()
  420.     {
  421.         return false;
  422.     }
  423.     public function getDebugInfo()
  424.     {
  425.         return array (  259 => 139,  255 => 138,  251 => 137,  244 => 133,  224 => 116,  220 => 115,  216 => 114,  209 => 110,  196 => 100,  192 => 98,  182 => 97,  100 => 23,  90 => 22,  78 => 16,  73 => 15,  63 => 14,  52 => 12,  50 => 19,  37 => 12,);
  426.     }
  427.     public function getSourceContext()
  428.     {
  429.         return new Source("{#
  430. This file is part of EC-CUBE
  431. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  432. http://www.ec-cube.co.jp/
  433. For the full copyright and license information, please view the LICENSE
  434. file that was distributed with this source code.
  435. #}
  436. {% extends 'default_frame.twig' %}
  437. {% block stylesheet %}
  438.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/common_style.css', 'user_data') }}\">
  439.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/header_nav_0.css') }}\">
  440. {% endblock %}
  441. {% set body_class = 'front_page' %}
  442. {% block javascript %}
  443.     <script>
  444.         // \$(function() {
  445.         //     \$('.main_visual').slick({
  446.         //         dots: true,
  447.         //         arrows: false,
  448.         //         autoplay: true,
  449.         //         speed: 300
  450.         //     });
  451.         // });
  452.         // 画面ロード時
  453.         window.addEventListener(\"load\", function () { 
  454.         
  455.             // 要素取得
  456.             const carousel = document.querySelector(\".carousel\");
  457.             let slides = [...document.querySelectorAll(\".carousel a\")];
  458.         
  459.             let slideWidth = slides[0].offsetWidth;
  460.             let currentIndex = 1;
  461.             carousel.style.transition = \"none\";
  462.             carousel.style.transform = `translateX(\${slideWidth + (-slideWidth) * currentIndex}px)`;
  463.         
  464.         
  465.             console.log(slides.map(slide => slide.innerHTML));
  466.         
  467.             // 切り替え機能
  468.             function updateSlide(newIndex) {
  469.                 if (newIndex >= slides.length) {
  470.                     currentIndex = 0; 
  471.                 } else if (newIndex < 0) {
  472.                     currentIndex = slides.length - 1;
  473.                 } else {
  474.                     currentIndex = newIndex;
  475.                 }
  476.         
  477.                 carousel.style.transition = \"transform 0.8s ease-in-out\";
  478.                 carousel.style.transform = `translateX(\${slideWidth + (-slideWidth) * currentIndex}px)`;
  479.         
  480.                 console.log(currentIndex);
  481.                 console.log(\"Current index:\", currentIndex);
  482.             }
  483.         
  484.             // 進むボタン
  485.             document.querySelector(\".next-btn\").addEventListener(\"click\", () => {
  486.                 updateSlide(currentIndex + 1);
  487.             });
  488.         
  489.             // 戻るボタン
  490.             document.querySelector(\".prev-btn\").addEventListener(\"click\", () => {
  491.                 updateSlide(currentIndex - 1); 
  492.             });
  493.         
  494.         
  495.             // レスポンシブ
  496.             window.addEventListener(\"resize\", () => {
  497.                 slideWidth = slides[0].offsetWidth; 
  498.                 carousel.style.transition = \"none\"; 
  499.                 carousel.style.transform = `translateX(\${slideWidth + (-slideWidth)  * currentIndex}px)`;
  500.             });
  501.         });
  502.         
  503.         // SNS表示、非表示
  504.         document.addEventListener(\"DOMContentLoaded\", function () {
  505.             const toggleBtn = document.querySelector(\"#sns-opcl\");
  506.             const target = document.querySelector(\".sns-scroll\");
  507.         
  508.             toggleBtn.addEventListener(\"click\", function () {
  509.                 target.classList.toggle(\"active\");
  510.                 toggleBtn.classList.toggle(\"active\");
  511.             });
  512.         });
  513.     </script>
  514. {% endblock javascript %}
  515. {% block main %}
  516.     <main class=\"main-content\">
  517.         <div class=\"top-bg\">
  518.             <img src=\"{{ asset('assets/img/common-bg.png', 'user_data') }}\" class=\"\" alt=\"共通TOP-BG\"/>
  519.         </div>
  520.         <div class=\"site-cont\">
  521.             <div class=\"photo-stock\">
  522.                 <div class=\"stock-area container flexlist f-jc-center\">
  523.                     <span class=\"corner-rt\"></span>
  524.                     <span class=\"corner-lb\"></span>
  525.                     <img src=\"{{ asset('assets/img/title_ic_ec-photo.svg', 'user_data') }}\" class=\"icon\" alt=\"フォトサイトストックicon\"/>
  526.                     <h2 class=\"photo-stock-title\">ストックフォト</h2>
  527.                     <p>あらゆる列車の写真を取り扱っているECサイトです。無料素材の利用や、提供素材の登録も可能です。</p>
  528.                     <div class=\"image-area flexlist f-ai-start f-jc-center\">
  529. \t\t\t\t\t\t<img src=\"{{ asset('assets/img/photo001.jpg', 'user_data') }}\" alt=\"写真1\" class=\"item01\">
  530. \t\t\t\t\t\t<img src=\"{{ asset('assets/img/photo003.jpg', 'user_data') }}\" alt=\"写真2\" class=\"item02\">
  531.                         <img src=\"{{ asset('assets/img/photo002.jpg', 'user_data') }}\" alt=\"写真3\" class=\"item03\">
  532. \t\t\t\t\t</div>
  533.                 </div>
  534.                 <div class=\"btn-wrapper\">
  535.                     <a href=\"https://photo-pub.com/env\" class=\"btn-s\">
  536.                         <span class=\"btn-text-s\">ストックフォトを利用する</span>
  537.                         <span class=\"btn-icon-s\">→</span>
  538.                     </a>
  539.                 </div>
  540.             </div>
  541.             <div class=\"photo-pub-dou\">
  542.                 <div class=\"pub-area\">
  543.                     <span class=\"corner-rt\"></span>
  544.                     <span class=\"corner-lb\"></span>
  545.                     <img src=\"{{ asset('assets/img/title_ic_ec-book.svg', 'user_data') }}\" class=\"icon\" alt=\"フォトサイトストックicon\" />
  546.                     <h2 class=\"photo-pub-title\">フォトパブ堂</h2>
  547.                     <p>列車・バス・古地図・郷土の歴史といった書籍を取り扱っているECサイトです。</p>
  548.                     <div class=\"image-area flexlist f-jc-center f-ai-center\">
  549.                         <img src=\"{{ asset('assets/img/bookpackage001.jpg', 'user_data') }}\" alt=\"書影1\" class=\"item01\">
  550.                         <img src=\"{{ asset('assets/img/bookpackage003.jpg', 'user_data') }}\" alt=\"書影2\" class=\"item02\">
  551.                         <img src=\"{{ asset('assets/img/bookpackage002.jpg', 'user_data') }}\" alt=\"書影3\" class=\"item03\">
  552.                     </div>
  553.                 </div>
  554.                 <div class=\"btn-wrapper\">
  555.                     <a href=\"https://photo-pub.com/books\" class=\"btn-p\">
  556.                         <div class=\"btn-text-p\">フォトパブ堂書店を利用する</div>
  557.                         <div class=\"btn-icon-p\">→</div>
  558.                     </a>
  559.                 </div>
  560.             </div>
  561.         </div>
  562.     </main>
  563.     <section class=\"guide\">
  564.         <div class=\"guide-title\">
  565.             <img src=\"/html/user_data/assets/img/header_ic_guide.svg\" alt=\"\">
  566.             <h2>ご利用ガイド</h2>
  567.         </div>
  568.         <div class=\"pipe-line\">
  569.             <div class=\"pipe\">
  570.                 <div class=\"line\"></div>
  571.             </div>
  572.             <div class=\"grey\"></div>
  573.         </div>
  574.         <div class=\"base-area\">
  575.             <div class=\"cont-area\">
  576.                 <h3 class=\"cont-title\">はじめに</h3>
  577.                 <div class=\"guide-cont\">
  578.                     <p>このたびはフォトパブ堂書店をご利用いただき、誠にありがとうございます。</p>
  579.                     <p>当サイトでは、株式会社フォト・パブリッシングが発行する出版物を中心に、写真・鉄道・歴史にまつわる書籍など、こだわりの一冊をお届けしています。</p>
  580.                     <p>安心してお買い物いただけるよう、ご利用方法やご注意事項をまとめました。</p>
  581.                 </div>
  582.             </div>
  583.     
  584.             <div class=\"cont-area\">
  585.                 <h3 class=\"cont-title\">ご注文の流れ</h3>
  586.                 <div class=\"guide-cont\">
  587.                     <ol>
  588.                         <li>会員登録(無料)またはログイン<br>
  589.                             当サイトをご利用いただくには会員登録が必要です。<br>
  590.                             すでに会員の方は、ログインしてからお買い物をお楽しみください。</li>
  591.                         <li>商品をカートに追加</li>
  592.                         <li>購入手続きへ進む</li>
  593.                         <li>お客様情報・配送先を入力</li>
  594.                         <li>支払い方法を選択</li>
  595.                         <li>内容を確認し、注文確定</li>
  596.                     </ol>
  597.                     <p>ご注文完了後、ご登録のメールアドレスに確認メールが届きます。</p>
  598.                 </div>
  599.             </div>
  600.     
  601.     
  602.             <div class=\"cont-area\">
  603.                 <h3 class=\"cont-title\">お支払い方法</h3>
  604.                 <div class=\"guide-cont\">
  605.                     <ul>
  606.                         <li>クレジットカード(VISA/Mastercard/JCB/AMEXなど)</li>
  607.                         <li>コンビニ決済</li>
  608.                         <li>Apple Pay</li>
  609.                         <li>Google Pay</li>
  610.                     </ul>
  611.                 </div>
  612.             </div>
  613.     
  614.             <div class=\"cont-area\">
  615.                 <h3 class=\"cont-title\">配送について</h3>
  616.                 <div class=\"guide-cont\">
  617.                     <ul>
  618.                         <li>配送方法:クリックポスト/レターパックプラス/ヤマト運輸(宅急便)</li>
  619.                         <li>商品や冊数、サイズに応じて配送方法が異なります</li>
  620.                         <li>同梱されず、複数通に分かれて発送される場合があります</li>
  621.                     </ul>
  622.                     <p>例:2冊購入 → クリックポスト2通になる可能性あり</p>
  623.                 </div>
  624.             </div>
  625.     
  626.             
  627.             <div class=\"cont-area\">
  628.                 <h3 class=\"cont-title\">送料について</h3>
  629.                 <div class=\"guide-cont\">
  630.                     <p>3,500円(税込)以上のご注文で送料無料</p>
  631.                     <p>3,500円未満の場合は所定の送料がかかります(配送方法により異なります)</p>
  632.                 </div>
  633.             </div>
  634.     
  635.     
  636.             <div class=\"cont-area\">
  637.                 <h3 class=\"cont-title\">領収書について</h3>
  638.                 <div class=\"guide-cont\">
  639.                     <p>領収書は商品に同梱してお届けします</p>
  640.                     <p>不要の場合は、ご注文時の備考欄にその旨をご記載ください</p>
  641.                 </div>
  642.             </div>
  643.     
  644.     
  645.             <div class=\"cont-area\">
  646.                 <h3 class=\"cont-title\">キャンセル・返品・交換</h3>
  647.                 <div class=\"guide-cont\">
  648.                     <p>発送前であればキャンセル可能です(お問い合わせ先までご連絡ください)</p>
  649.                     <p>発送後のキャンセル・返品は原則承ることができません。</p>
  650.                     <p>商品に破損・汚損など不備があった場合は、交換または返金で対応いたしますので、<br>
  651.                         商品到着後、7日以内にご連絡ください。</p>
  652.                 </div>
  653.             </div>
  654.     
  655.     
  656.     
  657.             <div class=\"cont-area\">
  658.                 <h3 class=\"cont-title\">お気に入り機能について</h3>
  659.                 <div class=\"guide-cont\">
  660.                     <p>会員登録をしていただくと、気になる商品を「お気に入り登録」することが可能です。</p>
  661.                     <p>会員ページの「お気に入り一覧」から、いつでも確認・再注文できます。</p>
  662.                 </div>
  663.             </div>
  664.     
  665.     
  666.             <div class=\"cont-area\">
  667.                 <h3 class=\"cont-title\">お問い合わせ</h3>
  668.                 <div class=\"guide-cont\">
  669.                     <p>運用代行:株式会社Rit</p>
  670.                     <p>電話:048-871-7160(平日10:00〜18:00 ※年末年始を除く)</p>
  671.                     <p>メール:photo-pub_ec@rit-inc.net</p>
  672.                 </div>
  673.             </div>
  674.     
  675.     
  676.             <div class=\"cont-area\">
  677.                 <h3 class=\"cont-title\">よくあるご質問(FAQ)</h3>
  678.                 <div class=\"guide-cont\">
  679.                     <h4>■ 注文・決済に関する質問</h4>
  680.                     <div class=\"qa\">
  681.                         <p>Q. 注文のキャンセルはどうすればいいですか?</p>
  682.                         <p class=\"answer\">A. お問い合わせ先までお電話またはメールにてご連絡ください。</p>
  683.                     </div>
  684.                     <div class=\"qa\">
  685.                         <p>Q. 支払い方法を間違えてしまいました。変更できますか?</p>
  686.                         <p class=\"answer\">A.ご注文後、支払い方法の変更は承れません。決済前に確認いただくようお願いいたします。</p>
  687.                     </div>
  688.                     <div class=\"qa\">
  689.                         <p>Q. 注文後に支払い方法を変更できますか?</p>
  690.                         <p class=\"answer\">A.支払い方法の変更は、注文確定前であれば可能です。注文後は変更できません。</p>
  691.                     </div>
  692.                     <div class=\"qa\">
  693.                         
  694.                         <p>Q. 決済エラーが出て注文できません</p>
  695.                         <p class=\"answer\">A.支払い情報の再入力や他の支払い方法をお試しください。問題が解決しない場合は、お問い合わせ先までご連絡ください。</p>
  696.                     </div>
  697.                     <h4>■ 配送・発送に関する質問</h4>
  698.                     <div class=\"qa\">
  699.                         <p>Q. いつ発送されますか?</p>
  700.                         <p class=\"answer\">A.決済確認後、5営業日以内に発送いたします。</p>
  701.                     </div>
  702.                     <div class=\"qa\">
  703.                         <p>Q. 配送状況はどこで確認できますか?</p>
  704.                         <p class=\"answer\">A.レターパック:一部追跡可能(日本郵便サイト)<br>
  705.                         ヤマト運輸:荷物お問い合わせシステムで確認可能<br>
  706.                         クリックポスト:簡易追跡あり(詳細な追跡は不可)</p>
  707.                     </div>
  708.                     <div class=\"qa\">
  709.                         <p>Q. 海外発送はできますか?</p>
  710.                         <p class=\"answer\">A. 現在対応しておりません。ご要望がありましたらお問い合わせ先までご連絡ください。</p>
  711.                     </div>
  712.                     <div class=\"qa\">
  713.                         <p>Q. 商品が届きません/遅れています</p>
  714.                         <p class=\"answer\">A. 確認いたしますので、お問い合わせ先までご連絡ください。</p>
  715.                     </div>
  716.                     <div class=\"qa\">
  717.                         <p>Q. クリックポストはポスト投函ですか?</p>
  718.                         <p class=\"answer\">A. はい、ポスト投函となります。</p>
  719.                     </div>
  720.                     <div class=\"qa\">
  721.                         <p>Q. 配達日時の指定はできますか?</p>
  722.                         <p class=\"answer\">A.配達日時の指定はヤマト運輸(宅急便)のみ可能です。その他の配送方法では指定できません。</p>
  723.                     </div>
  724.                 </div>
  725.                 <p>ご利用ガイドをご確認いただいてもご不明な点がございましたら、お問い合わせ先までご連絡ください。</p>
  726.                 <br>
  727.                 <p>今後ともフォトパブ堂書店をよろしくお願いいたします。</p>
  728.             </div>
  729.         </div>
  730.     </section>
  731. {% endblock %}""index.twig""/home/photo-pub/www/photo-pub.com/app/template/default/index.twig");
  732.     }
  733. }