Vue.component('heigan-header' , {
    template: `
	<div class="cf">
		<div id="feature-data-box" class="flr">
			<div id="feature-data" class="cf">
				<p class="day">掲載日：<time datetime="2023-11-24">2023年11月24日</time></p>
			</div>
		</div>
		<div class="heiganlogo fll"><a href="/special/heigan-231124/"><img src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heigan_231117_logo.png" loading="lazy" alt="私立校併願のすすめ" width="486" height="80"></a></div>
	</div>
`
});

Vue.component('heigan-side-bar' , {
    template: `
    <div class="sidenavi flr">
		<div class="sidenavibox">
			<h2 class="sideh2">コンテンツガイド</h2>
			<ul class="side_navi_link">
				<li class="sideh3"><h3>公立中高一貫校と<br>私立校の違いは？</h3></li>
				<li id="heigan-inquirylearning"><span class="sidenum">01</span><a href="/special/heigan-inquirylearning/" title="次世代のリーダーを育成 公立中高一貫校の現状は？">次世代のリーダーを育成 公立中高一貫校の現状は？</a></li>
				<li id="heigan-tekisei"><span class="sidenum">02</span><a href="/special/heigan-tekisei-231124/" title="問われるのは思考力・判断力・表現力 私立校にも広がる「適性検査型入試」">問われるのは思考力・判断力・表現力 私立校にも広がる「適性検査型入試」</a></li>
				<li id="heigan-tekiseiichiran"><span class="sidenum">03</span><a href="/special/heigan-tekiseiichiran-231124/" title="公立中高一貫校対策の勉強が活かせる！ 2024年度適性検査型&amp;特色入試 実施校">公立中高一貫校対策の勉強が活かせる！ 2024年度適性検査型&amp;特色入試 実施校</a></li>
				<li id="heigan-merit"><span class="sidenum">04</span><a href="/special/heigan-merit/" title="独自のカリキュラムや充実した設備 私立校ならではの魅力とは？">独自のカリキュラムや充実した設備 私立校ならではの魅力とは？</a></li>
				<li id="heigan-ordinarytest"><span class="sidenum">05</span><a href="/special/heigan-ordinarytest/" title="2024年度入試情報">2024年度入試情報</a></li>

				<li class="sideh3"><h3>私立校のお金事情</h3></li>
				<li id="heigan-tuition"><span class="sidenum">06</span><a href="/special/heigan-tuition/" title="私立校の「お金」事情 学費はどのくらいかかるの？">私立校の「お金」事情<br>学費はどのくらいかかるの？</a></li>
				<li id="heigan-money-tokutaisei"><span class="sidenum">07</span><a href="/special/heigan-money-tokutaisei/" title="特待生制度・奨学金制度のある学校">特待生制度・奨学金制度のある学校</a></li>

				<li class="sideh3"><h3>私立校の魅力と選び方</h3></li>
				<li id="heigan-publiclist"><span class="sidenum">08</span><a href="/special/heigan-publiclist/" title="第一志望の公立中高一貫校から探す 併願しやすい「おすすめ私立校」">第一志望の公立中高一貫校から探す 併願しやすい「おすすめ私立校」</a></li>
				<li id="heigan-interview"><span class="sidenum">09</span><a href="/special/heigan-interview/" title="併願校で輝く！在校生インタビュー">併願校で輝く！在校生インタビュー</a></li>
				<li id="heigan-privateschool"><span class="sidenum">10</span><a href="/special/heigan-privateschool/" title="もっと知りたい！私立校">もっと知りたい！私立校</a></li>

				<li class="sideh3"><h3>制服一覧</h3></li>
				<li><span class="sidenum">11</span><a href="/special/heigan-231124/#heigan_seifuku" 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-2308_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-2308_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-2308_300x100_01.jpg" alt="エデュおすすめ併願パターン2024" width="300" height="100"></a></li>
			</ul>
		</div>
	</div>
	`
});

