<!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/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="haken1">

<div id="container">

{include header.tpl}

<section id="mainimg" style="background: url({val common/main_image_file}) no-repeat center center / 100%;">
<div id="text">
<div>
<h2>{val common/main_copy}</h2>
<p class="text pc">{val common/sub_copy}</p>
<!--{def common/top_btn1}--><p><a href="{val common/top_btn1_link}" class="btn1 large radius">{val common/top_btn1}</a></p>
<!--{/def}-->
<!--{def common/top_btn2}--><p class="pc"><a href="{val common/top_bnt2_link}" class="btn2 radius">{val common/top_btn2}</a></p>
<!--{/def}-->
<!--{def common/top_btn3}--><p class="pc"><a href="{val common/top_btn3_link}" class="btn2 radius">{val common/top_btn3}</a></p>
<!--{/def}-->
</div>
</div>
</section>

<main>

{rval contents}

</main>

{include footer.tpl}

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

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

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

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

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

<!--パララックス（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>

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

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