https://tvhoushin-engi.com/introduction/index.html

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>Introduction -TVアニメ「覇穹 封神演義」公式サイト-</title>
6<meta name="description" content="" />
7<meta name="keywords" content="" />
8<meta name="robots" content="follow,index" />
9<meta http-equiv="Content-Style-Type" content="text/css" />
10<meta http-equiv="Content-Script-Type" content="text/javascript" />
11<meta name="viewport" content="width=device-width">
12<meta http-equiv="X-UA-Compatible" content="ie=edge">
13
14<meta property="og:title" content="TVアニメ「覇穹 封神演義」公式サイト">
15<meta property="og:type" content="article">
16<meta property="og:url" content="https://tvhoushin-engi.com/">
17<meta property="og:image" content="https://tvhoushin-engi.com/core_sys/images/others/ogp.jpg">
18<meta property="og:site_name" content="TVアニメ「覇穹 封神演義」公式サイト">
19<meta property="og:description" content="週刊少年ジャンプで2000年まで連載された藤崎竜の人気コミック「封神演義」が再TVアニメ化！2018年1月より放送開始！">
20<meta name="twitter:card" content="summary_large_image">
21<meta name="twitter:site" content="@hoshinengi_tv">
22<link rel="stylesheet" href="../core_sys/css/import/contents/001/set.css" type="text/css" />
23<link rel="stylesheet" href="../core_sys/css/import/contents/001/dez_pt.css" type="text/css" />
24<link rel="stylesheet" href="../core_sys/css/import/contents/001/unit.css" type="text/css" />
25<link rel="stylesheet" href="../core_sys/css/fsc/fss.css" type="text/css" />
26<link rel="alternate stylesheet" href="../core_sys/css/fsc/fsm.css" type="text/css" title="fsm" />
27<link rel="alternate stylesheet" href="../core_sys/css/fsc/fsl.css" type="text/css" title="fsl" />

28<script type="text/javascript" src="../core_sys/js/common.js"></script>

28

29<script type="text/javascript" src="../core_sys/js/user.js"></script>

29
30<link href="../core_sys/images/others/css/sanitize.css" rel="stylesheet">
31<link href="../core_sys/images/others/css/foundation.css" rel="stylesheet">
32<link href="../core_sys/images/others/css/magnific-popup.css" rel="stylesheet">
33<link href="../core_sys/images/others/css/utility.css" rel="stylesheet">
34

35<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

35

36<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>

36
37
38<!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->

38<script type='text/javascript'>var _pix = document.getElementById('_pix_id_5b1bd6d2-d662-2085-c964-852cfa6bf2ad');if (!_pix) { var protocol = '//'; var a = Math.random() * 1000000000000000000; _pix = document.createElement('iframe'); _pix.style.display = 'none'; _pix.setAttribute('src', protocol + 'aax-fe.amazon-adsystem.com/s/iu3?d=generic&ex-fargs=%3Fid%3D5b1bd6d2-d662-2085-c964-852cfa6bf2ad%26type%3DUNKNOWN%26m%3D6&ex-fch=416613&ex-src=www.tvhoushin-engi.com/&ex-hargs=v%3D1.0%3Bc%3D9701914684025%3Bp%3D5B1BD6D2-D662-2085-C964-852CFA6BF2AD' + '&cb=' + a); _pix.setAttribute('id','_pix_id_5b1bd6d2-d662-2085-c964-852cfa6bf2ad'); document.body.appendChild(_pix);}</script>

38<noscript> <img height='1' width='1' border='0' alt='' src='https://aax-fe.amazon-adsystem.com/s/iui3?d=forester-did&ex-fargs=%3Fid%3D5b1bd6d2-d662-2085-c964-852cfa6bf2ad%26type%3DUNKNOWN%26m%3D6&ex-fch=416613&ex-src=www.tvhoushin-engi.com/&ex-hargs=v%3D1.0%3Bc%3D9701914684025%3Bp%3D5B1BD6D2-D662-2085-C964-852CFA6BF2AD' /></noscript>
39</head>
40
41<body id="layout5" class="c-no11 color-no10 listset-no0 contents-no17">
42
43
44<!-- ＜wrapper＞06start -->
45<div id="wrapper">
46<div id="wrapper_inner">
47
48<!-- ＜container＞start -->
49<div id="container">
50<div id="container_inner">
51
52<!-- ＜contents＞start -->
53<div id="contents">
54<div id="contents_inner">
55
56<!-- ＜contents_main＞start -->
57<div id="contents_main">
58<div id="contents_main_inner">
59
60<!-- ＜header＞start -->
61<div id="header">
62<div id="header_inner">
63<div class="header_sa01">
64<div class="header_sa01_c">
65<div class="spLogo"><a href="../index.html"><img src="../core_sys/images/main/common/logoSp.png" alt=""></a></div>
66<div class="drawer_button"><img src="../core_sys/images/main/common/menu.png" alt="menu"></div>
67
68
69

