Symfony Profiler

<?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;
/* Page/about.twig */
class __TwigTemplate_5c7e1c05ff54678557783d659a14af4e6c00b30d2fc0394dab8ef1360fb7da4e 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 "fullwidth_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", "Page/about.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Page/about.twig"));
$this->parent = $this->loadTemplate("fullwidth_frame.twig", "Page/about.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 3
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 4
echo " <main class=\"ec-layoutRole__main\">
<div class=\"home_title__inner home_title__inner_no_line\">
<h2 class=\"home_en_title \"><span class=\"en\">About</span><small>IKUSとは</small></h2>
</div>
<div class=\"about_slide_area\">
<div class=\"about_slide_area__inner\">
<div class=\"main_visual_overlay\">
<div class=\"main_visual_overlay__left\"></div>
<div class=\"main_visual_overlay__line\"></div>
<div class=\"main_visual_overlay__center\"></div>
<div class=\"main_visual_overlay__line\"></div>
<div class=\"main_visual_overlay__right\"></div>
</div>
<div class=\"swiper main_visual\">
<div class=\"swiper-wrapper\">
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"";
// line 25
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/slide03.jpg"), "html", null, true);
echo "\" width=\"2600\" height=\"1485\" alt=\"\">
</div>
</div>
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"";
// line 30
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/slide01.jpg"), "html", null, true);
echo "\" width=\"2600\" height=\"1485\" alt=\"\">
</div>
</div>
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"";
// line 35
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/slide02.jpg"), "html", null, true);
echo "\" width=\"2500\" height=\"1428\" alt=\"\">
</div>
</div>
</div>
</div>
<div class=\"swiper-pagination slider_pagination\"></div>
</div>
<div class=\"about_slide_area__text\">
<p class=\"about_slide_copy\">
自分の<br>
好きなものと、<br>
出会う
</p>
<p class=\"about_slide_en\">
Kind your likes
</p>
</div>
</div>
<div class=\"about_section about_section--desc animation\">
<div class=\"about_desc\">
<p>
一生で好きなものに会える数は、きっと僅かだ。<br>
だからこそ直感で「良い」と分かるものに出会える感動をこの場所から届けたい。<br>
";
// line 68
echo " 有名な家具をはじめ、そのほかまだみなさんに知られていない<br>
素敵な家具や雑貨も揃えてお待ちしています。
</p>
<p>
あなたの「好き」が、もっと暮らしに深みを与える。<br>
「好き」と出会うお手伝いを私たちにさせてください。
</p>
</div>
</div>

<section class=\"about_section about_section--lineup animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Line up
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
多彩な家具・インテリアとデザインラインナップで<span class=\"br\"></span>
ライフスタイルを演出します。
</p>
<p class=\"about_section__desc\">
人の手によって受け継がれてきた高度な技と魂で、伝統を超えた更なるモノづくりに挑み続ける飛騨・高山の家具や優しく滑らかな手触りと、木の曲線、張地のカラーバリエーションの豊富さなど、想像するだけでワクワクするような木工家具、人気の北欧モダンの家具など幅広くお取扱いしております。合わせて、インテリアを更にブラッシュアップさせるラグやサイドファニチャーもございます。
</p>
<div class=\"about_section__btn about_section__btn_top\">
<a class=\"base_link_brn base_link_brn__white\" href=\"";
// line 99
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "category\">
<span>商品カテゴリーを見る</span>
<span>商品カテゴリーを見る</span>
</a>
</div>
</div>

</div>

<div class=\"about_category_grid\">
<div class=\"grid__item\"></div>
<div class=\"grid__item\">
<a href=\"";
// line 112
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=10\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 114
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_01.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ソファ
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 122
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=11\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 124
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_02.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
チェア
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 132
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=12\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 134
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_03.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
スツール
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 142
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=13\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 144
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_04.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ベンチ
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 152
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=15\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 154
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_05.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
テーブル
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 162
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=16\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 164
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_06.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
サイドテーブル
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\"></div>
<div class=\"grid__item\"></div>
<div class=\"grid__item\">
<a href=\"";
// line 174
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=17\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 176
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_07.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ダイニング
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 184
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=18\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 186
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_08.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
デスク
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"";
// line 194
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=19\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"";
// line 196
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/lineup_09.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
テレビボード
</figcaption>
</figure>
</a>
</div>
</div>
</div>

</section>

<section class=\"about_section about_section--brand animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Brand
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
ハイブランドからカジュアルブランドまで
</p>
<p class=\"about_section__desc\">
IKUS（イクス）ではカリモクニュースタンダード、マスターウォールなどの家具をとりそろえております。
</p>
<div class=\"about_section__btn\">
<a class=\"base_link_brn\" href=\"";
// line 227
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "brand\">
<span>取り扱いブランドを見る</span>
<span>取り扱いブランドを見る</span>
</a>
</div>
</div>

</div>

<div class=\"swiper brand_slider\">
<div class=\"swiper-scrollbar\"></div>
";
// line 242
echo " <div class=\"swiper-wrapper\">
<div class=\"swiper-slide\">
<a href=\"";
// line 244
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=35\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"";
// line 246
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_01_img.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"";
// line 249
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_01_logo.png"), "html", null, true);
echo "\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
";
// line 254
echo " <div class=\"swiper-slide\">
<a href=\"";
// line 255
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=36\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"";
// line 257
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_02_img.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"";
// line 260
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_02_logo.png"), "html", null, true);
echo "\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
";
// line 265
echo " <div class=\"swiper-slide\">
<a href=\"";
// line 266
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=39\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"";
// line 268
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_03_img.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"";
// line 271
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_03_logo.png"), "html", null, true);
echo "\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
";
// line 276
echo " <div class=\"swiper-slide\">
<a href=\"";
// line 277
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=40\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"";
// line 279
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_04_img.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"";
// line 282
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_04_logo.png"), "html", null, true);
echo "\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
";
// line 287
echo " <div class=\"swiper-slide\">
<a href=\"";
// line 288
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
echo "products/list?category_id=70\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"";
// line 290
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_05_img.jpg"), "html", null, true);
echo "\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"";
// line 293
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/brand_05_logo.png"), "html", null, true);
echo "\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
</div>
</div>
</div>

</section>

";
// line 377
echo "
<section class=\"about_section about_section--store animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Store
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
店舗で商品を実際に体験する
</p>
<p class=\"about_section__desc\">
IKUS（イクス）は広島県内に店舗を持っています。<br>
ショールームもあり、カール・ハンセン&サン、カリモクニュースタンダード、マスターウォールなどの家具を実際に体感することができます。
</p>
</div>

</div>

<div class=\"about_store\">
<div class=\"about_store__column\">
<div class=\"about_store__map\">
<img src=\"";
// line 404
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/map.jpg"), "html", null, true);
echo "\" width=\"2798\" height=\"2074\" loading=\"lazy\" alt=\"\">
</div>
<section class=\"about_store__shop\">
<h3 class=\"about_store__shop__title\">
HIROSHIMA<br>
SHOP
</h3>
<div class=\"about_store__shop__img\">
<img src=\"";
// line 413
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/store_hiroshima.jpg"), "html", null, true);
echo "\" width=\"800\" height=\"554\" loading=\"lazy\" alt=\"\">
</div>
<p class=\"about_store__shop__info\">
731-0113 広島市安佐南区西原9-6-10 <a href=\"https://goo.gl/maps/2grPVn2oj5sAx8H36\" target=\"_blank\" class=\"map_link\">地図を見る</a><br>
TEL 082-554-0382<br>
Open / 平日11:00~19:00・土日祝10:00~19:00<br>
Close / 火・水曜日
</p>
</section>

<section class=\"about_store__shop\">
<h3 class=\"about_store__shop__title\">
HIGASHI-HIROSHIMA<br>
SHOP
</h3>
<div class=\"about_store__shop__img\">
<img src=\"";
// line 430
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/about/store_higashi_hiroshima.jpg"), "html", null, true);
echo "\" width=\"800\" height=\"554\" loading=\"lazy\" alt=\"\">
</div>
<p class=\"about_store__shop__info\">
739-0007 東広島市西条土与丸4-3-31 <a href=\"https://goo.gl/maps/AWJmLUj1KhC4SWih8\" target=\"_blank\" class=\"map_link\">地図を見る</a><br>
TEL 082-422-7870<br>
Open / 10:00~19:00<br>
Close / 火・水曜日
</p>
</section>

</div>

<ul class=\"about_store__list\">
<li>
<p class=\"about_store__list__name\">家具のセレクトショップ IKUS FURNI & COO</p>
<a class=\"base_link_brn base_link_brn__white\" target=\"_blank\" href=\"https://ikus.furniture/\">
<span>店舗ページを見る</span>
<span>店舗ページを見る</span>
</a>
</li>
</ul>

</div>
</div>

</section>

</main>
<script>
\$(function() {
/*メインスライダー*/
const swiper_main = new Swiper('.main_visual', {
speed: 900,
slidesPerView: 1,
autoplay: {
delay: 6000
},
loop: true,
allowTouchMove: true,
parallax: true,
pagination: {
el: \".slider_pagination\",
clickable: true,
},
});
/*ブランドスライダー*/
const swiper_brand = new Swiper('.brand_slider', {
slidesPerView: 'auto',
spaceBetween: 16,
grabCursor: true,
breakpoints: {
990: {
spaceBetween: 32,
}
},
scrollbar: {
el: '.brand_slider .swiper-scrollbar',
},
});
});
// 対象となる要素をすべて変数へ格納
const animeTargets = document.querySelectorAll(\".animation\");
// オプション
// root : nullの場合はブラウザのビューポート
// rootMargin : 0とすると↑で指定したルート要素と交差した瞬間（1pxでも）発火。今回のように-50%とすると対象要素がルート要素であるブラウザのビューポートの半分のところで交差したら発火となる。ルート要素を基準としたオプション。
// threshold : 閾値（しきいち）。どのくらい交差したら発火するかを指定する。0とすれば交差した瞬間に発火。対象要素を基準としたオプション。
// rootMarginとthresholdで交差してから（可視範囲に入ってから）どの程度で発火するかを調整できるということ。
const animeOption = {
root: null,
rootMargin: \"-20% 0px\",
threshold: 0
};
// 対象となるターゲットが可視範囲に入ったらis-animatedというクラスを付与する関数
const targets = (entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(\"is-animated\");
}
});
};
// 可視範囲に入ったら実行する関数targetsとfadeOptionを引数にしてIntersectionObserverコンストラクターを呼び出し
const animeObserver = new IntersectionObserver(targets, animeOption);
// animeTargetsのすべての要素を監視印象に登録
animeTargets.forEach((target) => {
animeObserver.observe(target);
});
</script>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
public function getTemplateName()
{
return "Page/about.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 550 => 430, 530 => 413, 518 => 404, 489 => 377, 475 => 293, 469 => 290, 464 => 288, 461 => 287, 454 => 282, 448 => 279, 443 => 277, 440 => 276, 433 => 271, 427 => 268, 422 => 266, 419 => 265, 412 => 260, 406 => 257, 401 => 255, 398 => 254, 391 => 249, 385 => 246, 380 => 244, 376 => 242, 359 => 227, 325 => 196, 320 => 194, 309 => 186, 304 => 184, 293 => 176, 288 => 174, 275 => 164, 270 => 162, 259 => 154, 254 => 152, 243 => 144, 238 => 142, 227 => 134, 222 => 132, 211 => 124, 206 => 122, 195 => 114, 190 => 112, 174 => 99, 141 => 68, 107 => 35, 99 => 30, 91 => 25, 68 => 4, 58 => 3, 35 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'fullwidth_frame.twig' %}
{% block main %}
<main class=\"ec-layoutRole__main\">
<div class=\"home_title__inner home_title__inner_no_line\">
<h2 class=\"home_en_title \"><span class=\"en\">About</span><small>IKUSとは</small></h2>
</div>
<div class=\"about_slide_area\">
<div class=\"about_slide_area__inner\">
<div class=\"main_visual_overlay\">
<div class=\"main_visual_overlay__left\"></div>
<div class=\"main_visual_overlay__line\"></div>
<div class=\"main_visual_overlay__center\"></div>
<div class=\"main_visual_overlay__line\"></div>
<div class=\"main_visual_overlay__right\"></div>
</div>
<div class=\"swiper main_visual\">
<div class=\"swiper-wrapper\">
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"{{ asset('assets/img/about/slide03.jpg') }}\" width=\"2600\" height=\"1485\" alt=\"\">
</div>
</div>
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"{{ asset('assets/img/about/slide01.jpg') }}\" width=\"2600\" height=\"1485\" alt=\"\">
</div>
</div>
<div class=\"item swiper-slide\">
<div data-swiper-parallax-x=\"100%\" data-swiper-parallax-scale=\"1\" class=\"swiper_img\">
<img src=\"{{ asset('assets/img/about/slide02.jpg') }}\" width=\"2500\" height=\"1428\" alt=\"\">
</div>
</div>
</div>
</div>
<div class=\"swiper-pagination slider_pagination\"></div>
</div>
<div class=\"about_slide_area__text\">
<p class=\"about_slide_copy\">
自分の<br>
好きなものと、<br>
出会う
</p>
<p class=\"about_slide_en\">
Kind your likes
</p>
</div>
</div>
<div class=\"about_section about_section--desc animation\">
<div class=\"about_desc\">
<p>
一生で好きなものに会える数は、きっと僅かだ。<br>
だからこそ直感で「良い」と分かるものに出会える感動をこの場所から届けたい。<br>
{# 北欧デザインの名作CARL HANSEN & SON、<br>
100年後の人にも愛されるものづくりをするMASTERWALなど<br>#}
有名な家具をはじめ、そのほかまだみなさんに知られていない<br>
素敵な家具や雑貨も揃えてお待ちしています。
</p>
<p>
あなたの「好き」が、もっと暮らしに深みを与える。<br>
「好き」と出会うお手伝いを私たちにさせてください。
</p>
</div>
</div>

<section class=\"about_section about_section--lineup animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Line up
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
多彩な家具・インテリアとデザインラインナップで<span class=\"br\"></span>
ライフスタイルを演出します。
</p>
<p class=\"about_section__desc\">
人の手によって受け継がれてきた高度な技と魂で、伝統を超えた更なるモノづくりに挑み続ける飛騨・高山の家具や優しく滑らかな手触りと、木の曲線、張地のカラーバリエーションの豊富さなど、想像するだけでワクワクするような木工家具、人気の北欧モダンの家具など幅広くお取扱いしております。合わせて、インテリアを更にブラッシュアップさせるラグやサイドファニチャーもございます。
</p>
<div class=\"about_section__btn about_section__btn_top\">
<a class=\"base_link_brn base_link_brn__white\" href=\"{{ url('homepage') }}category\">
<span>商品カテゴリーを見る</span>
<span>商品カテゴリーを見る</span>
</a>
</div>
</div>

</div>

<div class=\"about_category_grid\">
<div class=\"grid__item\"></div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=10\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_01.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ソファ
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=11\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_02.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
チェア
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=12\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_03.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
スツール
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=13\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_04.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ベンチ
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=15\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_05.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
テーブル
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=16\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_06.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
サイドテーブル
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\"></div>
<div class=\"grid__item\"></div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=17\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_07.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
ダイニング
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=18\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_08.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
デスク
</figcaption>
</figure>
</a>
</div>
<div class=\"grid__item\">
<a href=\"{{ url('homepage') }}products/list?category_id=19\" class=\"category__card\">
<figure class=\"category__card__img\">
<img src=\"{{ asset('assets/img/about/lineup_09.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
<figcaption>
テレビボード
</figcaption>
</figure>
</a>
</div>
</div>
</div>

</section>

<section class=\"about_section about_section--brand animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Brand
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
ハイブランドからカジュアルブランドまで
</p>
<p class=\"about_section__desc\">
IKUS（イクス）ではカリモクニュースタンダード、マスターウォールなどの家具をとりそろえております。
</p>
<div class=\"about_section__btn\">
<a class=\"base_link_brn\" href=\"{{ url('homepage') }}brand\">
<span>取り扱いブランドを見る</span>
<span>取り扱いブランドを見る</span>
</a>
</div>
</div>

</div>

<div class=\"swiper brand_slider\">
<div class=\"swiper-scrollbar\"></div>
{# MASTERWAL #}
<div class=\"swiper-wrapper\">
<div class=\"swiper-slide\">
<a href=\"{{ url('homepage') }}products/list?category_id=35\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"{{ asset('assets/img/about/brand_01_img.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"{{ asset('assets/img/about/brand_01_logo.png') }}\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
{# KarimokuNewStandard #}
<div class=\"swiper-slide\">
<a href=\"{{ url('homepage') }}products/list?category_id=36\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"{{ asset('assets/img/about/brand_02_img.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"{{ asset('assets/img/about/brand_02_logo.png') }}\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
{# 朝日木材加工 BRIDGE #}
<div class=\"swiper-slide\">
<a href=\"{{ url('homepage') }}products/list?category_id=39\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"{{ asset('assets/img/about/brand_03_img.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"{{ asset('assets/img/about/brand_03_logo.png') }}\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
{# 日本ベッド #}
<div class=\"swiper-slide\">
<a href=\"{{ url('homepage') }}products/list?category_id=40\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"{{ asset('assets/img/about/brand_04_img.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"{{ asset('assets/img/about/brand_04_logo.png') }}\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
{# HAY #}
<div class=\"swiper-slide\">
<a href=\"{{ url('homepage') }}products/list?category_id=70\" class=\"brand_card\">
<div class=\"brand_card__img\">
<img src=\"{{ asset('assets/img/about/brand_05_img.jpg') }}\" width=\"900\" height=\"900\" loading=\"lazy\" alt=\"\">
</div>
<div class=\"brand_card__logo\">
<img src=\"{{ asset('assets/img/about/brand_05_logo.png') }}\" width=\"145\" height=\"40\" loading=\"lazy\" alt=\"\">
</div>
</a>
</div>
</div>
</div>
</div>

</section>

{#
<section class=\"about_section about_section--coordinate animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Coordinate
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
お客様のニーズに合わせて、最適な空間をご提案
</p>
<div class=\"about_section__btn\">
<a class=\"base_link_brn\" href=\"https://online.ikus.furniture/coordinate\">
<span>コーディネートページへ</span>
<span>コーディネートページへ</span>
</a>
</div>
</div>

</div>

<section class=\"about_coordinate\">
<div class=\"about_coordinate__text_area\">
<h3 class=\"about_coordinate__title\">オフィスデザインコーディネート</h3>
<p class=\"about_coordinate__copy\">
多様なワークスタイルに対応する<br>
オフィスコーディネート
</p>
<p class=\"about_coordinate__desc\">
社会の変化による多様な働き方やスタッフの働きやすい環境などご要望の聞き取り・現地採寸からご提案・スケジュール調整・組立設置まで一貫して行っております。<br>
オフィス家具メーカーだけでなく、デザイン家具で新しいオフィス環境のご提案もさせていただきます。
</p>
<p class=\"about_coordinate__kome\">
※オフィス家具の（株）オカムラ・（株）イトーキの代理店として商業施設や大規模なオフィス家具、事務用品などのご提案にも対応いたします。
</p>
</div>

<div class=\"about_coordinate__img_area\">
<img src=\"{{ asset('assets/img/about/coordinate_01.jpg') }}\" width=\"2427\" height=\"1371\" loading=\"lazy\" alt=\"\">
</div>

</section>

<section class=\"about_coordinate\">
<div class=\"about_coordinate__text_area\">
<h3 class=\"about_coordinate__title\">店舗デザインコーディネート</h3>
<p class=\"about_coordinate__copy\">
個性を尊重してスタイルに合わせた<br>
コーディネートをプロデュース
</p>
<p class=\"about_coordinate__desc\">
飲食店・アパレルショップ・ネイルサロンなど店舗のテーマやターゲット層、目指したい雰囲気など、オーナー様の個性を大切にご要望に合わせて内装や家具だけでなく什器や雑貨・照明器具などのご相談にも応じております。
</p>
</div>

<div class=\"about_coordinate__img_area\">
<img src=\"{{ asset('assets/img/about/coordinate_02.jpg') }}\" width=\"2427\" height=\"1371\" loading=\"lazy\" alt=\"\">
</div>

</section>

</div>

</section>

#}
<section class=\"about_section about_section--store animation\">
<div class=\"about_container\">
<div class=\"about_section__title_area\">
<h2 class=\"about_section__title\">
Store
</h2>
<div class=\"about_section__desc_area\">
<p class=\"about_section__copy\">
店舗で商品を実際に体験する
</p>
<p class=\"about_section__desc\">
IKUS（イクス）は広島県内に店舗を持っています。<br>
ショールームもあり、カール・ハンセン&サン、カリモクニュースタンダード、マスターウォールなどの家具を実際に体感することができます。
</p>
</div>

</div>

<div class=\"about_store\">
<div class=\"about_store__column\">
<div class=\"about_store__map\">
<img src=\"{{ asset('assets/img/about/map.jpg') }}\" width=\"2798\" height=\"2074\" loading=\"lazy\" alt=\"\">
</div>
<section class=\"about_store__shop\">
<h3 class=\"about_store__shop__title\">
HIROSHIMA<br>
SHOP
</h3>
<div class=\"about_store__shop__img\">
<img src=\"{{ asset('assets/img/about/store_hiroshima.jpg') }}\" width=\"800\" height=\"554\" loading=\"lazy\" alt=\"\">
</div>
<p class=\"about_store__shop__info\">
731-0113 広島市安佐南区西原9-6-10 <a href=\"https://goo.gl/maps/2grPVn2oj5sAx8H36\" target=\"_blank\" class=\"map_link\">地図を見る</a><br>
TEL 082-554-0382<br>
Open / 平日11:00~19:00・土日祝10:00~19:00<br>
Close / 火・水曜日
</p>
</section>

<section class=\"about_store__shop\">
<h3 class=\"about_store__shop__title\">
HIGASHI-HIROSHIMA<br>
SHOP
</h3>
<div class=\"about_store__shop__img\">
<img src=\"{{ asset('assets/img/about/store_higashi_hiroshima.jpg') }}\" width=\"800\" height=\"554\" loading=\"lazy\" alt=\"\">
</div>
<p class=\"about_store__shop__info\">
739-0007 東広島市西条土与丸4-3-31 <a href=\"https://goo.gl/maps/AWJmLUj1KhC4SWih8\" target=\"_blank\" class=\"map_link\">地図を見る</a><br>
TEL 082-422-7870<br>
Open / 10:00~19:00<br>
Close / 火・水曜日
</p>
</section>

</div>

<ul class=\"about_store__list\">
<li>
<p class=\"about_store__list__name\">家具のセレクトショップ IKUS FURNI & COO</p>
<a class=\"base_link_brn base_link_brn__white\" target=\"_blank\" href=\"https://ikus.furniture/\">
<span>店舗ページを見る</span>
<span>店舗ページを見る</span>
</a>
</li>
</ul>

</div>
</div>

</section>

</main>
<script>
\$(function() {
/*メインスライダー*/
const swiper_main = new Swiper('.main_visual', {
speed: 900,
slidesPerView: 1,
autoplay: {
delay: 6000
},
loop: true,
allowTouchMove: true,
parallax: true,
pagination: {
el: \".slider_pagination\",
clickable: true,
},
});
/*ブランドスライダー*/
const swiper_brand = new Swiper('.brand_slider', {
slidesPerView: 'auto',
spaceBetween: 16,
grabCursor: true,
breakpoints: {
990: {
spaceBetween: 32,
}
},
scrollbar: {
el: '.brand_slider .swiper-scrollbar',
},
});
});
// 対象となる要素をすべて変数へ格納
const animeTargets = document.querySelectorAll(\".animation\");
// オプション
// root : nullの場合はブラウザのビューポート
// rootMargin : 0とすると↑で指定したルート要素と交差した瞬間（1pxでも）発火。今回のように-50%とすると対象要素がルート要素であるブラウザのビューポートの半分のところで交差したら発火となる。ルート要素を基準としたオプション。
// threshold : 閾値（しきいち）。どのくらい交差したら発火するかを指定する。0とすれば交差した瞬間に発火。対象要素を基準としたオプション。
// rootMarginとthresholdで交差してから（可視範囲に入ってから）どの程度で発火するかを調整できるということ。
const animeOption = {
root: null,
rootMargin: \"-20% 0px\",
threshold: 0
};
// 対象となるターゲットが可視範囲に入ったらis-animatedというクラスを付与する関数
const targets = (entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(\"is-animated\");
}
});
};
// 可視範囲に入ったら実行する関数targetsとfadeOptionを引数にしてIntersectionObserverコンストラクターを呼び出し
const animeObserver = new IntersectionObserver(targets, animeOption);
// animeTargetsのすべての要素を監視印象に登録
animeTargets.forEach((target) => {
animeObserver.observe(target);
});
</script>
{% endblock %}
", "Page/about.twig", "/home/xs626321/ikus.furniture/public_html/dev/app/template/default/Page/about.twig");
}
}

var/cache/dev/twig/f7/f77bd365129e90c11066c1c581aae0017a7b9a1d0767d3cc910dfcfdb615ea59.php line 48