<!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="shop11">

<div id="container">

{include header.tpl}

{rval slide}

{rval gallery}

<main class="column">

<div class="main-contents">

{rval contents}

</div>
<!--/.main-contents-->

{rval side}

</main>

{include footer.tpl}

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

<!--文字サイズチェンジ用のスクリプト-->
<script src="js/fontSizeChanger.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.js"></script>
<script src="js/main_maru.js"></script>

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