<!DOCTYPE html>
<html lang="ja">
<head prefix="og: https://ogp.me/ns#">
<meta charset="UTF-8">
<title>{val page/title} | {val common/site_title}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{val common/site_desc}">
<meta name="keyword" content="{val common/site_keyword}">
<meta property="og:url" content="{val page_url}">
<meta property="og:type" content="website">
<meta property="og:title" content="{val page/title}">
<!--{def common/site_image}-->
<meta property="og:image" content="{val common/site_image}">
<!--{/def}-->
<meta property="og:site_name" content="{val common/site_title}">
<meta property="og:description" content="{val common/site_desc}">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style_maru.css">
<link rel="stylesheet" href="css/style_kiji.css">
<link rel="stylesheet" href="css/style_wa2.css">
<link rel="stylesheet" href="css/github-markdown.css">
<link rel="stylesheet" href="css/q19cms-markdown.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
{rval common/head_tag}
{rval head_tag}
</head>

<body class="wa2 en">

<div id="container">

<header>
<h1 id="logo"><a href="./"><img src="{val common/site_logo2_file}" alt="{val common/site_title}"></a>
<!--{def common/topmessage}-->
<span class="small">{val common/topmessage}</span>
<!--{/def}-->
</h1>

{rval top_page}

<!--{def common/lang}-->
<ul class="lang">
<li><a href="{val common/lang_link}">{val common/lang}</a></li>
</ul>
<!--{/def}-->
</header>

<div id="contents">

<main>

{rval contents}

</main>

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

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

{rval gallery}

{include footer.tpl}

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

<!--スライドショー（slick）-->
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js/slick.js"></script>

<!--パララックス（inview）-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
<script src="js/jquery.inview_set.js"></script>

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

{rval common/body_tag}
{rval body_tag}
</body>
</html>
