<!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 page/contents}">
        <meta name="keyword" content="{val common/site_keyword}">
        <meta property="og:url" content="{val page_url}">
        <meta property="og:type" content="article">
        <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 page/contents}">
        <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/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="c1 recipe1">

{include header.tpl}

<div id="container">

<main>
{rval contents}
</main>

{include menu.tpl}

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

{include footer.tpl}

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

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

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

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