<!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/biz52_re/art_slide/css/style.css">
<link rel="stylesheet" href="./themes/biz52_re/art_slide/css/cms.css">
<style>
:root {
{{#IF_PRIMARY_COLOR}}--primary-color: {{PRIMARY_COLOR}};{{/IF_PRIMARY_COLOR}}
{{#IF_PRIMARY_INVERSE_COLOR}}--primary-inverse-color: {{PRIMARY_INVERSE_COLOR}};{{/IF_PRIMARY_INVERSE_COLOR}}
{{#IF_PRIMARY_COLOR_RGBA}}--primary-color-rgba: {{PRIMARY_COLOR_RGBA}};{{/IF_PRIMARY_COLOR_RGBA}}
{{#IF_BORDER}}--border: 1px solid {{BORDER}};{{/IF_BORDER}}
}
</style>
</head>

<body class="home">

<div id="container">

<header>

{{HEADER}}

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

</header>

<main>

{{CONTENT}}

</main>

{{MAINIMG}}

{{FOOTER}}

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

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

<!-- Masonry & imagesLoaded -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js"></script>

<!-- Fancybox -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

<!--このテンプレート専用のスクリプト-->
<script src="./themes/biz52_re/art_slide/js/main.js"></script>

</body>
</html>