70<script>
71	$(function() {
72		isDrawer = false;
73		const button = $(".drawer_button")
74		button.on("click", function() {
75			if (isDrawer) {
76					close();
77			} else {
78				 open();
79			}
80		});
81
82		var imgOpen = "../core_sys/images/main/common/menu.png";
83		var imgClose = "../core_sys/images/main/common/menu_close.png";
84
85		function open(){
86			$("#side,.header_sa04").fadeIn();
87			button.children("img").attr("src", imgClose);
88			isDrawer = true;
89		}
90
91		function close(){
92			$("#side,.header_sa04").fadeOut();
93			button.children("img").attr("src", imgOpen);
94			isDrawer = false;
95		}
96
97		var timer = false;
98		var winWidth = $(window).outerWidth();
99		var winWidth_resized;
100		$(window).on("resize", function() {
101			winWidth_resized = $(window).outerWidth();
102			if (winWidth != winWidth_resized) {
103				if (winWidth_resized > 767) {
104					$("#side").show();
105					open();
106				} else {
107					$("#side").hide();
108					close();
109				}
110			}
111		});
112	});
113</script>

113</div>
114</div>
115<div class="header_sa02">
116<div class="header_sa02_c">
117<div class="bgChara">
118<img src="../core_sys/images/main/cont/bgChara10.png">
119</div></div>
120</div>
121<div class="header_sa03">
122<div class="header_sa03_c">
123<h2 class="pageHead">Introduction<span>序</span></h2></div>
124</div>
125</div>
126</div>
127<!-- ＜header＞end -->
128
129<!-- ＜ext_area_01＞start -->
130<!-- ＜ext_area_01＞end -->
131
132<!-- ＜main＞start -->
133<div id="main">
134<div id="main_inner">
135<div class="main_sa01">
136<div class="main_sa01_c">
137<!-- contents start -->
138	<div id="cms_block">
139	<div class="page_17">
140	<div class="block line_00">
141	<div class="block_inner">
142		<div class="atl_inner">
143	<!-- images block start -->
144	<div class="img_t wdx770">
145	<div class="ph"><img src="../core_sys/images/contents/00000017/base/001.png?1616651366" alt="" title="" /></div>
146	<div class="cap_no"></div>
147	</div>
148	<!-- images block end -->
149	<!-- main strings block start -->
150	<div class="read"></div>
151	<!-- main strings block end -->
152	</div>
153	</div>
154	</div>
155	<div class="block line_01">
156	<div class="block_inner">
157		<div class="atl_inner">
158	<!-- images block start -->
159	<div class="img_t wdx540">
160	<div class="ph"><img src="../core_sys/images/contents/00000017/block/00000026/00000029.png?1616651366" alt="" title="" /></div>
161	<div class="cap_no"></div>
162	</div>
163	<!-- images block end -->
164	<!-- main strings block start -->
165	<div class="read"></div>
166	<!-- main strings block end -->
167	</div>
168	</div>
169	</div>
170	</div>
171	</div>
172<!-- contents end -->
173</div>
174</div>
175</div>
176</div>
177<!-- ＜main＞end -->
178
179</div>
180</div>
181<!-- ＜contents_main＞end -->
182
183<!-- ＜side＞start -->
184<div id="side">
185<div id="side_inner">
186<div class="logoWrap">
187  <div class="logo"><a href="../index.html"><img src="../core_sys/images/main/common/logo.png" alt=""></a></div>
188</div><!-- global link start -->
189	<div id="g_navi">
190	<ul>
191<li class="gh_item1 gh_lino1"><a href="../index.html" title="Top"><span class="gh_sno1">Top</span></a></li><li class="gh_item2 gh_lino2"><a href="../news/list00010000.html" title="News"><span class="gh_sno2">News</span></a></li><li class="gh_item3 gh_lino11"><a href="../introduction/index.html" class="crt" title="Introduction"><span class="gh_sno11">Introduction</span></a></li><li class="gh_item4 gh_lino5"><a href="../onair/index.html" title="On Air"><span class="gh_sno5">On Air</span></a></li><li class="gh_item5 gh_lino3"><a href="../staffcast/index.html" title="Staff &amp; Cast"><span class="gh_sno3">Staff &amp; Cast</span></a></li><li class="gh_item6 gh_lino4"><a href="../character/taikoubou.html" title="Character"><span class="gh_sno4">Character</span></a></li><li class="gh_item7 gh_lino6"><a href="../story/list00000000.html" title="Story"><span class="gh_sno6">Story</span></a></li><li class="gh_item8 gh_lino7"><a href="../bddvd/musical.html" title="Blu-ray/DVD"><span class="gh_sno7">Blu-ray/DVD</span></a></li><li class="gh_item9 gh_lino8"><a href="../music/index.html" title="Music"><span class="gh_sno8">Music</span></a></li><li class="gh_item10 gh_lino9"><a href="../goods/index.html" title="Goods"><span class="gh_sno9">Goods</span></a></li><li class="gh_item11 gh_lino10"><a href="../special/list00000000.html" title="Special"><span class="gh_sno10">Special</span></a></li></ul>
192<ul class="sociallist">
193  <li class="sociallist__item sociallist__item--twitter">
194    <a class="js-share--twitter" href="https://twitter.com/intent/tweet?text=" rel="nofollow" target="_blank" title="Twitterでシェアする">
195        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 

