<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>{{META_TITLE}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{META_DESCRIPTION}}">
<link rel="stylesheet" href="{{BASE}}/frames/{{FRAME}}/css/theme.css">
<link rel="stylesheet" href="{{BASE}}/frames/{{FRAME}}/css/style.css">
{{{HEAD_CSS}}}
</head>

<body class="{{BODY_CLASS}}">

<div id="container">

<header>

<h1 class="logo"><a href="{{HOME_URL}}">{{#HAS_LOGO}}<img src="{{LOGO_URL}}" alt="{{SITE_NAME}}">{{/HAS_LOGO}}{{^HAS_LOGO}}{{SITE_NAME}}{{/HAS_LOGO}}</a></h1>

<!--メニュー-->
<div id="menubar">

<nav>
{{{NAV}}}
</nav>

</div>
<!--/#menubar-->

</header>

{{#IS_HOME}}
{{{MAINVISUAL}}}
{{/IS_HOME}}

<div id="contents">

<main>
{{{CONTENT}}}
</main>

</div>
<!--/#contents-->

<!--フッター（全ページ共通／CMSが出力）-->
{{{FOOTER}}}

<!--メニューオーバーレイ（メニュー外クリックで閉じる用）-->
<div id="menubar-overlay"></div>

</div>
<!--/#container-->

<!--ページの上部へ戻るボタン-->
<div class="pagetop"><a href="#"><i class="ti ti-chevrons-up"></i></a></div>

<!--開閉ボタン（ハンバーガーアイコン）-->
<div id="menubar_hdr">
<span></span><span></span><span></span>
</div>

<!--CMSが共通スクリプト（jQuery・inview・main.js・パーツJS・任意のframe.js）を出力-->
{{{SCRIPTS}}}

</body>
</html>