Vue.component('heigan-f-navi' , {
    template: `
	<div>
		<div class="cf">
			<a class="gotop" href="#main" title="トップへ"><span>トップへ</span></a>
		</div>
		<div class="f_navi cf">
			<div class="cf">
				<ul class="l_navi fll cf">
					<li class="fll"><a href="/special/heigan-inquirylearning/" title="公立中高一貫校の現状は？">公立中高一貫校の現状は？</a></li>
					<li class="fll"><a href="/special/heigan-tekisei-231124/" title="私立校にも広がる「適性検査型入試」">私立校にも広がる「適性検査型入試」</a></li>
					<li class="fll"><a href="/special/heigan-tekiseiichiran-231124/" title="適性検査型&amp;特色入試 実施校">適性検査型&amp;特色入試 実施校</a></li>
					<li class="fll"><a href="/special/heigan-merit/" title="私立校ならではの魅力とは？">私立校ならではの魅力とは？</a></li>
					<li class="fll"><a href="/special/heigan-ordinarytest/" title="2024年度入試情報">2024年度入試情報</a></li>
					<li class="fll"><a href="/special/heigan-tuition/" title="私立校の「お金」事情">私立校の「お金」事情</a></li>
					<li class="fll"><a href="/special/heigan-money-tokutaisei/" title="特待生制度・奨学金制度のある学校">特待生制度・奨学金制度のある学校</a></li>
					<li class="fll"><a href="/special/heigan-publiclist/" title="併願しやすい「おすすめ私立校」">併願しやすい「おすすめ私立校」</a></li>
					<li class="fll"><a href="/special/heigan-interview/" title="在校生インタビュー">在校生インタビュー</a></li>
					<li class="fll"><a href="/special/heigan-privateschool/" title="もっと知りたい！私立校">もっと知りたい！私立校</a></li>
					<li class="fll"><a href="/special/heigan-231124/#heigan_seifuku" title="制服から探す併願校">制服から探す併願校</a></li>
				</ul>
				<div class="r_navi flr">
					<a href="/special/heigan-231124/" title="私立校併願のすすめ" class="r_navi_txt"><img class="icon" src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heigan_231117_logo.png" loading="lazy" alt="私立校併願のすすめ" width="243" height="40"></a>
				</div>
			</div>
			<div class="sns_area">
				<a href="https://twitter.com/interedu" target="_blank" rel="nofollow" class="top-sns-twitter" title="インターエデュ公式twitterアカウント"><img src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heigan-2017_img_twitter.png" loading="lazy" alt="インターエデュ公式twitterアカウント" width="36" height="36"></a><a href="https://ja-jp.facebook.com/interedu.info" target="_blank" rel="nofollow" class="top-sns-facebook" title="インターエデュ公式facebookページ"><img src="http://s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/heigan-2017_img_facebook.png" loading="lazy" alt="インターエデュ公式facebookページ" width="36" height="36"></a>
			</div>
		</div>
	</div>
    `
});

Vue.component('heigan-sp-menu' , {
    template: `
	<div id="menu-box2" class="tap">
		<div id="sp-menu">
			<nav id="menulist">
				<ul>
					<li><a href="/special/heigan-231124/" title="私立校併願のすすめ TOPページへ">私立校併願のすすめ<br>TOPページへ</a></li>
					<li><a href="/special/heigan-inquirylearning/" title="次世代のリーダーを育成 公立中高一貫校の現状は？">次世代のリーダーを育成 公立中高一貫校の現状は？</a></li>
					<li><a href="/special/heigan-tekisei-231124/" title="問われるのは思考力・判断力・表現力 私立校にも広がる「適性検査型入試」">問われるのは思考力・判断力・表現力 私立校にも広がる「適性検査型入試」</a></li>
					<li><a href="/special/heigan-tekiseiichiran-231124/" title="公立中高一貫校対策の勉強が活かせる！ 2024年度適性検査型&amp;特色入試 実施校">公立中高一貫校対策の勉強が活かせる！ 2024年度適性検査型&amp;特色入試 実施校</a></li>
					<li><a href="/special/heigan-merit/" title="独自のカリキュラムや充実した設備 私立校ならではの魅力とは？">独自のカリキュラムや充実した設備 私立校ならではの魅力とは？</a></li>
					<li><a href="/special/heigan-ordinarytest/" title="2024年度入試情報">2024年度入試情報</a></li>
					<li><a href="/special/heigan-tuition/" title="私立校の「お金」事情 学費はどのくらいかかるの？">私立校の「お金」事情 学費はどのくらいかかるの？</a></li>
					<li><a href="/special/heigan-money-tokutaisei/" title="特待生制度・奨学金制度のある学校">特待生制度・奨学金制度のある学校</a></li>
					<li><a href="/special/heigan-publiclist/" title="第一志望の公立中高一貫校から探す 併願しやすい「おすすめ私立校」">第一志望の公立中高一貫校から探す 併願しやすい「おすすめ私立校」</a></li>
					<li><a href="/special/heigan-interview/" title="併願校で輝く！在校生インタビュー">併願校で輝く！在校生インタビュー</a></li>
					<li><a href="/special/heigan-privateschool/" title="もっと知りたい！私立校">もっと知りたい！私立校</a></li>
					<li><a href="/special/heigan-231124/#heigan_seifuku" title="制服から探す併願校">制服から探す併願校</a></li>
				</ul>
			</nav>
		</div>
	</div>
    `
});

Vue.component('heigan-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-2308_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-2308_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-2308_300x100_01.jpg" alt="エデュおすすめ併願パターン2024" width="300" height="100"></a></li>
		</ul>
	</div>
    `
});

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