<!doctype html>
{#
This file is part of EC-CUBE
Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
http://www.lockon.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
<html lang="{{ eccube_config.locale }}">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
<meta name="format-detection" content="telephone=no">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V26DWGSSQS"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-V26DWGSSQS'); </script>
<title>{{ BaseInfo.shop_name }}{% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}{% elseif title is defined and title is not empty %} / {{ title }}{% endif %}</title>
{% if Page.meta_tags is not empty %}
{{ include(template_from_string(Page.meta_tags)) }}
{% if Page.description is not empty %}
<meta name="description" content="{{ Page.description }}">
{% endif %}
{% else %}
{{ include('meta.twig') }}
{% endif %}
{% if Page.author is not empty %}
<meta name="author" content="{{ Page.author }}">
{% endif %}
{% if Page.keyword is not empty %}
<meta name="keywords" content="{{ Page.keyword }}">
{% endif %}
{% if Page.meta_robots is not empty %}
<meta name="robots" content="{{ Page.meta_robots }}">
{% endif %}
{% if Page.meta_tags is not empty %}
{{ include(template_from_string(Page.meta_tags)) }}
{% endif %}
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/img/favicon_package/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/favicon_package/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/img/favicon_package/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('assets/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('assets/img/favicon_package/safari-pinned-tab.svg') }}" color="#224b47">
<link rel="shortcut icon" href="{{ asset('assets/img/favicon_package/favicon.ico') }}">
<meta name="msapplication-TileColor" content="#224b47">
<meta name="msapplication-config" content="{{ asset('assets/browserconfig.xml') }}">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
{# コメントアウト インライン記述用
<link rel="stylesheet" href="{{ asset('assets/css/common_style.min.css') }}">
<style></style>
#}
<link rel="stylesheet" href="{{ asset('assets/css/default_style.css') }}" media="all">
{% block stylesheet %}{% endblock %}
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{ asset('assets/js/bundle.js') }}" defer></script>
<script src="{{ asset('assets/js/main.js') }}" defer></script>
<script>
$(function() {
$.ajaxSetup({
'headers': {
'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
}
});
});
</script>
{# Layout: HEAD #}
{% if Layout.Head %}
{{ include('block.twig', {'Blocks': Layout.Head}) }}
{% endif %}
{# プラグイン用styleseetやmetatagなど #}
{% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
<link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
</head>
<body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
<div class="c-loading" id="js-loading"></div>
{# Layout: BODY_AFTER #}
{% if Layout.BodyAfter %}
{{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
{% endif %}
{% if isMaintenance is defined %}
{% if isMaintenance %}
<div class="c-maintenance">
<div class="c-maintenance__item">
<i class="c-maintenance__icon material-icons">warning</i>
<p class="c-maintenance__text">{{ 'front.under_maintenance'|trans }}</p>
</div>
</div>
{% endif %}
{% endif %}
<div class="l-layout">
{{ include('Block/nav_sp.twig') }}
<div class="l-layout__body" id="js-layout__body">
<span class="l-layout__body-bg" id="js-layout__body-bg"></span>
{# Layout: HEADER #}
{% if Layout.Header %}
<header class="l-header">
{{ include('block.twig', {'Blocks': Layout.Header}) }}
</header>
{% endif %}
<main class="l-main">
{# Layout: CONTENTS_TOP #}
{% if Layout.ContentsTop %}
<div class="l-main__top">
{{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
</div>
{% endif %}
<div class="l-main__middle">
{# Layout: SIDE_LEFT #}
{% if Layout.SideLeft %}
<div class="l-main__middle-sub">
{{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
</div>
{% endif %}
{% set layoutRoleMain = 'l-main__middle-main' %}
{% if Layout.ColumnNum == 2 %}
{% set layoutRoleMain = 'l-main__middle-main is-2column' %}
{% elseif Layout.ColumnNum == 3 %}
{% set layoutRoleMain = 'l-main__middle-main is-3column' %}
{% endif %}
<div class="{{ layoutRoleMain }}">
{# Layout: MAIN_TOP #}
{% if Layout.MainTop %}
<div class="l-main__middle-main-top">
{{ include('block.twig', {'Blocks': Layout.MainTop}) }}
</div>
{% endif %}
{# MAIN AREA #}
{% block main %}{% endblock %}
{# Layout: MAIN_Bottom #}
{% if Layout.MainBottom %}
<div class="l-main__middle-main-bottom">
{{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
</div>
{% endif %}
</div>
{# Layout: SIDE_RIGHT #}
{% if Layout.SideRight %}
<div class="l-main__middle-sub">
{{ include('block.twig', {'Blocks': Layout.SideRight}) }}
</div>
{% endif %}
</div>
{# Layout: CONTENTS_BOTTOM #}
{% if Layout.ContentsBottom %}
<div class="l-main__bottom">
{{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
</div>
{% endif %}
</main>
{# Layout: CONTENTS_FOOTER #}
{% if Layout.Footer %}
<footer class="l-footer">
{{ include('block.twig', {'Blocks': Layout.Footer}) }}
<div class="c-scroll-to-top is-hide" id="js-scroll-to-top">
<div class="c-scroll-to-top__contents">
<span class="c-scroll-to-top__text">{{'PAGE TOP'|trans}}</span>
</div>
</div>
</footer>
{% endif %}
</div>
</div>
{% if Layout.Drawer %}
{# Layout: DRAWER #}
<div class="l-drawer">
<div class="l-drawer__overlay" id="js-drawer__overlay"></div>
<aside class="l-drawer__body" id="js-drawer__body">
<div class="l-drawer__heading">
<div class="l-drawer__button">
<div class="l-drawer__button--close" id="js-drawer__button--close"></div>
</div>
</div>
<div class="l-drawer__contents">
<div class="l-drawer__contents-inner">
{{ include('block.twig', {'Blocks': Layout.Drawer}) }}
<dl class="l-drawer__sns">
<dt class="l-drawer__sns-label">Follow us</dt>
<dd class="l-drawer__sns-detail">
<ul class="l-drawer__sns-list">
{# <li class="l-drawer__sns-list-item">
<a class="l-drawer__sns-link is-twitter" href="#" target="_blank" rel="noopener">Twitter</a>
</li> #}
<li class="l-drawer__sns-list-item">
<a class="l-drawer__sns-link is-instagram" href="https://www.instagram.com/the.supermarket.tokyo/" target="_blank" rel="noopener">Instagram</a>
</li>
<li class="l-drawer__sns-list-item">
<a class="l-drawer__sns-link is-facebook" href="https://www.facebook.com/tsmt.tokyo/" target="_blank" rel="noopener">Facebook</a>
</li>
</ul>
</dd>
</dl>
</div>
</div>
</aside>
</div>
{% endif %}
{% include('@common/lang.twig') %}
{% block javascript %}{% endblock %}
{# Layout: CLOSE_BODY_BEFORE #}
{% if Layout.CloseBodyBefore %}
{{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
{% endif %}
{# プラグイン用Snippet #}
{% if plugin_snippets is defined %}
{{ include('snippet.twig', { snippets: plugin_snippets }) }}
{% endif %}
<script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
</body>
</html>