var/cache/dev/twig/23/23fe8986cf9d8e40f6ffe7c9ae728b6a.php line 1397

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. /* Cart/Catalog.twig */
  16. class __TwigTemplate_7c98b51b57b62552b185a5cde82b6880 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.             'javascript' => [$this, 'block_javascript'],
  29.             'stylesheet' => [$this, 'block_stylesheet'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 17
  39.         return "default_frame.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Cart/Catalog.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Cart/Catalog.twig"));
  51.         // line 16
  52.         $context["Limit"] = $this->env->getFunction('CatalogLimit')->getCallable()();
  53.         // line 19
  54.         $context["body_class"] = "cart_page";
  55.         // line 17
  56.         $this->parent = $this->loadTemplate("default_frame.twig", "Cart/Catalog.twig", 17);
  57.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  58.         
  59.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  61.         
  62.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  64.     }
  66.     // line 22
  67.     public function block_javascript($context, array $blocks = [])
  68.     {
  69.         $macros = $this->macros;
  70.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  76.         // line 23
  77.         echo "<script>
  78.     function SubWindowOpen(url,name){
  79.         window.open(url, name , \"width=";
  80.         // line 25
  81.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["SubWindoWData"]) || array_key_exists("SubWindoWData", $context) ? $context["SubWindoWData"] : (function () { throw new RuntimeError('Variable "SubWindoWData" does not exist.', 25, $this->source); })()), "width", [], "any", false, false, true, 25), 25, $this->source), "html", null, true);
  82.         echo ",height=";
  83.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["SubWindoWData"]) || array_key_exists("SubWindoWData", $context) ? $context["SubWindoWData"] : (function () { throw new RuntimeError('Variable "SubWindoWData" does not exist.', 25, $this->source); })()), "height", [], "any", false, false, true, 25), 25, $this->source), "html", null, true);
  84.         echo ",scrollbars=";
  85.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["SubWindoWData"]) || array_key_exists("SubWindoWData", $context) ? $context["SubWindoWData"] : (function () { throw new RuntimeError('Variable "SubWindoWData" does not exist.', 25, $this->source); })()), "scroll", [], "any", false, false, true, 25), 25, $this->source), "html", null, true);
  86.         echo "\");
  87.     }
  89.     var \$form = \$('form#catalog_form');
  90.     \$(document).ready(function(){
  91.         check_select_count();
  93.         \$(\"input[name='LmOrderOption[catalog][]']\").change(function(e) {
  94.             check_select_count();
  95.         });
  96.     });
  98.     function check_select_count(){
  99.         var \$checked_list = \$(\"#catalog-list-area input[type=checkbox]:checked\");
  100.         var \$not_checked_list = \$(\"#catalog-list-area input[type=checkbox]\").not(\":checked\");
  102.         if( \$checked_list.length >= ";
  103.         // line 41
  104.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Limit"]) || array_key_exists("Limit", $context) ? $context["Limit"] : (function () { throw new RuntimeError('Variable "Limit" does not exist.', 41, $this->source); })()), "cl_quantity_limit", [], "any", false, false, true, 41), 41, $this->source), "html", null, true);
  105.         echo " ){
  106.             \$not_checked_list.prop('disabled', true);
  107.         } else{
  108.             \$not_checked_list.prop('disabled', false);
  109.         }
  110.     }
  111. </script>
  112. ";
  113.         // line 48
  114.         if ((isset($context["isMobile"]) || array_key_exists("isMobile", $context) ? $context["isMobile"] : (function () { throw new RuntimeError('Variable "isMobile" does not exist.', 48, $this->source); })())) {
  115.             // line 49
  116.             echo "    <script>
  117.         function check_input(){
  118.             if( \$('input[name=\"LmOrderOption[catalog][]\"]:checked', \$form).length == 0 ){
  119.                 showAlertWindow('カタログを選択してください');
  120.                 return false;
  121.             }
  123.             \$form.submit();
  124.         }
  125.         function showAlertWindow(msg) {
  126.             last_scroll_top_value = \$(document).scrollTop();
  127.             \$(\"#alert-window p.alert-explain\").html(msg);
  128.             \$(\"body\").css(\"height\", \$(window).height());
  129.             \$(\"body\").css(\"overflow\", \"hidden\");
  130.             \$(\"#overlay\").css(\"visibility\", \"visible\");
  131.             \$(\"#alert-window\").css(\"visibility\", \"visible\");
  132.         }
  133.         function closeAlertWindow() {
  134.             \$(\"body\").css(\"height\", \"auto\");
  135.             \$(\"body\").css(\"overflow\", \"auto\");
  136.             \$(\"#overlay\").css(\"visibility\", \"hidden\");
  137.             \$(\"#alert-window\").css(\"visibility\", \"hidden\");
  138.             window.scrollTo(0, last_scroll_top_value);
  139.         }
  140.         \$('input[name=\"LmOrderOption[catalog][]\"]').on('change', function(e) {
  141.             if (\$('input[name=\"LmOrderOption[catalog][]\"]:checked').length > 0) {
  142.                 \$('#cts-float-button').fadeIn(500);
  143.             } else {
  144.                 \$('#cts-float-button').fadeOut(500);
  145.             }
  146.         });
  147.     </script>
  148. ";
  149.         } else {
  150.             // line 82
  151.             echo "    <script src=\"/javascripts/jquery-ui.min.js\" type=\"text/javascript\"></script>
  152.     <script src=\"/javascripts/jquery.efo.js\" type=\"text/javascript\"></script>
  153.     <script>
  154.         var efo_elm = \$(\"[class^=efo]\").efo({
  155. \t\t\tconfirmation : {
  156. \t\t\t\tenabled : false,
  157. \t\t\t\tform : document.forms.mail_fm
  158. \t\t\t},
  159. \t\t\tnotification : {
  160. \t\t\t\tenabled : true
  161. \t\t\t},
  162. \t\t\tvalidation : {
  163. \t\t\t\tbind : 'efo_change'
  164. \t\t\t},
  165. \t\t\ttooltipping : {
  166. \t\t\t\tenabled : true
  167. \t\t\t},
  168. \t\t\tobservation : {
  169. \t\t\t\tenabled : true
  170. \t\t\t}
  171. \t\t}).on('efo_afterValidate', function(event, data){
  172. \t\t\tif (data.remaining > 0) {
  173. \t\t\t\t\$('.btnMask').show();
  174. \t\t\t\t\$('.btnNext').hide();
  175. \t\t\t} else {
  176. \t\t\t\t\$('.btnMask').hide();
  177. \t\t\t\t\$('.btnNext').show();
  178. \t\t\t}
  179. \t\t});
  180.         \$('input[name=\"LmOrderOption[catalog][]\"]').on('change', function(e) {
  181.             var \$checkbox = \$(this);
  182.             var \$box = \$checkbox.closest('.catalog-list-box-inner');
  184.             if( \$checkbox.prop('checked') ){
  185.                 \$box.addClass('catalog-list-box-selected');
  186.             } else{
  187.                 \$box.removeClass('catalog-list-box-selected');
  188.             }
  189.         });
  190.     </script>
  191. ";
  192.         }
  193.         
  194.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  196.         
  197.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  199.     }
  201.     // line 124
  202.     public function block_stylesheet($context, array $blocks = [])
  203.     {
  204.         $macros = $this->macros;
  205.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  206.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  208.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  209.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  211.         // line 125
  212.         echo "<link rel=\"stylesheet\" href=\"/stylesheets/style_estimate.css\">
  213. <link rel=\"stylesheet\" href=\"/stylesheets/stylesheet.css\">
  214. <link rel=\"stylesheet\" href=\"/stylesheets/jquery.efo.css\">
  215. ";
  216.         // line 128
  217.         if ((isset($context["isMobile"]) || array_key_exists("isMobile", $context) ? $context["isMobile"] : (function () { throw new RuntimeError('Variable "isMobile" does not exist.', 128, $this->source); })())) {
  218.             // line 129
  219.             echo "    <link rel=\"stylesheet\" href=\"/stylesheets/css/sp/common.css\">
  220. ";
  221.         }
  222.         // line 131
  223.         echo "<style>
  224.     .red{
  225.         color: red;
  226.     }
  227.     #contents_wrapper{
  228.         width: 990px;
  229.         margin: 0 auto;
  230.     }
  231.     #contents{
  232.         width: 100%;
  233.     }
  234. #stap_area{
  235.     width :100%;
  236.     margin-bottom:20px;
  237. }
  239. #step_area .form{
  240.     width:100%;
  241. }
  242. #step_area .form img{
  243.     width:100%;
  244. }
  245. #step_area .step{
  246.     width:100%;
  247.     margin: 20px auto;
  248.     text-align:center;
  249. }
  253. #CartCatalog #catalog_btn_area{
  254.      visibility:hidden;
  255. }
  256. #CartCatalog .otodoke{
  257.     background-color: #FFFFCC;
  258.     padding: 20px;
  259.     text-align:
  260.     center;
  261.     border: 1px solid #FFFF99;
  262.     margin: 20px auto 30px;
  263.     width: 680px;
  264.     border: 1px solid #FFCD82;
  265.     border-radius: 10px;
  266.     font-size:13px;
  268. }
  269. #CartCatalog .otodoke p.title{
  270. font-weight: bold;
  271. font-size: 16pt;
  273. }
  275. #CartCatalog .CatalogCatagoryLabel{
  276.     font-size: 21px;
  277.     font-weight: bold;
  278.     border-bottom: 2px solid #ffb05c;
  279.     padding: 25px 0 10px 10px;
  280.     letter-spacing: .1em;
  281.     display: block;
  282.     margin-bottom:20px;
  283. }
  285. #CartCatalog ul.CatalogList{
  286.     width:100%;
  287.     margin-bottom:30px;
  288.     /*display: flex;
  289.     display : -webkit-box;
  290.     justify-content: center;
  291.     -webkit-align-items: center;
  292.     align-items: center*/
  293. }
  294. #CartCatalog li.catalog-list-box{
  295.     width: 240px;
  296.     padding: 1px;
  297.     margin-bottom:20px;
  298.     display:inline-block;
  299.     vertical-align: top;
  300.     margin-bottom:20px;
  301.   /*  flex-direction: center; */
  302.     /*float:left;*/
  303.     /*display:-ms-grid;
  304.     display:grid;
  305.     -ms-grid-columns:auto auto auto;
  306.     grid-template-columns:auto auto auto;*/
  308. }
  309. #CartCatalog .catalog-list-box-inner{
  310.     border: solid 1px #B1B2B1;
  311.     height: 100%;
  312.     border-bottom: none;
  313. }
  314. #CartCatalog .catalog-list-box-header{
  315.     background-color:#E5E5E5;
  316. }
  317. #CartCatalog .catalog-list-box-header input{
  318. margin: 15px 10px;
  319.     -webkit-transform: scale(1.4, 1.4);
  320. }
  321. #CartCatalog .catalog-list-box-header span{
  322.     font-size:13px;
  323.     font-weight: bold;
  324.     line-height:1.2;
  325.     padding: 0.3em 0;
  326.     display:inline-block;
  327.     overflow-wrap: break-word;
  328.     width:165px;
  329. }
  330. #CartCatalog .catalog-image{
  331.     padding: 20px 50px;
  332. }
  333. #CartCatalog .catalog-image img{
  334.     width:100%;
  335. }
  336. #CartCatalog .catalog-list-box-comment{
  337.     padding:5px;
  338. }
  339. #CartCatalog .catalog_link_1 a,
  340. #CartCatalog .catalog_link_2 a,
  341. #CartCatalog .catalog_link_3 a{
  342.     display: block;
  343.     width: 90%;
  344.     text-align: center;
  345.     margin: 0 auto 10px;
  346.     text-align: center;
  347.     text-decoration: none;
  348.     font-weight: bold;
  349.     line-height: 2.5;
  350.     border-radius: 6px;
  351.     font-size: 11px;
  352.     background: #177A74;
  353.     color: #fff;
  354. }
  356. #CartCatalog .catalog_link_3 a{
  357. background: #F2910E;
  358. }
  359. #CartCatalog .catalog-list-box-footer{
  360.     border: solid 1px #B1B2B1;
  361.     border-top: none;
  362.     height:110px;
  363.     width:100%;
  364. }
  365. #catalog_btn_area{
  366. margin-bottom:30px;
  367. }
  369. #catalog_btn_area button{
  370. margin-bottom:20px;
  371. }
  374. .foot_message{
  375.     margin-bottom:30px;
  376. }
  377. #footer{
  378.     background-color: #fff;
  379.     border: 0;
  380. }
  381. .ec-layoutRole__footer #footer{
  382.     margin: 0 auto;
  383.     background-color: #EEE;
  384. }
  385. #CartCatalog  #step1-top div{
  386.     padding: 2px 20px;
  387.     width:99%;
  388.     background-color:#98CACB;
  389.     line-height: 28px;
  390.     font-size:18px;
  391.     font-weight:700;
  392.     border-radius:20px;
  393.     color:#333;
  394. }
  395. @media screen and (max-width: 990px) {
  396. #contents_wrapper{
  397. width: 100%;
  398. }
  399. #CartCatalog ul.CatalogList{
  400.  margin: 0 auto 30px;
  401.  max-width:768px
  402. }
  403. }
  404. @media screen and (max-width: 768px) {
  405. #CartCatalog .otodoke{
  406.     width:90%;
  407. }
  408. #CartCatalog ul.CatalogList{
  409.  margin: 0 auto 30px;
  410.  max-width:512px;
  411. }
  412. }
  413. @media screen and (max-width: 512px) {
  414. #CartCatalog li.catalog-list-box{
  415.     width:49%;
  416. }
  417. }
  419. @media screen and (max-width: 460px) {
  420. #CartCatalog .otodoke {
  421.   padding:20px 10px;
  422. }
  423. #CartCatalog .otodoke p.title span{
  424.     display:block;
  425. }
  426. div.step img {
  427.         width: 98%;
  428.     }
  430. }
  432. ";
  433.         // line 340
  434.         if ((isset($context["isMobile"]) || array_key_exists("isMobile", $context) ? $context["isMobile"] : (function () { throw new RuntimeError('Variable "isMobile" does not exist.', 340, $this->source); })())) {
  435.             // line 341
  436.             echo "    .ec-layoutRole {
  437.         background-color: #eee;
  438.     }
  439.     .ec-layoutRole .ec-layoutRole__contents {
  440.         display: block;
  441.     }
  442.     .sp.ec-role .ec-pageHeader h1 {
  443.         border-top: 0px;
  444.     }
  445.     .ec-layoutRole #header {
  446.         display: block;
  447.         height: auto;
  448.     }
  449.     .ec-layoutRole #header #ut-sp-global-navi h1 {
  450.         font-weight: normal;
  451.         font-size: 10px;
  452.         overflow: hidden;
  453.         margin: 0px;
  454.         float: none;
  455.         padding-left: 10px;
  456.     }
  457.     .ec-layoutRole #contents_wrapper, .ec-layoutRole .ec-layoutRole__footer#footer {
  458.         width: auto;
  459.     }
  460.     .ec-layoutRole #header #logo {
  461.         height: auto;
  462.         padding: 5px 10px;
  463.         background: white;
  464.         float: none;
  465.     }
  466.     .ec-layoutRole #header #logo a {
  467.         height: auto;
  468.         width: auto;
  469.         background-image: unset;
  470.         text-indent: unset;
  471.     }
  472.     .ec-layoutRole #header #logo a img {
  473.         background: white;
  474.     }
  475.     .ec-layoutRole .ec-layoutRole__footer h2 {
  476.         padding-left: 30px;
  477.     }
  478.     .ec-layoutRole .ec-layoutRole__footer #footermenu li {
  479.         border-right-width: 0;
  480.     }
  481.     .ec-layoutRole__main#contents {
  482.         padding: 0px;
  483.         margin: 0px;
  484.     }
  485.     .ec-layoutRole__footer#footer {
  486.         margin-top: 0px;
  487.         margin: 0;
  488.         background-color: white;
  489.     }
  490.     .user_area, #pankuzu  {
  491.         display: none;
  492.     }
  493.     .sp #overlay {
  494.         visibility: hidden;
  495.         position: absolute;
  496.         left: 0;
  497.         top: 0;
  498.         width: 100%;
  499.         height: 100%;
  500.         z-index: 1000;
  501.         background-color: rgba(0, 0, 0, 0.7);
  502.     }
  503.     .sp .alert-window {
  504.         visibility: hidden;
  505.         margin-top: -68px;
  506.         margin-left: -150px;
  507.         z-index: 1001;
  508.         position: absolute;
  509.         top: 0;
  510.         left: 50%;
  511.         top: 50%;
  512.         width: 300px;
  513.     }
  514.     .sp .alert-content {
  515.         background-color: #fff;
  516.         border-radius: 7px;
  517.         border: 1px solid #eee;
  518.         border-top: 0;
  519.         padding: 10px;
  520.     }
  521.     .sp .alert-explain {
  522.         font-size: 16px;
  523.         margin:10px;
  524.         line-height:140%;
  525.         text-align: left;
  526.     }
  527.     .sp .alert-btns {
  528.         font-size: 13px;
  529.         overflow: hidden;
  530.         padding: 10px;
  531.         margin-top: 10px;
  532.     }
  533.     .sp .alert-btn-back {
  534.         display:block;
  535.         border: 1px solid #ccc;
  536.         color: #333;
  537.         text-align: center;
  538.         width: 50%;
  539.         border-radius: 5px;
  540.         float: left;
  541.         margin:0 25%;
  542.         padding: 10px 0;
  543.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ccc));
  544.         background: -webkit-linear-gradient(to bottom, #e3e3e3, #ccc);
  545.         background: linear-gradient(to bottom, #e3e3e3, #ccc);
  546.         background: #ccc\\9;
  547.     }
  548.     .sp #heading-title {
  549.         position: relative;
  550.         overflow: initial;
  551.         color: #fff;
  552.         background-color: #958064;
  553.         text-shadow: none;
  554.         padding-left: 15px;
  555.     }
  556.     .sp #heading-title:after {
  557.         content: \"\";
  558.         position: absolute;
  559.         display: block;
  560.         width: 0;
  561.         height: 0;
  562.         bottom: -7px;
  563.         border-top: 7px solid #958064;
  564.         border-left: 7px solid transparent;
  565.         border-right: 7px solid transparent;
  566.     }
  567.     .sp #cts-float-button {
  568.         display: none;
  569.         position: fixed;
  570.         bottom: 50px;
  571.         left: 0px;
  572.         box-sizing: border-box;
  573.         width: 100%;
  574.         margin: 0;
  575.         padding: 15px 10px;
  576.         background: rgba(0,0,0,0.8);
  577.         z-index: 99;
  578.     }
  579.     .sp #cts-float-button button {
  580.         display: block;
  581.         padding: 13px 0;
  582.         font-size: 14px;
  583.         font-weight: bold;
  584.         color: #fff;
  585.         background-image: -moz-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  586.         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc10f), color-stop(100%, #f68408));
  587.         background-image: -webkit-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  588.         background-image: -o-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  589.         background-image: -ms-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  590.         background-image: linear-gradient(to bottom, #fcc10f 0%,#f68408 100%);
  591.         text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
  592.         border-radius: 4px;
  593.         width: 100%;
  594.     }
  595.     .sp #catalog-list-area > * {
  596.         box-sizing: border-box;
  597.     }
  598.     .sp #catalog-list-area .catalog-category-block {
  599.         border: 1px solid #c3b5a0;
  600.         background: #fff;
  601.         margin-bottom: 20px;
  602.         font-size: 12px;
  603.         overflow: hidden;
  604.         border-radius: 8px;
  605.         padding-bottom: 4px;
  606.     }
  607.     .sp #catalog-list-area .catalog-category-label {
  608.         font-size: 15px;
  609.         font-weight: bold;
  610.         letter-spacing: .1em;
  611.         display: block;
  612.         background: #daebeb;
  613.         padding: .6em;
  614.         border-bottom: 1px solid #c3b5a0;
  615.     }
  616.     .sp #catalog-list-area .catalog-list {
  617.         display: flex;
  618.         flex-wrap: wrap;
  619.         justify-content: space-between;
  620.     }
  621.     .sp #catalog-list-area .catalog-list:after,
  622.     .sp #catalog-list-area .catalog-list > li {
  623.         width: 48%;
  624.         padding: 1%;
  625.     }
  626.     .sp #catalog-list-area .catalog-list:after {
  627.         content: '';
  628.         display: block;
  629.         order: 1;
  630.     }
  631.     .sp #catalog-list-area .catalog-list li {
  633.     }
  634.     .sp #catalog-list-area .catalog-list-box-inner {
  635.         border: solid 1px #B1B2B1;
  636.         height: 100%;
  637.         display: flex;
  638.         flex-direction: column;
  639.         justify-content: space-between;
  640.     }
  641.     .sp #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected {
  642.         background: #ddfcc0;
  643.     }
  644.     .sp #catalog-list-area .catalog-list-box-header {
  645.         background: #E5E5E5;
  646.     }
  647.     .sp #catalog-list-area .catalog-list-box-header-inner {
  648.         display: flex;
  649.         align-items: center;
  650.     }
  651.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input {
  652.         margin: 14px;
  653.     }
  654.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input:disabled {
  655.         opacity: .2;
  656.     }
  657.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input.catalog-checkbox-unselectable {
  658.         opacity: 0;
  659.     }
  660.     .sp #catalog-list-area .catalog-list-box-title {
  661.         padding: .3em 0;
  662.         line-height: 1.2;
  663.         font-weight: bold;
  664.         font-size: 12px;
  665.         letter-spacing: 1px;
  666.     }
  667.     .sp #catalog-list-area .catalog-list-box-image {
  668.         padding: 10px 40px;
  669.     }
  670.     .sp #catalog-list-area .catalog-list-box-image img {
  671.         object-fit: contain;
  672.         width: 100%;
  673.         max-height: 100%;
  674.     }
  675.     .sp #catalog-list-area .catalog-list-box-comment, #catalog-list-area .catalog-list-box-footer {
  676.         padding: 0 1em;
  677.     }
  678.     .sp #catalog-list-area .catalog-list-box-comment p {
  679.         font-size: 9px;
  680.     }
  681.     .sp #catalog-list-area .catalog-list-box-comment .catalog-icon {
  682.         display: flex;
  683.         justify-content: space-between;
  684.     }
  685.     .sp #catalog-list-area .catalog-list-box-comment .catalog-icon img {
  686.         width: 32%;
  687.     }
  689.     .sp #catalog-list-area .catalog-list-box-footer {
  690.         margin: .2em 0 .8em 0;
  691.     }
  692.     .sp #catalog-list-area .catalog-list-box-link {
  693.         display: flex;
  694.         flex-direction: column;
  695.         justify-content: space-between;
  696.     }
  697.     .sp #catalog-list-area .catalog-list-box-link:after,
  698.     .sp #catalog-list-area .catalog-list-box-link:before {
  699.         content: '';
  700.         order: 1;
  701.     }
  702.     .sp #catalog-list-area .catalog-list-box-link > li .catalog-link {
  703.         display: table;
  704.         margin: .2em 0;
  705.         height: 28px;
  706.         width: 100%;
  707.     }
  708.     .sp #catalog-list-area .catalog-list-box-link a {
  709.         display: table-cell;
  710.         width: 100%;
  711.         height: 100%;
  712.         text-align: center;
  713.         position: relative;
  714.         letter-spacing: -1px;
  715.         text-decoration: none;
  716.         font-weight: bold;
  717.         line-height: 1;
  718.         border-radius: 6px;
  719.         vertical-align: middle;
  720.         font-size: 9px;
  721.     }
  722.     .sp #catalog-list-area .catalog-list-box-link a:after {
  723.         content: '▶︎';
  724.         display: block;
  725.         position: absolute;
  726.         top: 32%;
  727.         right: .8em;
  728.     }
  729.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-01,
  730.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-02 {
  731.         background: #177A74;
  732.         color: #fff;
  733.     }
  734.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-03 {
  735.         background: #F2910E;
  736.         color: #000;
  737.     }
  738.     .sp .catalog-box {
  739.         padding: 10px;
  740.         background-color: #eee;
  741.     }
  742.     .sp#CartCatalog .catalog-list-box-header input{
  743.         -webkit-transform: none;
  744.     }
  745.     .sp#CartCatalog .catalog-list-box-header span {
  746.         width: auto;
  747.     }
  748.     .sp#CartCatalog .catalog-list-box-footer {
  749.         border: none;
  750.         height: auto;
  751.     }
  752.     .sp#CartCatalog li.catalog-list-box {
  753.         margin-bottom: 0px;
  754.     }
  755.     .sp .cancel-btn {
  756.         margin-top: 10px;
  757.     }
  758.     .sp #btns {
  759.         border: 1px dotted #ccc;
  760.         border-left: 0;
  761.         border-right: 0;
  762.         font-size: 13px;
  763.         padding: 10px;
  764.     }
  765.     .sp #btns #btn-next {
  766.         margin: 0 auto;
  767.         line-height: 25px;
  768.         height: 50px;
  769.         font-size: 18px;
  770.         border: 1px solid #ff8f00;
  771.         width: 100%;
  772.         border-radius: 5px;
  773.         -webkit-box-sizing: border-box;
  774.         -moz-box-sizing: border-box;
  775.         -o-box-sizing: border-box;
  776.         -ms-box-sizing: border-box;
  777.         background: #ff8f00;
  778.         color: white;
  779.         font-weight: bold;
  780.     }
  781.     .sp .cancel-btn .ec-blockBtn--cancel {
  782.         border-radius: 4px;
  783.         height: 50px;
  784.         line-height: 50px;
  785.     }
  786.     .sp .opinion-box {
  787.         margin-bottom: 15px;
  788.     }
  789.     .sp .catalog-box .alert-danger {
  790.         font-size: 14px;
  791.         letter-spacing: 1px;
  792.         margin-bottom: 10px;
  793.         padding: 10px;
  794.     }
  795. ";
  796.         } else {
  797.             // line 701
  798.             echo "    .pc {
  799.         color: black;
  800.     }
  801.     .pc .limit-message {
  802.         margin: 20px 0px 10px 0px;
  803.         font-weight: bold;
  804.     }
  805.     .pc#CartCatalog .catalog-list-box-header span{
  806.         width: auto;
  807.     }
  808.     .pc .catalog-box {
  809.         cursor: pointer;
  810.         width: 33.3%;
  811.     }
  812.     .pc .alert {
  813.         position: relative;
  814.         padding: .75rem 1.25rem;
  815.         margin-bottom: 1rem;
  816.         border: 1px solid transparent;
  817.         border-radius: .25rem;
  818.     }
  819.     .pc .alert-danger {
  820.         color: #721c24;
  821.         background-color: #f8d7da;
  822.         border-color: #f5c6cb;
  823.         font-size: 14px;
  824.         padding: 1.25rem 1.25rem;
  825.     }
  826.     .pc button {
  827.         background-color: transparent;
  828.     }
  829.     .pc .clearfix:after {
  830.         content:\" \";
  831.         display:block;
  832.         clear:both;
  833.     }
  834.     .pc .btnBack, .btnMask, .btnNext {
  835.         border: none;
  836.         cursor: pointer;
  837.     }
  838.     .pc #catalog-list-area > * {
  839.         box-sizing: border-box;
  840.     }
  841.     .pc #catalog-list-area .catalog-category-label {
  842.         font-size: 21px;
  843.         font-weight: bold;
  844.         border-bottom: 2px solid #ffb05c;
  845.         padding: 25px 0 10px 10px;
  846.         letter-spacing: .1em;
  847.         display: block;
  848.     }
  849.     .pc #catalog-list-area .catalog-list {
  850.         display: flex;
  851.         flex-wrap: wrap;
  852.         justify-content: space-between;
  853.     }
  854.     .pc #catalog-list-area .catalog-list:before,
  855.     .pc #catalog-list-area .catalog-list:after,
  856.     .pc #catalog-list-area .catalog-list > li {
  857.         width: 25%;
  858.         padding: 1%;
  859.     }
  860.     .pc #catalog-list-area .catalog-list:before,
  861.     .pc #catalog-list-area .catalog-list:after {
  862.         content: '';
  863.         display: block;
  864.         order: 1;
  865.     }
  866.     .pc #catalog-list-area .catalog-list li {
  868.     }
  869.     .pc #catalog-list-area .catalog-list-box-inner {
  870.         border: solid 1px #B1B2B1;
  871.         height: 100%;
  872.         display: flex;
  873.         flex-direction: column;
  874.         justify-content: space-between;
  875.     }
  876.     .pc #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected,
  877.     .pc #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected:hover {
  878.         background: #ddfcc0;
  879.     }
  880.     .pc #catalog-list-area .catalog-list-box-inner:hover {
  881.         background: #ddd;
  882.     }
  883.     .pc #catalog-list-area .catalog-list-box-header {
  884.         background: #E5E5E5;
  885.     }
  886.     .pc #catalog-list-area .catalog-list-box-header-inner {
  887.         display: flex;
  888.         align-items: center;
  889.     }
  890.     .pc #catalog-list-area .catalog-list-box-checkbox-wrap input {
  891.         margin: 14px;
  892.         -webkit-transform: scale(1.4, 1.4);
  893.     }
  894.     .pc #catalog-list-area .catalog-list-box-checkbox-wrap input.catalog-checkbox-unselectable {
  895.         opacity: 0;
  896.     }
  897.     .pc #catalog-list-area .catalog-list-box-title {
  898.         padding: .3em 0;
  899.         line-height: 1.2;
  900.         font-weight: bold;
  901.     }
  902.     .pc #catalog-list-area .catalog-list-box-image {
  903.         padding: 20px 50px;
  904.     }
  905.     .pc #catalog-list-area .catalog-list-box-image img {
  906.         object-fit: contain;
  907.         width: 100%;
  908.         max-height: 100%;
  909.     }
  910.     .pc #catalog-list-area .catalog-list-box-comment, #catalog-list-area .catalog-list-box-footer {
  911.         padding: 0 1em;
  912.     }
  913.     .pc #catalog-list-area .catalog-list-box-comment p {
  914.         font-size: 11px;
  915.         line-height: 1.4;
  916.         font-weight: normal;
  917.     }
  918.     .pc #catalog-list-area .catalog-list-box-footer {
  919.         margin: .2em 0 .8em 0;
  920.     }
  921.     .pc #catalog-list-area .catalog-list-box-link {
  922.         display: flex;
  923.         flex-direction: column;
  924.         justify-content: space-between;
  925.     }
  926.     .pc #catalog-list-area .catalog-list-box-link:after,
  927.     .pc #catalog-list-area .catalog-list-box-link:before {
  928.         content: '';
  929.         order: 1;
  930.     }
  931.     .pc #catalog-list-area .catalog-list-box-link > li .catalog-link {
  932.         display: table;
  933.         margin: .2em 0;
  934.         height: 28px;
  935.         width: 100%;
  936.     }
  937.     .pc #catalog-list-area .catalog-list-box-link a {
  938.         display: table-cell;
  939.         width: 100%;
  940.         height: 100%;
  941.         text-align: center;
  942.         position: relative;
  943.         letter-spacing: -1px;
  944.         text-decoration: none;
  945.         font-weight: bold;
  946.         line-height: 1;
  947.         border-radius: 6px;
  948.         vertical-align: middle;
  949.         font-size: 11px;
  950.     }
  951.     .pc #catalog-list-area .catalog-list-box-link a:after {
  952.         content: '▶︎';
  953.         display: block;
  954.         position: absolute;
  955.         top: 32%;
  956.         right: .8em;
  957.     }
  958.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-01,
  959.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-02 {
  960.         background: #177A74;
  961.         color: #fff;
  962.     }
  963.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-03 {
  964.         background: #F2910E;
  965.         color: #000;
  966.     }
  967.     .pc .catalog-box {
  968.         padding: 10px;
  969.         background-color: #eee;
  970.     }
  971.     .pc#CartCatalog .catalog-list-box-header input{
  972.         -webkit-transform: scale(1.4, 1.4);
  973.     }
  974.     .pc#CartCatalog .catalog-list-box-header span {
  975.         width: auto;
  976.     }
  977.     .pc#CartCatalog .catalog-list-box-footer {
  978.         border: none;
  979.         height: auto;
  980.     }
  981.     .pc#CartCatalog li.catalog-list-box {
  982.         margin-bottom: 0px;
  983.     }
  984.     .pc #catalog-list-area .admin-zaiko-count {
  985.         display: block;
  986.         color: red;
  987.         text-align: center;
  988.     }
  989.     .pc .catalog-bottom-box {
  990.         margin-top: 20px;
  991.     }
  992.     .pc .foot_message {
  993.         float: left;
  994.     }
  995.     .pc .catalog_btn_area {
  996.         float: right;
  997.     }
  998.     .pc#CartCatalog #catalog_btn_area {
  999.         visibility: visible;
  1000.     }
  1001.     
  1002.     /* EC-CUBEレイアウト用 ID=29 【LM】カタログ申し込みページ用レイアウト */
  1003.     #header {
  1004.         width: 100%;
  1005.         height: 100%;
  1006.         color: black;
  1007.     }
  1008.     #header #logo a {
  1009.         background-image: none !important;
  1010.         text-indent: 0 !important;
  1011.     }
  1012.     .ec-layoutRole__footer#footer {
  1013.         max-width: 100%;
  1014.         margin: 0 auto;
  1015.         border: 1px solid #D3D0C1;
  1016.         background: #eee;
  1017.     }
  1018.     .item-count {
  1019.         color: black;
  1020.     }
  1021.     .return-shipping {
  1022.         color: black;
  1023.     }
  1024. ";
  1025.         }
  1026.         // line 928
  1027.         echo "</style>
  1028. ";
  1029.         
  1030.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1032.         
  1033.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1035.     }
  1037.     // line 930
  1038.     public function block_main($context, array $blocks = [])
  1039.     {
  1040.         $macros = $this->macros;
  1041.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1042.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1044.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1045.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1047.         // line 931
  1048.         if ((isset($context["isMobile"]) || array_key_exists("isMobile", $context) ? $context["isMobile"] : (function () { throw new RuntimeError('Variable "isMobile" does not exist.', 931, $this->source); })())) {
  1049.             // line 932
  1050.             echo "    <div id=\"CartCatalog\" class=\"sp\">
  1051.         <div id=\"overlay\"></div>
  1052.         <div id=\"alert-window\" class=\"alert-window\">
  1053.             <div class=\"alert-content\">
  1054.                 <p class=\"alert-explain\"></p>
  1055.                 <div class=\"alert-btns\">
  1056.                     <a class=\"alert-btn-back\" onclick=\"closeAlertWindow();\" href=\"javascript:void(0);\">OK</a>
  1057.                 </div>
  1058.             </div>
  1059.         </div>
  1060.         <div class=\"title-h2\">
  1061.             <img class=\"ico-circle\" src=\"";
  1062.             // line 943
  1063.             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1064.             echo "/public_images/sp/ico_circle.png\" alt=\"カタログ申し込み\">
  1065.             <h2>カタログ申し込み</h2>
  1066.         </div>
  1067.         <h2 id=\"heading-title\">
  1068.             <span>";
  1069.             // line 947
  1070.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Limit"]) || array_key_exists("Limit", $context) ? $context["Limit"] : (function () { throw new RuntimeError('Variable "Limit" does not exist.', 947, $this->source); })()), "cl_quantity_limit", [], "any", false, false, true, 947), 947, $this->source), "html", null, true);
  1071.             echo "冊まで選択できます</span>
  1072.         </h2>
  1073.         <div class=\"clearfix\" style=\"padding: 2%;\">
  1074.             <a href=\"/contact/fax/\" style=\"float:left;width:49%;\">
  1075.                 <img src=\"";
  1076.             // line 951
  1077.             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1078.             echo "/public_images/order/banner_fax_01.jpg\" alt=\"お気軽にFAXください\" style=\"width:100%;\">
  1079.             </a>
  1080.             <a href=\"tel:0120-115-116\" style=\"float:left;width:49%;margin-left:2%;\">
  1081.                 <img src=\"";
  1082.             // line 954
  1083.             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1084.             echo "/public_images/order/banner_freedial_02.jpg\" alt=\"お気軽にお電話ください\" style=\"width:100%;\">
  1085.             </a>
  1086.         </div>
  1088.         <div class=\"catalog-box\">
  1089.             ";
  1090.             // line 959
  1091.             $context["CatalogMessage"] = $this->env->getFunction('CatalogValidation')->getCallable()();
  1092.             // line 960
  1093.             echo "            ";
  1094.             if ((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 960, $this->source); })())) {
  1095.                 // line 961
  1096.                 echo "                <div class=\"alert alert-danger\">
  1097.                     ";
  1098.                 // line 962
  1099.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 962, $this->source); })()), 962, $this->source), "html", null, true);
  1100.                 echo "
  1101.                 </div>
  1102.             ";
  1103.             }
  1104.             // line 965
  1105.             echo "                ";
  1106.             if ( !(null === (isset($context["CatalogData"]) || array_key_exists("CatalogData", $context) ? $context["CatalogData"] : (function () { throw new RuntimeError('Variable "CatalogData" does not exist.', 965, $this->source); })()))) {
  1107.                 // line 966
  1108.                 echo "                    <form name=\"form\" id=\"catalog_form\" class=\"\" method=\"post\" action=\"";
  1109.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart_buystep", ["cart_key" => (isset($context["CatalogCartKey"]) || array_key_exists("CatalogCartKey", $context) ? $context["CatalogCartKey"] : (function () { throw new RuntimeError('Variable "CatalogCartKey" does not exist.', 966, $this->source); })())]), "html", null, true);
  1110.                 echo "\">
  1111.                         <input type=\"hidden\" name=\"OlToken\" value=\"";
  1112.                 // line 967
  1113.                 echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetOlToken("catalog"), "html", null, true);
  1114.                 echo "\" />
  1115.                         <div id=\"catalog-list-area\">
  1116.                             ";
  1117.                 // line 969
  1118.                 $context['_parent'] = $context;
  1119.                 $context['_seq'] = twig_ensure_traversable((isset($context["CatalogCategoryLabel"]) || array_key_exists("CatalogCategoryLabel", $context) ? $context["CatalogCategoryLabel"] : (function () { throw new RuntimeError('Variable "CatalogCategoryLabel" does not exist.', 969, $this->source); })()));
  1120.                 $context['loop'] = [
  1121.                   'parent' => $context['_parent'],
  1122.                   'index0' => 0,
  1123.                   'index'  => 1,
  1124.                   'first'  => true,
  1125.                 ];
  1126.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1127.                     $length = count($context['_seq']);
  1128.                     $context['loop']['revindex0'] = $length - 1;
  1129.                     $context['loop']['revindex'] = $length;
  1130.                     $context['loop']['length'] = $length;
  1131.                     $context['loop']['last'] = 1 === $length;
  1132.                 }
  1133.                 foreach ($context['_seq'] as $context["LabelId"] => $context["Label"]) {
  1134.                     // line 970
  1135.                     echo "                                ";
  1136.                     if (twig_get_attribute($this->env, $this->source, ($context["CatalogData"] ?? null), $context["LabelId"], [], "array", true, true, true, 970)) {
  1137.                         // line 971
  1138.                         echo "                                    <div class=\"catalog-category-block\">
  1139.                                         <span class=\"catalog-category-label\">";
  1140.                         // line 972
  1141.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["Label"], 972, $this->source), "html", null, true);
  1142.                         echo "</span>
  1143.                                         <ul class=\"catalog-list\">
  1144.                                             ";
  1145.                         // line 974
  1146.                         $context["Catalogs"] = twig_get_attribute($this->env, $this->source, (isset($context["CatalogData"]) || array_key_exists("CatalogData", $context) ? $context["CatalogData"] : (function () { throw new RuntimeError('Variable "CatalogData" does not exist.', 974, $this->source); })()), $context["LabelId"], [], "array", false, false, true, 974);
  1147.                         // line 975
  1148.                         echo "                                            ";
  1149.                         $context['_parent'] = $context;
  1150.                         $context['_seq'] = twig_ensure_traversable((isset($context["Catalogs"]) || array_key_exists("Catalogs", $context) ? $context["Catalogs"] : (function () { throw new RuntimeError('Variable "Catalogs" does not exist.', 975, $this->source); })()));
  1151.                         $context['loop'] = [
  1152.                           'parent' => $context['_parent'],
  1153.                           'index0' => 0,
  1154.                           'index'  => 1,
  1155.                           'first'  => true,
  1156.                         ];
  1157.                         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1158.                             $length = count($context['_seq']);
  1159.                             $context['loop']['revindex0'] = $length - 1;
  1160.                             $context['loop']['revindex'] = $length;
  1161.                             $context['loop']['length'] = $length;
  1162.                             $context['loop']['last'] = 1 === $length;
  1163.                         }
  1164.                         foreach ($context['_seq'] as $context["CatalogId"] => $context["Catalog"]) {
  1165.                             // line 976
  1166.                             echo "                                                <li class=\"catalog-list-box\" data-catalog-id=\"";
  1167.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["CatalogId"], 976, $this->source), "html", null, true);
  1168.                             echo "\" id=\"catalog-list-box-";
  1169.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["CatalogId"], 976, $this->source), "html", null, true);
  1170.                             echo "\">
  1171.                                                     <div class=\"catalog-list-box-inner\">
  1172.                                                         <label for=\"CatalogList_";
  1173.                             // line 978
  1174.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 978), 978, $this->source), "html", null, true);
  1175.                             echo "\">
  1176.                                                             <div class=\"catalog-list-box-header\">
  1177.                                                                 <div class=\"catalog-list-box-header-inner\">
  1178.                                                                     <span class=\"catalog-list-box-checkbox-wrap\">
  1179.                                                                         <input
  1180.                                                                             id=\"CatalogList_";
  1181.                             // line 983
  1182.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 983), 983, $this->source), "html", null, true);
  1183.                             echo "\"
  1184.                                                                             class=\"select\"
  1185.                                                                             type=\"checkbox\"
  1186.                                                                             name=\"LmOrderOption[catalog][]\"
  1187.                                                                             value=\"";
  1188.                             // line 987
  1189.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 987), 987, $this->source), "html", null, true);
  1190.                             echo "\"
  1191.                                                                             ";
  1192.                             // line 988
  1193.                             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetCatalogChecked($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 988), 988, $this->source)), "html", null, true);
  1194.                             echo "
  1195.                                                                         >
  1196.                                                                     </span>
  1197.                                                                     <span class=\"catalog-list-box-title\">";
  1198.                             // line 991
  1199.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_title", [], "any", false, false, true, 991), 991, $this->source), "html", null, true);
  1200.                             echo "</span>
  1201.                                                                 </div>
  1202.                                                             </div>
  1203.                                                             <div class=\"catalog-list-box-body\">
  1204.                                                                 <div class=\"catalog-list-box-image\">
  1205.                                                                     <img src=\"/kanri_img/images/catalog_image/";
  1206.                             // line 996
  1207.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 996), 996, $this->source), "html", null, true);
  1208.                             echo ".jpg\" alert=\"";
  1209.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_title", [], "any", false, false, true, 996), 996, $this->source), "html", null, true);
  1210.                             echo "\">
  1211.                                                                 </div>
  1212.                                                                 <div class=\"catalog-list-box-comment\">
  1213.                                                                     <p>";
  1214.                             // line 999
  1215.                             echo $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_comment", [], "any", false, false, true, 999), 999, $this->source);
  1216.                             echo "</p>
  1217.                                                                 </div>
  1218.                                                             </div>
  1219.                                                         </label>
  1220.                                                         <div class=\"catalog-list-box-footer\">
  1221.                                                             <ul class=\"catalog-list-box-link\">
  1222.                                                                 ";
  1223.                             // line 1005
  1224.                             $context["CatalogNum"] = "01";
  1225.                             // line 1006
  1226.                             echo "                                                                ";
  1227.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation", [], "any", false, false, true, 1006);
  1228.                             // line 1007
  1229.                             echo "                                                                ";
  1230.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url", [], "any", false, false, true, 1007);
  1231.                             // line 1008
  1232.                             echo "                                                                ";
  1233.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1008, $this->source); })())) {
  1234.                                 echo "<li>";
  1235.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1236.                                 echo "</li>";
  1237.                             }
  1238.                             // line 1009
  1239.                             echo "
  1240.                                                                 ";
  1241.                             // line 1010
  1242.                             $context["CatalogNum"] = "02";
  1243.                             // line 1011
  1244.                             echo "                                                                ";
  1245.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation2", [], "any", false, false, true, 1011);
  1246.                             // line 1012
  1247.                             echo "                                                                ";
  1248.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url2", [], "any", false, false, true, 1012);
  1249.                             // line 1013
  1250.                             echo "                                                                ";
  1251.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1013, $this->source); })())) {
  1252.                                 echo "<li>";
  1253.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1254.                                 echo "</li>";
  1255.                             }
  1256.                             // line 1014
  1257.                             echo "
  1258.                                                                 ";
  1259.                             // line 1015
  1260.                             $context["CatalogNum"] = "03";
  1261.                             // line 1016
  1262.                             echo "                                                                ";
  1263.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation3", [], "any", false, false, true, 1016);
  1264.                             // line 1017
  1265.                             echo "                                                                ";
  1266.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url3", [], "any", false, false, true, 1017);
  1267.                             // line 1018
  1268.                             echo "                                                                ";
  1269.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1018, $this->source); })())) {
  1270.                                 echo "<li>";
  1271.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1272.                                 echo "</li>";
  1273.                             }
  1274.                             // line 1019
  1275.                             echo "                                                            </ul>
  1276.                                                         </div>
  1277.                                                     </div>
  1278.                                                 </li>
  1279.                                             ";
  1280.                             ++$context['loop']['index0'];
  1281.                             ++$context['loop']['index'];
  1282.                             $context['loop']['first'] = false;
  1283.                             if (isset($context['loop']['length'])) {
  1284.                                 --$context['loop']['revindex0'];
  1285.                                 --$context['loop']['revindex'];
  1286.                                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1287.                             }
  1288.                         }
  1289.                         $_parent = $context['_parent'];
  1290.                         unset($context['_seq'], $context['_iterated'], $context['CatalogId'], $context['Catalog'], $context['_parent'], $context['loop']);
  1291.                         $context = array_intersect_key($context, $_parent) + $_parent;
  1292.                         // line 1024
  1293.                         echo "                                        </ul>
  1294.                                     </div>
  1295.                                 ";
  1296.                     }
  1297.                     // line 1027
  1298.                     echo "                            ";
  1299.                     ++$context['loop']['index0'];
  1300.                     ++$context['loop']['index'];
  1301.                     $context['loop']['first'] = false;
  1302.                     if (isset($context['loop']['length'])) {
  1303.                         --$context['loop']['revindex0'];
  1304.                         --$context['loop']['revindex'];
  1305.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1306.                     }
  1307.                 }
  1308.                 $_parent = $context['_parent'];
  1309.                 unset($context['_seq'], $context['_iterated'], $context['LabelId'], $context['Label'], $context['_parent'], $context['loop']);
  1310.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1311.                 // line 1028
  1312.                 echo "                        </div>
  1314.                         <h2 id=\"receipt\">ご意見・ご希望</h2>
  1315.                         <div class=\"content opinion-box\">
  1316.                             <div class=\"content-wrapper\">
  1317.                                 <div class=\"input-box-last\">
  1318.                                     <div class=\"item-name\">
  1319.                                         ご意見・ご希望&nbsp;<span class=\"not_required\">任意</span>
  1320.                                     </div>
  1321.                                     <div id=\"item-content-comment\">
  1322.                                         <textarea style=\"width: 100%; box-sizing: border-box;\" name=\"LmOrderOption[message]\" rows=5 cols=70>";
  1323.                 // line 1038
  1324.                 echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetLmOrderOption("message"), "html", null, true);
  1325.                 echo "</textarea>
  1326.                                     </div>
  1327.                                 </div>
  1328.                             </div>
  1329.                         </div>
  1331.                         ";
  1332.                 // line 1044
  1333.                 if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_USER")) {
  1334.                     // line 1045
  1335.                     echo "                            <div id=\"btns\">
  1336.                                 ";
  1337.                     // line 1046
  1338.                     if (twig_test_empty((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 1046, $this->source); })()))) {
  1339.                         // line 1047
  1340.                         echo "                                    <div class=\"btn-wrapper\" style=\"width:100%;\">
  1341.                                         <input type=\"button\" id=\"btn-next\" value=\"確認\" onclick=\"check_input();\">
  1342.                                     </div>
  1343.                                 ";
  1344.                     }
  1345.                     // line 1051
  1346.                     echo "                                <div class=\"cancel-btn\">
  1347.                                     <a class=\"ec-blockBtn--cancel\" href=\"";
  1348.                     // line 1052
  1349.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("remove_cart_item", ["mode" => "catalog", "Token" => $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetOlToken("RemoveCartItme")]), "html", null, true);
  1350.                     echo "\">";
  1351.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.button02"), "html", null, true);
  1352.                     echo "</a>
  1353.                                 </div>
  1354.                             </div>
  1355.                         ";
  1356.                 } else {
  1357.                     // line 1056
  1358.                     echo "                            <div><img src=\"";
  1359.                     echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1360.                     echo "/public_images/image_dt/btn_catalog_next.gif\" style=\"width: 100%;\" onclick=\"check_input();\" alt=\"お客様情報を入力する\"></div>
  1361.                             <div class=\"cancel-btn\">
  1362.                                 <a class=\"ec-blockBtn--cancel\" href=\"";
  1363.                     // line 1058
  1364.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("remove_cart_item", ["mode" => "catalog", "Token" => $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetOlToken("RemoveCartItme")]), "html", null, true);
  1365.                     echo "\">";
  1366.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.button02"), "html", null, true);
  1367.                     echo "</a>
  1368.                             </div>
  1369.                         ";
  1370.                 }
  1371.                 // line 1061
  1372.                 echo "                        ";
  1373.                 if (twig_test_empty((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 1061, $this->source); })()))) {
  1374.                     // line 1062
  1375.                     echo "                            <div id=\"cts-float-button\">
  1376.                                 <button type=\"button\" onclick=\"check_input();\">カタログ請求手続きへ</button>
  1377.                             </div>
  1378.                         ";
  1379.                 }
  1380.                 // line 1066
  1381.                 echo "                    </form>
  1382.                 ";
  1383.             }
  1384.             // line 1068
  1385.             echo "        </div>
  1386.     </div>
  1387. ";
  1388.         } else {
  1389.             // line 1071
  1390.             echo "    <div id=\"CartCatalog\" class=\"pc\">
  1391.         ";
  1392.             // line 1072
  1393.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/Step.twig");
  1394.             echo "
  1395.         ";
  1396.             // line 1073
  1397.             $context["CatalogMessage"] = $this->env->getFunction('CatalogValidation')->getCallable()();
  1398.             // line 1074
  1399.             echo "        ";
  1400.             if ((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 1074, $this->source); })())) {
  1401.                 // line 1075
  1402.                 echo "            <div class=\"alert alert-danger\">
  1403.                 ";
  1404.                 // line 1076
  1405.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 1076, $this->source); })()), 1076, $this->source), "html", null, true);
  1406.                 echo "
  1407.             </div>
  1408.         ";
  1409.             }
  1410.             // line 1079
  1411.             echo "        <div class=\"otodoke\">
  1412.             ";
  1413.             // line 1080
  1414.             $context["noukiSchedule"] = $this->extensions['Customize\Twig\Extension\ServiceExtension']->getCatalogNoukiSchedule();
  1415.             // line 1081
  1416.             echo "            <p class=\"title\">";
  1417.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message01"), "html", null, true);
  1418.             echo "<span class=\"red\">";
  1419.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["noukiSchedule"]) || array_key_exists("noukiSchedule", $context) ? $context["noukiSchedule"] : (function () { throw new RuntimeError('Variable "noukiSchedule" does not exist.', 1081, $this->source); })()), 1081, $this->source), "n月j日"), "html", null, true);
  1420.             echo "（";
  1421.             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->SetJWeek(twig_date_format_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["noukiSchedule"]) || array_key_exists("noukiSchedule", $context) ? $context["noukiSchedule"] : (function () { throw new RuntimeError('Variable "noukiSchedule" does not exist.', 1081, $this->source); })()), 1081, $this->source), "Y/m/d")), "html", null, true);
  1422.             echo "）</span></p>
  1423.             <p class=\"red\">";
  1424.             // line 1082
  1425.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message02"), "html", null, true);
  1426.             echo "</p>
  1427.             <p>";
  1428.             // line 1083
  1429.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message03"), "html", null, true);
  1430.             echo "</p>
  1431.         </div>
  1432.         ";
  1433.             // line 1085
  1434.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Shopping/alert.twig", ["error_only" => true]);
  1435.             echo "
  1436.        <div class=\"\">
  1437.                 ";
  1438.             // line 1087
  1439.             if ( !(null === (isset($context["CatalogData"]) || array_key_exists("CatalogData", $context) ? $context["CatalogData"] : (function () { throw new RuntimeError('Variable "CatalogData" does not exist.', 1087, $this->source); })()))) {
  1440.                 // line 1088
  1441.                 echo "                    <form name=\"form\" id=\"form_cart\" class=\"\" method=\"post\" action=\"";
  1442.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart_buystep", ["cart_key" => (isset($context["CatalogCartKey"]) || array_key_exists("CatalogCartKey", $context) ? $context["CatalogCartKey"] : (function () { throw new RuntimeError('Variable "CatalogCartKey" does not exist.', 1088, $this->source); })())]), "html", null, true);
  1443.                 echo "\">
  1444.                         <input type=\"hidden\" name=\"OlToken\" value=\"";
  1445.                 // line 1089
  1446.                 echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetOlToken("catalog"), "html", null, true);
  1447.                 echo "\" />
  1448.                         <div class=\"\">
  1449.                             <div class=\"ec-cartTable\">
  1450.                                 <div id=\"step1-top\" >
  1451.                                     <img src=\"";
  1452.                 // line 1093
  1453.                 echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1454.                 echo "/public_images/sample/title_sub1.gif\" alt=\"カタログ選択\" width=\"990\" />
  1456.                                 </div>
  1457.                                 <p class=\"limit-message\">
  1458.                                     <strong>";
  1459.                 // line 1097
  1460.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message08"), "html", null, true);
  1461.                 echo "</strong><span class=\"red\">";
  1462.                 echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->CatalogLimitMessage($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Limit"]) || array_key_exists("Limit", $context) ? $context["Limit"] : (function () { throw new RuntimeError('Variable "Limit" does not exist.', 1097, $this->source); })()), "cl_quantity_limit", [], "any", false, false, true, 1097), 1097, $this->source)), "html", null, true);
  1463.                 echo "</span>
  1464.                                 </p>
  1466.                                 <div id=\"catalog-list-area\" class=\"efo-required efo-select\" data-efo-validation='{\"min\":1, \"max\":\"";
  1467.                 // line 1100
  1468.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Limit"]) || array_key_exists("Limit", $context) ? $context["Limit"] : (function () { throw new RuntimeError('Variable "Limit" does not exist.', 1100, $this->source); })()), "cl_quantity_limit", [], "any", false, false, true, 1100), 1100, $this->source), "html", null, true);
  1469.                 echo "\"}'>
  1470.                                     ";
  1471.                 // line 1101
  1472.                 $context['_parent'] = $context;
  1473.                 $context['_seq'] = twig_ensure_traversable((isset($context["CatalogCategoryLabel"]) || array_key_exists("CatalogCategoryLabel", $context) ? $context["CatalogCategoryLabel"] : (function () { throw new RuntimeError('Variable "CatalogCategoryLabel" does not exist.', 1101, $this->source); })()));
  1474.                 $context['loop'] = [
  1475.                   'parent' => $context['_parent'],
  1476.                   'index0' => 0,
  1477.                   'index'  => 1,
  1478.                   'first'  => true,
  1479.                 ];
  1480.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1481.                     $length = count($context['_seq']);
  1482.                     $context['loop']['revindex0'] = $length - 1;
  1483.                     $context['loop']['revindex'] = $length;
  1484.                     $context['loop']['length'] = $length;
  1485.                     $context['loop']['last'] = 1 === $length;
  1486.                 }
  1487.                 foreach ($context['_seq'] as $context["LabelId"] => $context["Label"]) {
  1488.                     // line 1102
  1489.                     echo "                                        ";
  1490.                     if (twig_get_attribute($this->env, $this->source, ($context["CatalogData"] ?? null), $context["LabelId"], [], "array", true, true, true, 1102)) {
  1491.                         // line 1103
  1492.                         echo "                                            <div class=\"catalog-category-block\" id=\"";
  1493.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["Label"], 1103, $this->source), "html", null, true);
  1494.                         echo "\">
  1495.                                                 <span class=\"catalog-category-label\">";
  1496.                         // line 1104
  1497.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["Label"], 1104, $this->source), "html", null, true);
  1498.                         echo "</span>
  1499.                                                 <ul class=\"catalog-list\">
  1500.                                                     ";
  1501.                         // line 1106
  1502.                         $context["Catalogs"] = twig_get_attribute($this->env, $this->source, (isset($context["CatalogData"]) || array_key_exists("CatalogData", $context) ? $context["CatalogData"] : (function () { throw new RuntimeError('Variable "CatalogData" does not exist.', 1106, $this->source); })()), $context["LabelId"], [], "array", false, false, true, 1106);
  1503.                         // line 1107
  1504.                         echo "                                                    ";
  1505.                         $context['_parent'] = $context;
  1506.                         $context['_seq'] = twig_ensure_traversable((isset($context["Catalogs"]) || array_key_exists("Catalogs", $context) ? $context["Catalogs"] : (function () { throw new RuntimeError('Variable "Catalogs" does not exist.', 1107, $this->source); })()));
  1507.                         $context['loop'] = [
  1508.                           'parent' => $context['_parent'],
  1509.                           'index0' => 0,
  1510.                           'index'  => 1,
  1511.                           'first'  => true,
  1512.                         ];
  1513.                         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1514.                             $length = count($context['_seq']);
  1515.                             $context['loop']['revindex0'] = $length - 1;
  1516.                             $context['loop']['revindex'] = $length;
  1517.                             $context['loop']['length'] = $length;
  1518.                             $context['loop']['last'] = 1 === $length;
  1519.                         }
  1520.                         foreach ($context['_seq'] as $context["CatalogId"] => $context["Catalog"]) {
  1521.                             // line 1108
  1522.                             echo "                                                        <li class=\"catalog-list-box\" data-catalog-id=\"";
  1523.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["CatalogId"], 1108, $this->source), "html", null, true);
  1524.                             echo "\" id=\"catalog-list-box-";
  1525.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["CatalogId"], 1108, $this->source), "html", null, true);
  1526.                             echo "\">
  1527.                                                             <div class=\"catalog-list-box-inner\">
  1528.                                                                 <label for=\"CatalogList_";
  1529.                             // line 1110
  1530.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 1110), 1110, $this->source), "html", null, true);
  1531.                             echo "\">
  1532.                                                                     <div class=\"catalog-list-box-header\">
  1533.                                                                         <div class=\"catalog-list-box-header-inner\">
  1534.                                                                                 <span class=\"catalog-list-box-checkbox-wrap\">
  1535.                                                                                     <input
  1536.                                                                                         id=\"CatalogList_";
  1537.                             // line 1115
  1538.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 1115), 1115, $this->source), "html", null, true);
  1539.                             echo "\"
  1540.                                                                                         class=\"select\"
  1541.                                                                                         type=\"checkbox\"
  1542.                                                                                         name=\"LmOrderOption[catalog][]\"
  1543.                                                                                         value=\"";
  1544.                             // line 1119
  1545.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 1119), 1119, $this->source), "html", null, true);
  1546.                             echo "\"
  1547.                                                                                         ";
  1548.                             // line 1120
  1549.                             echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetCatalogChecked($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 1120), 1120, $this->source)), "html", null, true);
  1550.                             echo "
  1551.                                                                                     >
  1552.                                                                                 </span>
  1553.                                                                             <span class=\"catalog-list-box-title\">";
  1554.                             // line 1123
  1555.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_title", [], "any", false, false, true, 1123), 1123, $this->source), "html", null, true);
  1556.                             echo "</span>
  1557.                                                                         </div>
  1558.                                                                     </div>
  1559.                                                                     <div class=\"catalog-list-box-body\">
  1560.                                                                         <div class=\"catalog-list-box-image\">
  1561.                                                                             <img src=\"/kanri_img/images/catalog_image/";
  1562.                             // line 1128
  1563.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_id", [], "any", false, false, true, 1128), 1128, $this->source), "html", null, true);
  1564.                             echo ".jpg\" alert=\"";
  1565.                             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_title", [], "any", false, false, true, 1128), 1128, $this->source), "html", null, true);
  1566.                             echo "\">
  1567.                                                                         </div>
  1568.                                                                         <div class=\"catalog-list-box-comment\">
  1569.                                                                             <p>";
  1570.                             // line 1131
  1571.                             echo $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_comment", [], "any", false, false, true, 1131), 1131, $this->source);
  1572.                             echo "</p>
  1573.                                                                         </div>
  1574.                                                                     </div>
  1575.                                                                 </label>
  1576.                                                                 <div class=\"catalog-list-box-footer\">
  1577.                                                                     <ul class=\"catalog-list-box-link\">
  1578.                                                                         ";
  1579.                             // line 1137
  1580.                             $context["CatalogNum"] = "01";
  1581.                             // line 1138
  1582.                             echo "                                                                        ";
  1583.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation", [], "any", false, false, true, 1138);
  1584.                             // line 1139
  1585.                             echo "                                                                        ";
  1586.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url", [], "any", false, false, true, 1139);
  1587.                             // line 1140
  1588.                             echo "                                                                        ";
  1589.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1140, $this->source); })())) {
  1590.                                 echo "<li>";
  1591.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1592.                                 echo "</li>";
  1593.                             }
  1594.                             // line 1141
  1595.                             echo "
  1596.                                                                         ";
  1597.                             // line 1142
  1598.                             $context["CatalogNum"] = "02";
  1599.                             // line 1143
  1600.                             echo "                                                                        ";
  1601.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation2", [], "any", false, false, true, 1143);
  1602.                             // line 1144
  1603.                             echo "                                                                        ";
  1604.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url2", [], "any", false, false, true, 1144);
  1605.                             // line 1145
  1606.                             echo "                                                                        ";
  1607.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1145, $this->source); })())) {
  1608.                                 echo "<li>";
  1609.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1610.                                 echo "</li>";
  1611.                             }
  1612.                             // line 1146
  1613.                             echo "
  1614.                                                                         ";
  1615.                             // line 1147
  1616.                             $context["CatalogNum"] = "03";
  1617.                             // line 1148
  1618.                             echo "                                                                        ";
  1619.                             $context["CatalogKbn"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_variation3", [], "any", false, false, true, 1148);
  1620.                             // line 1149
  1621.                             echo "                                                                        ";
  1622.                             $context["CatalogUrl"] = twig_get_attribute($this->env, $this->source, $context["Catalog"], "catalog_textlink_url3", [], "any", false, false, true, 1149);
  1623.                             // line 1150
  1624.                             echo "                                                                        ";
  1625.                             if ((isset($context["CatalogKbn"]) || array_key_exists("CatalogKbn", $context) ? $context["CatalogKbn"] : (function () { throw new RuntimeError('Variable "CatalogKbn" does not exist.', 1150, $this->source); })())) {
  1626.                                 echo "<li>";
  1627.                                 echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Cart/Parts/CatalogLink.twig");
  1628.                                 echo "</li>";
  1629.                             }
  1630.                             // line 1151
  1631.                             echo "                                                                    </ul>
  1632.                                                                 </div>
  1633.                                                             </div>
  1634.                                                         </li>
  1635.                                                     ";
  1636.                             ++$context['loop']['index0'];
  1637.                             ++$context['loop']['index'];
  1638.                             $context['loop']['first'] = false;
  1639.                             if (isset($context['loop']['length'])) {
  1640.                                 --$context['loop']['revindex0'];
  1641.                                 --$context['loop']['revindex'];
  1642.                                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1643.                             }
  1644.                         }
  1645.                         $_parent = $context['_parent'];
  1646.                         unset($context['_seq'], $context['_iterated'], $context['CatalogId'], $context['Catalog'], $context['_parent'], $context['loop']);
  1647.                         $context = array_intersect_key($context, $_parent) + $_parent;
  1648.                         // line 1156
  1649.                         echo "                                                </ul>
  1650.                                             </div>
  1651.                                         ";
  1652.                     }
  1653.                     // line 1159
  1654.                     echo "                                    ";
  1655.                     ++$context['loop']['index0'];
  1656.                     ++$context['loop']['index'];
  1657.                     $context['loop']['first'] = false;
  1658.                     if (isset($context['loop']['length'])) {
  1659.                         --$context['loop']['revindex0'];
  1660.                         --$context['loop']['revindex'];
  1661.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1662.                     }
  1663.                 }
  1664.                 $_parent = $context['_parent'];
  1665.                 unset($context['_seq'], $context['_iterated'], $context['LabelId'], $context['Label'], $context['_parent'], $context['loop']);
  1666.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1667.                 // line 1160
  1668.                 echo "                                </div>
  1669.                             </div>
  1670.                         </div>
  1672.                         <div class=\"catalog-bottom-box clearfix\">
  1673.                             <div class=\"foot_message\">
  1674.                                 <p>";
  1675.                 // line 1166
  1676.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message04");
  1677.                 echo "</p>
  1678.                                 <p>";
  1679.                 // line 1167
  1680.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message05");
  1681.                 echo "</p>
  1682.                                 <p>";
  1683.                 // line 1168
  1684.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.message06");
  1685.                 echo "</p>
  1686.                             </div>
  1687.                             ";
  1688.                 // line 1170
  1689.                 if (twig_test_empty((isset($context["CatalogMessage"]) || array_key_exists("CatalogMessage", $context) ? $context["CatalogMessage"] : (function () { throw new RuntimeError('Variable "CatalogMessage" does not exist.', 1170, $this->source); })()))) {
  1690.                     // line 1171
  1691.                     echo "                                <div class=\"catalog_btn_area\">
  1692.                                     <button id=\"btn01-mask\" class=\"btnMask\" type=\"button\">
  1693.                                         <img src=\"";
  1694.                     // line 1173
  1695.                     echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1696.                     echo "/public_images/regi/btn_kakunin_off.gif\" width=\"205\" height=\"45\" alt=\"未入力、もしくは入力間違いの必須項目があります。\"/>
  1697.                                     </button>
  1699.                                     <button id=\"btn01\" class=\"btnNext\" type=\"submit\">
  1700.                                         <img src=\"";
  1701.                     // line 1177
  1702.                     echo twig_escape_filter($this->env, $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetConfig("CFIMG_URL"), "html", null, true);
  1703.                     echo "/public_images/sample/btn_select.png\" alt=\"確認画面へ進む\" />
  1704.                                     </button>
  1705.                                 </div>
  1706.                             ";
  1707.                 }
  1708.                 // line 1181
  1709.                 echo "                        </div>
  1711.                         <div id=\"catalog_btn_area\" class=\"ec-cartRole__actions\">
  1712.                             <a class=\"ec-blockBtn--cancel\" href=\"";
  1713.                 // line 1184
  1714.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("remove_cart_item", ["mode" => "catalog", "Token" => $this->extensions['Customize\Twig\Extension\ServiceExtension']->GetOlToken("RemoveCartItme")]), "html", null, true);
  1715.                 echo "\">";
  1716.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.cart_catalog.button02"), "html", null, true);
  1717.                 echo "</a>
  1718.                         </div>
  1719.                     </form>
  1720.                 ";
  1721.             }
  1722.             // line 1188
  1723.             echo "        </div>
  1724.     </div>
  1725. ";
  1726.         }
  1727.         
  1728.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1730.         
  1731.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1733.     }
  1735.     public function getTemplateName()
  1736.     {
  1737.         return "Cart/Catalog.twig";
  1738.     }
  1740.     public function isTraitable()
  1741.     {
  1742.         return false;
  1743.     }
  1745.     public function getDebugInfo()
  1746.     {
  1747.         return array (  1723 => 1188,  1714 => 1184,  1709 => 1181,  1702 => 1177,  1695 => 1173,  1691 => 1171,  1689 => 1170,  1684 => 1168,  1680 => 1167,  1676 => 1166,  1668 => 1160,  1654 => 1159,  1649 => 1156,  1631 => 1151,  1624 => 1150,  1621 => 1149,  1618 => 1148,  1616 => 1147,  1613 => 1146,  1606 => 1145,  1603 => 1144,  1600 => 1143,  1598 => 1142,  1595 => 1141,  1588 => 1140,  1585 => 1139,  1582 => 1138,  1580 => 1137,  1571 => 1131,  1563 => 1128,  1555 => 1123,  1549 => 1120,  1545 => 1119,  1538 => 1115,  1530 => 1110,  1522 => 1108,  1504 => 1107,  1502 => 1106,  1497 => 1104,  1492 => 1103,  1489 => 1102,  1472 => 1101,  1468 => 1100,  1460 => 1097,  1453 => 1093,  1446 => 1089,  1441 => 1088,  1439 => 1087,  1434 => 1085,  1429 => 1083,  1425 => 1082,  1416 => 1081,  1414 => 1080,  1411 => 1079,  1405 => 1076,  1402 => 1075,  1399 => 1074,  1397 => 1073,  1393 => 1072,  1390 => 1071,  1385 => 1068,  1381 => 1066,  1375 => 1062,  1372 => 1061,  1364 => 1058,  1358 => 1056,  1349 => 1052,  1346 => 1051,  1340 => 1047,  1338 => 1046,  1335 => 1045,  1333 => 1044,  1324 => 1038,  1312 => 1028,  1298 => 1027,  1293 => 1024,  1275 => 1019,  1268 => 1018,  1265 => 1017,  1262 => 1016,  1260 => 1015,  1257 => 1014,  1250 => 1013,  1247 => 1012,  1244 => 1011,  1242 => 1010,  1239 => 1009,  1232 => 1008,  1229 => 1007,  1226 => 1006,  1224 => 1005,  1215 => 999,  1207 => 996,  1199 => 991,  1193 => 988,  1189 => 987,  1182 => 983,  1174 => 978,  1166 => 976,  1148 => 975,  1146 => 974,  1141 => 972,  1138 => 971,  1135 => 970,  1118 => 969,  1113 => 967,  1108 => 966,  1105 => 965,  1099 => 962,  1096 => 961,  1093 => 960,  1091 => 959,  1083 => 954,  1077 => 951,  1070 => 947,  1063 => 943,  1050 => 932,  1048 => 931,  1038 => 930,  1027 => 928,  798 => 701,  436 => 341,  434 => 340,  223 => 131,  219 => 129,  217 => 128,  212 => 125,  202 => 124,  151 => 82,  116 => 49,  114 => 48,  104 => 41,  81 => 25,  77 => 23,  67 => 22,  56 => 17,  54 => 19,  52 => 16,  39 => 17,);
  1748.     }
  1750.     public function getSourceContext()
  1751.     {
  1752.         return new Source("{# @version  EC=CUBE4.1 TWIG
  1753.  # @copyright 株式会社 翔 kakeru.co.jp
  1754.  # @author
  1755.  # 2022年03月21日作成
  1756.  #
  1757.  # app/template/default/Cart/Catalog.twig
  1758.  #
  1759.  #
  1760.  #
  1761.  # カートカタログ
  1762.  # 2022/11/30
  1763.  #
  1764.  #
  1765.  #                                                  ≡≡≡┏(＾o＾)┛
  1766.  ##############################################################}
  1767. {% set Limit = CatalogLimit() %}
  1768. {% extends 'default_frame.twig' %}
  1770. {% set body_class = 'cart_page' %}
  1773. {% block javascript %}
  1774. <script>
  1775.     function SubWindowOpen(url,name){
  1776.         window.open(url, name , \"width={{SubWindoWData.width}},height={{SubWindoWData.height}},scrollbars={{SubWindoWData.scroll}}\");
  1777.     }
  1779.     var \$form = \$('form#catalog_form');
  1780.     \$(document).ready(function(){
  1781.         check_select_count();
  1783.         \$(\"input[name='LmOrderOption[catalog][]']\").change(function(e) {
  1784.             check_select_count();
  1785.         });
  1786.     });
  1788.     function check_select_count(){
  1789.         var \$checked_list = \$(\"#catalog-list-area input[type=checkbox]:checked\");
  1790.         var \$not_checked_list = \$(\"#catalog-list-area input[type=checkbox]\").not(\":checked\");
  1792.         if( \$checked_list.length >= {{ Limit.cl_quantity_limit }} ){
  1793.             \$not_checked_list.prop('disabled', true);
  1794.         } else{
  1795.             \$not_checked_list.prop('disabled', false);
  1796.         }
  1797.     }
  1798. </script>
  1799. {% if isMobile %}
  1800.     <script>
  1801.         function check_input(){
  1802.             if( \$('input[name=\"LmOrderOption[catalog][]\"]:checked', \$form).length == 0 ){
  1803.                 showAlertWindow('カタログを選択してください');
  1804.                 return false;
  1805.             }
  1807.             \$form.submit();
  1808.         }
  1809.         function showAlertWindow(msg) {
  1810.             last_scroll_top_value = \$(document).scrollTop();
  1811.             \$(\"#alert-window p.alert-explain\").html(msg);
  1812.             \$(\"body\").css(\"height\", \$(window).height());
  1813.             \$(\"body\").css(\"overflow\", \"hidden\");
  1814.             \$(\"#overlay\").css(\"visibility\", \"visible\");
  1815.             \$(\"#alert-window\").css(\"visibility\", \"visible\");
  1816.         }
  1817.         function closeAlertWindow() {
  1818.             \$(\"body\").css(\"height\", \"auto\");
  1819.             \$(\"body\").css(\"overflow\", \"auto\");
  1820.             \$(\"#overlay\").css(\"visibility\", \"hidden\");
  1821.             \$(\"#alert-window\").css(\"visibility\", \"hidden\");
  1822.             window.scrollTo(0, last_scroll_top_value);
  1823.         }
  1824.         \$('input[name=\"LmOrderOption[catalog][]\"]').on('change', function(e) {
  1825.             if (\$('input[name=\"LmOrderOption[catalog][]\"]:checked').length > 0) {
  1826.                 \$('#cts-float-button').fadeIn(500);
  1827.             } else {
  1828.                 \$('#cts-float-button').fadeOut(500);
  1829.             }
  1830.         });
  1831.     </script>
  1832. {% else %}
  1833.     <script src=\"/javascripts/jquery-ui.min.js\" type=\"text/javascript\"></script>
  1834.     <script src=\"/javascripts/jquery.efo.js\" type=\"text/javascript\"></script>
  1835.     <script>
  1836.         var efo_elm = \$(\"[class^=efo]\").efo({
  1837. \t\t\tconfirmation : {
  1838. \t\t\t\tenabled : false,
  1839. \t\t\t\tform : document.forms.mail_fm
  1840. \t\t\t},
  1841. \t\t\tnotification : {
  1842. \t\t\t\tenabled : true
  1843. \t\t\t},
  1844. \t\t\tvalidation : {
  1845. \t\t\t\tbind : 'efo_change'
  1846. \t\t\t},
  1847. \t\t\ttooltipping : {
  1848. \t\t\t\tenabled : true
  1849. \t\t\t},
  1850. \t\t\tobservation : {
  1851. \t\t\t\tenabled : true
  1852. \t\t\t}
  1853. \t\t}).on('efo_afterValidate', function(event, data){
  1854. \t\t\tif (data.remaining > 0) {
  1855. \t\t\t\t\$('.btnMask').show();
  1856. \t\t\t\t\$('.btnNext').hide();
  1857. \t\t\t} else {
  1858. \t\t\t\t\$('.btnMask').hide();
  1859. \t\t\t\t\$('.btnNext').show();
  1860. \t\t\t}
  1861. \t\t});
  1862.         \$('input[name=\"LmOrderOption[catalog][]\"]').on('change', function(e) {
  1863.             var \$checkbox = \$(this);
  1864.             var \$box = \$checkbox.closest('.catalog-list-box-inner');
  1866.             if( \$checkbox.prop('checked') ){
  1867.                 \$box.addClass('catalog-list-box-selected');
  1868.             } else{
  1869.                 \$box.removeClass('catalog-list-box-selected');
  1870.             }
  1871.         });
  1872.     </script>
  1873. {% endif %}
  1874. {% endblock %}
  1875. {% block stylesheet %}
  1876. <link rel=\"stylesheet\" href=\"/stylesheets/style_estimate.css\">
  1877. <link rel=\"stylesheet\" href=\"/stylesheets/stylesheet.css\">
  1878. <link rel=\"stylesheet\" href=\"/stylesheets/jquery.efo.css\">
  1879. {% if isMobile %}
  1880.     <link rel=\"stylesheet\" href=\"/stylesheets/css/sp/common.css\">
  1881. {% endif %}
  1882. <style>
  1883.     .red{
  1884.         color: red;
  1885.     }
  1886.     #contents_wrapper{
  1887.         width: 990px;
  1888.         margin: 0 auto;
  1889.     }
  1890.     #contents{
  1891.         width: 100%;
  1892.     }
  1893. #stap_area{
  1894.     width :100%;
  1895.     margin-bottom:20px;
  1896. }
  1898. #step_area .form{
  1899.     width:100%;
  1900. }
  1901. #step_area .form img{
  1902.     width:100%;
  1903. }
  1904. #step_area .step{
  1905.     width:100%;
  1906.     margin: 20px auto;
  1907.     text-align:center;
  1908. }
  1912. #CartCatalog #catalog_btn_area{
  1913.      visibility:hidden;
  1914. }
  1915. #CartCatalog .otodoke{
  1916.     background-color: #FFFFCC;
  1917.     padding: 20px;
  1918.     text-align:
  1919.     center;
  1920.     border: 1px solid #FFFF99;
  1921.     margin: 20px auto 30px;
  1922.     width: 680px;
  1923.     border: 1px solid #FFCD82;
  1924.     border-radius: 10px;
  1925.     font-size:13px;
  1927. }
  1928. #CartCatalog .otodoke p.title{
  1929. font-weight: bold;
  1930. font-size: 16pt;
  1932. }
  1934. #CartCatalog .CatalogCatagoryLabel{
  1935.     font-size: 21px;
  1936.     font-weight: bold;
  1937.     border-bottom: 2px solid #ffb05c;
  1938.     padding: 25px 0 10px 10px;
  1939.     letter-spacing: .1em;
  1940.     display: block;
  1941.     margin-bottom:20px;
  1942. }
  1944. #CartCatalog ul.CatalogList{
  1945.     width:100%;
  1946.     margin-bottom:30px;
  1947.     /*display: flex;
  1948.     display : -webkit-box;
  1949.     justify-content: center;
  1950.     -webkit-align-items: center;
  1951.     align-items: center*/
  1952. }
  1953. #CartCatalog li.catalog-list-box{
  1954.     width: 240px;
  1955.     padding: 1px;
  1956.     margin-bottom:20px;
  1957.     display:inline-block;
  1958.     vertical-align: top;
  1959.     margin-bottom:20px;
  1960.   /*  flex-direction: center; */
  1961.     /*float:left;*/
  1962.     /*display:-ms-grid;
  1963.     display:grid;
  1964.     -ms-grid-columns:auto auto auto;
  1965.     grid-template-columns:auto auto auto;*/
  1967. }
  1968. #CartCatalog .catalog-list-box-inner{
  1969.     border: solid 1px #B1B2B1;
  1970.     height: 100%;
  1971.     border-bottom: none;
  1972. }
  1973. #CartCatalog .catalog-list-box-header{
  1974.     background-color:#E5E5E5;
  1975. }
  1976. #CartCatalog .catalog-list-box-header input{
  1977. margin: 15px 10px;
  1978.     -webkit-transform: scale(1.4, 1.4);
  1979. }
  1980. #CartCatalog .catalog-list-box-header span{
  1981.     font-size:13px;
  1982.     font-weight: bold;
  1983.     line-height:1.2;
  1984.     padding: 0.3em 0;
  1985.     display:inline-block;
  1986.     overflow-wrap: break-word;
  1987.     width:165px;
  1988. }
  1989. #CartCatalog .catalog-image{
  1990.     padding: 20px 50px;
  1991. }
  1992. #CartCatalog .catalog-image img{
  1993.     width:100%;
  1994. }
  1995. #CartCatalog .catalog-list-box-comment{
  1996.     padding:5px;
  1997. }
  1998. #CartCatalog .catalog_link_1 a,
  1999. #CartCatalog .catalog_link_2 a,
  2000. #CartCatalog .catalog_link_3 a{
  2001.     display: block;
  2002.     width: 90%;
  2003.     text-align: center;
  2004.     margin: 0 auto 10px;
  2005.     text-align: center;
  2006.     text-decoration: none;
  2007.     font-weight: bold;
  2008.     line-height: 2.5;
  2009.     border-radius: 6px;
  2010.     font-size: 11px;
  2011.     background: #177A74;
  2012.     color: #fff;
  2013. }
  2015. #CartCatalog .catalog_link_3 a{
  2016. background: #F2910E;
  2017. }
  2018. #CartCatalog .catalog-list-box-footer{
  2019.     border: solid 1px #B1B2B1;
  2020.     border-top: none;
  2021.     height:110px;
  2022.     width:100%;
  2023. }
  2024. #catalog_btn_area{
  2025. margin-bottom:30px;
  2026. }
  2028. #catalog_btn_area button{
  2029. margin-bottom:20px;
  2030. }
  2033. .foot_message{
  2034.     margin-bottom:30px;
  2035. }
  2036. #footer{
  2037.     background-color: #fff;
  2038.     border: 0;
  2039. }
  2040. .ec-layoutRole__footer #footer{
  2041.     margin: 0 auto;
  2042.     background-color: #EEE;
  2043. }
  2044. #CartCatalog  #step1-top div{
  2045.     padding: 2px 20px;
  2046.     width:99%;
  2047.     background-color:#98CACB;
  2048.     line-height: 28px;
  2049.     font-size:18px;
  2050.     font-weight:700;
  2051.     border-radius:20px;
  2052.     color:#333;
  2053. }
  2054. @media screen and (max-width: 990px) {
  2055. #contents_wrapper{
  2056. width: 100%;
  2057. }
  2058. #CartCatalog ul.CatalogList{
  2059.  margin: 0 auto 30px;
  2060.  max-width:768px
  2061. }
  2062. }
  2063. @media screen and (max-width: 768px) {
  2064. #CartCatalog .otodoke{
  2065.     width:90%;
  2066. }
  2067. #CartCatalog ul.CatalogList{
  2068.  margin: 0 auto 30px;
  2069.  max-width:512px;
  2070. }
  2071. }
  2072. @media screen and (max-width: 512px) {
  2073. #CartCatalog li.catalog-list-box{
  2074.     width:49%;
  2075. }
  2076. }
  2078. @media screen and (max-width: 460px) {
  2079. #CartCatalog .otodoke {
  2080.   padding:20px 10px;
  2081. }
  2082. #CartCatalog .otodoke p.title span{
  2083.     display:block;
  2084. }
  2085. div.step img {
  2086.         width: 98%;
  2087.     }
  2089. }
  2091. {% if isMobile %}
  2092.     .ec-layoutRole {
  2093.         background-color: #eee;
  2094.     }
  2095.     .ec-layoutRole .ec-layoutRole__contents {
  2096.         display: block;
  2097.     }
  2098.     .sp.ec-role .ec-pageHeader h1 {
  2099.         border-top: 0px;
  2100.     }
  2101.     .ec-layoutRole #header {
  2102.         display: block;
  2103.         height: auto;
  2104.     }
  2105.     .ec-layoutRole #header #ut-sp-global-navi h1 {
  2106.         font-weight: normal;
  2107.         font-size: 10px;
  2108.         overflow: hidden;
  2109.         margin: 0px;
  2110.         float: none;
  2111.         padding-left: 10px;
  2112.     }
  2113.     .ec-layoutRole #contents_wrapper, .ec-layoutRole .ec-layoutRole__footer#footer {
  2114.         width: auto;
  2115.     }
  2116.     .ec-layoutRole #header #logo {
  2117.         height: auto;
  2118.         padding: 5px 10px;
  2119.         background: white;
  2120.         float: none;
  2121.     }
  2122.     .ec-layoutRole #header #logo a {
  2123.         height: auto;
  2124.         width: auto;
  2125.         background-image: unset;
  2126.         text-indent: unset;
  2127.     }
  2128.     .ec-layoutRole #header #logo a img {
  2129.         background: white;
  2130.     }
  2131.     .ec-layoutRole .ec-layoutRole__footer h2 {
  2132.         padding-left: 30px;
  2133.     }
  2134.     .ec-layoutRole .ec-layoutRole__footer #footermenu li {
  2135.         border-right-width: 0;
  2136.     }
  2137.     .ec-layoutRole__main#contents {
  2138.         padding: 0px;
  2139.         margin: 0px;
  2140.     }
  2141.     .ec-layoutRole__footer#footer {
  2142.         margin-top: 0px;
  2143.         margin: 0;
  2144.         background-color: white;
  2145.     }
  2146.     .user_area, #pankuzu  {
  2147.         display: none;
  2148.     }
  2149.     .sp #overlay {
  2150.         visibility: hidden;
  2151.         position: absolute;
  2152.         left: 0;
  2153.         top: 0;
  2154.         width: 100%;
  2155.         height: 100%;
  2156.         z-index: 1000;
  2157.         background-color: rgba(0, 0, 0, 0.7);
  2158.     }
  2159.     .sp .alert-window {
  2160.         visibility: hidden;
  2161.         margin-top: -68px;
  2162.         margin-left: -150px;
  2163.         z-index: 1001;
  2164.         position: absolute;
  2165.         top: 0;
  2166.         left: 50%;
  2167.         top: 50%;
  2168.         width: 300px;
  2169.     }
  2170.     .sp .alert-content {
  2171.         background-color: #fff;
  2172.         border-radius: 7px;
  2173.         border: 1px solid #eee;
  2174.         border-top: 0;
  2175.         padding: 10px;
  2176.     }
  2177.     .sp .alert-explain {
  2178.         font-size: 16px;
  2179.         margin:10px;
  2180.         line-height:140%;
  2181.         text-align: left;
  2182.     }
  2183.     .sp .alert-btns {
  2184.         font-size: 13px;
  2185.         overflow: hidden;
  2186.         padding: 10px;
  2187.         margin-top: 10px;
  2188.     }
  2189.     .sp .alert-btn-back {
  2190.         display:block;
  2191.         border: 1px solid #ccc;
  2192.         color: #333;
  2193.         text-align: center;
  2194.         width: 50%;
  2195.         border-radius: 5px;
  2196.         float: left;
  2197.         margin:0 25%;
  2198.         padding: 10px 0;
  2199.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#ccc));
  2200.         background: -webkit-linear-gradient(to bottom, #e3e3e3, #ccc);
  2201.         background: linear-gradient(to bottom, #e3e3e3, #ccc);
  2202.         background: #ccc\\9;
  2203.     }
  2204.     .sp #heading-title {
  2205.         position: relative;
  2206.         overflow: initial;
  2207.         color: #fff;
  2208.         background-color: #958064;
  2209.         text-shadow: none;
  2210.         padding-left: 15px;
  2211.     }
  2212.     .sp #heading-title:after {
  2213.         content: \"\";
  2214.         position: absolute;
  2215.         display: block;
  2216.         width: 0;
  2217.         height: 0;
  2218.         bottom: -7px;
  2219.         border-top: 7px solid #958064;
  2220.         border-left: 7px solid transparent;
  2221.         border-right: 7px solid transparent;
  2222.     }
  2223.     .sp #cts-float-button {
  2224.         display: none;
  2225.         position: fixed;
  2226.         bottom: 50px;
  2227.         left: 0px;
  2228.         box-sizing: border-box;
  2229.         width: 100%;
  2230.         margin: 0;
  2231.         padding: 15px 10px;
  2232.         background: rgba(0,0,0,0.8);
  2233.         z-index: 99;
  2234.     }
  2235.     .sp #cts-float-button button {
  2236.         display: block;
  2237.         padding: 13px 0;
  2238.         font-size: 14px;
  2239.         font-weight: bold;
  2240.         color: #fff;
  2241.         background-image: -moz-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  2242.         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc10f), color-stop(100%, #f68408));
  2243.         background-image: -webkit-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  2244.         background-image: -o-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  2245.         background-image: -ms-linear-gradient(top, #fcc10f 0%, #f68408 100%);
  2246.         background-image: linear-gradient(to bottom, #fcc10f 0%,#f68408 100%);
  2247.         text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
  2248.         border-radius: 4px;
  2249.         width: 100%;
  2250.     }
  2251.     .sp #catalog-list-area > * {
  2252.         box-sizing: border-box;
  2253.     }
  2254.     .sp #catalog-list-area .catalog-category-block {
  2255.         border: 1px solid #c3b5a0;
  2256.         background: #fff;
  2257.         margin-bottom: 20px;
  2258.         font-size: 12px;
  2259.         overflow: hidden;
  2260.         border-radius: 8px;
  2261.         padding-bottom: 4px;
  2262.     }
  2263.     .sp #catalog-list-area .catalog-category-label {
  2264.         font-size: 15px;
  2265.         font-weight: bold;
  2266.         letter-spacing: .1em;
  2267.         display: block;
  2268.         background: #daebeb;
  2269.         padding: .6em;
  2270.         border-bottom: 1px solid #c3b5a0;
  2271.     }
  2272.     .sp #catalog-list-area .catalog-list {
  2273.         display: flex;
  2274.         flex-wrap: wrap;
  2275.         justify-content: space-between;
  2276.     }
  2277.     .sp #catalog-list-area .catalog-list:after,
  2278.     .sp #catalog-list-area .catalog-list > li {
  2279.         width: 48%;
  2280.         padding: 1%;
  2281.     }
  2282.     .sp #catalog-list-area .catalog-list:after {
  2283.         content: '';
  2284.         display: block;
  2285.         order: 1;
  2286.     }
  2287.     .sp #catalog-list-area .catalog-list li {
  2289.     }
  2290.     .sp #catalog-list-area .catalog-list-box-inner {
  2291.         border: solid 1px #B1B2B1;
  2292.         height: 100%;
  2293.         display: flex;
  2294.         flex-direction: column;
  2295.         justify-content: space-between;
  2296.     }
  2297.     .sp #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected {
  2298.         background: #ddfcc0;
  2299.     }
  2300.     .sp #catalog-list-area .catalog-list-box-header {
  2301.         background: #E5E5E5;
  2302.     }
  2303.     .sp #catalog-list-area .catalog-list-box-header-inner {
  2304.         display: flex;
  2305.         align-items: center;
  2306.     }
  2307.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input {
  2308.         margin: 14px;
  2309.     }
  2310.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input:disabled {
  2311.         opacity: .2;
  2312.     }
  2313.     .sp #catalog-list-area .catalog-list-box-checkbox-wrap input.catalog-checkbox-unselectable {
  2314.         opacity: 0;
  2315.     }
  2316.     .sp #catalog-list-area .catalog-list-box-title {
  2317.         padding: .3em 0;
  2318.         line-height: 1.2;
  2319.         font-weight: bold;
  2320.         font-size: 12px;
  2321.         letter-spacing: 1px;
  2322.     }
  2323.     .sp #catalog-list-area .catalog-list-box-image {
  2324.         padding: 10px 40px;
  2325.     }
  2326.     .sp #catalog-list-area .catalog-list-box-image img {
  2327.         object-fit: contain;
  2328.         width: 100%;
  2329.         max-height: 100%;
  2330.     }
  2331.     .sp #catalog-list-area .catalog-list-box-comment, #catalog-list-area .catalog-list-box-footer {
  2332.         padding: 0 1em;
  2333.     }
  2334.     .sp #catalog-list-area .catalog-list-box-comment p {
  2335.         font-size: 9px;
  2336.     }
  2337.     .sp #catalog-list-area .catalog-list-box-comment .catalog-icon {
  2338.         display: flex;
  2339.         justify-content: space-between;
  2340.     }
  2341.     .sp #catalog-list-area .catalog-list-box-comment .catalog-icon img {
  2342.         width: 32%;
  2343.     }
  2345.     .sp #catalog-list-area .catalog-list-box-footer {
  2346.         margin: .2em 0 .8em 0;
  2347.     }
  2348.     .sp #catalog-list-area .catalog-list-box-link {
  2349.         display: flex;
  2350.         flex-direction: column;
  2351.         justify-content: space-between;
  2352.     }
  2353.     .sp #catalog-list-area .catalog-list-box-link:after,
  2354.     .sp #catalog-list-area .catalog-list-box-link:before {
  2355.         content: '';
  2356.         order: 1;
  2357.     }
  2358.     .sp #catalog-list-area .catalog-list-box-link > li .catalog-link {
  2359.         display: table;
  2360.         margin: .2em 0;
  2361.         height: 28px;
  2362.         width: 100%;
  2363.     }
  2364.     .sp #catalog-list-area .catalog-list-box-link a {
  2365.         display: table-cell;
  2366.         width: 100%;
  2367.         height: 100%;
  2368.         text-align: center;
  2369.         position: relative;
  2370.         letter-spacing: -1px;
  2371.         text-decoration: none;
  2372.         font-weight: bold;
  2373.         line-height: 1;
  2374.         border-radius: 6px;
  2375.         vertical-align: middle;
  2376.         font-size: 9px;
  2377.     }
  2378.     .sp #catalog-list-area .catalog-list-box-link a:after {
  2379.         content: '▶︎';
  2380.         display: block;
  2381.         position: absolute;
  2382.         top: 32%;
  2383.         right: .8em;
  2384.     }
  2385.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-01,
  2386.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-02 {
  2387.         background: #177A74;
  2388.         color: #fff;
  2389.     }
  2390.     .sp #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-03 {
  2391.         background: #F2910E;
  2392.         color: #000;
  2393.     }
  2394.     .sp .catalog-box {
  2395.         padding: 10px;
  2396.         background-color: #eee;
  2397.     }
  2398.     .sp#CartCatalog .catalog-list-box-header input{
  2399.         -webkit-transform: none;
  2400.     }
  2401.     .sp#CartCatalog .catalog-list-box-header span {
  2402.         width: auto;
  2403.     }
  2404.     .sp#CartCatalog .catalog-list-box-footer {
  2405.         border: none;
  2406.         height: auto;
  2407.     }
  2408.     .sp#CartCatalog li.catalog-list-box {
  2409.         margin-bottom: 0px;
  2410.     }
  2411.     .sp .cancel-btn {
  2412.         margin-top: 10px;
  2413.     }
  2414.     .sp #btns {
  2415.         border: 1px dotted #ccc;
  2416.         border-left: 0;
  2417.         border-right: 0;
  2418.         font-size: 13px;
  2419.         padding: 10px;
  2420.     }
  2421.     .sp #btns #btn-next {
  2422.         margin: 0 auto;
  2423.         line-height: 25px;
  2424.         height: 50px;
  2425.         font-size: 18px;
  2426.         border: 1px solid #ff8f00;
  2427.         width: 100%;
  2428.         border-radius: 5px;
  2429.         -webkit-box-sizing: border-box;
  2430.         -moz-box-sizing: border-box;
  2431.         -o-box-sizing: border-box;
  2432.         -ms-box-sizing: border-box;
  2433.         background: #ff8f00;
  2434.         color: white;
  2435.         font-weight: bold;
  2436.     }
  2437.     .sp .cancel-btn .ec-blockBtn--cancel {
  2438.         border-radius: 4px;
  2439.         height: 50px;
  2440.         line-height: 50px;
  2441.     }
  2442.     .sp .opinion-box {
  2443.         margin-bottom: 15px;
  2444.     }
  2445.     .sp .catalog-box .alert-danger {
  2446.         font-size: 14px;
  2447.         letter-spacing: 1px;
  2448.         margin-bottom: 10px;
  2449.         padding: 10px;
  2450.     }
  2451. {% else %}
  2452.     .pc {
  2453.         color: black;
  2454.     }
  2455.     .pc .limit-message {
  2456.         margin: 20px 0px 10px 0px;
  2457.         font-weight: bold;
  2458.     }
  2459.     .pc#CartCatalog .catalog-list-box-header span{
  2460.         width: auto;
  2461.     }
  2462.     .pc .catalog-box {
  2463.         cursor: pointer;
  2464.         width: 33.3%;
  2465.     }
  2466.     .pc .alert {
  2467.         position: relative;
  2468.         padding: .75rem 1.25rem;
  2469.         margin-bottom: 1rem;
  2470.         border: 1px solid transparent;
  2471.         border-radius: .25rem;
  2472.     }
  2473.     .pc .alert-danger {
  2474.         color: #721c24;
  2475.         background-color: #f8d7da;
  2476.         border-color: #f5c6cb;
  2477.         font-size: 14px;
  2478.         padding: 1.25rem 1.25rem;
  2479.     }
  2480.     .pc button {
  2481.         background-color: transparent;
  2482.     }
  2483.     .pc .clearfix:after {
  2484.         content:\" \";
  2485.         display:block;
  2486.         clear:both;
  2487.     }
  2488.     .pc .btnBack, .btnMask, .btnNext {
  2489.         border: none;
  2490.         cursor: pointer;
  2491.     }
  2492.     .pc #catalog-list-area > * {
  2493.         box-sizing: border-box;
  2494.     }
  2495.     .pc #catalog-list-area .catalog-category-label {
  2496.         font-size: 21px;
  2497.         font-weight: bold;
  2498.         border-bottom: 2px solid #ffb05c;
  2499.         padding: 25px 0 10px 10px;
  2500.         letter-spacing: .1em;
  2501.         display: block;
  2502.     }
  2503.     .pc #catalog-list-area .catalog-list {
  2504.         display: flex;
  2505.         flex-wrap: wrap;
  2506.         justify-content: space-between;
  2507.     }
  2508.     .pc #catalog-list-area .catalog-list:before,
  2509.     .pc #catalog-list-area .catalog-list:after,
  2510.     .pc #catalog-list-area .catalog-list > li {
  2511.         width: 25%;
  2512.         padding: 1%;
  2513.     }
  2514.     .pc #catalog-list-area .catalog-list:before,
  2515.     .pc #catalog-list-area .catalog-list:after {
  2516.         content: '';
  2517.         display: block;
  2518.         order: 1;
  2519.     }
  2520.     .pc #catalog-list-area .catalog-list li {
  2522.     }
  2523.     .pc #catalog-list-area .catalog-list-box-inner {
  2524.         border: solid 1px #B1B2B1;
  2525.         height: 100%;
  2526.         display: flex;
  2527.         flex-direction: column;
  2528.         justify-content: space-between;
  2529.     }
  2530.     .pc #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected,
  2531.     .pc #catalog-list-area .catalog-list-box-inner.catalog-list-box-selected:hover {
  2532.         background: #ddfcc0;
  2533.     }
  2534.     .pc #catalog-list-area .catalog-list-box-inner:hover {
  2535.         background: #ddd;
  2536.     }
  2537.     .pc #catalog-list-area .catalog-list-box-header {
  2538.         background: #E5E5E5;
  2539.     }
  2540.     .pc #catalog-list-area .catalog-list-box-header-inner {
  2541.         display: flex;
  2542.         align-items: center;
  2543.     }
  2544.     .pc #catalog-list-area .catalog-list-box-checkbox-wrap input {
  2545.         margin: 14px;
  2546.         -webkit-transform: scale(1.4, 1.4);
  2547.     }
  2548.     .pc #catalog-list-area .catalog-list-box-checkbox-wrap input.catalog-checkbox-unselectable {
  2549.         opacity: 0;
  2550.     }
  2551.     .pc #catalog-list-area .catalog-list-box-title {
  2552.         padding: .3em 0;
  2553.         line-height: 1.2;
  2554.         font-weight: bold;
  2555.     }
  2556.     .pc #catalog-list-area .catalog-list-box-image {
  2557.         padding: 20px 50px;
  2558.     }
  2559.     .pc #catalog-list-area .catalog-list-box-image img {
  2560.         object-fit: contain;
  2561.         width: 100%;
  2562.         max-height: 100%;
  2563.     }
  2564.     .pc #catalog-list-area .catalog-list-box-comment, #catalog-list-area .catalog-list-box-footer {
  2565.         padding: 0 1em;
  2566.     }
  2567.     .pc #catalog-list-area .catalog-list-box-comment p {
  2568.         font-size: 11px;
  2569.         line-height: 1.4;
  2570.         font-weight: normal;
  2571.     }
  2572.     .pc #catalog-list-area .catalog-list-box-footer {
  2573.         margin: .2em 0 .8em 0;
  2574.     }
  2575.     .pc #catalog-list-area .catalog-list-box-link {
  2576.         display: flex;
  2577.         flex-direction: column;
  2578.         justify-content: space-between;
  2579.     }
  2580.     .pc #catalog-list-area .catalog-list-box-link:after,
  2581.     .pc #catalog-list-area .catalog-list-box-link:before {
  2582.         content: '';
  2583.         order: 1;
  2584.     }
  2585.     .pc #catalog-list-area .catalog-list-box-link > li .catalog-link {
  2586.         display: table;
  2587.         margin: .2em 0;
  2588.         height: 28px;
  2589.         width: 100%;
  2590.     }
  2591.     .pc #catalog-list-area .catalog-list-box-link a {
  2592.         display: table-cell;
  2593.         width: 100%;
  2594.         height: 100%;
  2595.         text-align: center;
  2596.         position: relative;
  2597.         letter-spacing: -1px;
  2598.         text-decoration: none;
  2599.         font-weight: bold;
  2600.         line-height: 1;
  2601.         border-radius: 6px;
  2602.         vertical-align: middle;
  2603.         font-size: 11px;
  2604.     }
  2605.     .pc #catalog-list-area .catalog-list-box-link a:after {
  2606.         content: '▶︎';
  2607.         display: block;
  2608.         position: absolute;
  2609.         top: 32%;
  2610.         right: .8em;
  2611.     }
  2612.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-01,
  2613.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-02 {
  2614.         background: #177A74;
  2615.         color: #fff;
  2616.     }
  2617.     .pc #catalog-list-area .catalog-list-box-link a.catalog-list-box-link-type-03 {
  2618.         background: #F2910E;
  2619.         color: #000;
  2620.     }
  2621.     .pc .catalog-box {
  2622.         padding: 10px;
  2623.         background-color: #eee;
  2624.     }
  2625.     .pc#CartCatalog .catalog-list-box-header input{
  2626.         -webkit-transform: scale(1.4, 1.4);
  2627.     }
  2628.     .pc#CartCatalog .catalog-list-box-header span {
  2629.         width: auto;
  2630.     }
  2631.     .pc#CartCatalog .catalog-list-box-footer {
  2632.         border: none;
  2633.         height: auto;
  2634.     }
  2635.     .pc#CartCatalog li.catalog-list-box {
  2636.         margin-bottom: 0px;
  2637.     }
  2638.     .pc #catalog-list-area .admin-zaiko-count {
  2639.         display: block;
  2640.         color: red;
  2641.         text-align: center;
  2642.     }
  2643.     .pc .catalog-bottom-box {
  2644.         margin-top: 20px;
  2645.     }
  2646.     .pc .foot_message {
  2647.         float: left;
  2648.     }
  2649.     .pc .catalog_btn_area {
  2650.         float: right;
  2651.     }
  2652.     .pc#CartCatalog #catalog_btn_area {
  2653.         visibility: visible;
  2654.     }
  2655.     
  2656.     /* EC-CUBEレイアウト用 ID=29 【LM】カタログ申し込みページ用レイアウト */
  2657.     #header {
  2658.         width: 100%;
  2659.         height: 100%;
  2660.         color: black;
  2661.     }
  2662.     #header #logo a {
  2663.         background-image: none !important;
  2664.         text-indent: 0 !important;
  2665.     }
  2666.     .ec-layoutRole__footer#footer {
  2667.         max-width: 100%;
  2668.         margin: 0 auto;
  2669.         border: 1px solid #D3D0C1;
  2670.         background: #eee;
  2671.     }
  2672.     .item-count {
  2673.         color: black;
  2674.     }
  2675.     .return-shipping {
  2676.         color: black;
  2677.     }
  2678. {% endif %}
  2679. </style>
  2680. {% endblock %}
  2681. {% block main %}
  2682. {% if isMobile %}
  2683.     <div id=\"CartCatalog\" class=\"sp\">
  2684.         <div id=\"overlay\"></div>
  2685.         <div id=\"alert-window\" class=\"alert-window\">
  2686.             <div class=\"alert-content\">
  2687.                 <p class=\"alert-explain\"></p>
  2688.                 <div class=\"alert-btns\">
  2689.                     <a class=\"alert-btn-back\" onclick=\"closeAlertWindow();\" href=\"javascript:void(0);\">OK</a>
  2690.                 </div>
  2691.             </div>
  2692.         </div>
  2693.         <div class=\"title-h2\">
  2694.             <img class=\"ico-circle\" src=\"{{ GetConfig('CFIMG_URL') }}/public_images/sp/ico_circle.png\" alt=\"カタログ申し込み\">
  2695.             <h2>カタログ申し込み</h2>
  2696.         </div>
  2697.         <h2 id=\"heading-title\">
  2698.             <span>{{ Limit.cl_quantity_limit }}冊まで選択できます</span>
  2699.         </h2>
  2700.         <div class=\"clearfix\" style=\"padding: 2%;\">
  2701.             <a href=\"/contact/fax/\" style=\"float:left;width:49%;\">
  2702.                 <img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/order/banner_fax_01.jpg\" alt=\"お気軽にFAXください\" style=\"width:100%;\">
  2703.             </a>
  2704.             <a href=\"tel:0120-115-116\" style=\"float:left;width:49%;margin-left:2%;\">
  2705.                 <img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/order/banner_freedial_02.jpg\" alt=\"お気軽にお電話ください\" style=\"width:100%;\">
  2706.             </a>
  2707.         </div>
  2709.         <div class=\"catalog-box\">
  2710.             {% set CatalogMessage = CatalogValidation() %}
  2711.             {% if  CatalogMessage %}
  2712.                 <div class=\"alert alert-danger\">
  2713.                     {{ CatalogMessage }}
  2714.                 </div>
  2715.             {% endif %}
  2716.                 {% if CatalogData is not null %}
  2717.                     <form name=\"form\" id=\"catalog_form\" class=\"\" method=\"post\" action=\"{{ url('cart_buystep',{'cart_key':CatalogCartKey}) }}\">
  2718.                         <input type=\"hidden\" name=\"OlToken\" value=\"{{ OlToken('catalog') }}\" />
  2719.                         <div id=\"catalog-list-area\">
  2720.                             {% for LabelId,Label in CatalogCategoryLabel %}
  2721.                                 {% if CatalogData[LabelId] is defined %}
  2722.                                     <div class=\"catalog-category-block\">
  2723.                                         <span class=\"catalog-category-label\">{{ Label }}</span>
  2724.                                         <ul class=\"catalog-list\">
  2725.                                             {% set Catalogs = CatalogData[LabelId] %}
  2726.                                             {% for CatalogId,Catalog in Catalogs %}
  2727.                                                 <li class=\"catalog-list-box\" data-catalog-id=\"{{ CatalogId }}\" id=\"catalog-list-box-{{CatalogId}}\">
  2728.                                                     <div class=\"catalog-list-box-inner\">
  2729.                                                         <label for=\"CatalogList_{{Catalog.catalog_id }}\">
  2730.                                                             <div class=\"catalog-list-box-header\">
  2731.                                                                 <div class=\"catalog-list-box-header-inner\">
  2732.                                                                     <span class=\"catalog-list-box-checkbox-wrap\">
  2733.                                                                         <input
  2734.                                                                             id=\"CatalogList_{{Catalog.catalog_id }}\"
  2735.                                                                             class=\"select\"
  2736.                                                                             type=\"checkbox\"
  2737.                                                                             name=\"LmOrderOption[catalog][]\"
  2738.                                                                             value=\"{{ Catalog.catalog_id }}\"
  2739.                                                                             {{ CatalogChecked(Catalog.catalog_id) }}
  2740.                                                                         >
  2741.                                                                     </span>
  2742.                                                                     <span class=\"catalog-list-box-title\">{{ Catalog.catalog_title }}</span>
  2743.                                                                 </div>
  2744.                                                             </div>
  2745.                                                             <div class=\"catalog-list-box-body\">
  2746.                                                                 <div class=\"catalog-list-box-image\">
  2747.                                                                     <img src=\"/kanri_img/images/catalog_image/{{ Catalog.catalog_id }}.jpg\" alert=\"{{ Catalog.catalog_title }}\">
  2748.                                                                 </div>
  2749.                                                                 <div class=\"catalog-list-box-comment\">
  2750.                                                                     <p>{{ Catalog.catalog_comment|raw}}</p>
  2751.                                                                 </div>
  2752.                                                             </div>
  2753.                                                         </label>
  2754.                                                         <div class=\"catalog-list-box-footer\">
  2755.                                                             <ul class=\"catalog-list-box-link\">
  2756.                                                                 {% set CatalogNum = '01' %}
  2757.                                                                 {% set CatalogKbn = Catalog.catalog_textlink_variation %}
  2758.                                                                 {% set CatalogUrl = Catalog.catalog_textlink_url%}
  2759.                                                                 {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2761.                                                                 {% set CatalogNum = '02' %}
  2762.                                                                 {% set CatalogKbn = Catalog.catalog_textlink_variation2 %}
  2763.                                                                 {% set CatalogUrl = Catalog.catalog_textlink_url2 %}
  2764.                                                                 {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2766.                                                                 {% set CatalogNum = '03' %}
  2767.                                                                 {% set CatalogKbn = Catalog.catalog_textlink_variation3 %}
  2768.                                                                 {% set CatalogUrl = Catalog.catalog_textlink_url3 %}
  2769.                                                                 {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2770.                                                             </ul>
  2771.                                                         </div>
  2772.                                                     </div>
  2773.                                                 </li>
  2774.                                             {% endfor  %}
  2775.                                         </ul>
  2776.                                     </div>
  2777.                                 {% endif %}
  2778.                             {% endfor %}
  2779.                         </div>
  2781.                         <h2 id=\"receipt\">ご意見・ご希望</h2>
  2782.                         <div class=\"content opinion-box\">
  2783.                             <div class=\"content-wrapper\">
  2784.                                 <div class=\"input-box-last\">
  2785.                                     <div class=\"item-name\">
  2786.                                         ご意見・ご希望&nbsp;<span class=\"not_required\">任意</span>
  2787.                                     </div>
  2788.                                     <div id=\"item-content-comment\">
  2789.                                         <textarea style=\"width: 100%; box-sizing: border-box;\" name=\"LmOrderOption[message]\" rows=5 cols=70>{{ GetLmOrderOption('message') }}</textarea>
  2790.                                     </div>
  2791.                                 </div>
  2792.                             </div>
  2793.                         </div>
  2795.                         {% if is_granted('ROLE_USER') %}
  2796.                             <div id=\"btns\">
  2797.                                 {% if CatalogMessage is empty %}
  2798.                                     <div class=\"btn-wrapper\" style=\"width:100%;\">
  2799.                                         <input type=\"button\" id=\"btn-next\" value=\"確認\" onclick=\"check_input();\">
  2800.                                     </div>
  2801.                                 {% endif %}
  2802.                                 <div class=\"cancel-btn\">
  2803.                                     <a class=\"ec-blockBtn--cancel\" href=\"{{ url('remove_cart_item', {'mode': 'catalog', 'Token': OlToken('RemoveCartItme')}) }}\">{{ 'front.cart_catalog.button02'|trans }}</a>
  2804.                                 </div>
  2805.                             </div>
  2806.                         {% else %}
  2807.                             <div><img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/image_dt/btn_catalog_next.gif\" style=\"width: 100%;\" onclick=\"check_input();\" alt=\"お客様情報を入力する\"></div>
  2808.                             <div class=\"cancel-btn\">
  2809.                                 <a class=\"ec-blockBtn--cancel\" href=\"{{ url('remove_cart_item', {'mode': 'catalog', 'Token': OlToken('RemoveCartItme')}) }}\">{{ 'front.cart_catalog.button02'|trans }}</a>
  2810.                             </div>
  2811.                         {% endif %}
  2812.                         {% if CatalogMessage is empty %}
  2813.                             <div id=\"cts-float-button\">
  2814.                                 <button type=\"button\" onclick=\"check_input();\">カタログ請求手続きへ</button>
  2815.                             </div>
  2816.                         {% endif %}
  2817.                     </form>
  2818.                 {% endif %}
  2819.         </div>
  2820.     </div>
  2821. {% else %}
  2822.     <div id=\"CartCatalog\" class=\"pc\">
  2823.         {{ include('Cart/Parts/Step.twig') }}
  2824.         {% set CatalogMessage = CatalogValidation() %}
  2825.         {% if  CatalogMessage %}
  2826.             <div class=\"alert alert-danger\">
  2827.                 {{ CatalogMessage }}
  2828.             </div>
  2829.         {% endif %}
  2830.         <div class=\"otodoke\">
  2831.             {% set noukiSchedule = GetCatalogNoukiSchedule() %}
  2832.             <p class=\"title\">{{'front.cart_catalog.message01'|trans}}<span class=\"red\">{{ noukiSchedule | date('n月j日') }}（{{noukiSchedule| date('Y/m/d')|jweek}}）</span></p>
  2833.             <p class=\"red\">{{'front.cart_catalog.message02'|trans}}</p>
  2834.             <p>{{'front.cart_catalog.message03'|trans}}</p>
  2835.         </div>
  2836.         {{ include('Shopping/alert.twig', { 'error_only': true }) }}
  2837.        <div class=\"\">
  2838.                 {% if CatalogData is not null %}
  2839.                     <form name=\"form\" id=\"form_cart\" class=\"\" method=\"post\" action=\"{{ url('cart_buystep',{'cart_key':CatalogCartKey}) }}\">
  2840.                         <input type=\"hidden\" name=\"OlToken\" value=\"{{ OlToken('catalog') }}\" />
  2841.                         <div class=\"\">
  2842.                             <div class=\"ec-cartTable\">
  2843.                                 <div id=\"step1-top\" >
  2844.                                     <img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/sample/title_sub1.gif\" alt=\"カタログ選択\" width=\"990\" />
  2846.                                 </div>
  2847.                                 <p class=\"limit-message\">
  2848.                                     <strong>{{ 'front.cart_catalog.message08'|trans }}</strong><span class=\"red\">{{ CatalogLimitMessage(Limit.cl_quantity_limit) }}</span>
  2849.                                 </p>
  2851.                                 <div id=\"catalog-list-area\" class=\"efo-required efo-select\" data-efo-validation='{\"min\":1, \"max\":\"{{ Limit.cl_quantity_limit }}\"}'>
  2852.                                     {% for LabelId,Label in CatalogCategoryLabel %}
  2853.                                         {% if CatalogData[LabelId] is defined %}
  2854.                                             <div class=\"catalog-category-block\" id=\"{{ Label }}\">
  2855.                                                 <span class=\"catalog-category-label\">{{ Label }}</span>
  2856.                                                 <ul class=\"catalog-list\">
  2857.                                                     {% set Catalogs = CatalogData[LabelId] %}
  2858.                                                     {% for CatalogId,Catalog in Catalogs %}
  2859.                                                         <li class=\"catalog-list-box\" data-catalog-id=\"{{ CatalogId }}\" id=\"catalog-list-box-{{CatalogId}}\">
  2860.                                                             <div class=\"catalog-list-box-inner\">
  2861.                                                                 <label for=\"CatalogList_{{Catalog.catalog_id }}\">
  2862.                                                                     <div class=\"catalog-list-box-header\">
  2863.                                                                         <div class=\"catalog-list-box-header-inner\">
  2864.                                                                                 <span class=\"catalog-list-box-checkbox-wrap\">
  2865.                                                                                     <input
  2866.                                                                                         id=\"CatalogList_{{Catalog.catalog_id }}\"
  2867.                                                                                         class=\"select\"
  2868.                                                                                         type=\"checkbox\"
  2869.                                                                                         name=\"LmOrderOption[catalog][]\"
  2870.                                                                                         value=\"{{ Catalog.catalog_id }}\"
  2871.                                                                                         {{ CatalogChecked(Catalog.catalog_id) }}
  2872.                                                                                     >
  2873.                                                                                 </span>
  2874.                                                                             <span class=\"catalog-list-box-title\">{{ Catalog.catalog_title }}</span>
  2875.                                                                         </div>
  2876.                                                                     </div>
  2877.                                                                     <div class=\"catalog-list-box-body\">
  2878.                                                                         <div class=\"catalog-list-box-image\">
  2879.                                                                             <img src=\"/kanri_img/images/catalog_image/{{ Catalog.catalog_id }}.jpg\" alert=\"{{ Catalog.catalog_title }}\">
  2880.                                                                         </div>
  2881.                                                                         <div class=\"catalog-list-box-comment\">
  2882.                                                                             <p>{{ Catalog.catalog_comment|raw}}</p>
  2883.                                                                         </div>
  2884.                                                                     </div>
  2885.                                                                 </label>
  2886.                                                                 <div class=\"catalog-list-box-footer\">
  2887.                                                                     <ul class=\"catalog-list-box-link\">
  2888.                                                                         {% set CatalogNum = '01' %}
  2889.                                                                         {% set CatalogKbn = Catalog.catalog_textlink_variation %}
  2890.                                                                         {% set CatalogUrl = Catalog.catalog_textlink_url%}
  2891.                                                                         {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2893.                                                                         {% set CatalogNum = '02' %}
  2894.                                                                         {% set CatalogKbn = Catalog.catalog_textlink_variation2 %}
  2895.                                                                         {% set CatalogUrl = Catalog.catalog_textlink_url2 %}
  2896.                                                                         {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2898.                                                                         {% set CatalogNum = '03' %}
  2899.                                                                         {% set CatalogKbn = Catalog.catalog_textlink_variation3 %}
  2900.                                                                         {% set CatalogUrl = Catalog.catalog_textlink_url3 %}
  2901.                                                                         {% if CatalogKbn %}<li>{{ include('Cart/Parts/CatalogLink.twig') }}</li>{% endif %}
  2902.                                                                     </ul>
  2903.                                                                 </div>
  2904.                                                             </div>
  2905.                                                         </li>
  2906.                                                     {% endfor  %}
  2907.                                                 </ul>
  2908.                                             </div>
  2909.                                         {% endif %}
  2910.                                     {% endfor %}
  2911.                                 </div>
  2912.                             </div>
  2913.                         </div>
  2915.                         <div class=\"catalog-bottom-box clearfix\">
  2916.                             <div class=\"foot_message\">
  2917.                                 <p>{{ 'front.cart_catalog.message04'|trans|raw}}</p>
  2918.                                 <p>{{ 'front.cart_catalog.message05'|trans|raw}}</p>
  2919.                                 <p>{{ 'front.cart_catalog.message06'|trans|raw}}</p>
  2920.                             </div>
  2921.                             {% if CatalogMessage is empty %}
  2922.                                 <div class=\"catalog_btn_area\">
  2923.                                     <button id=\"btn01-mask\" class=\"btnMask\" type=\"button\">
  2924.                                         <img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/regi/btn_kakunin_off.gif\" width=\"205\" height=\"45\" alt=\"未入力、もしくは入力間違いの必須項目があります。\"/>
  2925.                                     </button>
  2927.                                     <button id=\"btn01\" class=\"btnNext\" type=\"submit\">
  2928.                                         <img src=\"{{ GetConfig('CFIMG_URL') }}/public_images/sample/btn_select.png\" alt=\"確認画面へ進む\" />
  2929.                                     </button>
  2930.                                 </div>
  2931.                             {% endif %}
  2932.                         </div>
  2934.                         <div id=\"catalog_btn_area\" class=\"ec-cartRole__actions\">
  2935.                             <a class=\"ec-blockBtn--cancel\" href=\"{{ url('remove_cart_item', {'mode': 'catalog', 'Token': OlToken('RemoveCartItme')}) }}\">{{ 'front.cart_catalog.button02'|trans }}</a>
  2936.                         </div>
  2937.                     </form>
  2938.                 {% endif %}
  2939.         </div>
  2940.     </div>
  2941. {% endif %}
  2942. {% endblock %}
  2943. ", "Cart/Catalog.twig", "/var/www/html/app/template/default/Cart/Catalog.twig");
  2944.     }
  2945.     
  2946.     public function checkSecurity()
  2947.     {
  2948.         static $tags = array("set" => 16, "if" => 48, "for" => 969);
  2949.         static $filters = array("escape" => 25, "raw" => 999, "trans" => 1052, "date" => 1081, "jweek" => 1081);
  2950.         static $functions = array("CatalogLimit" => 16, "GetConfig" => 943, "CatalogValidation" => 959, "url" => 966, "OlToken" => 967, "CatalogChecked" => 988, "include" => 1008, "GetLmOrderOption" => 1038, "is_granted" => 1044, "GetCatalogNoukiSchedule" => 1080, "CatalogLimitMessage" => 1097);
  2952.         try {
  2953.             $this->sandbox->checkSecurity(
  2954.                 ['set', 'if', 'for'],
  2955.                 ['escape', 'raw', 'trans', 'date', 'jweek'],
  2956.                 ['CatalogLimit', 'GetConfig', 'CatalogValidation', 'url', 'OlToken', 'CatalogChecked', 'include', 'GetLmOrderOption', 'is_granted', 'GetCatalogNoukiSchedule', 'CatalogLimitMessage']
  2957.             );
  2958.         } catch (SecurityError $e) {
  2959.             $e->setSourceContext($this->source);
  2961.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  2962.                 $e->setTemplateLine($tags[$e->getTagName()]);
  2963.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  2964.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  2965.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  2966.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  2967.             }
  2969.             throw $e;
  2970.         }
  2972.     }
  2973. }