<!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}}">

<!-- Open Graph -->
<meta property="og:title" content="{{META_TITLE}}">
<meta property="og:description" content="{{META_DESCRIPTION}}">
{{#IF_OG_IMAGE}}<meta property="og:image" content="./uploads/{{OG_IMAGE}}">{{/IF_OG_IMAGE}}
<meta property="og:type" content="website">

<!-- Twitter (X) -->
<meta name="twitter:card" content="summary_large_image">

<!-- テンプレ専用CSS -->
<link rel="stylesheet" href="./themes/beginner6/black/css/style.css">
<link rel="stylesheet" href="./themes/beginner6/black/css/cms.css">
<style>
body.home #logo img { max-width: {{LOGO_SIZE1}}; }
body.page #logo img { max-width: {{LOGO_SIZE2}}; }
</style>
</head>
	
<body class="home">

<header>
{{HEADER}}
<nav id="menubar">
<ul>
{{NAV}}
</ul>
</nav>
</header>

<div id="container">

<div id="contents">

{{CONTENT}}

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

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

{{FOOTER}}

<!--jQueryファイルの読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!--ページの上部へ戻るボタンとスクリプト-->
<p class="scroll"><a href="#">↑</a></p>
<script src="./themes/beginner6/black/js/scroll.js"></script>
<script src="./themes/beginner6/black/js/cms.js"></script>

</body>
</html>
