<!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/home3_re/pink/css/style.css">
<link rel="stylesheet" href="./themes/home3_re/pink/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}}
}
.btn-box a {
  background: {{ACCENT_COLOR}};
  color: {{ACCENT_INVERSE_COLOR}};
}
</style>
</head>
	
<body class="page">

<div id="container">

{{HEADER}}

<div id="contents">

<!--開閉メニュー-->
<div id="menubar">

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

</div>

<main{{#IF_COLUMN}} class="column"{{/IF_COLUMN}}>

{{#IF_COLUMN}}<div class="main-contents">{{/IF_COLUMN}}

{{CONTENT}}

{{#IF_COLUMN}}
</div>

<div class="sub-contents">

<div class="box1">

<nav>
<ul class="submenu">
{{NAV_SUB}}
</ul>
</nav>

</div>

{{FREE_AREA}}

</div>
{{/IF_COLUMN}}

</main>

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

{{FOOTER}}

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

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

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

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

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

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

<script>
// ページの読み込みが終わったら実行する
document.addEventListener('DOMContentLoaded', function() {
  
  // 1. 移動させたいH2要素を探す
  // (main-contentsの中にあるpage-headerというクラスを探します)
  var targetHeading = document.querySelector('.main-contents .page-header');
  
  // 2. 移動の基準となるmain要素を探す
  var mainContainer = document.querySelector('main');

  // 両方の要素が正しく見つかった場合だけ実行（エラー防止）
  if (targetHeading && mainContainer) {
    
    // main要素の親（bodyなど）に対して、「mainの直前にH2を挿入せよ」と命令
    // ※元の場所からは自動的に削除され、ここに移動します
    mainContainer.parentNode.insertBefore(targetHeading, mainContainer);
    
  }
});
</script>

</body>
</html>