1951.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"/></svg>
196    </a>
197  </li>
198  <li class="sociallist__item sociallist__item--facebook">
199    <a class="js-share--facebook" href="http://www.facebook.com/sharer.php?u=" target="_blank" title="Facebookでシェアする">
200        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></svg>
201    </a>
202  </li>
203  <li class="sociallist__item sociallist__item--line">
204     <a class="js-share--line" href="http://line.me/R/msg/text/" target="_blank" title="LINEでシェアする">
205        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.91 6.57c.232 0 .42.19.42.42 0 .23-.188.42-.42.42h-1.17v.75h1.17c.232 0 .42.188.42.42 0 .23-.188.42-.42.42h-1.59c-.23 0-.418-.19-.418-.42V5.4c0-.23.188-.42.42-.42h1.59c.23 0 .418.19.418.42 0 .232-.188.42-.42.42h-1.17v.75h1.17zm-2.57 2.01c0 .18-.116.34-.288.398-.043.014-.088.02-.133.02-.132 0-.257-.06-.336-.167l-1.63-2.217V8.58c0 .23-.187.42-.42.42-.23 0-.418-.19-.418-.42V5.4c0-.18.115-.34.286-.397.044-.015.09-.022.134-.022.13 0 .256.064.335.17L9.5 7.366V5.4c0-.23.188-.42.42-.42.23 0 .42.19.42.42v3.18zm-3.828 0c0 .23-.188.42-.42.42-.23 0-.418-.19-.418-.42V5.4c0-.23.188-.42.42-.42.23 0 .418.19.418.42v3.18zM4.868 9h-1.59c-.23 0-.42-.19-.42-.42V5.4c0-.23.19-.42.42-.42.232 0 .42.19.42.42v2.76h1.17c.232 0 .42.188.42.42 0 .23-.188.42-.42.42M16 6.87C16 3.29 12.41.376 8 .376S0 3.29 0 6.87c0 3.208 2.846 5.896 6.69 6.405.26.056.615.172.705.394.08.2.053.518.026.722 0 0-.092.565-.113.685-.035.203-.16.79.693.432.854-.36 4.607-2.714 6.285-4.646C15.445 9.594 16 8.302 16 6.87" fill-rule="nonzero"></path></svg>
206    </a>
207  </li>
208</ul>
209

210<script>
211$(function(){
212  //シェアボタンを取得
213  const shareTwitter = document.getElementsByClassName('js-share--twitter');  // ツイートボタンを取得
214  const shareFacebook = document.getElementsByClassName('js-share--facebook');  // ツイートボタンを取得
215  const shareLine = document.getElementsByClassName('js-share--line');  // ツイートボタンを取得
216
217  // 内容を取得
218  const url = location.href;  // ページURLを取得
219  const title = document.title;  // ページタイトルを取得
220  const desc = $("meta[name=description]").attr("content"); //ページディスクリプションを取得
221  const hashtag = ""; // ハッシュタグ（data-hashtags属性）を取得
222  const related = "";  // おすすめユーザー（data-related属性）を取得
223
224  // 内容を合わせる
225  const twitterHref = (encodeURI(decodeURI('https://twitter.com/intent/tweet?text='+ title + '&url=' + url + '&hashtags=' + hashtag + '&related=' + related)));
226  const facebookHref = (encodeURI(decodeURI('http://www.facebook.com/sharer.php?u='+ url)));
227  const lineHref = (encodeURI(decodeURI('http://line.me/R/msg/text/?'+ title + '%0D%0A' +  '&url=' + url)));
228
229  // 内容を書き換え
230  $(shareTwitter).attr('href',twitterHref);
231  $(shareFacebook).attr('href',facebookHref);
232  $(shareLine).attr('href',lineHref);
233
234  // リンクを新規サブウィンドウで表示
235  $(shareTwitter).on('click',newWindow);
236  $(shareFacebook).on('click',newWindow);
237  function newWindow(){
238    const w = 550; //ウィンドウ幅
239    const h = 450; //ウィンドウ高さ
240    const x = (screen.width - w) / 2; //x軸中央揃え
241    const y = (screen.height - h) / 2; //y軸中央揃え
242    window.open(this.href,null, 'screenX='+x+',screenY='+y+',left='+x+',top='+y+',width='+w+',height='+h);
243    return false;
244  }
245});
246</script>

