var/cache/dev/twig/11/11b5d65cd07500a2c70d005c2a4d6145.php line 42

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @user_data/showroom.twig */
  16. class __TwigTemplate_20dac1c6a1a1060875a5cf108f394cdb 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.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  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 11
  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", "@user_data/showroom.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", "@user_data/showroom.twig"));
  51.         // line 13
  52.         $context["body_class"] = "front_page";
  53.         // line 11
  54.         $this->parent = $this->loadTemplate("default_frame.twig", "@user_data/showroom.twig", 11);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 14
  65.     public function block_stylesheet($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  74.         // line 15
  75.         echo "\t<style>
  76. \t\t.slider-dots {
  77. \t\t\tdisplay: flex;
  78. \t\t\talign-items: center;
  79. \t\t\tjustify-content: center;
  80. \t\t\tmargin: 32px 0;
  81. \t\t}
  82. \t\t.slider-dots li {
  83. \t\t\tlist-style-type: none;
  84. \t\t\twidth: 44px;
  85. \t\t\theight: 22px;
  86. \t\t\tcursor: pointer;
  87. \t\t}
  88. \t\t.slider-dots li button {
  89. \t\t\twidth: 44px;
  90. \t\t\theight: 22px;
  91. \t\t\tborder-top-width: 2px;
  92. \t\t\tborder-color: #E2DFD6;
  93. \t\t}
  94. \t\t.slider-dots li.slick-active button {
  95. \t\t\tborder-top-width: 2px;
  96. \t\t\tborder-color: #A88B57;
  97. \t\t}
  98. \t\t@media(max-width: 768px) {
  99. \t\t\t.slider-dots {
  100. \t\t\t\tmargin-top: 20px;
  101. \t\t\t}
  102. \t\t\t.slider-dots li {
  103. \t\t\t\twidth: 36px;
  104. \t\t\t}
  105. \t\t\t.slider-dots li button {
  106. \t\t\t\twidth: 36px;
  107. \t\t\t}
  108. \t\t}
  109. \t</style>
  110. ";
  111.         
  112.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  114.         
  115.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  117.     }
  119.     // line 51
  120.     public function block_javascript($context, array $blocks = [])
  121.     {
  122.         $macros = $this->macros;
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  124.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  127.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  129.         // line 52
  130.         echo "\t<script>
  131. \t\t\$(document).ready(function () {
  132.             \$('.slider').slick({
  133.                 customPaging: function (slider, index) {
  134.                     return \$('<button type=\"button\" />').text((''));
  135.                 },
  136.                 dotsClass: 'slider-dots',
  137.                 slide: 'div',
  138.                 infinite: true,
  139.                 autoplay: true,
  140.                 autoplaySpeed: 7000,
  141.                 speed: 1500,
  142.                 slidesToShow: 1,
  143.                 slidesToScroll: 1,
  144.                 dots: true
  145.             });
  146.             var dots = true;
  147.         });
  148. \t</script>
  149. \t<script>
  150. \t\t\$(function () {
  151.             \$('a[href^=\"#\"]').click(function () {
  152.                 var adjust = 200;
  153.                 var speed = 400;
  154.                 var href = \$(this).attr(\"href\");
  155.                 var target = \$(href == \"#\" || href == \"\" ? 'html' : href);
  156.                 var position = target.offset().top - adjust;
  157.                 \$('body,html').animate({
  158.                     scrollTop: position
  159.                 }, speed, 'swing');
  160.                 return false;
  161.             });
  162.         });
  163. \t</script>
  164. ";
  165.         
  166.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  168.         
  169.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  171.     }
  173.     // line 87
  174.     public function block_main($context, array $blocks = [])
  175.     {
  176.         $macros = $this->macros;
  177.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  178.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  180.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  181.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  183.         // line 88
  184.         echo "\t<div class=\"font-extralight leading-relaxed lg:px-6 flex flex-col pb-[88px] mt-4 items-center md:mt-11 md:pb-10 tracking-widest\">
  185. \t\t<div class=\"flex flex-col mb-[128px] md:mb-10\">
  186. \t\t\t<img src=\"";
  187.         // line 90
  188.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom.webp"), "html", null, true);
  189.         echo "\" alt=\"祈りの道具屋まなかの店舗\" class=\"mb-20 md:mb-10 w-[880px] h-[531px] md:w-[325px] md:h-[325px]\">
  190. \t\t\t<div class=\"flex flex-col items-center\">
  191. \t\t\t\t<h2 class=\"flex text-[40px] md:text-xl mb-5 text-center\">
  192. \t\t\t\t\t銀座・横浜元町
  193. \t\t\t\t\t<br class=\"hidden md:block\">ショールーム
  194. \t\t\t\t</h2>
  195. \t\t\t\t<p class=\"border-[2px] border-black py-3 w-[150px] md:w-[92px] text-lg  text-center md:text-xs\">予約制</p>
  196. \t\t\t</div>
  197. \t\t</div>
  198. \t\t<div class=\"flex flex-col items-center gap-y-9\">
  199. \t\t\t<div class=\"relative\">
  200. \t\t\t\t<img src=\"";
  201.         // line 101
  202.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/corporate/reef.webp"), "html", null, true);
  203.         echo "\" alt=\"葉\" class=\" w-[52px] h-[58px] md:w-10 md:h-[41px] absolute left-[-32px] bottom-[-2px] -z-10 md:bottom-[32px] \">
  204. \t\t\t\t<h2 class=\"text-[28px] md:text-xl text-center leading-loose tracking-[5.6px] \">実物をご覧に
  205. \t\t\t\t\t<br class=\"hidden md:block\">
  206. \t\t\t\t\tなりませんか？</h2>
  207. \t\t\t</div>
  208. \t\t\t<div class=\"text-center md:text-sm text-sm leading-7 w-full lg:text-start\">
  209. \t\t\t\t<p class=\"mb-6 leading-relaxed\">ショールームでは、オリジナル商品の全ラインナップに加え、
  210. \t\t\t\t\t<br class=\"md:hidden\">希少素材を使った一点物やショールーム専売品も、手に取ってお選び頂けます。</p>
  211. \t\t\t\t<p>柔らかな陽が降り注ぐ空間で、まなかの世界観を感じて頂けますと幸いです。</p>
  212. \t\t\t</div>
  213. \t\t</div>
  214. \t</div>
  215. \t<hr class=\"border-[#E2DFD6] max-w-[1120px] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  216. \t<div class=\"font-extralight tracking-widest leading-relaxed mx-auto max-w-[1120px] lg:px-6\">
  217. \t\t<div
  218. \t\t\tclass=\"flex flex-col\">
  219. \t\t\t";
  220.         // line 118
  221.         echo "\t\t\t<div class=\"py-[120px] md:py-9 flex flex-col items-center gap-y-16 md:gap-y-8\">
  222. \t\t\t\t<div class=\"flex flex-col items-center justify-center gap-y-9 md:gap-y-5\">
  223. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px]\">ご予約について</h3>
  224. \t\t\t\t\t<div class=\"w-[704px] flex items-center justify-center gap-x-10 md:gap-x-0 bg-manakaBeige py-5 md:py-3 md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  225. \t\t\t\t\t\t<div class=\"flex gap-x-4 md:flex-col items-center justify-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  226. \t\t\t\t\t\t\t<a href=\"#ginza_showroom\" class=\"md:text-xs text-center\">銀座ショールーム</a>
  227. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  228. \t\t\t\t\t\t</div>
  229. \t\t\t\t\t\t<hr class=\"w-[1px] h-4 bg-[#E2DFD6]\">
  230. \t\t\t\t\t\t<div class=\" flex gap-x-4 md:flex-col items-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  231. \t\t\t\t\t\t\t<a href=\"#yokohama_showroom\" class=\"md:text-xs \">横浜元町ショールーム</a>
  232. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  233. \t\t\t\t\t\t</div>
  234. \t\t\t\t\t</div>
  235. \t\t\t\t</div>
  236. \t\t\t\t";
  237.         // line 134
  238.         echo "\t\t\t\t<div class=\"flex flex-col gap-y-[112px] md:gap-y-8\">
  239. \t\t\t\t\t<div class=\"flex-col flex\" id=\"ginza_showroo\">
  240. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-14 md:mb-5\">
  241. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  242. \t\t\t\t\t\t\t<h3 class=\"text-[28px] tracking-[5.6px] md:text-lg \">銀座ショールーム</h3>
  243. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  244. \t\t\t\t\t\t</div>
  245. \t\t\t\t\t\t<div
  246. \t\t\t\t\t\t\tclass=\"flex flex-col mb-10\">
  247. \t\t\t\t\t\t\t";
  248.         // line 144
  249.         echo "\t\t\t\t\t\t\t<div
  250. \t\t\t\t\t\t\t\tclass=\"flex flex-col items-center mb-11 md:mb-8\">
  251. \t\t\t\t\t\t\t\t";
  252.         // line 147
  253.         echo "\t\t\t\t\t\t\t\t<div class=\"slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  254. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)] \">
  255. \t\t\t\t\t\t\t\t\t\t<img src=\"";
  256.         // line 149
  257.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ginza01.webp"), "html", null, true);
  258.         echo "\" alt=\"銀座ショールーム\" class=\"w-full h-auto top-0 left-0 rounded\">
  259. \t\t\t\t\t\t\t\t\t</div>
  260. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  261. \t\t\t\t\t\t\t\t\t\t<img src=\"";
  262.         // line 152
  263.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ginza02.webp"), "html", null, true);
  264.         echo "\" alt=\"銀座ショールーム\" class=\"w-full h-auto top-0 left-0 rounded\">
  265. \t\t\t\t\t\t\t\t\t</div>
  266. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  267. \t\t\t\t\t\t\t\t\t\t<img src=\"";
  268.         // line 155
  269.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ginza03.webp"), "html", null, true);
  270.         echo "\" alt=\"銀座ショールーム\" class=\"w-full h-full top-0 left-0 rounded\">
  271. \t\t\t\t\t\t\t\t\t</div>
  272. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  273. \t\t\t\t\t\t\t\t\t\t<img src=\"";
  274.         // line 158
  275.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ginza04.webp"), "html", null, true);
  276.         echo "\" alt=\"銀座ショールーム\" class=\"w-full h-full top-0 left-0 rounded\">
  277. \t\t\t\t\t\t\t\t\t</div>
  278. \t\t\t\t\t\t\t\t</div>
  279. \t\t\t\t\t\t\t</div>
  280. \t\t\t\t\t\t\t<div class=\"flex flex-col\">
  281. \t\t\t\t\t\t\t\t<div class=\"text-center text-sm md:text-start mb-7 md:mb-11\">
  282. \t\t\t\t\t\t\t\t\t<p>有楽町線 銀座一丁目駅、浅草線 宝町駅、銀座線京橋駅よりそれぞれ約徒歩5分。</p>
  283. \t\t\t\t\t\t\t\t\t<p>どちらからでもアクセス良好です。</p>
  284. \t\t\t\t\t\t\t\t</div>
  285. \t\t\t\t\t\t\t\t";
  286.         // line 168
  287.         echo "\t\t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  288. \t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  289. \t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  290. \t\t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  291. \t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  292. \t\t\t\t\t\t\t\t\t</div>
  293. \t\t\t\t\t\t\t\t\t";
  294.         // line 175
  295.         echo "\t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  296. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:00～</p>
  297. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  298. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  299. \t\t\t\t\t\t\t\t\t</div>
  300.                                     <p class=\"text-[10px] mt-2\">※水曜定休日</p>
  301. \t\t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  302. \t\t\t\t\t\t\t\t</div>
  303. \t\t\t\t\t\t\t\t<div
  304. \t\t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center mx-auto lg:mx-0\">
  305. \t\t\t\t\t\t\t\t\t";
  306.         // line 186
  307.         echo "\t\t\t\t\t\t\t\t\t<a href=\"";
  308.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("showroom_confirm");
  309.         echo "\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  310. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  311. \t\t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  312. \t\t\t\t\t\t\t\t\t</a>
  313. \t\t\t\t\t\t\t\t\t";
  314.         // line 191
  315.         echo "\t\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex gap-x-4 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  316. \t\t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  317. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  318. \t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  319. \t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  320. \t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  321. \t\t\t\t\t\t\t\t\t\t\t</div>
  322. \t\t\t\t\t\t\t\t\t\t</div>
  323. \t\t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex gap-x-4 md:gap-x-3 items-center\">
  324. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  325. \t\t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  326. \t\t\t\t\t\t\t\t\t\t</div>
  327. \t\t\t\t\t\t\t\t\t</a>
  328. \t\t\t\t\t\t\t\t</div>
  330. \t\t\t\t\t\t\t</div>
  331. \t\t\t\t\t\t</div>
  332. \t\t\t\t\t\t<a href=\"#ginza_map\" class=\"text-manakaGold text-center underline hover:no-underline md:text-sm hover\">詳しいアクセス・MAPはこちら</a>
  333. \t\t\t\t\t</div>
  334. \t\t\t\t\t";
  335.         // line 211
  336.         echo "\t\t\t\t\t<div id=\"yokohama_showroom\">
  337. \t\t\t\t\t\t<div class=\"flex-col flex gap-y-14 md:gap-y-5\">
  338. \t\t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3\">
  339. \t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  340. \t\t\t\t\t\t\t\t<h3 class=\"text-[28px] md:text-lg tracking-[5.6px]\">横浜元町ショールーム</h3>
  341. \t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  342. \t\t\t\t\t\t\t</div>
  343. \t\t\t\t\t\t\t<div
  344. \t\t\t\t\t\t\t\tclass=\"flex flex-col\">
  345. \t\t\t\t\t\t\t\t";
  346.         // line 221
  347.         echo "\t\t\t\t\t\t\t\t<div
  348. \t\t\t\t\t\t\t\t\tclass=\"w-full flex flex-col items-center mb-11 md:mb-8\">
  349. \t\t\t\t\t\t\t\t\t";
  350.         // line 224
  351.         echo "\t\t\t\t\t\t\t\t\t<div class=\"slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  352. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)] \">
  353. \t\t\t\t\t\t\t\t\t\t\t<img src=\"";
  354.         // line 226
  355.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ykhm01.webp"), "html", null, true);
  356.         echo "\" alt=\"\" class=\" w-full h-auto top-0 left-0\">
  357. \t\t\t\t\t\t\t\t\t\t</div>
  358. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  359. \t\t\t\t\t\t\t\t\t\t\t<img src=\"";
  360.         // line 229
  361.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ykhm02.webp"), "html", null, true);
  362.         echo "\" alt=\"\" class=\" w-full h-auto top-0 left-0\">
  363. \t\t\t\t\t\t\t\t\t\t</div>
  364. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  365. \t\t\t\t\t\t\t\t\t\t\t<img src=\"";
  366.         // line 232
  367.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ykhm03.webp"), "html", null, true);
  368.         echo "\" alt=\"\" class=\" w-full h-full top-0 left-0\">
  369. \t\t\t\t\t\t\t\t\t\t</div>
  370. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  371. \t\t\t\t\t\t\t\t\t\t\t<img src=\"";
  372.         // line 235
  373.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_ykhm04.webp"), "html", null, true);
  374.         echo "\" alt=\"\" class=\"w-full h-full top-0 left-0\">
  375. \t\t\t\t\t\t\t\t\t\t</div>
  376. \t\t\t\t\t\t\t\t\t</div>
  377. \t\t\t\t\t\t\t\t</div>
  378. \t\t\t\t\t\t\t\t<div class=\"flex flex-col\">
  379. \t\t\t\t\t\t\t\t\t<div class=\"text-center text-sm md:text-start md:mb-11 mb-7\">
  380. \t\t\t\t\t\t\t\t\t\t<p>みなとみらい線 元町・中華街駅より徒歩3分。</p>
  381. \t\t\t\t\t\t\t\t\t\t<p>JR石川町駅より徒歩10分。どちらからでもアクセス良好です。</p>
  382. \t\t\t\t\t\t\t\t\t</div>
  384. \t\t\t\t\t\t\t\t\t";
  385.         // line 246
  386.         echo "\t\t\t\t\t\t\t\t    <div class=\"flex flex-col items-center mb-5 md:mb-2\">
  387. \t\t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  388. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  389. \t\t\t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  390. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  391. \t\t\t\t\t\t\t\t\t\t</div>
  392. \t\t\t\t\t\t\t\t\t\t";
  393.         // line 253
  394.         echo "\t\t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4 \">
  395. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:30～</p>
  396. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  397. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  398. \t\t\t\t\t\t\t\t\t\t</div>
  399.                                         <p class=\"text-[10px] mt-2\">月曜・火曜・金曜定休日</p>
  400. \t\t\t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  401. \t\t\t\t\t\t\t\t\t</div>
  402. \t\t\t\t\t\t\t\t\t<div
  403. \t\t\t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center mx-auto lg:mx-0\">
  404. \t\t\t\t\t\t\t\t\t\t";
  405.         // line 264
  406.         echo "\t\t\t\t\t\t\t\t\t\t<a href=\"";
  407.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("showroom_confirm");
  408.         echo "\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  409. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  410. \t\t\t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  411. \t\t\t\t\t\t\t\t\t\t</a>
  412. \t\t\t\t\t\t\t\t\t\t";
  413.         // line 269
  414.         echo "\t\t\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  415. \t\t\t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  416. \t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  417. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  418. \t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  419. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  420. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  421. \t\t\t\t\t\t\t\t\t\t\t</div>
  422. \t\t\t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex gap-4 md:gap-x-3 items-center\">
  423. \t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  424. \t\t\t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  425. \t\t\t\t\t\t\t\t\t\t\t</div>
  426. \t\t\t\t\t\t\t\t\t\t</a>
  427. \t\t\t\t\t\t\t\t\t</div>
  429. \t\t\t\t\t\t\t\t</div>
  430. \t\t\t\t\t\t\t</div>
  431. \t\t\t\t\t\t\t<a href=\"#yokohama_map\" class=\"text-manakaGold text-center underline hover:no-underline md:text-sm hover\">詳しいアクセス・MAPはこちら</a>
  432. \t\t\t\t\t\t</div>
  433. \t\t\t\t\t</div>
  434. \t\t\t\t</div>
  435. \t\t\t</div>
  436. \t\t\t<hr
  437. \t\t\tclass=\"border-[#E2DFD6] max-w-[1120x] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  438. \t\t\t";
  439.         // line 294
  440.         echo "\t\t\t<div class=\"mx-auto max-w-[1120px] py-[120px] md:py-9 flex flex-col items-center gap-y-[90px] md:gap-y-6\">
  441. \t\t\t\t<div class=\"flex flex-col gap-y-9\">
  442. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px] md:text-center\">ショールームだけの<br class=\"hidden md:block\">おもてなし</h3>
  443. \t\t\t\t\t<p class=\"text-sm text-center\">専門スタッフがお位牌・お仏壇選びをお手伝いいたします。</p>
  444. \t\t\t\t</div>
  445. \t\t\t\t";
  446.         // line 300
  447.         echo "\t\t\t\t<div class=\"flex flex-col\">
  448. \t\t\t\t\t<img src=\"";
  449.         // line 301
  450.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_sv01.webp"), "html", null, true);
  451.         echo "\" alt=\"コーディネートのイメージ\" class=\"w-[max(45.83vw,325px)]\">
  452. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  453. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  454. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">実物を見てコーディネート</p>
  455. \t\t\t\t\t\t</div>
  456. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  457. \t\t\t\t\t\t\t<p class=\"leading-loose\">オリジナル商品の全ラインナップを、実際に手にとって自由にご覧頂けます。
  458. \t\t\t\t\t\t\t\t<br>また、専属スタッフがご希望を伺い、おすすめのコーディネートをご提案します。ご自分らしい「祈りのかたち」を見つけるお手伝いをいたします。</p>
  459. \t\t\t\t\t\t</div>
  460. \t\t\t\t\t</div>
  461. \t\t\t\t</div>
  462. \t\t\t\t";
  463.         // line 313
  464.         echo "\t\t\t\t<div class=\"flex flex-col\">
  465. \t\t\t\t\t<img src=\"";
  466.         // line 314
  467.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_sv02.webp"), "html", null, true);
  468.         echo "\" alt=\"カウンセリングのイメージ\" class=\"w-[max(45.83vw,325px)]\">
  469. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  470. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  471. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">ご供養のお悩み
  472. \t\t\t\t\t\t\t\t<br class=\"md:block hidden\">
  473. \t\t\t\t\t\t\t\tカウンセリング</p>
  474. \t\t\t\t\t\t</div>
  475. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  476. \t\t\t\t\t\t\t<p class=\"leading-loose\">お位牌・お仏壇の組み合わせはもちろん、ご供養にまつわるさまざまなお悩みに対し、熟練のスタッフがサポートさせて頂きます。 「こんなことを聞いてもいいのだろうか」と思うような内容も、ぜひお気軽にご相談ください。</p>
  477. \t\t\t\t\t\t</div>
  478. \t\t\t\t\t</div>
  479. \t\t\t\t</div>
  480. \t\t\t\t";
  481.         // line 327
  482.         echo "\t\t\t\t<div class=\"flex flex-col\">
  483. \t\t\t\t\t<img src=\"";
  484.         // line 328
  485.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/showroom_sv03.webp"), "html", null, true);
  486.         echo "\" alt=\"ショールーム限定商品について\" class=\"w-[max(45.83vw,325px)]\">
  487. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  488. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  489. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">ショールーム限定商品</p>
  490. \t\t\t\t\t\t</div>
  491. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  492. \t\t\t\t\t\t\t<p class=\"leading-loose\">希少性の高い天然石のお位牌や、作家と制作した美しい祈りの道具など、数が少なく、オンラインでは取り扱いが難しい商品もご案内しております。</p>
  493. \t\t\t\t\t\t</div>
  494. \t\t\t\t\t</div>
  495. \t\t\t\t</div>
  496. \t\t\t</div>
  497. \t\t\t";
  498.         // line 340
  499.         echo "\t\t\t<hr class=\"border-[#E2DFD6] max-w-[1120x] mx-auto border w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  500. \t\t\t<div class=\"py-[120px] md:py-9 flex flex-col items-center justify-center\">
  501. \t\t\t\t<div class=\"flex flex-col items-center justify-center gap-y-9 md:gap-y-5 mb-[112px] md:mb-8\">
  502. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px]\">アクセスについて</h3>
  503. \t\t\t\t\t<div class=\"w-[704px] flex items-center justify-center gap-x-10 md:gap-x-0 bg-manakaBeige py-5 md:py-3 md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  504. \t\t\t\t\t\t<div class=\"flex gap-x-4 md:flex-col items-center justify-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  505. \t\t\t\t\t\t\t<a href=\"#ginza_map\" class=\"md:text-sm text-center\">銀座ショールーム</a>
  506. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  507. \t\t\t\t\t\t</div>
  508. \t\t\t\t\t\t<hr class=\"w-[1px] h-4 bg-[#E2DFD6]\">
  509. \t\t\t\t\t\t<div class=\" flex gap-x-4 md:flex-col items-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  510. \t\t\t\t\t\t\t<a href=\"#yokohama_map\" class=\"md:text-sm\">横浜元町ショールーム</a>
  511. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  512. \t\t\t\t\t\t</div>
  513. \t\t\t\t\t</div>
  514. \t\t\t\t</div>
  515. \t\t\t\t<div
  516. \t\t\t\t\tclass=\"w-full items-center justify-center flex flex-col gap-y-20 md:gap-y-12\">
  517. \t\t\t\t\t";
  518.         // line 359
  519.         echo "\t\t\t\t\t<div class=\"w-full flex-col flex items-center justify-center\" id=\"ginza_map\">
  520. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-11 md:mb-8\">
  521. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  522. \t\t\t\t\t\t\t<h3 class=\"text-[22px] md:text-lg tracking-[4.5px]\">銀座ショールーム</h3>
  523. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  524. \t\t\t\t\t\t</div>
  525. \t\t\t\t\t\t<div class=\"max-w-[880px] w-full\">
  526. \t\t\t\t\t\t\t<div class=\"w-full flex flex-col gap-y-11 mb-16 md:mb-12 md:gap-y-6\">
  527. \t\t\t\t\t\t\t\t<table class=\"whitespace-nowrap text-sm md:text-sm pb-4 ml-4 md:ml-0\">
  528. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top\">
  529. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  530. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">住所</td>
  531. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0 flex flex-col gap-y-1\">
  532. \t\t\t\t\t\t\t\t\t\t\t\t<p>〒104-0061</p>
  533. \t\t\t\t\t\t\t\t\t\t\t\t<p>東京都中央区銀座1-15-4 銀座一丁目ビル9F</p>
  534. \t\t\t\t\t\t\t\t\t\t\t</td>
  535. \t\t\t\t\t\t\t\t\t\t</tr>
  536. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  537. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">TEL</td>
  538. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">03-5579-5671</td>
  539. \t\t\t\t\t\t\t\t\t\t</tr>
  540. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  541. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">営業時間</td>
  542. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">10:00～18:00　※水曜定休日</td>
  543. \t\t\t\t\t\t\t\t\t\t</tr>
  544. \t\t\t\t\t\t\t\t\t</tbody>
  545. \t\t\t\t\t\t\t\t</table>
  546. \t\t\t\t\t\t\t\t<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.132008135673!2d139.76788477684806!3d35.673751430383106!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188ba8f8bf3de3%3A0xb01ce858839afa41!2z56WI44KK44Gu6YGT5YW35bGL44G-44Gq44GLIOmKgOW6p-OCt-ODp-ODvOODq-ODvOODoOOAkOS6iOe0hOWItuOAkQ!5e0!3m2!1sja!2sjp!4v1710988516409!5m2!1sja!2sjp\" width=\"100%\" height=\"410\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)] md:h-[220px]\"></iframe>
  547. \t\t\t\t\t\t\t\t<table class=\"text-sm pb-4 ml-4 md:ml-4\">
  548. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top md:text-sm\">
  549. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  550. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top pr-2 pb-6 md:pb-0 md:font-bold \">電車でお越しの方へ</td>
  551. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col leading-relaxed\">
  552. \t\t\t\t\t\t\t\t\t\t\t\t<p>有楽町線 銀座一丁目駅 10番出口より徒歩5分</p>
  553. \t\t\t\t\t\t\t\t\t\t\t\t<p>都営浅草線 宝町駅 A3出口より徒歩4分</p>
  554. \t\t\t\t\t\t\t\t\t\t\t\t<p>銀座線 京橋駅 2番出口より徒歩5分</p>
  555. \t\t\t\t\t\t\t\t\t\t\t\t<p>銀座線/日比谷線/丸の内線 銀座駅 A13出口より徒歩9分</p>
  556. \t\t\t\t\t\t\t\t\t\t\t\t<p>JR山手線・京浜東北線 有楽町駅 京橋口より徒歩9分</p>
  557. \t\t\t\t\t\t\t\t\t\t\t</td>
  558. \t\t\t\t\t\t\t\t\t\t</tr>
  559. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  560. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[246px] pr-2 pb-6 md:pb-0 md:font-bold\">お車でお越しの方へ</td>
  561. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  562. \t\t\t\t\t\t\t\t\t\t\t\t<p>駐車場をご利用の方には、割引サービスをご用意しております。詳しくは、ご予約の際にスタッフにご確認ください。</p>
  563. \t\t\t\t\t\t\t\t\t\t\t\t<p>※当店で5,000円以上お買い上げのお客様が対象となります。</p>
  564.                                                 <p>※ショールームがあるビルは駐車場がございません。</p>
  565. \t\t\t\t\t\t\t\t\t\t\t</td>
  566. \t\t\t\t\t\t\t\t\t\t</tr>
  567. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  568. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[238px] pr-2 md:font-bold\">ご予約について</td>
  569. \t\t\t\t\t\t\t\t\t\t\t<td class=\"leading-relaxed\">下記の予約フォームまたはお電話にてご予約ください。</td>
  570. \t\t\t\t\t\t\t\t\t\t</tr>
  571. \t\t\t\t\t\t\t\t\t</tbody>
  572. \t\t\t\t\t\t\t\t</table>
  573. \t\t\t\t\t\t\t</div>
  574. \t\t\t\t\t\t\t";
  575.         // line 415
  576.         echo "\t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  577. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  578. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  579. \t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  580. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  581. \t\t\t\t\t\t\t\t</div>
  582. \t\t\t\t\t\t\t\t";
  583.         // line 422
  584.         echo "\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  585. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:00～</p>
  586. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  587. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  588. \t\t\t\t\t\t\t\t</div>
  589.                                 <p class=\"text-[10px] mt-2\">※水曜定休日</p>
  590. \t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  591. \t\t\t\t\t\t\t</div>
  592. \t\t\t\t\t\t\t<div
  593. \t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center\">
  594. \t\t\t\t\t\t\t\t";
  595.         // line 433
  596.         echo "\t\t\t\t\t\t\t\t<a href=\"";
  597.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("showroom_confirm");
  598.         echo "\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] mx-auto lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  599. \t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  600. \t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  601. \t\t\t\t\t\t\t\t</a>
  602. \t\t\t\t\t\t\t\t";
  603.         // line 438
  604.         echo "\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] mx-atuo md:h-[46px] items-center justify-center rounded hover\">
  605. \t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  606. \t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  607. \t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  608. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  609. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  610. \t\t\t\t\t\t\t\t\t\t</div>
  611. \t\t\t\t\t\t\t\t\t</div>
  612. \t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex items-center gap-x-4 md:gap-x-3\">
  613. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  614. \t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  615. \t\t\t\t\t\t\t\t\t</div>
  616. \t\t\t\t\t\t\t\t</a>
  617. \t\t\t\t\t\t\t</div>
  618. \t\t\t\t\t\t</div>
  619. \t\t\t\t\t</div>
  620. \t\t\t\t\t";
  621.         // line 455
  622.         echo "\t\t\t\t\t<div class=\"w-full flex-col flex items-center justify-center\" id=\"yokohama_map\">
  623. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-11 md:mb-5\">
  624. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  625. \t\t\t\t\t\t\t<h3 class=\"text-[22px] tracking-[4.5px] md:text-lg\">横浜元町ショールーム</h3>
  626. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  627. \t\t\t\t\t\t</div>
  628. \t\t\t\t\t\t<div class=\"max-w-[880px] w-full\">
  629. \t\t\t\t\t\t\t<div class=\"w-full flex flex-col gap-y-11 mb-16 md:mb-12 md:gap-y-6\">
  630. \t\t\t\t\t\t\t\t<table class=\"whitespace-nowrap text-sm pb-4 md:text-sm ml-4 md:ml-0\">
  631. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top \">
  632. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  633. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">住所</td>
  634. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0 flex flex-col gap-y-1\">
  635. \t\t\t\t\t\t\t\t\t\t\t\t<p>〒231-0861</p>
  636. \t\t\t\t\t\t\t\t\t\t\t\t<p>神奈川県横浜市中区元町1-13 元町プラザ2F</p>
  637. \t\t\t\t\t\t\t\t\t\t\t</td>
  638. \t\t\t\t\t\t\t\t\t\t</tr>
  639. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  640. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">TEL</td>
  641. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">03-5579-5671</td>
  642. \t\t\t\t\t\t\t\t\t\t</tr>
  643. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  644. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">営業時間</td>
  645. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">10:30～18:00　※月曜火曜金曜定休日</td>
  646. \t\t\t\t\t\t\t\t\t\t</tr>
  647. \t\t\t\t\t\t\t\t\t</tbody>
  648. \t\t\t\t\t\t\t\t</table>
  649. \t\t\t\t\t\t\t\t<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3250.5410809811683!2d139.64829367684192!3d35.44139674310987!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185d21d7a47d43%3A0xa41b21170fe62dc3!2z56WI44KK44Gu6YGT5YW35bGL44G-44Gq44GLIOaoqua1nOOCt-ODp-ODvOODq-ODvOODoA!5e0!3m2!1sja!2sjp!4v1710992183382!5m2!1sja!2sjp\" width=\"100%\" height=\"410\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)] md:h-[220px]\"></iframe>
  650. \t\t\t\t\t\t\t\t<table class=\"text-sm pb-4 md:text-sm ml-4 md:ml-0\">
  651. \t\t\t\t\t\t\t\t\t<tbody>
  652. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  653. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[232px] pr-2 pb-6 md:pb-0 md:font-bold\">電車でお越しの方へ</td>
  654. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  655. \t\t\t\t\t\t\t\t\t\t\t\t<p>みなとみらい線 元町・中華街駅 5番出口より徒歩3分</p>
  656. \t\t\t\t\t\t\t\t\t\t\t\t<p>JR京浜東北線/横浜線　石川町駅駅より徒歩10分</p>
  657. \t\t\t\t\t\t\t\t\t\t\t</td>
  658. \t\t\t\t\t\t\t\t\t\t</tr>
  659. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  660. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[232px] pr-2 pb-6 md:pb-0 md:font-bold\">お車でお越しの方へ</td>
  661. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  662. \t\t\t\t\t\t\t\t\t\t\t\t<p>駐車場をご利用の方は、無料駐車場サービスをご用意しております。詳しくは、ご予約の際にスタッフにご確認ください。</p>
  663. \t\t\t\t\t\t\t\t\t\t\t\t<p>※当店で5,000円以上お買い上げのお客様が対象となります。</p>
  664. \t\t\t\t\t\t\t\t\t\t\t</td>
  665. \t\t\t\t\t\t\t\t\t\t</tr>
  666. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1\">
  667. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 md:font-bold\">ご予約について</td>
  668. \t\t\t\t\t\t\t\t\t\t\t<td class=\"leading-relaxed\">下記の予約フォームまたはお電話にてご予約ください。</td>
  669. \t\t\t\t\t\t\t\t\t\t</tr>
  670. \t\t\t\t\t\t\t\t\t</tbody>
  671. \t\t\t\t\t\t\t\t</table>
  672. \t\t\t\t\t\t\t</div>
  673. \t\t\t\t\t\t\t";
  674.         // line 507
  675.         echo "\t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  676. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  677. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  678. \t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  679. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  680. \t\t\t\t\t\t\t\t</div>
  681. \t\t\t\t\t\t\t\t";
  682.         // line 514
  683.         echo "\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  684. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:30～</p>
  685. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  686. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  687. \t\t\t\t\t\t\t\t</div>
  688.                                 <p class=\"text-[10px] mt-2\">月曜・火曜・金曜定休日</p>
  689. \t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  690. \t\t\t\t\t\t\t</div>
  691. \t\t\t\t\t\t\t<div
  692. \t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center\">
  693. \t\t\t\t\t\t\t\t";
  694.         // line 525
  695.         echo "\t\t\t\t\t\t\t\t<a href=\"";
  696.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("showroom_confirm");
  697.         echo "\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] mx-auto lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  698. \t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  699. \t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  700. \t\t\t\t\t\t\t\t</a>
  701. \t\t\t\t\t\t\t\t";
  702.         // line 530
  703.         echo "\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] mx-atuo md:h-[46px] items-center justify-center rounded hover\">
  704. \t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  705. \t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  706. \t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  707. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  708. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  709. \t\t\t\t\t\t\t\t\t\t</div>
  710. \t\t\t\t\t\t\t\t\t</div>
  711. \t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex items-center gap-x-4 md:gap-x-3\">
  712. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  713. \t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  714. \t\t\t\t\t\t\t\t\t</div>
  715. \t\t\t\t\t\t\t\t</a>
  716. \t\t\t\t\t\t\t</div>
  717. \t\t\t\t\t\t</div>
  718. \t\t\t\t\t</div>
  719. \t\t\t\t</div>
  720. \t\t\t</div>
  721. \t\t\t";
  722.         // line 549
  723.         echo "\t\t\t<hr class=\"border-[#E2DFD6] max-w-[1120x] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  724. \t\t\t<div class=\"mt-20 flex flex-col w-full items-center md:mt-12\">
  725. \t\t\t\t<a href=\"";
  726.         // line 551
  727.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_data", ["route" => "about"]);
  728.         echo "\" class=\"mb-[72px] md:mb-14 hover\">
  729. \t\t\t\t\t<img src=\"";
  730.         // line 552
  731.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/link.webp"), "html", null, true);
  732.         echo "\" alt=\"祈りの道具屋まなかについてのリンク\" class=\"w-[550px] md:w-[315px]\">
  733. \t\t\t\t</a>
  734. \t\t\t\t<div class=\"flex flex-col gap-y-6 w-full items-center\">
  735. \t\t\t\t\t<h3 class=\"text-[28px] md:text-lg tracking-[5.6px]\">サポートサービス</h3>
  736. \t\t\t\t\t<div class=\"flex flex-wrap items-center justify-center text-xl lg:flex-col gap-5 whitespace-nowrap max-w-[1120px] w-full\">
  737. \t\t\t\t\t\t<a href=\"";
  738.         // line 557
  739.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_data", ["route" => "catalog"]);
  740.         echo "\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  741. \t\t\t\t\t\t\t<img src=\"";
  742.         // line 558
  743.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/support2.webp"), "html", null, true);
  744.         echo "\" alt=\"カタログお届けサービスのイメージ\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  745. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">カタログお届けサービス</p>
  746. \t\t\t\t\t\t</a>
  747. \t\t\t\t\t\t<a href=\"";
  748.         // line 561
  749.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_data", ["route" => "pick_up_altar"]);
  750.         echo "\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  751. \t\t\t\t\t\t\t<img src=\"";
  752.         // line 562
  753.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/support3.webp"), "html", null, true);
  754.         echo "\" alt=\"仏壇引き取りサービスのイメージ\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  755. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">仏壇引き取りサービス</p>
  756. \t\t\t\t\t\t</a>
  757. \t\t\t\t\t\t<a href=\"";
  758.         // line 565
  759.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_data", ["route" => "photo_services"]);
  760.         echo "\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  761. \t\t\t\t\t\t\t<img src=\"";
  762.         // line 566
  763.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/showroom/support4.webp"), "html", null, true);
  764.         echo "\" alt=\"コーディネート撮影サービス\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  765. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">コーディネート撮影サービス</p>
  766. \t\t\t\t\t\t</a>
  767. \t\t\t\t\t</div>
  768. \t\t\t\t</div>
  769. \t\t\t</div>
  770. \t\t\t";
  771.         // line 572
  772.         $context["breadcrumbs"] = [0 => ["name" => "銀座・横浜ショールーム"]];
  773.         // line 573
  774.         echo "\t\t\t";
  775.         $this->loadTemplate("Block/breadcrumbs.twig", "@user_data/showroom.twig", 573)->display($context);
  776.         // line 574
  777.         echo "\t\t</div>
  778. \t";
  779.         
  780.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  782.         
  783.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  785.     }
  787.     public function getTemplateName()
  788.     {
  789.         return "@user_data/showroom.twig";
  790.     }
  792.     public function isTraitable()
  793.     {
  794.         return false;
  795.     }
  797.     public function getDebugInfo()
  798.     {
  799.         return array (  777 => 574,  774 => 573,  772 => 572,  763 => 566,  759 => 565,  753 => 562,  749 => 561,  743 => 558,  739 => 557,  731 => 552,  727 => 551,  723 => 549,  703 => 530,  695 => 525,  683 => 514,  675 => 507,  622 => 455,  604 => 438,  596 => 433,  584 => 422,  576 => 415,  519 => 359,  499 => 340,  485 => 328,  482 => 327,  467 => 314,  464 => 313,  450 => 301,  447 => 300,  440 => 294,  414 => 269,  406 => 264,  394 => 253,  386 => 246,  373 => 235,  367 => 232,  361 => 229,  355 => 226,  351 => 224,  347 => 221,  336 => 211,  315 => 191,  307 => 186,  295 => 175,  287 => 168,  275 => 158,  269 => 155,  263 => 152,  257 => 149,  253 => 147,  249 => 144,  238 => 134,  221 => 118,  202 => 101,  188 => 90,  184 => 88,  174 => 87,  130 => 52,  120 => 51,  75 => 15,  65 => 14,  54 => 11,  52 => 13,  39 => 11,);
  800.     }
  802.     public function getSourceContext()
  803.     {
  804.         return new Source("{#
  805. This file is part of EC-CUBE
  807. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  809. http://www.ec-cube.co.jp/
  811. For the full copyright and license information, please view the LICENSE
  812. file that was distributed with this source code.
  813. #}
  814. {% extends 'default_frame.twig' %}
  816. {% set body_class = 'front_page' %}
  817. {% block stylesheet %}
  818. \t<style>
  819. \t\t.slider-dots {
  820. \t\t\tdisplay: flex;
  821. \t\t\talign-items: center;
  822. \t\t\tjustify-content: center;
  823. \t\t\tmargin: 32px 0;
  824. \t\t}
  825. \t\t.slider-dots li {
  826. \t\t\tlist-style-type: none;
  827. \t\t\twidth: 44px;
  828. \t\t\theight: 22px;
  829. \t\t\tcursor: pointer;
  830. \t\t}
  831. \t\t.slider-dots li button {
  832. \t\t\twidth: 44px;
  833. \t\t\theight: 22px;
  834. \t\t\tborder-top-width: 2px;
  835. \t\t\tborder-color: #E2DFD6;
  836. \t\t}
  837. \t\t.slider-dots li.slick-active button {
  838. \t\t\tborder-top-width: 2px;
  839. \t\t\tborder-color: #A88B57;
  840. \t\t}
  841. \t\t@media(max-width: 768px) {
  842. \t\t\t.slider-dots {
  843. \t\t\t\tmargin-top: 20px;
  844. \t\t\t}
  845. \t\t\t.slider-dots li {
  846. \t\t\t\twidth: 36px;
  847. \t\t\t}
  848. \t\t\t.slider-dots li button {
  849. \t\t\t\twidth: 36px;
  850. \t\t\t}
  851. \t\t}
  852. \t</style>
  853. {% endblock stylesheet %}
  854. {% block javascript %}
  855. \t<script>
  856. \t\t\$(document).ready(function () {
  857.             \$('.slider').slick({
  858.                 customPaging: function (slider, index) {
  859.                     return \$('<button type=\"button\" />').text((''));
  860.                 },
  861.                 dotsClass: 'slider-dots',
  862.                 slide: 'div',
  863.                 infinite: true,
  864.                 autoplay: true,
  865.                 autoplaySpeed: 7000,
  866.                 speed: 1500,
  867.                 slidesToShow: 1,
  868.                 slidesToScroll: 1,
  869.                 dots: true
  870.             });
  871.             var dots = true;
  872.         });
  873. \t</script>
  874. \t<script>
  875. \t\t\$(function () {
  876.             \$('a[href^=\"#\"]').click(function () {
  877.                 var adjust = 200;
  878.                 var speed = 400;
  879.                 var href = \$(this).attr(\"href\");
  880.                 var target = \$(href == \"#\" || href == \"\" ? 'html' : href);
  881.                 var position = target.offset().top - adjust;
  882.                 \$('body,html').animate({
  883.                     scrollTop: position
  884.                 }, speed, 'swing');
  885.                 return false;
  886.             });
  887.         });
  888. \t</script>
  889. {% endblock javascript %}
  890. {% block main %}
  891. \t<div class=\"font-extralight leading-relaxed lg:px-6 flex flex-col pb-[88px] mt-4 items-center md:mt-11 md:pb-10 tracking-widest\">
  892. \t\t<div class=\"flex flex-col mb-[128px] md:mb-10\">
  893. \t\t\t<img src=\"{{ asset('assets/img/showroom/showroom.webp') }}\" alt=\"祈りの道具屋まなかの店舗\" class=\"mb-20 md:mb-10 w-[880px] h-[531px] md:w-[325px] md:h-[325px]\">
  894. \t\t\t<div class=\"flex flex-col items-center\">
  895. \t\t\t\t<h2 class=\"flex text-[40px] md:text-xl mb-5 text-center\">
  896. \t\t\t\t\t銀座・横浜元町
  897. \t\t\t\t\t<br class=\"hidden md:block\">ショールーム
  898. \t\t\t\t</h2>
  899. \t\t\t\t<p class=\"border-[2px] border-black py-3 w-[150px] md:w-[92px] text-lg  text-center md:text-xs\">予約制</p>
  900. \t\t\t</div>
  901. \t\t</div>
  902. \t\t<div class=\"flex flex-col items-center gap-y-9\">
  903. \t\t\t<div class=\"relative\">
  904. \t\t\t\t<img src=\"{{asset('assets/img/corporate/reef.webp')}}\" alt=\"葉\" class=\" w-[52px] h-[58px] md:w-10 md:h-[41px] absolute left-[-32px] bottom-[-2px] -z-10 md:bottom-[32px] \">
  905. \t\t\t\t<h2 class=\"text-[28px] md:text-xl text-center leading-loose tracking-[5.6px] \">実物をご覧に
  906. \t\t\t\t\t<br class=\"hidden md:block\">
  907. \t\t\t\t\tなりませんか？</h2>
  908. \t\t\t</div>
  909. \t\t\t<div class=\"text-center md:text-sm text-sm leading-7 w-full lg:text-start\">
  910. \t\t\t\t<p class=\"mb-6 leading-relaxed\">ショールームでは、オリジナル商品の全ラインナップに加え、
  911. \t\t\t\t\t<br class=\"md:hidden\">希少素材を使った一点物やショールーム専売品も、手に取ってお選び頂けます。</p>
  912. \t\t\t\t<p>柔らかな陽が降り注ぐ空間で、まなかの世界観を感じて頂けますと幸いです。</p>
  913. \t\t\t</div>
  914. \t\t</div>
  915. \t</div>
  916. \t<hr class=\"border-[#E2DFD6] max-w-[1120px] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  917. \t<div class=\"font-extralight tracking-widest leading-relaxed mx-auto max-w-[1120px] lg:px-6\">
  918. \t\t<div
  919. \t\t\tclass=\"flex flex-col\">
  920. \t\t\t{# ご予約について #}
  921. \t\t\t<div class=\"py-[120px] md:py-9 flex flex-col items-center gap-y-16 md:gap-y-8\">
  922. \t\t\t\t<div class=\"flex flex-col items-center justify-center gap-y-9 md:gap-y-5\">
  923. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px]\">ご予約について</h3>
  924. \t\t\t\t\t<div class=\"w-[704px] flex items-center justify-center gap-x-10 md:gap-x-0 bg-manakaBeige py-5 md:py-3 md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  925. \t\t\t\t\t\t<div class=\"flex gap-x-4 md:flex-col items-center justify-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  926. \t\t\t\t\t\t\t<a href=\"#ginza_showroom\" class=\"md:text-xs text-center\">銀座ショールーム</a>
  927. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  928. \t\t\t\t\t\t</div>
  929. \t\t\t\t\t\t<hr class=\"w-[1px] h-4 bg-[#E2DFD6]\">
  930. \t\t\t\t\t\t<div class=\" flex gap-x-4 md:flex-col items-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  931. \t\t\t\t\t\t\t<a href=\"#yokohama_showroom\" class=\"md:text-xs \">横浜元町ショールーム</a>
  932. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  933. \t\t\t\t\t\t</div>
  934. \t\t\t\t\t</div>
  935. \t\t\t\t</div>
  936. \t\t\t\t{# 銀座 #}
  937. \t\t\t\t<div class=\"flex flex-col gap-y-[112px] md:gap-y-8\">
  938. \t\t\t\t\t<div class=\"flex-col flex\" id=\"ginza_showroo\">
  939. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-14 md:mb-5\">
  940. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  941. \t\t\t\t\t\t\t<h3 class=\"text-[28px] tracking-[5.6px] md:text-lg \">銀座ショールーム</h3>
  942. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  943. \t\t\t\t\t\t</div>
  944. \t\t\t\t\t\t<div
  945. \t\t\t\t\t\t\tclass=\"flex flex-col mb-10\">
  946. \t\t\t\t\t\t\t{# スライダー #}
  947. \t\t\t\t\t\t\t<div
  948. \t\t\t\t\t\t\t\tclass=\"flex flex-col items-center mb-11 md:mb-8\">
  949. \t\t\t\t\t\t\t\t{# 画像 #}
  950. \t\t\t\t\t\t\t\t<div class=\"slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  951. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)] \">
  952. \t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ginza01.webp')}}\" alt=\"銀座ショールーム\" class=\"w-full h-auto top-0 left-0 rounded\">
  953. \t\t\t\t\t\t\t\t\t</div>
  954. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  955. \t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ginza02.webp')}}\" alt=\"銀座ショールーム\" class=\"w-full h-auto top-0 left-0 rounded\">
  956. \t\t\t\t\t\t\t\t\t</div>
  957. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  958. \t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ginza03.webp')}}\" alt=\"銀座ショールーム\" class=\"w-full h-full top-0 left-0 rounded\">
  959. \t\t\t\t\t\t\t\t\t</div>
  960. \t\t\t\t\t\t\t\t\t<div class=\"image w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  961. \t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ginza04.webp')}}\" alt=\"銀座ショールーム\" class=\"w-full h-full top-0 left-0 rounded\">
  962. \t\t\t\t\t\t\t\t\t</div>
  963. \t\t\t\t\t\t\t\t</div>
  964. \t\t\t\t\t\t\t</div>
  965. \t\t\t\t\t\t\t<div class=\"flex flex-col\">
  966. \t\t\t\t\t\t\t\t<div class=\"text-center text-sm md:text-start mb-7 md:mb-11\">
  967. \t\t\t\t\t\t\t\t\t<p>有楽町線 銀座一丁目駅、浅草線 宝町駅、銀座線京橋駅よりそれぞれ約徒歩5分。</p>
  968. \t\t\t\t\t\t\t\t\t<p>どちらからでもアクセス良好です。</p>
  969. \t\t\t\t\t\t\t\t</div>
  970. \t\t\t\t\t\t\t\t{# 予約枠 #}
  971. \t\t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  972. \t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  973. \t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  974. \t\t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  975. \t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  976. \t\t\t\t\t\t\t\t\t</div>
  977. \t\t\t\t\t\t\t\t\t{# 時間帯 #}
  978. \t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  979. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:00～</p>
  980. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  981. \t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  982. \t\t\t\t\t\t\t\t\t</div>
  983.                                     <p class=\"text-[10px] mt-2\">※水曜定休日</p>
  984. \t\t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  985. \t\t\t\t\t\t\t\t</div>
  986. \t\t\t\t\t\t\t\t<div
  987. \t\t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center mx-auto lg:mx-0\">
  988. \t\t\t\t\t\t\t\t\t{# フォーム #}
  989. \t\t\t\t\t\t\t\t\t<a href=\"{{url('showroom_confirm')}}\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  990. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  991. \t\t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  992. \t\t\t\t\t\t\t\t\t</a>
  993. \t\t\t\t\t\t\t\t\t{# お電話 #}
  994. \t\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex gap-x-4 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  995. \t\t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  996. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  997. \t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  998. \t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  999. \t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  1000. \t\t\t\t\t\t\t\t\t\t\t</div>
  1001. \t\t\t\t\t\t\t\t\t\t</div>
  1002. \t\t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex gap-x-4 md:gap-x-3 items-center\">
  1003. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1004. \t\t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  1005. \t\t\t\t\t\t\t\t\t\t</div>
  1006. \t\t\t\t\t\t\t\t\t</a>
  1007. \t\t\t\t\t\t\t\t</div>
  1009. \t\t\t\t\t\t\t</div>
  1010. \t\t\t\t\t\t</div>
  1011. \t\t\t\t\t\t<a href=\"#ginza_map\" class=\"text-manakaGold text-center underline hover:no-underline md:text-sm hover\">詳しいアクセス・MAPはこちら</a>
  1012. \t\t\t\t\t</div>
  1013. \t\t\t\t\t{# 横浜 #}
  1014. \t\t\t\t\t<div id=\"yokohama_showroom\">
  1015. \t\t\t\t\t\t<div class=\"flex-col flex gap-y-14 md:gap-y-5\">
  1016. \t\t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3\">
  1017. \t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1018. \t\t\t\t\t\t\t\t<h3 class=\"text-[28px] md:text-lg tracking-[5.6px]\">横浜元町ショールーム</h3>
  1019. \t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1020. \t\t\t\t\t\t\t</div>
  1021. \t\t\t\t\t\t\t<div
  1022. \t\t\t\t\t\t\t\tclass=\"flex flex-col\">
  1023. \t\t\t\t\t\t\t\t{# スライダー #}
  1024. \t\t\t\t\t\t\t\t<div
  1025. \t\t\t\t\t\t\t\t\tclass=\"w-full flex flex-col items-center mb-11 md:mb-8\">
  1026. \t\t\t\t\t\t\t\t\t{# 画像 #}
  1027. \t\t\t\t\t\t\t\t\t<div class=\"slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  1028. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)] \">
  1029. \t\t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ykhm01.webp')}}\" alt=\"\" class=\" w-full h-auto top-0 left-0\">
  1030. \t\t\t\t\t\t\t\t\t\t</div>
  1031. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  1032. \t\t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ykhm02.webp')}}\" alt=\"\" class=\" w-full h-auto top-0 left-0\">
  1033. \t\t\t\t\t\t\t\t\t\t</div>
  1034. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  1035. \t\t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ykhm03.webp')}}\" alt=\"\" class=\" w-full h-full top-0 left-0\">
  1036. \t\t\t\t\t\t\t\t\t\t</div>
  1037. \t\t\t\t\t\t\t\t\t\t<div class=\"slick-slider w-[max(45.83vw,325px)] h-[max(28.64vw,204px)]\">
  1038. \t\t\t\t\t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_ykhm04.webp')}}\" alt=\"\" class=\"w-full h-full top-0 left-0\">
  1039. \t\t\t\t\t\t\t\t\t\t</div>
  1040. \t\t\t\t\t\t\t\t\t</div>
  1041. \t\t\t\t\t\t\t\t</div>
  1042. \t\t\t\t\t\t\t\t<div class=\"flex flex-col\">
  1043. \t\t\t\t\t\t\t\t\t<div class=\"text-center text-sm md:text-start md:mb-11 mb-7\">
  1044. \t\t\t\t\t\t\t\t\t\t<p>みなとみらい線 元町・中華街駅より徒歩3分。</p>
  1045. \t\t\t\t\t\t\t\t\t\t<p>JR石川町駅より徒歩10分。どちらからでもアクセス良好です。</p>
  1046. \t\t\t\t\t\t\t\t\t</div>
  1048. \t\t\t\t\t\t\t\t\t{# 予約枠 #}
  1049. \t\t\t\t\t\t\t\t    <div class=\"flex flex-col items-center mb-5 md:mb-2\">
  1050. \t\t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  1051. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1052. \t\t\t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  1053. \t\t\t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1054. \t\t\t\t\t\t\t\t\t\t</div>
  1055. \t\t\t\t\t\t\t\t\t\t{# 時間帯 #}
  1056. \t\t\t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4 \">
  1057. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:30～</p>
  1058. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  1059. \t\t\t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  1060. \t\t\t\t\t\t\t\t\t\t</div>
  1061.                                         <p class=\"text-[10px] mt-2\">月曜・火曜・金曜定休日</p>
  1062. \t\t\t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  1063. \t\t\t\t\t\t\t\t\t</div>
  1064. \t\t\t\t\t\t\t\t\t<div
  1065. \t\t\t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center mx-auto lg:mx-0\">
  1066. \t\t\t\t\t\t\t\t\t\t{# フォーム #}
  1067. \t\t\t\t\t\t\t\t\t\t<a href=\"{{url('showroom_confirm')}}\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  1068. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  1069. \t\t\t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  1070. \t\t\t\t\t\t\t\t\t\t</a>
  1071. \t\t\t\t\t\t\t\t\t\t{# お電話 #}
  1072. \t\t\t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  1073. \t\t\t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  1074. \t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  1075. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  1076. \t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1077. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  1078. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1079. \t\t\t\t\t\t\t\t\t\t\t</div>
  1080. \t\t\t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex gap-4 md:gap-x-3 items-center\">
  1081. \t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1082. \t\t\t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  1083. \t\t\t\t\t\t\t\t\t\t\t</div>
  1084. \t\t\t\t\t\t\t\t\t\t</a>
  1085. \t\t\t\t\t\t\t\t\t</div>
  1087. \t\t\t\t\t\t\t\t</div>
  1088. \t\t\t\t\t\t\t</div>
  1089. \t\t\t\t\t\t\t<a href=\"#yokohama_map\" class=\"text-manakaGold text-center underline hover:no-underline md:text-sm hover\">詳しいアクセス・MAPはこちら</a>
  1090. \t\t\t\t\t\t</div>
  1091. \t\t\t\t\t</div>
  1092. \t\t\t\t</div>
  1093. \t\t\t</div>
  1094. \t\t\t<hr
  1095. \t\t\tclass=\"border-[#E2DFD6] max-w-[1120x] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  1096. \t\t\t{# ショールームだけのおもてなし #}
  1097. \t\t\t<div class=\"mx-auto max-w-[1120px] py-[120px] md:py-9 flex flex-col items-center gap-y-[90px] md:gap-y-6\">
  1098. \t\t\t\t<div class=\"flex flex-col gap-y-9\">
  1099. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px] md:text-center\">ショールームだけの<br class=\"hidden md:block\">おもてなし</h3>
  1100. \t\t\t\t\t<p class=\"text-sm text-center\">専門スタッフがお位牌・お仏壇選びをお手伝いいたします。</p>
  1101. \t\t\t\t</div>
  1102. \t\t\t\t{# おもてなし1 #}
  1103. \t\t\t\t<div class=\"flex flex-col\">
  1104. \t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_sv01.webp')}}\" alt=\"コーディネートのイメージ\" class=\"w-[max(45.83vw,325px)]\">
  1105. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  1106. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  1107. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">実物を見てコーディネート</p>
  1108. \t\t\t\t\t\t</div>
  1109. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  1110. \t\t\t\t\t\t\t<p class=\"leading-loose\">オリジナル商品の全ラインナップを、実際に手にとって自由にご覧頂けます。
  1111. \t\t\t\t\t\t\t\t<br>また、専属スタッフがご希望を伺い、おすすめのコーディネートをご提案します。ご自分らしい「祈りのかたち」を見つけるお手伝いをいたします。</p>
  1112. \t\t\t\t\t\t</div>
  1113. \t\t\t\t\t</div>
  1114. \t\t\t\t</div>
  1115. \t\t\t\t{# おもてなし2 #}
  1116. \t\t\t\t<div class=\"flex flex-col\">
  1117. \t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_sv02.webp')}}\" alt=\"カウンセリングのイメージ\" class=\"w-[max(45.83vw,325px)]\">
  1118. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  1119. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  1120. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">ご供養のお悩み
  1121. \t\t\t\t\t\t\t\t<br class=\"md:block hidden\">
  1122. \t\t\t\t\t\t\t\tカウンセリング</p>
  1123. \t\t\t\t\t\t</div>
  1124. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  1125. \t\t\t\t\t\t\t<p class=\"leading-loose\">お位牌・お仏壇の組み合わせはもちろん、ご供養にまつわるさまざまなお悩みに対し、熟練のスタッフがサポートさせて頂きます。 「こんなことを聞いてもいいのだろうか」と思うような内容も、ぜひお気軽にご相談ください。</p>
  1126. \t\t\t\t\t\t</div>
  1127. \t\t\t\t\t</div>
  1128. \t\t\t\t</div>
  1129. \t\t\t\t{# おもてなし3 #}
  1130. \t\t\t\t<div class=\"flex flex-col\">
  1131. \t\t\t\t\t<img src=\"{{asset('assets/img/showroom/showroom_sv03.webp')}}\" alt=\"ショールーム限定商品について\" class=\"w-[max(45.83vw,325px)]\">
  1132. \t\t\t\t\t<div class=\"mt-[-1.66vw] z-10 w-[max(45.83vw,325px)]\">
  1133. \t\t\t\t\t\t<div class=\"pt-6 pb-3 pl-0 pr-20 bg-white mb-7 md:mb-0 md:pb-7 md:pt-4 md:pr-3 w-fit \">
  1134. \t\t\t\t\t\t\t<p class=\"text-2xl w-fit md:text-base tracking-[4.8px]\">ショールーム限定商品</p>
  1135. \t\t\t\t\t\t</div>
  1136. \t\t\t\t\t\t<div class=\"text-sm md:text-sm md:ml-4\">
  1137. \t\t\t\t\t\t\t<p class=\"leading-loose\">希少性の高い天然石のお位牌や、作家と制作した美しい祈りの道具など、数が少なく、オンラインでは取り扱いが難しい商品もご案内しております。</p>
  1138. \t\t\t\t\t\t</div>
  1139. \t\t\t\t\t</div>
  1140. \t\t\t\t</div>
  1141. \t\t\t</div>
  1142. \t\t\t{# アクセスについて #}
  1143. \t\t\t<hr class=\"border-[#E2DFD6] max-w-[1120x] mx-auto border w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  1144. \t\t\t<div class=\"py-[120px] md:py-9 flex flex-col items-center justify-center\">
  1145. \t\t\t\t<div class=\"flex flex-col items-center justify-center gap-y-9 md:gap-y-5 mb-[112px] md:mb-8\">
  1146. \t\t\t\t\t<h3 class=\"text-[28px] md:text-xl tracking-[5.6px]\">アクセスについて</h3>
  1147. \t\t\t\t\t<div class=\"w-[704px] flex items-center justify-center gap-x-10 md:gap-x-0 bg-manakaBeige py-5 md:py-3 md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  1148. \t\t\t\t\t\t<div class=\"flex gap-x-4 md:flex-col items-center justify-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  1149. \t\t\t\t\t\t\t<a href=\"#ginza_map\" class=\"md:text-sm text-center\">銀座ショールーム</a>
  1150. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  1151. \t\t\t\t\t\t</div>
  1152. \t\t\t\t\t\t<hr class=\"w-[1px] h-4 bg-[#E2DFD6]\">
  1153. \t\t\t\t\t\t<div class=\" flex gap-x-4 md:flex-col items-center md:gap-y-[2px] md:px-6 md:w-full hover\">
  1154. \t\t\t\t\t\t\t<a href=\"#yokohama_map\" class=\"md:text-sm\">横浜元町ショールーム</a>
  1155. \t\t\t\t\t\t\t<i class=\"fas fa-chevron-down fa-xs\"></i>
  1156. \t\t\t\t\t\t</div>
  1157. \t\t\t\t\t</div>
  1158. \t\t\t\t</div>
  1159. \t\t\t\t<div
  1160. \t\t\t\t\tclass=\"w-full items-center justify-center flex flex-col gap-y-20 md:gap-y-12\">
  1161. \t\t\t\t\t{# 銀座ショールーム #}
  1162. \t\t\t\t\t<div class=\"w-full flex-col flex items-center justify-center\" id=\"ginza_map\">
  1163. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-11 md:mb-8\">
  1164. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1165. \t\t\t\t\t\t\t<h3 class=\"text-[22px] md:text-lg tracking-[4.5px]\">銀座ショールーム</h3>
  1166. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1167. \t\t\t\t\t\t</div>
  1168. \t\t\t\t\t\t<div class=\"max-w-[880px] w-full\">
  1169. \t\t\t\t\t\t\t<div class=\"w-full flex flex-col gap-y-11 mb-16 md:mb-12 md:gap-y-6\">
  1170. \t\t\t\t\t\t\t\t<table class=\"whitespace-nowrap text-sm md:text-sm pb-4 ml-4 md:ml-0\">
  1171. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top\">
  1172. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  1173. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">住所</td>
  1174. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0 flex flex-col gap-y-1\">
  1175. \t\t\t\t\t\t\t\t\t\t\t\t<p>〒104-0061</p>
  1176. \t\t\t\t\t\t\t\t\t\t\t\t<p>東京都中央区銀座1-15-4 銀座一丁目ビル9F</p>
  1177. \t\t\t\t\t\t\t\t\t\t\t</td>
  1178. \t\t\t\t\t\t\t\t\t\t</tr>
  1179. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  1180. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">TEL</td>
  1181. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">03-5579-5671</td>
  1182. \t\t\t\t\t\t\t\t\t\t</tr>
  1183. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  1184. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">営業時間</td>
  1185. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">10:00～18:00　※水曜定休日</td>
  1186. \t\t\t\t\t\t\t\t\t\t</tr>
  1187. \t\t\t\t\t\t\t\t\t</tbody>
  1188. \t\t\t\t\t\t\t\t</table>
  1189. \t\t\t\t\t\t\t\t<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.132008135673!2d139.76788477684806!3d35.673751430383106!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188ba8f8bf3de3%3A0xb01ce858839afa41!2z56WI44KK44Gu6YGT5YW35bGL44G-44Gq44GLIOmKgOW6p-OCt-ODp-ODvOODq-ODvOODoOOAkOS6iOe0hOWItuOAkQ!5e0!3m2!1sja!2sjp!4v1710988516409!5m2!1sja!2sjp\" width=\"100%\" height=\"410\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)] md:h-[220px]\"></iframe>
  1190. \t\t\t\t\t\t\t\t<table class=\"text-sm pb-4 ml-4 md:ml-4\">
  1191. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top md:text-sm\">
  1192. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  1193. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top pr-2 pb-6 md:pb-0 md:font-bold \">電車でお越しの方へ</td>
  1194. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col leading-relaxed\">
  1195. \t\t\t\t\t\t\t\t\t\t\t\t<p>有楽町線 銀座一丁目駅 10番出口より徒歩5分</p>
  1196. \t\t\t\t\t\t\t\t\t\t\t\t<p>都営浅草線 宝町駅 A3出口より徒歩4分</p>
  1197. \t\t\t\t\t\t\t\t\t\t\t\t<p>銀座線 京橋駅 2番出口より徒歩5分</p>
  1198. \t\t\t\t\t\t\t\t\t\t\t\t<p>銀座線/日比谷線/丸の内線 銀座駅 A13出口より徒歩9分</p>
  1199. \t\t\t\t\t\t\t\t\t\t\t\t<p>JR山手線・京浜東北線 有楽町駅 京橋口より徒歩9分</p>
  1200. \t\t\t\t\t\t\t\t\t\t\t</td>
  1201. \t\t\t\t\t\t\t\t\t\t</tr>
  1202. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  1203. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[246px] pr-2 pb-6 md:pb-0 md:font-bold\">お車でお越しの方へ</td>
  1204. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  1205. \t\t\t\t\t\t\t\t\t\t\t\t<p>駐車場をご利用の方には、割引サービスをご用意しております。詳しくは、ご予約の際にスタッフにご確認ください。</p>
  1206. \t\t\t\t\t\t\t\t\t\t\t\t<p>※当店で5,000円以上お買い上げのお客様が対象となります。</p>
  1207.                                                 <p>※ショールームがあるビルは駐車場がございません。</p>
  1208. \t\t\t\t\t\t\t\t\t\t\t</td>
  1209. \t\t\t\t\t\t\t\t\t\t</tr>
  1210. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  1211. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[238px] pr-2 md:font-bold\">ご予約について</td>
  1212. \t\t\t\t\t\t\t\t\t\t\t<td class=\"leading-relaxed\">下記の予約フォームまたはお電話にてご予約ください。</td>
  1213. \t\t\t\t\t\t\t\t\t\t</tr>
  1214. \t\t\t\t\t\t\t\t\t</tbody>
  1215. \t\t\t\t\t\t\t\t</table>
  1216. \t\t\t\t\t\t\t</div>
  1217. \t\t\t\t\t\t\t{# 予約枠 #}
  1218. \t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  1219. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  1220. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1221. \t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  1222. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1223. \t\t\t\t\t\t\t\t</div>
  1224. \t\t\t\t\t\t\t\t{# 時間帯 #}
  1225. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  1226. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:00～</p>
  1227. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  1228. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  1229. \t\t\t\t\t\t\t\t</div>
  1230.                                 <p class=\"text-[10px] mt-2\">※水曜定休日</p>
  1231. \t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  1232. \t\t\t\t\t\t\t</div>
  1233. \t\t\t\t\t\t\t<div
  1234. \t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center\">
  1235. \t\t\t\t\t\t\t\t{# フォーム #}
  1236. \t\t\t\t\t\t\t\t<a href=\"{{url('showroom_confirm')}}\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] mx-auto lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  1237. \t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  1238. \t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  1239. \t\t\t\t\t\t\t\t</a>
  1240. \t\t\t\t\t\t\t\t{# お電話 #}
  1241. \t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] mx-atuo md:h-[46px] items-center justify-center rounded hover\">
  1242. \t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  1243. \t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  1244. \t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  1245. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1246. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  1247. \t\t\t\t\t\t\t\t\t\t</div>
  1248. \t\t\t\t\t\t\t\t\t</div>
  1249. \t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex items-center gap-x-4 md:gap-x-3\">
  1250. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1251. \t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  1252. \t\t\t\t\t\t\t\t\t</div>
  1253. \t\t\t\t\t\t\t\t</a>
  1254. \t\t\t\t\t\t\t</div>
  1255. \t\t\t\t\t\t</div>
  1256. \t\t\t\t\t</div>
  1257. \t\t\t\t\t{# 横浜元町ショールーム #}
  1258. \t\t\t\t\t<div class=\"w-full flex-col flex items-center justify-center\" id=\"yokohama_map\">
  1259. \t\t\t\t\t\t<div class=\"flex gap-x-8 items-center justify-center md:gap-x-3 mb-11 md:mb-5\">
  1260. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1261. \t\t\t\t\t\t\t<h3 class=\"text-[22px] tracking-[4.5px] md:text-lg\">横浜元町ショールーム</h3>
  1262. \t\t\t\t\t\t\t<hr class=\"w-8 md:w-4 h-[1px] bg-black border-none\">
  1263. \t\t\t\t\t\t</div>
  1264. \t\t\t\t\t\t<div class=\"max-w-[880px] w-full\">
  1265. \t\t\t\t\t\t\t<div class=\"w-full flex flex-col gap-y-11 mb-16 md:mb-12 md:gap-y-6\">
  1266. \t\t\t\t\t\t\t\t<table class=\"whitespace-nowrap text-sm pb-4 md:text-sm ml-4 md:ml-0\">
  1267. \t\t\t\t\t\t\t\t\t<tbody class=\"w-full align-top \">
  1268. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  1269. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">住所</td>
  1270. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0 flex flex-col gap-y-1\">
  1271. \t\t\t\t\t\t\t\t\t\t\t\t<p>〒231-0861</p>
  1272. \t\t\t\t\t\t\t\t\t\t\t\t<p>神奈川県横浜市中区元町1-13 元町プラザ2F</p>
  1273. \t\t\t\t\t\t\t\t\t\t\t</td>
  1274. \t\t\t\t\t\t\t\t\t\t</tr>
  1275. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1 pb-4\">
  1276. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">TEL</td>
  1277. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">03-5579-5671</td>
  1278. \t\t\t\t\t\t\t\t\t\t</tr>
  1279. \t\t\t\t\t\t\t\t\t\t<tr class=\"w-full md:flex md:flex-col gap-y-1\">
  1280. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 pb-5 md:pb-0 md:font-bold\">営業時間</td>
  1281. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-5 md:pb-0\">10:30～18:00　※月曜火曜金曜定休日</td>
  1282. \t\t\t\t\t\t\t\t\t\t</tr>
  1283. \t\t\t\t\t\t\t\t\t</tbody>
  1284. \t\t\t\t\t\t\t\t</table>
  1285. \t\t\t\t\t\t\t\t<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3250.5410809811683!2d139.64829367684192!3d35.44139674310987!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185d21d7a47d43%3A0xa41b21170fe62dc3!2z56WI44KK44Gu6YGT5YW35bGL44G-44Gq44GLIOaoqua1nOOCt-ODp-ODvOODq-ODvOODoA!5e0!3m2!1sja!2sjp!4v1710992183382!5m2!1sja!2sjp\" width=\"100%\" height=\"410\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)] md:h-[220px]\"></iframe>
  1286. \t\t\t\t\t\t\t\t<table class=\"text-sm pb-4 md:text-sm ml-4 md:ml-0\">
  1287. \t\t\t\t\t\t\t\t\t<tbody>
  1288. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  1289. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[232px] pr-2 pb-6 md:pb-0 md:font-bold\">電車でお越しの方へ</td>
  1290. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  1291. \t\t\t\t\t\t\t\t\t\t\t\t<p>みなとみらい線 元町・中華街駅 5番出口より徒歩3分</p>
  1292. \t\t\t\t\t\t\t\t\t\t\t\t<p>JR京浜東北線/横浜線　石川町駅駅より徒歩10分</p>
  1293. \t\t\t\t\t\t\t\t\t\t\t</td>
  1294. \t\t\t\t\t\t\t\t\t\t</tr>
  1295. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1 pb-4 md:pb-8\">
  1296. \t\t\t\t\t\t\t\t\t\t\t<td class=\"align-top w-[232px] pr-2 pb-6 md:pb-0 md:font-bold\">お車でお越しの方へ</td>
  1297. \t\t\t\t\t\t\t\t\t\t\t<td class=\"pb-6 md:pb-0 flex flex-col gap-y-1 leading-relaxed\">
  1298. \t\t\t\t\t\t\t\t\t\t\t\t<p>駐車場をご利用の方は、無料駐車場サービスをご用意しております。詳しくは、ご予約の際にスタッフにご確認ください。</p>
  1299. \t\t\t\t\t\t\t\t\t\t\t\t<p>※当店で5,000円以上お買い上げのお客様が対象となります。</p>
  1300. \t\t\t\t\t\t\t\t\t\t\t</td>
  1301. \t\t\t\t\t\t\t\t\t\t</tr>
  1302. \t\t\t\t\t\t\t\t\t\t<tr class=\"md:flex md:flex-col gap-y-1\">
  1303. \t\t\t\t\t\t\t\t\t\t\t<td class=\"w-[232px] pr-2 md:font-bold\">ご予約について</td>
  1304. \t\t\t\t\t\t\t\t\t\t\t<td class=\"leading-relaxed\">下記の予約フォームまたはお電話にてご予約ください。</td>
  1305. \t\t\t\t\t\t\t\t\t\t</tr>
  1306. \t\t\t\t\t\t\t\t\t</tbody>
  1307. \t\t\t\t\t\t\t\t</table>
  1308. \t\t\t\t\t\t\t</div>
  1309. \t\t\t\t\t\t\t{# 予約枠 #}
  1310. \t\t\t\t\t\t\t<div class=\"flex flex-col items-center mb-5 md:mb-3\">
  1311. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-4 items-center justify-center mb-5 md:mb-3\">
  1312. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1313. \t\t\t\t\t\t\t\t\t<h4 class=\"text-2xl md:text-lg\">予約枠</h4>
  1314. \t\t\t\t\t\t\t\t\t<hr class=\"w-8 md:w-5 h-[1px] bg-black border-none\">
  1315. \t\t\t\t\t\t\t\t</div>
  1316. \t\t\t\t\t\t\t\t{# 時間帯 #}
  1317. \t\t\t\t\t\t\t\t<div class=\"flex gap-x-7 md:gap-x-4\">
  1318. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">10:30～</p>
  1319. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">13:30～</p>
  1320. \t\t\t\t\t\t\t\t\t<p class=\"py-2 px-3 border border-[#CCCCCC] text-sm text-center w-fit\">16:00～</p>
  1321. \t\t\t\t\t\t\t\t</div>
  1322.                                 <p class=\"text-[10px] mt-2\">月曜・火曜・金曜定休日</p>
  1323. \t\t\t\t\t\t\t\t<p class=\"text-[10px] mt-2\">※当日のご予約はお電話にてお願い申し上げます</p>
  1324. \t\t\t\t\t\t\t</div>
  1325. \t\t\t\t\t\t\t<div
  1326. \t\t\t\t\t\t\t\tclass=\"flex gap-x-8 lg:flex-col lg:gap-y-2 items-center\">
  1327. \t\t\t\t\t\t\t\t{# フォーム #}
  1328. \t\t\t\t\t\t\t\t<a href=\"{{url('showroom_confirm')}}\" class=\"bg-[#2D969B] flex gap-x-4 md:gap-x-3 text-white  h-[62px] w-[425px] mx-auto lg:w-[90%] md:h-[46px] items-center justify-center rounded hover\">
  1329. \t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope fa-lg\" style=\"color: #ffffff;\"></i>
  1330. \t\t\t\t\t\t\t\t\t<p>フォームで予約</p>
  1331. \t\t\t\t\t\t\t\t</a>
  1332. \t\t\t\t\t\t\t\t{# お電話 #}
  1333. \t\t\t\t\t\t\t\t<a href=\"tel:03-5579-5671\" class=\"bg-[#2D969B] flex flex-col text-white h-[62px] w-[425px] lg:w-[90%] mx-atuo md:h-[46px] items-center justify-center rounded hover\">
  1334. \t\t\t\t\t\t\t\t\t<div class=\"md:hidden\">
  1335. \t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">お電話での予約は下記番号まで</p>
  1336. \t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-2\">
  1337. \t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1338. \t\t\t\t\t\t\t\t\t\t\t<p class=\"leading-snug\">03-5579-5671</p>
  1339. \t\t\t\t\t\t\t\t\t\t</div>
  1340. \t\t\t\t\t\t\t\t\t</div>
  1341. \t\t\t\t\t\t\t\t\t<div class=\"hidden md:flex items-center gap-x-4 md:gap-x-3\">
  1342. \t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone fa-flip-horizontal fa-lg\" style=\"color: #ffffff;\"></i>
  1343. \t\t\t\t\t\t\t\t\t\t<p>電話で予約</p>
  1344. \t\t\t\t\t\t\t\t\t</div>
  1345. \t\t\t\t\t\t\t\t</a>
  1346. \t\t\t\t\t\t\t</div>
  1347. \t\t\t\t\t\t</div>
  1348. \t\t\t\t\t</div>
  1349. \t\t\t\t</div>
  1350. \t\t\t</div>
  1351. \t\t\t{# サポートサービス #}
  1352. \t\t\t<hr class=\"border-[#E2DFD6] max-w-[1120x] mx-auto w-full md:w-[100vw] md:mx-[calc(50%-50vw)] md:px-[calc(50%-50vw)]\">
  1353. \t\t\t<div class=\"mt-20 flex flex-col w-full items-center md:mt-12\">
  1354. \t\t\t\t<a href=\"{{url('user_data',{'route':'about'})}}\" class=\"mb-[72px] md:mb-14 hover\">
  1355. \t\t\t\t\t<img src=\"{{asset('assets/img/showroom/link.webp')}}\" alt=\"祈りの道具屋まなかについてのリンク\" class=\"w-[550px] md:w-[315px]\">
  1356. \t\t\t\t</a>
  1357. \t\t\t\t<div class=\"flex flex-col gap-y-6 w-full items-center\">
  1358. \t\t\t\t\t<h3 class=\"text-[28px] md:text-lg tracking-[5.6px]\">サポートサービス</h3>
  1359. \t\t\t\t\t<div class=\"flex flex-wrap items-center justify-center text-xl lg:flex-col gap-5 whitespace-nowrap max-w-[1120px] w-full\">
  1360. \t\t\t\t\t\t<a href=\"{{url('user_data',{'route':'catalog'})}}\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  1361. \t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/support2.webp')}}\" alt=\"カタログお届けサービスのイメージ\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  1362. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">カタログお届けサービス</p>
  1363. \t\t\t\t\t\t</a>
  1364. \t\t\t\t\t\t<a href=\"{{url('user_data',{'route':'pick_up_altar'})}}\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  1365. \t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/support3.webp')}}\" alt=\"仏壇引き取りサービスのイメージ\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  1366. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">仏壇引き取りサービス</p>
  1367. \t\t\t\t\t\t</a>
  1368. \t\t\t\t\t\t<a href=\"{{url('user_data',{'route':'photo_services'})}}\" class=\"w-[550px] flex gap-x-10 lg:gap-x-4 bg-white md:w-full items-center shadow-[0_20px_20px_0px_rgba(0,0,0,0.08)] box-border hover\">
  1369. \t\t\t\t\t\t\t<img src=\"{{asset('assets/img/showroom/support4.webp')}}\" alt=\"コーディネート撮影サービス\" class=\"w-[90px] h-[98px] md:w-[55px] md:h-[60px]\">
  1370. \t\t\t\t\t\t\t<p class=\"text-xl md:text-sm\">コーディネート撮影サービス</p>
  1371. \t\t\t\t\t\t</a>
  1372. \t\t\t\t\t</div>
  1373. \t\t\t\t</div>
  1374. \t\t\t</div>
  1375. \t\t\t{% set breadcrumbs = [{'name': '銀座・横浜ショールーム'}] %}
  1376. \t\t\t{% include('Block/breadcrumbs.twig') %}
  1377. \t\t</div>
  1378. \t{% endblock %}
  1379. ", "@user_data/showroom.twig", "/home/xs082386/manaka-store.com/public_html/stg-renewal.manaka-store.com/app/template/user_data/showroom.twig");
  1380.     }
  1381.     
  1382.     public function checkSecurity()
  1383.     {
  1384.         static $tags = array("set" => 13, "include" => 573);
  1385.         static $filters = array("escape" => 90);
  1386.         static $functions = array("asset" => 90, "url" => 186);
  1388.         try {
  1389.             $this->sandbox->checkSecurity(
  1390.                 ['set', 'include'],
  1391.                 ['escape'],
  1392.                 ['asset', 'url']
  1393.             );
  1394.         } catch (SecurityError $e) {
  1395.             $e->setSourceContext($this->source);
  1397.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  1398.                 $e->setTemplateLine($tags[$e->getTagName()]);
  1399.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  1400.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  1401.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  1402.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  1403.             }
  1405.             throw $e;
  1406.         }
  1408.     }
  1409. }