Vue.component('hs-header' , {
    template: `
	<div class="cf">
		<div id="feature-data-box" class="flr">
			<div id="feature-data" class="cf">
				<p class="day">掲載日：<time datetime="2025-09-30">2025年9月30日</time></p>
			</div>
		</div>
		<div class="heiganlogo fll"><a href="/special/hs-point/" class="head-top"><img src="https://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/hs-point-251101_logo.png" loading="lazy" alt="2026年度入試版 私立高校選びのポイント ロゴ" width="960" height="245"></a></div>
	</div>
`
});

Vue.component('hs-interview' , {
    template: `
    <div class="recoomend">
		<h3>あわせて読みたい！おすすめコンテンツ</h3>
		<ul>
			<li><a href="/special/hs-basic/"><span>02</span>私立高校入試の基礎知識</a></li>
			<li><a href="/special/hs-info/"><span>04</span>2026年度入試情報</a></li>
			<li><a href="/special/hs-money/"><span>05</span>私立高校の「お金」について</a></li>
		</ul>
	</div>
	`
});
Vue.component('hs-side-bar' , {
    template: `
    <div class="sidenavi flr">
		<div class="sidenavibox">
			<h2 class="sideh2">コンテンツガイド</h2>
			<ul class="side_navi_link">
				<li class="sideh3 side-top"></li>
				<li id="hs-point"><span class="sidenum">01</span><a href="/special/hs-point/" title="私立高校選びのポイント">私立高校選びのポイント</a></li>
				<li id="hs-basic"><span class="sidenum">02</span><a href="/special/hs-basic/" title="私立高校入試の基礎知識">私立高校入試の基礎知識</a></li>
				<li id="hs-heiganlist"><span class="sidenum">03</span><a href="/special/hs-heiganlist/" title="公立高校から探せる！おすすめ併願私立高校一覧">公立高校から探せる！おすすめ併願私立高校一覧</a></li>
				<li id="hs-info"><span class="sidenum">04</span><a href="/special/hs-info/" title="私立高校入試情報">私立高校入試情報</a></li>
				
				<li class="sideh3"><h3>私立校のお金事情</h3></li>
				<li id="hs-money"><span class="sidenum">05</span><a href="/special/hs-money/" title="私立高校の「お金」について">私立高校の「お金」について</a></li>
				<li id="hs-tuition"><span class="sidenum">06</span><a href="/special/hs-tuition/" title="私立高校初年度納付金一覧">私立高校初年度納付金一覧</a></li>
				
				<li class="sideh3"><h3>私立校の魅力と特徴</h3></li>
				<li id="hs-interview"><span class="sidenum">07</span><a href="/special/hs-interview/" title="在校生インタビュー">在校生インタビュー</a></li>
				<li id="hs-club"><span class="sidenum">08</span><a href="/special/hs-club/" title="私立高校部活動一覧">私立高校部活動一覧</a></li>
			</ul>
		</div>
		<div class="bannarbox">
			<ul class="banner">
				<li><a href="/special/tokutai-heigankou-230929/" title="特待合格目安偏差値表"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/tokutai-heigankou-241101_300x100_01.jpg" alt="特待合格目安偏差値表" width="300" height="100"></a></li>
				<li><a href="/special/tekisei-heigankou-230929/" title="適性検査型入試おすすめ校一覧"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/tekisei-heigankou-241101_300x100_01.jpg" alt="適性検査型入試おすすめ校一覧" width="300" height="100"></a></li>
				<li><a href="/special/heiganpattern-heigankou-230929/" title="エデュおすすめ併願パターン2024"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heiganpattern-heigankou-241101_300x100_01.jpg" alt="エデュおすすめ併願パターン2024" width="300" height="100"></a></li>
			</ul>
		</div>
	</div>
	`
});

Vue.component('hs-f-navi' , {
    template: `
	<div class="mb50">
		<div class="cf">
			<a class="gotop" href="#main" title="トップへ"><span>トップへ</span></a>
		</div>
	</div>
    `
});

Vue.component('hs-sp-menu' , {
    template: `
	<div id="menu-box2" class="tap">
		<div id="sp-menu">
			<nav id="menulist">
				<ul>
					<li><a href="/special/hs-point/" title="私立高校選びのポイント">私立高校選びのポイント</a></li>
					<li><a href="/special/hs-basic/" title="私立高校入試の基礎知識">私立高校入試の基礎知識</a></li>
					<li><a href="/special/hs-heiganlist/" title="公立高校から探せる！おすすめ併願私立高校一覧">公立高校から探せる！おすすめ併願私立高校一覧</a></li>
					<li><a href="/special/hs-info/" title="私立高校入試情報">私立高校入試情報</a></li>
					<li><a href="/special/hs-money/" title="私立高校の「お金」について">私立高校の「お金」について</a></li>
					<li><a href="/special/hs-tuition/" title="私立高校初年度納付金一覧">私立高校初年度納付金一覧</a></li>
					<li><a href="/special/hs-interview/" title="在校生インタビュー">在校生インタビュー</a></li>
					<li><a href="/special/hs-club/" title="私立高校部活動一覧">私立高校部活動一覧</a></li>
				</ul>
			</nav>
		</div>
	</div>
    `
});

Vue.component('hs-osusume-link' , {
    template: `
	<div class="sp_link">
		<h2>その他おすすめコンテンツ</h2>
		<ul class="banner">
			<li><a href="/special/tokutai-heigankou-230929/" title="特待合格目安偏差値表"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/tokutai-heigankou-241101_300x100_01.jpg" alt="特待合格目安偏差値表" width="300" height="100"></a></li>
			<li><a href="/special/tekisei-heigankou-230929/" title="適性検査型入試おすすめ校一覧"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/tekisei-heigankou-241101_300x100_01.jpg" alt="適性検査型入試おすすめ校一覧" width="300" height="100"></a></li>
			<li><a href="/special/heiganpattern-heigankou-230929/" title="エデュおすすめ併願パターン2024"><img loading="lazy" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heiganpattern-heigankou-241101_300x100_01.jpg" alt="エデュおすすめ併願パターン2024" width="300" height="100"></a></li>
		</ul>
	</div>
    `
});

var vm = new Vue({
    el: "#app"
});