<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* @user_data/builtin_select01.twig */
class __TwigTemplate_c041e0745f5f3c1b54de52a026328ea719f65a0f67244043b8b6b56f3efcbf85 extends \Eccube\Twig\Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'main' => [$this, 'block_main'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "default_frame.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/builtin_select01.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/builtin_select01.twig"));
$this->parent = $this->loadTemplate("default_frame.twig", "@user_data/builtin_select01.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 6
public function block_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
// line 7
echo "
<style>
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {*/
/*\tmargin: 0;*/
/*\tpadding: 0;*/
/*\tborder: 0;*/
/*\toutline: 0;*/
/*\tfont-size: 100%;*/
/*\tvertical-align: baseline;*/
/*\tbackground: transparent;*/
/*}*/
/**, *::after, *::before {*/
/*\tbox-sizing: border-box;*/
/*}*/
.l_item_btn {
\tborder: 1px solid;
\tcolor: #444444;
}
/*a, a:visited, a:hover, a:active {*/
/*\ttext-decoration: none;*/
/*\ttransition: all 0.8s;*/
/*\tcolor: #1266ac;*/
/*}*/
/*a {*/
/*\tmargin: 0;*/
/*\tpadding: 0;*/
/*\tfont-size: 100%;*/
/*\tvertical-align: baseline;*/
/*\tbackground: transparent;*/
/*}*/
/*div {*/
/*\tbox-sizing: border-box;*/
/*}*/
/*body {*/
/*\tline-height: 1;*/
/*}*/
/*body {*/
/*\tcolor: #333;*/
/*\tword-wrap: break-word;*/
/*\tfont-family: \"Yu Mincho Light\",\"YuMincho\",\"Yu Mincho\",\"游明朝体\",\"ヒラギノ明朝 ProN\",\"Hiragino Mincho ProN\",sans-serif;*/
/*\tfont-size: 14px;*/
/*\tline-height: 1.8;*/
/*}*/
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {*/
/*\tdisplay: block;*/
/*}*/
/*.d_contents {*/
/*\twidth: 80%;*/
/*\tfloat: right;*/
/*}*/
.d_main {
\tpadding: 30px 0;
\twidth: 100%;
}
.clearfix {
\tdisplay: inline-block;
\tdisplay: block;
}
.l_items_builtin {
\tmargin-bottom: 50px;
}
.d_item_title {
\tfont-size: 20px;
\tpadding-bottom: 5px;
\tborder-bottom: 1px solid;
\tmargin-bottom: 20px;
\ttext-align: left;
}
.t_flexBox {
\tdisplay: flex;
\tdisplay: -webkit-box;
\tdisplay: -ms-flexbox;
\tdisplay: -webkit-flex;
\tflex-flow: row wrap;
\tjustify-content: space-between;
}
.l_items_builtin .mainImg {
\twidth: 40%;
\tposition: relative;
}
.l_items_builtin .items {
\twidth: 60%;
\tpadding: 0 10px;
}
.l_items_builtin .l_items {
\twidth: calc(50%);
\tpadding: 0 10px;
\tmargin-bottom: 30px;
}
.d_item_name {
\tfont-size: 16px;
\tpadding: 5px 0;
\tborder-bottom: 1px solid;
\tmargin-bottom: 13px;
}
.l_items_builtin .l_items .txt {
\theight: 65px;
\tfont-size: 88%;
}
.l_items_builtin .l_items .price {
\ttext-align: right;
\tfont-weight: bold;
\tfont-size: 110%;
}
.l_items_builtin .l_items .l_item_btn {
\tdisplay: block;
\twidth: 100%;
\ttext-align: center;
\tmargin: 10px auto 0;
\tpadding: 5px 0;
}
.l_items_builtin .l_items img {
\twidth: 100%;
}
.l_items_builtin .mainImg img {
\twidth: 100%;
}
.d_item_title span {
\tfont-size: 12px;
\tdisplay: block;
\tfont-weight: normal;
}
@media only screen and (max-width:767px) {
.d_main {
\tpadding: 20px 0;
\twidth: 100%;
}
.d_contents {
\twidth: 100%;
\tpadding: 0 8px;
}
.l_items_builtin .mainImg {
\twidth: 100%;
}
.l_items_builtin .items {
\twidth: 100%;
\tpadding: 0;
}
.l_items_builtin :nth-child(2n-1).l_items {
\tpadding-left: 0px;
}
.l_items_builtin :nth-child(2n).l_items {
\tpadding-right: 0px;
}
.l_items_builtin .l_items .txt {
\theight: 100px;
}
}
</style>
";
// line 192
echo "
";
// line 193
$macros["__internal_parse_0"] = $this;
// line 194
echo "
<body><main><div class=\"d_main clearfix\"><section class=\"d_contents\">
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>バクテリア・ウイルス除去が可能なマルチピュア最上位モデル</span>Aquaextra</h2>
<div class=\"t_flexBox\">
";
// line 200
echo " <div class=\"mainImg\"><img src=\"/html/user_data/img/items/aquaextra.png\"></div>
<div class=\"items t_flexBox\">
";
// line 203
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
";
// line 205
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [328, "バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。"], 205, $context, $this->getSourceContext());
echo "
</div>
";
// line 208
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
";
// line 210
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [311, "バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。。"], 210, $context, $this->getSourceContext());
echo "
</div>
";
// line 213
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
";
// line 215
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [310, "バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。"], 215, $context, $this->getSourceContext());
echo "
</div>
";
// line 218
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
";
// line 220
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [307, "バクテリア・ウイルス除去が可能なマルチピュア最上位機種とGROHE製の専用水栓のセットです。"], 220, $context, $this->getSourceContext());
echo "
</div>
";
// line 223
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
";
// line 225
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [308, "バクテリア・ウイルス除去が可能なマルチピュア最上位機種とシンプルな専用水栓のセットです。"], 225, $context, $this->getSourceContext());
echo "
</div>
</div>
</div>
</div>
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>ご家族4人以上のファミリータイプ</span>Model-750</h2>
<div class=\"t_flexBox\">
";
// line 234
echo " <div class=\"mainImg\"><img src=\"/html/user_data/img/items/model750.png\"></div>
<div class=\"items t_flexBox\">
";
// line 237
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
";
// line 239
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [314, "水・お湯・浄水が1本の水栓で使用できる<br />グースネック型タッチレス水栓タイプです。"], 239, $context, $this->getSourceContext());
echo "
</div>
";
// line 242
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
";
// line 244
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [317, "水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓グースネックタイプです。"], 244, $context, $this->getSourceContext());
echo "
</div>
";
// line 247
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
";
// line 249
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [316, "水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓タイプです。"], 249, $context, $this->getSourceContext());
echo "
</div>
";
// line 252
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
";
// line 254
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [318, "美しいデザインと機能性を兼ね備えたGROHE水栓を採用。"], 254, $context, $this->getSourceContext());
echo "
</div>
";
// line 257
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
";
// line 259
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [319, "浄水器本体をシンク下に設置し、キッチンをスッキリ快適に。"], 259, $context, $this->getSourceContext());
echo "
</div>
</div>
</div>
</div>
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>ご家族4人未満のコンパクトタイプ</span>Model-D400</h2>
<div class=\"t_flexBox\">
";
// line 268
echo " <div class=\"mainImg\"><img src=\"/html/user_data/img/items/model400.png\"></div>
<div class=\"items t_flexBox\">
";
// line 271
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
";
// line 273
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [322, "水・お湯・浄水が1本の水栓で使用できる<br />グースネック型タッチレス水栓タイプです。"], 273, $context, $this->getSourceContext());
echo "
</div>
";
// line 276
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
";
// line 278
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [325, "水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓グースネックタイプです。"], 278, $context, $this->getSourceContext());
echo "
</div>
";
// line 281
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
";
// line 283
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [324, "水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓タイプです。"], 283, $context, $this->getSourceContext());
echo "
</div>
";
// line 286
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
";
// line 288
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [326, "美しいデザインと機能性を兼ね備えたGROHE水栓を採用。"], 288, $context, $this->getSourceContext());
echo "
</div>
";
// line 291
echo " <div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
";
// line 293
echo twig_call_macro($macros["__internal_parse_0"], "macro_setLItem", [327, "浄水器本体をシンク下に設置し、キッチンをスッキリ快適に。"], 293, $context, $this->getSourceContext());
echo "
</div>
</div>
</div>
</div>
</section></div></main>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 160
public function macro_setLItem($__product_id__ = null, $__description__ = null, ...$__varargs__)
{
$macros = $this->macros;
$context = $this->env->mergeGlobals([
"product_id" => $__product_id__,
"description" => $__description__,
"varargs" => $__varargs__,
]);
$blocks = [];
ob_start();
try {
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "macro", "setLItem"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "macro", "setLItem"));
// line 161
$context["Product"] = $this->extensions['Customize\Twig\Extension\TwigExtension']->getProduct((isset($context["product_id"]) || array_key_exists("product_id", $context) ? $context["product_id"] : (function () { throw new RuntimeError('Variable "product_id" does not exist.', 161, $this->source); })()));
// line 162
echo " <h3 class=\"d_item_name\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 162, $this->source); })()), "name", [], "any", false, false, false, 162), "html", null, true);
echo "</h3>
";
// line 164
echo " ";
// line 165
echo "
";
// line 167
echo " ";
// line 168
echo " ";
// line 169
echo " ";
// line 170
echo " ";
// line 171
echo " ";
// line 172
echo " ";
// line 174
echo " <p class=\"txt\">";
echo (isset($context["description"]) || array_key_exists("description", $context) ? $context["description"] : (function () { throw new RuntimeError('Variable "description" does not exist.', 174, $this->source); })());
echo "</p>
";
// line 176
echo " ";
// line 177
echo " <p class=\"price\" style=\"text-align: left;\">
";
// line 178
echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 178, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 178)), "html", null, true);
echo "円税込
</p>
";
// line 180
if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 180, $this->source); })()), "hasProductClass", [], "any", false, false, false, 180)) {
// line 181
echo " ";
if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 181, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 181) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 181, $this->source); })()), "getPrice02Max", [], "any", false, false, false, 181))) {
// line 182
echo " <br />
";
} else {
// line 184
echo " <span class=\"txt\" style=\"font-size: 10px;\">(オートシップメント契約価格";
echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 184, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 184)), "html", null, true);
echo "円税込)</span>
";
}
// line 186
echo " ";
} else {
// line 187
echo " <br />
";
}
// line 189
echo "
<a class=\"l_item_btn\" href=\"";
// line 190
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 190, $this->source); })()), "id", [], "any", false, false, false, 190)]), "html", null, true);
echo "\">詳細へ</a>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
return ('' === $tmp = ob_get_contents()) ? '' : new Markup($tmp, $this->env->getCharset());
} finally {
ob_end_clean();
}
}
public function getTemplateName()
{
return "@user_data/builtin_select01.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 490 => 190, 487 => 189, 483 => 187, 480 => 186, 474 => 184, 470 => 182, 467 => 181, 465 => 180, 460 => 178, 457 => 177, 455 => 176, 450 => 174, 448 => 172, 446 => 171, 444 => 170, 442 => 169, 440 => 168, 438 => 167, 435 => 165, 433 => 164, 428 => 162, 426 => 161, 406 => 160, 389 => 293, 385 => 291, 380 => 288, 376 => 286, 371 => 283, 367 => 281, 362 => 278, 358 => 276, 353 => 273, 349 => 271, 345 => 268, 334 => 259, 330 => 257, 325 => 254, 321 => 252, 316 => 249, 312 => 247, 307 => 244, 303 => 242, 298 => 239, 294 => 237, 290 => 234, 279 => 225, 275 => 223, 270 => 220, 266 => 218, 261 => 215, 257 => 213, 252 => 210, 248 => 208, 243 => 205, 239 => 203, 235 => 200, 228 => 194, 226 => 193, 223 => 192, 68 => 7, 58 => 6, 35 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'default_frame.twig' %}
{% block main %}
<style>
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {*/
/*\tmargin: 0;*/
/*\tpadding: 0;*/
/*\tborder: 0;*/
/*\toutline: 0;*/
/*\tfont-size: 100%;*/
/*\tvertical-align: baseline;*/
/*\tbackground: transparent;*/
/*}*/
/**, *::after, *::before {*/
/*\tbox-sizing: border-box;*/
/*}*/
.l_item_btn {
\tborder: 1px solid;
\tcolor: #444444;
}
/*a, a:visited, a:hover, a:active {*/
/*\ttext-decoration: none;*/
/*\ttransition: all 0.8s;*/
/*\tcolor: #1266ac;*/
/*}*/
/*a {*/
/*\tmargin: 0;*/
/*\tpadding: 0;*/
/*\tfont-size: 100%;*/
/*\tvertical-align: baseline;*/
/*\tbackground: transparent;*/
/*}*/
/*div {*/
/*\tbox-sizing: border-box;*/
/*}*/
/*body {*/
/*\tline-height: 1;*/
/*}*/
/*body {*/
/*\tcolor: #333;*/
/*\tword-wrap: break-word;*/
/*\tfont-family: \"Yu Mincho Light\",\"YuMincho\",\"Yu Mincho\",\"游明朝体\",\"ヒラギノ明朝 ProN\",\"Hiragino Mincho ProN\",sans-serif;*/
/*\tfont-size: 14px;*/
/*\tline-height: 1.8;*/
/*}*/
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {*/
/*\tdisplay: block;*/
/*}*/
/*.d_contents {*/
/*\twidth: 80%;*/
/*\tfloat: right;*/
/*}*/
.d_main {
\tpadding: 30px 0;
\twidth: 100%;
}
.clearfix {
\tdisplay: inline-block;
\tdisplay: block;
}
.l_items_builtin {
\tmargin-bottom: 50px;
}
.d_item_title {
\tfont-size: 20px;
\tpadding-bottom: 5px;
\tborder-bottom: 1px solid;
\tmargin-bottom: 20px;
\ttext-align: left;
}
.t_flexBox {
\tdisplay: flex;
\tdisplay: -webkit-box;
\tdisplay: -ms-flexbox;
\tdisplay: -webkit-flex;
\tflex-flow: row wrap;
\tjustify-content: space-between;
}
.l_items_builtin .mainImg {
\twidth: 40%;
\tposition: relative;
}
.l_items_builtin .items {
\twidth: 60%;
\tpadding: 0 10px;
}
.l_items_builtin .l_items {
\twidth: calc(50%);
\tpadding: 0 10px;
\tmargin-bottom: 30px;
}
.d_item_name {
\tfont-size: 16px;
\tpadding: 5px 0;
\tborder-bottom: 1px solid;
\tmargin-bottom: 13px;
}
.l_items_builtin .l_items .txt {
\theight: 65px;
\tfont-size: 88%;
}
.l_items_builtin .l_items .price {
\ttext-align: right;
\tfont-weight: bold;
\tfont-size: 110%;
}
.l_items_builtin .l_items .l_item_btn {
\tdisplay: block;
\twidth: 100%;
\ttext-align: center;
\tmargin: 10px auto 0;
\tpadding: 5px 0;
}
.l_items_builtin .l_items img {
\twidth: 100%;
}
.l_items_builtin .mainImg img {
\twidth: 100%;
}
.d_item_title span {
\tfont-size: 12px;
\tdisplay: block;
\tfont-weight: normal;
}
@media only screen and (max-width:767px) {
.d_main {
\tpadding: 20px 0;
\twidth: 100%;
}
.d_contents {
\twidth: 100%;
\tpadding: 0 8px;
}
.l_items_builtin .mainImg {
\twidth: 100%;
}
.l_items_builtin .items {
\twidth: 100%;
\tpadding: 0;
}
.l_items_builtin :nth-child(2n-1).l_items {
\tpadding-left: 0px;
}
.l_items_builtin :nth-child(2n).l_items {
\tpadding-right: 0px;
}
.l_items_builtin .l_items .txt {
\theight: 100px;
}
}
</style>
{% macro setLItem(product_id, description) %}
{% set Product = getProduct(product_id) %}
<h3 class=\"d_item_name\">{{ Product.name }}</h3>
{#<p class=\"txt\">{{ Product.description_list }}</p>#}
{#<p class=\"txt\">{{ Product.description_detail|raw|nl2br|length > 40 ? Product.description_detail|raw|nl2br|slice(0, 40) ~ '…' : Product.description_detail|raw|nl2br }}</p>#}
{#{% set description_detail = Product.description_detail|replace({'<br>':''}) %}#}
{#<p class=\"txt\">{{ description_detail|length > 40 ? description_detail|slice(0, 40) ~ '…' : description_detail }}</p>#}
{# <br>→に置換<br /> #}
{# <br />→でSplitして、1つ目の要素を表示 #}
{#{% set description_detail = Product.description_detail|raw|nl2br|replace({'<br>':'<br />'}) %}#}
{#{% set sp = description_detail|raw|nl2br|split('<br />') %}#}
{#<p class=\"txt\">{{ sp[0] }}</p>#}
{% autoescape false %}
<p class=\"txt\">{{ description }}</p>
{% endautoescape %}
{#{% autoescape false %}{{ Product.description_detail|replace({'<br>':''}) }}{% endautoescape %}#}
<p class=\"price\" style=\"text-align: left;\">
{{ Product.getPrice02IncTaxMax|number_format }}円税込
</p>
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
<br />
{% else %}
<span class=\"txt\" style=\"font-size: 10px;\">(オートシップメント契約価格{{ Product.getPrice02IncTaxMin|number_format }}円税込)</span>
{% endif %}
{% else %}
<br />
{% endif %}
<a class=\"l_item_btn\" href=\"{{ url('product_detail', {'id': Product.id}) }}\">詳細へ</a>
{% endmacro %}
{% from _self import setLItem %}
<body><main><div class=\"d_main clearfix\"><section class=\"d_contents\">
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>バクテリア・ウイルス除去が可能なマルチピュア最上位モデル</span>Aquaextra</h2>
<div class=\"t_flexBox\">
{# Aquaextra #}
<div class=\"mainImg\"><img src=\"/html/user_data/img/items/aquaextra.png\"></div>
<div class=\"items t_flexBox\">
{# BT #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
{{ setLItem(328,\"バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。\") }}
</div>
{# BG #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
{{ setLItem(311,\"バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。。\") }}
</div>
{# BA #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
{{ setLItem(310,\"バクテリア・ウイルス除去が可能なマルチピュア最上位モデルです。\") }}
</div>
{# BH #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
{{ setLItem(307,\"バクテリア・ウイルス除去が可能なマルチピュア最上位機種とGROHE製の専用水栓のセットです。\") }}
</div>
{# BJ #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
{{ setLItem(308,\"バクテリア・ウイルス除去が可能なマルチピュア最上位機種とシンプルな専用水栓のセットです。\") }}
</div>
</div>
</div>
</div>
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>ご家族4人以上のファミリータイプ</span>Model-750</h2>
<div class=\"t_flexBox\">
{# Model-750 #}
<div class=\"mainImg\"><img src=\"/html/user_data/img/items/model750.png\"></div>
<div class=\"items t_flexBox\">
{# BT #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
{{ setLItem(314,\"水・お湯・浄水が1本の水栓で使用できる<br />グースネック型タッチレス水栓タイプです。\") }}
</div>
{# BG #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
{{ setLItem(317,\"水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓グースネックタイプです。\") }}
</div>
{# BA #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
{{ setLItem(316,\"水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓タイプです。\") }}
</div>
{# BH #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
{{ setLItem(318,\"美しいデザインと機能性を兼ね備えたGROHE水栓を採用。\") }}
</div>
{# BJ #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
{{ setLItem(319,\"浄水器本体をシンク下に設置し、キッチンをスッキリ快適に。\") }}
</div>
</div>
</div>
</div>
<div class=\"l_items_builtin\">
<h2 class=\"d_item_title\"><span>ご家族4人未満のコンパクトタイプ</span>Model-D400</h2>
<div class=\"t_flexBox\">
{# Model-D400 #}
<div class=\"mainImg\"><img src=\"/html/user_data/img/items/model400.png\"></div>
<div class=\"items t_flexBox\">
{# BT #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bt.jpg\"></p>
{{ setLItem(322,\"水・お湯・浄水が1本の水栓で使用できる<br />グースネック型タッチレス水栓タイプです。\") }}
</div>
{# BG #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bg.png\"></p>
{{ setLItem(325,\"水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓グースネックタイプです。\") }}
</div>
{# BA #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/ba.png\"></p>
{{ setLItem(324,\"水・お湯・浄水が1本の水栓で使用できる<br />兼用水栓タイプです。\") }}
</div>
{# BH #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bh.png\"></p>
{{ setLItem(326,\"美しいデザインと機能性を兼ね備えたGROHE水栓を採用。\") }}
</div>
{# BJ #}
<div class=\"l_items\">
<p><img src=\"/html/user_data/img/items/bj.png\"></p>
{{ setLItem(327,\"浄水器本体をシンク下に設置し、キッチンをスッキリ快適に。\") }}
</div>
</div>
</div>
</div>
</section></div></main>
{% endblock %}", "@user_data/builtin_select01.twig", "/home/multipure03/multipure.co.jp/public_html/dev-shop.multipure.co.jp/app/template/user_data/builtin_select01.twig");
}
}