var/cache/dev/twig/28/2805216ea0921ba183fe3b9dea87251b.php line 38

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @user_data/campaign_introduce.twig */
  16. class __TwigTemplate_78597463cb974e02407df1f9618e4bc1 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'main' => [$this, 'block_main'],
  29.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "default_frame.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/campaign_introduce.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/campaign_introduce.twig"));
  47.         $this->parent = $this->loadTemplate("default_frame.twig", "@user_data/campaign_introduce.twig", 1);
  48.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  49.         
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  52.         
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  55.     }
  57.     // line 3
  58.     public function block_main($context, array $blocks = [])
  59.     {
  60.         $macros = $this->macros;
  61.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  62.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  64.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  65.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  67.         // line 4
  68.         echo "<link href=\"https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:500,700,900&display=swap\" rel=\"stylesheet\">
  69. <style>
  70.   .introduce {
  71.     font-size: 150%;
  72.     font-family: 'M PLUS Rounded 1c', sans-serif;
  73.     font-weight: 500;
  74.   }
  76.   .introduce div {
  77.     width: 100%;
  78.     box-sizing: border-box;
  79.   }
  81.   .introduce img {
  82.     width: 100%;
  83.   }
  85.   .sec-wrapper {
  86.     margin-bottom: 30px;
  87.     padding: 3%;
  88.   }
  90.   .mainVisual {
  91.     margin-bottom: 30px;
  92.   }
  94.   .sec01 {
  95.     display: -webkit-flex;
  96.     display: flex;
  97.     -webkit-flex-flow: row wrap;
  98.     flex-flow: row wrap;
  99.     -webkit-justify-content: space-between;
  100.     justify-content: space-between;
  101.     -webkit-align-items: center;
  102.     align-items: center;
  103.     border: 4px dotted #ff9400;
  104.     padding: 5%;
  105.     border-radius: 10px;
  106.   }
  108.   .sec01 .description,
  109.   .sec01 .photo {
  110.     width: 100%;
  111.     font-weight: 700;
  112.   }
  114.   .sec02 {
  115.     padding: 5%;
  116.     background: #fff7af;
  117.   }
  119.   .sec02 .title {
  120.     margin-bottom: 0;
  121.   }
  123.   .sec02 .description {
  124.     padding: 3%;
  125.     background: #fff;
  126.     text-align: center;
  127.     background-image:
  128.       url(\"./image/sp_bg_sec02_01.png\"),
  129.       /* 最前面の背景レイヤーの背景画像 */
  130.       url(\"./image/sp_bg_sec02_02.png\");
  132.     background-repeat:
  133.       no-repeat,
  134.       /* 最前面の背景レイヤーに対応 */
  135.       no-repeat;
  137.     background-position:
  138.       3% center,
  139.       /* 最前面の背景レイヤーに対応 */
  140.       right 3% bottom 5%;
  142.     background-size:
  143.       auto 70%,
  144.       auto 50%;
  145.   }
  147.   .sec02 .description span {
  148.     background: #ffff52;
  149.     paddding: .25em;
  150.     color: #c00;
  151.     font-weight: 700;
  152.   }
  154.   .sec02 .description strong {
  155.     font-size: 150%;
  156.   }
  158.   .sec03 {
  159.     padding: 5%;
  160.     background: #fff7af;
  161.   }
  163.   .sec03 .title {
  164.     margin-bottom: .25em;
  165.   }
  167.   .sec03 .cell01 {
  168.     margin-bottom: 30px;
  169.   }
  171.   .sec03 .cell01:last-of-type {
  172.     margin-bottom: 0;
  173.   }
  175.   .sec03 dd {
  176.     text-align: center;
  177.   }
  179.   .link {
  180.     margin: 0 auto 60px;
  181.     text-align: center;
  182.   }
  184.   .sec04 {
  185.     padding: 5%;
  186.     background: #f0f0f0;
  187.   }
  189.   .sec04 .title {
  190.     margin-bottom: .25em;
  191.     font-size: 150%;
  192.     font-weight: 700;
  193.     text-align: center;
  194.     letter-spacing: .5em;
  195.   }
  197.   .sec04 .list01 {
  198.     width: 95%;
  199.     width: calc(100% - 1em);
  200.     padding-left: 1em;
  201.     list-style: inside;
  202.   }
  204.   .sec04 .list01 li {
  205.     margin-bottom: 1em;
  206.     list-style-type: disc;
  207.     font-size: 88.89%;
  208.   }
  210.   @media screen and (min-width: 768px) {
  211.     .introduce {
  212.       font-size: 125%;
  213.     }
  215.     .sec01 {
  216.       border: 6px dotted #ff9400;
  217.     }
  219.     .sec01 .description {
  220.       width: 60%;
  221.     }
  223.     .sec01 .photo {
  224.       width: 38%;
  225.     }
  227.     .sec02 {
  228.       padding: 3%;
  229.     }
  231.     .sec02 .description {
  232.       background-image:
  233.         url(\"./image/bg_sec02_01.png\"),
  234.         /* 最前面の背景レイヤーの背景画像 */
  235.         url(\"./image/bg_sec02_02.png\");
  237.       background-position:
  238.         3% center,
  239.         /* 最前面の背景レイヤーに対応 */
  240.         right 3% bottom 10%;
  242.       background-size:
  243.         auto 90%,
  244.         auto 80%;
  245.     }
  247.     .sec03 {
  248.       padding: 3%;
  249.     }
  251.     .sec03 dl {
  252.       display: -webkit-flex;
  253.       display: flex;
  254.       -webkit-flex-flow: row wrap;
  255.       flex-flow: row wrap;
  256.       -webkit-justify-content: space-between;
  257.       justify-content: space-between;
  258.       -webkit-align-items: stretch;
  259.       align-items: stretch;
  260.     }
  262.     .sec03 .cell01 {
  263.       width: 32%;
  264.     }
  266.     .sec03 dd {
  267.       text-align: left;
  268.       font-size: 90%;
  269.     }
  271.     .sec03 dd br {
  272.       display: none;
  273.     }
  275.     .link {
  276.       width: 60% !important;
  277.     }
  278.   }
  279. </style>
  280. <div class=\"introduce ec-ContentsRole\">
  281.   <div class=\"mainVisual\">
  282.     <picture>
  283.       <source media=\"(max-width: 767px)\" type=\"image/webp\"
  284.         srcset=\"";
  285.         // line 220
  286.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_mv.webp"), "html", null, true);
  287.         echo "\">
  288.       <source media=\" (max-width: 767px)\" srcset=\"";
  289.         // line 221
  290.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_mv.png"), "html", null, true);
  291.         echo "\">
  292.       <source type=\"image/webp\" srcset=\"";
  293.         // line 222
  294.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/mv.webp"), "html", null, true);
  295.         echo "\">
  296.       <img src=\" ";
  297.         // line 223
  298.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/mv.png"), "html", null, true);
  299.         echo "\" alt=\"みんなで健康生活！ミリオンストア　お友達紹介キャンペーン\" width=\"100%\">
  300.     </picture>
  301.   </div>
  302.   <div class=\"sec01 sec-wrapper\">
  303.     <div class=\"description\">
  304.       ミリオンをいつもご愛顧くださっているお客様からお友達へお気に入りの商品をご紹介してみませんか？<br>
  305.       こだわりの国産緑黄色野菜ジュースやミリオンパワーなどのこだわり健康食品でお友達と健康生活を送りましょう！
  306.     </div>
  307.     <div class=\"photo\">
  308.       <picture>
  309.         <source type=\"image/webp\" srcset=\"";
  310.         // line 233
  311.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec01_01.webp"), "html", null, true);
  312.         echo "\">
  313.         <img src=\" ";
  314.         // line 234
  315.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec01_01.png"), "html", null, true);
  316.         echo "\" alt=\"家族の笑顔\">
  317.       </picture>
  318.     </div>
  319.   </div>
  320.   <div class=\"sec02 sec-wrapper\">
  321.     <h3 class=\"title\">
  322.       <picture>
  323.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  324.           srcset=\"";
  325.         // line 242
  326.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_tit_sec02_01.webp"), "html", null, true);
  327.         echo "\">
  328.         <source media=\" (max-width: 767px)\" srcset=\"";
  329.         // line 243
  330.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_tit_sec02_01.png"), "html", null, true);
  331.         echo "\">
  332.         <source type=\"image/webp\" srcset=\"";
  333.         // line 244
  334.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/tit_sec02_01.webp"), "html", null, true);
  335.         echo "\">
  336.         <img src=\" ";
  337.         // line 245
  338.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/tit_sec02_01.png"), "html", null, true);
  339.         echo "\" alt=\"キャンペーン特典\">
  340.       </picture>
  341.     </h3>
  342.     <div class=\"description\">
  343.       お友達をご紹介いただくと…<br>
  344.       <span><strong>1000円</strong>割引のクーポン</span>を<br>
  345.       プレゼント！
  346.     </div>
  347.   </div>
  348.   <div class=\"sec03 sec-wrapper\">
  349.     <h3 class=\"title\">
  350.       <picture>
  351.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  352.           srcset=\"";
  353.         // line 258
  354.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_tit_sec03_01.webp"), "html", null, true);
  355.         echo "\">
  356.         <source media=\" (max-width: 767px)\" srcset=\"";
  357.         // line 259
  358.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_tit_sec03_01.png"), "html", null, true);
  359.         echo "\">
  360.         <source type=\"image/webp\" srcset=\"";
  361.         // line 260
  362.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/tit_sec03_01.webp"), "html", null, true);
  363.         echo "\">
  364.         <img src=\" ";
  365.         // line 261
  366.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/tit_sec03_01.png"), "html", null, true);
  367.         echo "\" alt=\"キャンペーン特典\">
  368.       </picture>
  369.     </h3>
  370.     <dl>
  371.       <div class=\"cell01\">
  372.         <dt>
  373.           <picture>
  374.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  375.               srcset=\"";
  376.         // line 269
  377.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_01.webp"), "html", null, true);
  378.         echo "\">
  379.             <source media=\" (max-width: 767px)\"
  380.               srcset=\"";
  381.         // line 271
  382.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_01.png"), "html", null, true);
  383.         echo "\">
  384.             <source type=\"image/webp\" srcset=\"";
  385.         // line 272
  386.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_01.webp"), "html", null, true);
  387.         echo "\">
  388.             <img src=\" ";
  389.         // line 273
  390.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_01.png"), "html", null, true);
  391.         echo "\" alt=\"01.応募フォームに入力\">
  392.           </picture>
  393.         </dt>
  394.         <dd>
  395.           応募フォームに入力
  396.         </dd>
  397.       </div>
  398.       <div class=\"cell01\">
  399.         <dt>
  400.           <picture>
  401.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  402.               srcset=\"";
  403.         // line 284
  404.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_02.webp"), "html", null, true);
  405.         echo "\">
  406.             <source media=\" (max-width: 767px)\"
  407.               srcset=\"";
  408.         // line 286
  409.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_02.png"), "html", null, true);
  410.         echo "\">
  411.             <source type=\" image/webp\" srcset=\"";
  412.         // line 287
  413.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_02.webp"), "html", null, true);
  414.         echo "\">
  415.             <img src=\" ";
  416.         // line 288
  417.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_02.png"), "html", null, true);
  418.         echo "\" alt=\"02.お友達に1000円引クーポンをお届けします。\">
  419.           </picture>
  420.         </dt>
  421.         <dd>
  422.           お友達に1000円引クーポンを<br>お届けします。
  423.         </dd>
  424.       </div>
  425.       <div class=\"cell01\">
  426.         <dt>
  427.           <picture>
  428.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  429.               srcset=\"";
  430.         // line 299
  431.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_03.webp"), "html", null, true);
  432.         echo "\">
  433.             <source media=\" (max-width: 767px)\"
  434.               srcset=\"";
  435.         // line 301
  436.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_img_sec03_03.png"), "html", null, true);
  437.         echo "\">
  438.             <source type=\"image/webp\" srcset=\"";
  439.         // line 302
  440.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_03.webp"), "html", null, true);
  441.         echo "\">
  442.             <img src=\" ";
  443.         // line 303
  444.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/img_sec03_03.png"), "html", null, true);
  445.         echo "\"
  446.               alt=\"03.お友達が購入するとあなたにも2000円クーポンをプレゼント！\">
  447.           </picture>
  448.         </dt>
  449.         <dd>
  450.           お友達が購入すると<br>あなたにも1000円ポイント<br>プレゼント！
  451.         </dd>
  452.       </div>
  453.     </dl>
  454.   </div>
  455.   <div class=\"link\">
  456.     <a href=\"https://million-store.com/wp/introduce/\">
  457.       <picture>
  458.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  459.           srcset=\"";
  460.         // line 317
  461.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_btn_odr_01.webp"), "html", null, true);
  462.         echo "\">
  463.         <source media=\" (max-width: 767px)\" srcset=\"";
  464.         // line 318
  465.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/sp_btn_odr_01.png"), "html", null, true);
  466.         echo "\">
  467.         <source type=\"image/webp\" srcset=\"";
  468.         // line 319
  469.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/btn_odr_01.webp"), "html", null, true);
  470.         echo "\">
  471.         <img src=\" ";
  472.         // line 320
  473.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/campaign/introduce/btn_odr_01.png\" alt=\"早速お友達を紹介する?"), "html", null, true);
  474.         echo "\">
  475.       </picture>
  476.     </a>
  477.   </div>
  478.   <div class=\"sec04 sec-wrapper\">
  479.     <h3 class=\"title\">注意事項</h3>
  480.     <ul class=\"list01\">
  481.       <li>ご紹介する方はミリオンストアでのご購入履歴がある方のみです。<br>
  482.         （リンク＞＞<a href=\"";
  483.         // line 328
  484.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  485.         echo "entry\" target=\"_blank\">会員登録はこちら</a>）
  486.       </li>
  487.       <li>ご紹介されるお友達は、ミリオンストアからメールが直接送られます。
  488.         事前にその旨をお伝えください。
  489.       </li>
  490.       <li>「お友達紹介キャンペーン」はミリオンストアでのお買い物のみ適用されます。</li>
  491.       <li>クーポンはミリオンストアでお使いいただけます。使用方法はご利用ガイドの「ポイント・クーポンについて」をご覧ください　（リンク＞<a
  492.           href=\"";
  493.         // line 335
  494.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  495.         echo "shopping-guide#point\">「ポイント・クーポンについて」</a>）</li>
  496.       <li>ご紹介する方またはご紹介されるお友達に送られるクーポン1000円分は1回のご購入金額が3000円（税抜）（送料別）以上からご利用いただけます。</li>
  497.       <li>クーポンの有効期限は1年間です。</li>
  498.       <li>定期コースにはクーポンを使用できません。</li>
  499.       <li>ご注文済み、発送済みの商品にはクーポンが使用できません。</li>
  500.       <li>クーポンを使用してご注文された商品が返品・キャンセルとなった場合でも、クーポンの再発行はできません。</li>
  501.       <li>ご紹介いただく人数に制限はございません。</li>
  502.       <li>お友達が同居のご家族、すでに購入履歴がある方、購入金額が3000円未満だった場合には、クーポンは発行・適用いたしかねます。</li>
  503.     </ul>
  504.   </div>
  505. </div>
  507. ";
  508.         
  509.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  511.         
  512.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  514.     }
  516.     public function getTemplateName()
  517.     {
  518.         return "@user_data/campaign_introduce.twig";
  519.     }
  521.     public function isTraitable()
  522.     {
  523.         return false;
  524.     }
  526.     public function getDebugInfo()
  527.     {
  528.         return array (  494 => 335,  484 => 328,  473 => 320,  469 => 319,  465 => 318,  461 => 317,  444 => 303,  440 => 302,  436 => 301,  431 => 299,  417 => 288,  413 => 287,  409 => 286,  404 => 284,  390 => 273,  386 => 272,  382 => 271,  377 => 269,  366 => 261,  362 => 260,  358 => 259,  354 => 258,  338 => 245,  334 => 244,  330 => 243,  326 => 242,  315 => 234,  311 => 233,  298 => 223,  294 => 222,  290 => 221,  286 => 220,  68 => 4,  58 => 3,  35 => 1,);
  529.     }
  531.     public function getSourceContext()
  532.     {
  533.         return new Source("{% extends 'default_frame.twig' %}
  535. {% block main %}
  536. <link href=\"https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:500,700,900&display=swap\" rel=\"stylesheet\">
  537. <style>
  538.   .introduce {
  539.     font-size: 150%;
  540.     font-family: 'M PLUS Rounded 1c', sans-serif;
  541.     font-weight: 500;
  542.   }
  544.   .introduce div {
  545.     width: 100%;
  546.     box-sizing: border-box;
  547.   }
  549.   .introduce img {
  550.     width: 100%;
  551.   }
  553.   .sec-wrapper {
  554.     margin-bottom: 30px;
  555.     padding: 3%;
  556.   }
  558.   .mainVisual {
  559.     margin-bottom: 30px;
  560.   }
  562.   .sec01 {
  563.     display: -webkit-flex;
  564.     display: flex;
  565.     -webkit-flex-flow: row wrap;
  566.     flex-flow: row wrap;
  567.     -webkit-justify-content: space-between;
  568.     justify-content: space-between;
  569.     -webkit-align-items: center;
  570.     align-items: center;
  571.     border: 4px dotted #ff9400;
  572.     padding: 5%;
  573.     border-radius: 10px;
  574.   }
  576.   .sec01 .description,
  577.   .sec01 .photo {
  578.     width: 100%;
  579.     font-weight: 700;
  580.   }
  582.   .sec02 {
  583.     padding: 5%;
  584.     background: #fff7af;
  585.   }
  587.   .sec02 .title {
  588.     margin-bottom: 0;
  589.   }
  591.   .sec02 .description {
  592.     padding: 3%;
  593.     background: #fff;
  594.     text-align: center;
  595.     background-image:
  596.       url(\"./image/sp_bg_sec02_01.png\"),
  597.       /* 最前面の背景レイヤーの背景画像 */
  598.       url(\"./image/sp_bg_sec02_02.png\");
  600.     background-repeat:
  601.       no-repeat,
  602.       /* 最前面の背景レイヤーに対応 */
  603.       no-repeat;
  605.     background-position:
  606.       3% center,
  607.       /* 最前面の背景レイヤーに対応 */
  608.       right 3% bottom 5%;
  610.     background-size:
  611.       auto 70%,
  612.       auto 50%;
  613.   }
  615.   .sec02 .description span {
  616.     background: #ffff52;
  617.     paddding: .25em;
  618.     color: #c00;
  619.     font-weight: 700;
  620.   }
  622.   .sec02 .description strong {
  623.     font-size: 150%;
  624.   }
  626.   .sec03 {
  627.     padding: 5%;
  628.     background: #fff7af;
  629.   }
  631.   .sec03 .title {
  632.     margin-bottom: .25em;
  633.   }
  635.   .sec03 .cell01 {
  636.     margin-bottom: 30px;
  637.   }
  639.   .sec03 .cell01:last-of-type {
  640.     margin-bottom: 0;
  641.   }
  643.   .sec03 dd {
  644.     text-align: center;
  645.   }
  647.   .link {
  648.     margin: 0 auto 60px;
  649.     text-align: center;
  650.   }
  652.   .sec04 {
  653.     padding: 5%;
  654.     background: #f0f0f0;
  655.   }
  657.   .sec04 .title {
  658.     margin-bottom: .25em;
  659.     font-size: 150%;
  660.     font-weight: 700;
  661.     text-align: center;
  662.     letter-spacing: .5em;
  663.   }
  665.   .sec04 .list01 {
  666.     width: 95%;
  667.     width: calc(100% - 1em);
  668.     padding-left: 1em;
  669.     list-style: inside;
  670.   }
  672.   .sec04 .list01 li {
  673.     margin-bottom: 1em;
  674.     list-style-type: disc;
  675.     font-size: 88.89%;
  676.   }
  678.   @media screen and (min-width: 768px) {
  679.     .introduce {
  680.       font-size: 125%;
  681.     }
  683.     .sec01 {
  684.       border: 6px dotted #ff9400;
  685.     }
  687.     .sec01 .description {
  688.       width: 60%;
  689.     }
  691.     .sec01 .photo {
  692.       width: 38%;
  693.     }
  695.     .sec02 {
  696.       padding: 3%;
  697.     }
  699.     .sec02 .description {
  700.       background-image:
  701.         url(\"./image/bg_sec02_01.png\"),
  702.         /* 最前面の背景レイヤーの背景画像 */
  703.         url(\"./image/bg_sec02_02.png\");
  705.       background-position:
  706.         3% center,
  707.         /* 最前面の背景レイヤーに対応 */
  708.         right 3% bottom 10%;
  710.       background-size:
  711.         auto 90%,
  712.         auto 80%;
  713.     }
  715.     .sec03 {
  716.       padding: 3%;
  717.     }
  719.     .sec03 dl {
  720.       display: -webkit-flex;
  721.       display: flex;
  722.       -webkit-flex-flow: row wrap;
  723.       flex-flow: row wrap;
  724.       -webkit-justify-content: space-between;
  725.       justify-content: space-between;
  726.       -webkit-align-items: stretch;
  727.       align-items: stretch;
  728.     }
  730.     .sec03 .cell01 {
  731.       width: 32%;
  732.     }
  734.     .sec03 dd {
  735.       text-align: left;
  736.       font-size: 90%;
  737.     }
  739.     .sec03 dd br {
  740.       display: none;
  741.     }
  743.     .link {
  744.       width: 60% !important;
  745.     }
  746.   }
  747. </style>
  748. <div class=\"introduce ec-ContentsRole\">
  749.   <div class=\"mainVisual\">
  750.     <picture>
  751.       <source media=\"(max-width: 767px)\" type=\"image/webp\"
  752.         srcset=\"{{ asset('assets/img/campaign/introduce/sp_mv.webp') }}\">
  753.       <source media=\" (max-width: 767px)\" srcset=\"{{ asset('assets/img/campaign/introduce/sp_mv.png') }}\">
  754.       <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/mv.webp') }}\">
  755.       <img src=\" {{ asset('assets/img/campaign/introduce/mv.png') }}\" alt=\"みんなで健康生活！ミリオンストア　お友達紹介キャンペーン\" width=\"100%\">
  756.     </picture>
  757.   </div>
  758.   <div class=\"sec01 sec-wrapper\">
  759.     <div class=\"description\">
  760.       ミリオンをいつもご愛顧くださっているお客様からお友達へお気に入りの商品をご紹介してみませんか？<br>
  761.       こだわりの国産緑黄色野菜ジュースやミリオンパワーなどのこだわり健康食品でお友達と健康生活を送りましょう！
  762.     </div>
  763.     <div class=\"photo\">
  764.       <picture>
  765.         <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec01_01.webp') }}\">
  766.         <img src=\" {{ asset('assets/img/campaign/introduce/sp_img_sec01_01.png') }}\" alt=\"家族の笑顔\">
  767.       </picture>
  768.     </div>
  769.   </div>
  770.   <div class=\"sec02 sec-wrapper\">
  771.     <h3 class=\"title\">
  772.       <picture>
  773.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  774.           srcset=\"{{ asset('assets/img/campaign/introduce/sp_tit_sec02_01.webp') }}\">
  775.         <source media=\" (max-width: 767px)\" srcset=\"{{ asset('assets/img/campaign/introduce/sp_tit_sec02_01.png') }}\">
  776.         <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/tit_sec02_01.webp') }}\">
  777.         <img src=\" {{ asset('assets/img/campaign/introduce/tit_sec02_01.png') }}\" alt=\"キャンペーン特典\">
  778.       </picture>
  779.     </h3>
  780.     <div class=\"description\">
  781.       お友達をご紹介いただくと…<br>
  782.       <span><strong>1000円</strong>割引のクーポン</span>を<br>
  783.       プレゼント！
  784.     </div>
  785.   </div>
  786.   <div class=\"sec03 sec-wrapper\">
  787.     <h3 class=\"title\">
  788.       <picture>
  789.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  790.           srcset=\"{{ asset('assets/img/campaign/introduce/sp_tit_sec03_01.webp') }}\">
  791.         <source media=\" (max-width: 767px)\" srcset=\"{{ asset('assets/img/campaign/introduce/sp_tit_sec03_01.png') }}\">
  792.         <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/tit_sec03_01.webp') }}\">
  793.         <img src=\" {{ asset('assets/img/campaign/introduce/tit_sec03_01.png') }}\" alt=\"キャンペーン特典\">
  794.       </picture>
  795.     </h3>
  796.     <dl>
  797.       <div class=\"cell01\">
  798.         <dt>
  799.           <picture>
  800.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  801.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_01.webp') }}\">
  802.             <source media=\" (max-width: 767px)\"
  803.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_01.png') }}\">
  804.             <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/img_sec03_01.webp') }}\">
  805.             <img src=\" {{ asset('assets/img/campaign/introduce/img_sec03_01.png') }}\" alt=\"01.応募フォームに入力\">
  806.           </picture>
  807.         </dt>
  808.         <dd>
  809.           応募フォームに入力
  810.         </dd>
  811.       </div>
  812.       <div class=\"cell01\">
  813.         <dt>
  814.           <picture>
  815.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  816.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_02.webp') }}\">
  817.             <source media=\" (max-width: 767px)\"
  818.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_02.png') }}\">
  819.             <source type=\" image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/img_sec03_02.webp') }}\">
  820.             <img src=\" {{ asset('assets/img/campaign/introduce/img_sec03_02.png') }}\" alt=\"02.お友達に1000円引クーポンをお届けします。\">
  821.           </picture>
  822.         </dt>
  823.         <dd>
  824.           お友達に1000円引クーポンを<br>お届けします。
  825.         </dd>
  826.       </div>
  827.       <div class=\"cell01\">
  828.         <dt>
  829.           <picture>
  830.             <source media=\"(max-width: 767px)\" type=\"image/webp\"
  831.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_03.webp') }}\">
  832.             <source media=\" (max-width: 767px)\"
  833.               srcset=\"{{ asset('assets/img/campaign/introduce/sp_img_sec03_03.png') }}\">
  834.             <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/img_sec03_03.webp') }}\">
  835.             <img src=\" {{ asset('assets/img/campaign/introduce/img_sec03_03.png') }}\"
  836.               alt=\"03.お友達が購入するとあなたにも2000円クーポンをプレゼント！\">
  837.           </picture>
  838.         </dt>
  839.         <dd>
  840.           お友達が購入すると<br>あなたにも1000円ポイント<br>プレゼント！
  841.         </dd>
  842.       </div>
  843.     </dl>
  844.   </div>
  845.   <div class=\"link\">
  846.     <a href=\"https://million-store.com/wp/introduce/\">
  847.       <picture>
  848.         <source media=\"(max-width: 767px)\" type=\"image/webp\"
  849.           srcset=\"{{ asset('assets/img/campaign/introduce/sp_btn_odr_01.webp') }}\">
  850.         <source media=\" (max-width: 767px)\" srcset=\"{{ asset('assets/img/campaign/introduce/sp_btn_odr_01.png') }}\">
  851.         <source type=\"image/webp\" srcset=\"{{ asset('assets/img/campaign/introduce/btn_odr_01.webp') }}\">
  852.         <img src=\" {{ asset('assets/img/campaign/introduce/btn_odr_01.png\" alt=\"早速お友達を紹介する?') }}\">
  853.       </picture>
  854.     </a>
  855.   </div>
  856.   <div class=\"sec04 sec-wrapper\">
  857.     <h3 class=\"title\">注意事項</h3>
  858.     <ul class=\"list01\">
  859.       <li>ご紹介する方はミリオンストアでのご購入履歴がある方のみです。<br>
  860.         （リンク＞＞<a href=\"{{ url('homepage') }}entry\" target=\"_blank\">会員登録はこちら</a>）
  861.       </li>
  862.       <li>ご紹介されるお友達は、ミリオンストアからメールが直接送られます。
  863.         事前にその旨をお伝えください。
  864.       </li>
  865.       <li>「お友達紹介キャンペーン」はミリオンストアでのお買い物のみ適用されます。</li>
  866.       <li>クーポンはミリオンストアでお使いいただけます。使用方法はご利用ガイドの「ポイント・クーポンについて」をご覧ください　（リンク＞<a
  867.           href=\"{{ url('homepage') }}shopping-guide#point\">「ポイント・クーポンについて」</a>）</li>
  868.       <li>ご紹介する方またはご紹介されるお友達に送られるクーポン1000円分は1回のご購入金額が3000円（税抜）（送料別）以上からご利用いただけます。</li>
  869.       <li>クーポンの有効期限は1年間です。</li>
  870.       <li>定期コースにはクーポンを使用できません。</li>
  871.       <li>ご注文済み、発送済みの商品にはクーポンが使用できません。</li>
  872.       <li>クーポンを使用してご注文された商品が返品・キャンセルとなった場合でも、クーポンの再発行はできません。</li>
  873.       <li>ご紹介いただく人数に制限はございません。</li>
  874.       <li>お友達が同居のご家族、すでに購入履歴がある方、購入金額が3000円未満だった場合には、クーポンは発行・適用いたしかねます。</li>
  875.     </ul>
  876.   </div>
  877. </div>
  879. {% endblock %}
  880. ", "@user_data/campaign_introduce.twig", "/home/xs080051/million-store.com/public_html/st.million-store.com/ec/app/template/user_data/campaign_introduce.twig");
  881.     }
  882. }