246
247
248<div class="pc-only play_button2 js-youtubeModal">
249  <div id="js-youtubeIframe"><img src="../core_sys/images/main/top/play_button.jpg"></div>
250</div>	</div>
251<!-- global link end -->
252</div>
253</div>
254<!-- ＜side＞end -->
255
256</div>
257</div>
258<!-- ＜contents＞end -->
259
260<!-- ＜ext_area_02＞start -->
261<!-- ＜ext_area_02＞end -->
262
263<!-- ＜footer＞start -->
264<div id="footer">
265<div id="footer_inner">
266<div class="footer_sa01">
267<div class="footer_sa01_c">
268</div>
269</div>
270<div class="footer_sa02">
271<div class="footer_sa02_c">
272<footer class="footer">
273  <p class="copyrights"><small>©安能務・藤崎竜／集英社・「覇穹 封神演義」製作委員会</small></p>
274</footer>
275<a href="#top" class="sc_pagetop"><img src="../core_sys/images/sys/pageTop.png" alt="page top" /></a>

276<script>
277
278$(function() {
279//スクロールページトップ表示
280    var showFlag = false;
281    var topBtn = $('.sc_pagetop');
282    topBtn.css('display', 'none');
283    var showFlag = false;
284    $(window).scroll(function () {
285        if ($(this).scrollTop() > 100) {
286            if (showFlag == false) {
287                showFlag = true;
288                topBtn.stop().fadeIn("slow");
289            }
290        } else {
291            if (showFlag) {
292                showFlag = false;
293                topBtn.stop().fadeOut("slow");
294            }
295        }
296    });
297
298    topBtn.click(function () {
299        $('body,html').animate({
300            scrollTop: 0
301        }, 500,'easeOutExpo');
302        return false;
303    });
304});
305</script>

305</div>
306</div>
307<div class="footer_sa03">
308<div class="footer_sa03_c">

309<script>
310  $(function() {
311    $("body").addClass("Introduction");
312  });
313  $(window).on("load resize orientationchange", function(e) {
314    var wsw = window.screen.width;
315    if (wsw <= 767) {
316      //width767以下
317      $("meta[name='viewport']").attr('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no');
318    } else if (wsw < 1000) {
319      //width1000以下
320      $("meta[name='viewport']").attr('content', 'width=1000px,user-scalable=0,shrink-to-fit=yes');
321    } else {
322      $("meta[name='viewport']").attr('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no');
323    }
324  })
325  $(function() {
326    .trigger("resize");
327  });
328
329  //コンテンツ高さ調整
330  $(window).on("load resize orientationchange", function() {
331    var wH = $(window).outerHeight();
332    var wW = $(window).outerWidth();
333    var wX = 768;
334    var wrH = $("#wrapper").outerHeight();
335    var ftH = $("#footer").outerHeight();
336    var ciH = (wH - ftH);
337    //alert(ciH);
338    $("#contents_inner").css("min-height", ciH + "px");
339  });
340</script>

340</div>
341</div>
342</div>
343</div>
344<!-- ＜footer＞end -->
345
346</div>
347</div>
348<!-- ＜container＞end -->
349
350</div>
351</div>
352<!-- ＜wrapper＞end -->
353<!-- Global Site Tag (gtag.js) - Google Analytics -->

353
354<script async src="https://www.googletagmanager.com/gtag/js?id=

354UA-44371374-28

354"></script>

355<script>
356  window.dataLayer = window.dataLayer || [];
357  function gtag(){dataLayer.push(arguments)};
358  gtag('js', new Date());
359
360  gtag('config', 'UA-44371374-28');
361</script>

361
362</body>
363</html>
364<!-- InstanceEnd -->