PageSourceSearch

https://hstar-mu.com/index.html

html hstar-mu.com collected 2026-10-02 07:50:22 UTC 30,233 bytes, 801 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>「スタミュ」(第3期)公式サイト</title>
6<meta name="description" content="オリジナル“ミュージカル”TVアニメ、Blu-ray&DVD発売中!" />
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<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 14-15
14
15<script async src="https://www.googletagmanager.com/gtag/js?id=
15UA-44371374-7
vendor: 13 bytes, line 15
15"></script>
16<script>
17  
vendor: 138 bytes, lines 17-21
17window.dataLayer = window.dataLayer || [];
18  function gtag(){dataLayer.push(arguments);}
19  gtag('js', new Date());
20
21  gtag('config', '
21UA-44371374-7
vendor: 5 bytes, line 21
21');
22</script>
22
23<meta property="og:title" content="「スタミュ」(第3期)公式サイト">
24<meta property="og:type" content="website">
25<meta property="og:url" content="http://hstar-mu.com/">
26<meta property="og:image" content="http://hstar-mu.com/core_sys/images/others/ogp.jpg">
27<meta property="og:site_name" content="「スタミュ」(第3期)公式サイト">
28<meta property="og:description" content="オリジナル“ミュージカル”TVアニメ、Blu-ray&DVD発売中!">
29<meta name="twitter:card" content="summary_large_image">
30<meta name="twitter:site" content="@hstar_mu">
31<!-- Web App Manifest -->
32<link rel="manifest" href="core_sys/images/others/favicon/manifest.json">
33<!-- Favicon -->
34<link rel="icon" href="core_sys/images/others/favicon/favicon.ico">
35<!-- Touch Icon -->
36<link rel="apple-touch-icon" sizes="180x180" href="core_sys/images/others/favicon/apple-touch-icon-180x180.png">
37<link rel="icon" type="image/png" sizes="192x192" href="core_sys/images/others/favicon/android-chrome-192x192.png">
38<!-- Microsoft Tile -->
39<meta name="msapplication-TileImage" content="core_sys/images/others/favicon/mstile-144x144.png">
40<meta name="msapplication-square70x70logo" content="core_sys/images/others/favicon/mstile-70x70.png">
41<meta name="msapplication-square150x150logo" content="core_sys/images/others/favicon/mstile-150x150.png">
42<meta name="msapplication-wide310x150logo" content="core_sys/images/others/favicon/mstile-310x150.png">
43<meta name="msapplication-square310x310logo" content="core_sys/images/others/favicon/mstile-310x310.png">
44<meta name="msapplication-TileColor" content="#ffffff">
45<!-- Noto Sans JP (ライセンス:Open Font License) -->
46<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&amp;subset=japanese" rel="stylesheet">
47
48<!-- Noto Serif JP (ライセンス:Open Font License) -->
49<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&amp;subset=japanese" rel="stylesheet">
50
51<!-- Sorts Mill Goudy -->
52<link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
53
54<!-- Lusitana -->
55<link href="https://fonts.googleapis.com/css?family=Lusitana:400,700" rel="stylesheet">
56
57<!-- YakuHanJPs(約物半角専用のWebフォント ライセンス:SIL OFL 1.1) -->
58<!-- ゴシック体 -->
59<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhanjp_s.min.css" rel="stylesheet">
60<!-- 明朝体 -->
61<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhanmp_s.min.css" rel="stylesheet">
62<!-- ========================================
63Style
64========================================= -->
65<link href="core_sys/images/others/css/sanitize.css" rel="stylesheet">
66<link href="core_sys/images/others/css/magnific-popup-edited.css" rel="stylesheet">
67<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" rel="stylesheet">
68<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" rel="stylesheet">
69<link rel="stylesheet" href="core_sys/css/import/top/001/set.css?1557982346" type="text/css" />
70<link rel="stylesheet" href="core_sys/css/import/top/001/dez_pt.css?1513680262" type="text/css" />
71<link rel="stylesheet" href="core_sys/css/import/top/001/unit.css?1633580377" type="text/css" />
72<link rel="stylesheet" href="core_sys/css/fsc/fss.css" type="text/css" />
73<link rel="alternate stylesheet" href="core_sys/css/fsc/fsm.css" type="text/css" title="fsm" />
74<link rel="alternate stylesheet" href="core_sys/css/fsc/fsl.css" type="text/css" title="fsl" />
75<script type="text/javascript" src="core_sys/js/common.js"></script>
vendor: 1 bytes, line 75
75
76<script type="text/javascript" src="core_sys/js/user.js"></script>
76
77<link href="core_sys/images/others/css/coreblo_reset.css" rel="stylesheet">
78<link href="core_sys/images/others/css/utility.css" rel="stylesheet">
79
80<!-- ========================================
81Script
82========================================= -->
83<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
vendor: 2 bytes, line 83
83
84<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
vendor: 2 bytes, line 84
84
85<script src="core_sys/images/others/js/mav.js"></script>
vendor: 2 bytes, line 85
85
86<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
vendor: 2 bytes, line 86
86
87<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
87
88</head>
89<body id="layout1">
90<!--
91<div class="loading">
92  <div class="loading__inner">
93    <div class="loading__img"></div>
94  </div>
95</div>
96-->
97
98<!-- <wrapper>01start -->
99<div id="wrapper">
100<div id="wrapper_inner">
101
102<!-- <container>start -->
103<div id="container">
104<div id="container_inner">
105
106<!-- <header>start -->
107<div id="header">
108<div id="header_inner">
109<div class="header_sa01">
110<div class="header_sa01_c">
111<!-- global link start -->
112	<div id="g_navi">
113<button class="menuButton">
114  <div class="menuIcon">
115    <span class="menuIcon__text"></span>
116  </div>
117</button>
118
119
120<header class="header">
121  <div class="decorativeFrameTop decorativeFrame--darkGreen">
122    <div class="decorativeFrameTopWrapper decorativeFrame--darkGreen">
123      <div class="header__inner">
124
125        <div class="header__logo">
126          <a href="index.html">
127            <img src="core_sys/images/main/common/logo.png" alt="スタミュ">
128          </a>
129        </div>
130
131        <div class="decorativeFrameRadius">
132          <div class="decorativeFrameRadiusWrapper">
133            <nav class="globalNavi">
134              <div class="decorativeFrameRadiusLeft">
135                <span class="decorativeFrameRadiusLeft__left"></span>
136                <span class="decorativeFrameRadiusLeft__leftTop"></span>
137                <span class="decorativeFrameRadiusLeft__leftBottom"></span>
138                <span class="decorativeFrameRadiusLeft__leftBold"></span>
139                <span class="decorativeFrameRadiusLeft__leftTopBold"></span>
140                <span class="decorativeFrameRadiusLeft__leftBottomBold"></span>
141              </div>
142              <div class="decorativeFrameRadiusRight">
143                <span class="decorativeFrameRadiusRight__right"></span>
144                <span class="decorativeFrameRadiusRight__rightTop"></span>
145                <span class="decorativeFrameRadiusRight__rightBottom"></span>
146                <span class="decorativeFrameRadiusRight__rightBold"></span>
147                <span class="decorativeFrameRadiusRight__rightTopBold"></span>
148                <span class="decorativeFrameRadiusRight__rightBottomBold"></span>
149            </div>	<ul>
150<li class="gh_item1 gh_lino2"><a href="index.html" class="crt" title="TOP"><span class="gh_sno2">TOP</span></a></li><li class="gh_item2 gh_lino3"><a href="news/index.html" title="NEWS"><span class="gh_sno3">NEWS</span></a></li><li class="gh_item3 gh_lino4"><a href="staffcast/index.html" title="STAFF&CAST"><span class="gh_sno4">STAFF&CAST</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_lino6"><a href="story/12.html" title="STORY"><span class="gh_sno6">STORY</span></a></li><li class="gh_item6 gh_lino7"><a href="character/index.html" title="CHARACTER"><span class="gh_sno7">CHARACTER</span></a></li><li class="gh_item7 gh_lino8"><a href="bddvd/03_box.html" title="Blu-ray&DVD"><span class="gh_sno8">Blu-ray&DVD</span></a></li><li class="gh_item8 gh_lino9"><a href="cd/album.html" title="CD"><span class="gh_sno9">CD</span></a></li><li class="gh_item9 gh_lino10"><a href="goods/index.html" title="GOODS"><span class="gh_sno10">GOODS</span></a></li><li class="gh_item10 gh_lino11"><a href="special/list00.html" title="SPECIAL"><span class="gh_sno11">SPECIAL</span></a></li><li class="gh_item11 gh_lino12"><a href="https://hstar-mu.com/news/index01660000.html" target="_blank" title="FAN CLUB"><span class="gh_sno12">FAN CLUB</span></a></li></ul>
151            </nav>
152          </div>
153        </div>
154
155        <ul class="socialList">
156          <li>
157            <a class="js-share--twitter" href="https://twitter.com/intent/tweet?text=" title="Twitterでシェアする" rel="nofollow noopener noreferrer" target="_blank">
158               <img src="core_sys/images/main/common/share_twitter.svg" alt="Twitter">
159            </a>
160          </li>
161          <li>
162             <a class="js-share--line" href="http://line.me/R/msg/text/" title="LINEでシェアする" rel="nofollow noopener noreferrer" target="_blank">
163               <img src="core_sys/images/main/common/share_line.svg" alt="LINE">
164             </a>
165          </li>
166          <li>
167            <a class="js-share--facebook" href="http://www.facebook.com/sharer.php?u=" title="Facebookでシェアする" rel="nofollow noopener noreferrer" target="_blank">
168               <img src="core_sys/images/main/common/share_facebook.svg" alt="Facebook">
169            </a>
170          </li>
171        </ul>
172
173      </div><!-- header__inner -->
174
175    </div>
176  </div>
177</header>
178
179<script>
180  // ハンバーガーボタンの開閉
181  $(function() {
182    var $button = $(".menuButton");
183    var $gNavUnit = $("#g_navi");
184    var switchSizeMenu = 900;
185    screenType = null;
186    navState = "close";
187
188    $(window).on('load resize', function() {
189      var wW = $(window).width();
190      if (wW > switchSizeMenu ) {
191        if (screenType !== 'wide') {
192          screenType = 'wide';
193          openNav();
194        } else {
195          return;
196        }
197      } else {
198        if (screenType !== 'narrow') {
199          screenType = 'narrow';
200          closeNav();
201        } else {
202          return;
203        }
204      }
205    });
206
207    $button.on("click", function() {
208        if (navState === "close") {
209          openNav();
210        } else {
211          closeNav();
212        }
213      return false;
214    });
215
216    function openNav() {
217      navState = "open";
218      $gNavUnit.addClass("is-open");
219    }
220
221    function closeNav() {
222      navState = "close";
223      $gNavUnit.removeClass("is-open");
224    }
225
226  });
227</script>
227	</div>
228<!-- global link end -->
229</div>
230</div>
231</div>
232</div>
233<!-- <header>end -->
234
235<!-- <ext_area_01>start -->
236<div id="ext_area_01">
237<div id="ext_area_01_inner">
238<div class="ext_area_01_sa01">
239<div class="ext_area_01_sa01_l">
240<div class="topLogoWrapper sp-only">
241  <div class="decorativeFrameTop decorativeFrame--darkGreen">
242    <div class="decorativeFrameTopWrapper decorativeFrame--darkGreen">
243      <div class="topLogo">
244        <a href="index.html">
245          <img src="core_sys/images/main/common/logo.png" alt="スタミュ">
246        </a>
247      </div>
248    </div>
249  </div>
250</div></div>
251<div class="ext_area_01_sa01_r">
252<div class="mainVisual">
253  <div class="mainVisualWrapper">
254    <div class="decorativeFrame decorativeFrame--darkGreen">
255      <div class="decorativeFrameWrapper decorativeFrame--darkGreen">
256        <div class="mainVisual__inner">
257
258          <div class="mainVisual__img">
259            <picture>
260              <source media="(max-width: 899px)" srcset="core_sys/images/main/top/mainvisual_sp.jpg">
261              <img src="core_sys/images/main/top/mainvisual_pc.jpg">
262            </picture>
263          </div>
264
265          <div class="mainVisualChannel">
266            <a href="https://www.youtube.com/channel/UC6DL9KuhZhFclgH47rLdjgQ" target="_blank">
267              <img src="core_sys/images/main/top/youtube.png" alt="NBCUniversalスタミュ公式チャンネル">
268            </a>
269          </div>
270
271          <div class="mainVisualCatch">
272            <!--div class="mainVisualCatch__onair">
273              <a href="onair/index.html">
274                <img src="core_sys/images/main/top/onair_now.png" alt="2019年7月1日より毎週月曜日TOKYO MXほかにて放送中!U-NEXT 独占配信中!">
275              </a>
276            </div-->
277
278            <div class="mainVisualCatch__bd">
279              <a href="bddvd/06.html">
280                <img src="core_sys/images/main/top/vol6_2.png" alt="Blu-ray&DVD第6巻発売中!!">
281              </a>
282            </div>
283          </div>
284
285        </div>
286      </div>
287    </div>
288  </div>
289</div></div>
290</div>
291</div>
292</div>
293<!-- <ext_area_01>end -->
294
295<!-- <contents>start -->
296<div id="contents">
297<div id="contents_inner">
298
299<!-- <contents_main>start -->
300<div id="contents_main">
301<div id="contents_main_inner">
302
303<!-- <main>start -->
304<div id="main">
305<div id="main_inner">
306<div class="main_sa02">
307<div class="main_sa02_c">
308<!-- news list start -->
309	<div id="nwu_001_t">
310<div class="infoArea bgStripe--greenAndCream">
311  <div class="infoAreaWrapper">
312    <div class="newsArea">
313
314      <div class="sectionTitle">
315        <div class="sectionTitleWrapper">
316          NEWS & TOPICS
317        </div>
318      </div>
319
320      <div class="decorativeFrameTop decorativeFrame--lightGreen">
321        <div class="decorativeFrameTopWrapper decorativeFrame--lightGreen">
322          <div class="newsArticle">
323            <div class="customScrollArea newsArticleWrapper">	<table summary="News List">
324	<tr class="bg_a">
325	<td class="day">2024/12/23</td>	<td><div class="title"><div class="newsCategory newsCategory--event">EVENT</div><a href="news/index01730000.html">JR東海×「スタミュ」コラボ決定! 10周年記念でアニメもミュージカルも思い切り楽しみ旅♪</a></div></td>
326	</tr>
327	<tr class="bg_b">
328	<td class="day">2022/11/04</td>	<td><div class="title"><div class="newsCategory newsCategory--goods">GOODS</div><a href="news/index01720000.html">「スタミュ」7周年記念グッズ誤表記について</a></div></td>
329	</tr>
330	<tr class="bg_a">
331	<td class="day">2022/10/30</td>	<td><div class="title"><div class="newsCategory newsCategory--goods">GOODS</div><a href="news/index01710000.html">「スタミュ」7周年記念グッズ発売決定!</a></div></td>
332	</tr>
333	<tr class="bg_b">
334	<td class="day">2022/09/30</td>	<td><div class="title"><div class="newsCategory newsCategory--event">EVENT</div><a href="news/index01700000.html">【上映スクリーン変更のお知らせ】「スタミュ」7周年記念上映会</a></div></td>
335	</tr>
336	<tr class="bg_a">
337	<td class="day">2022/09/12</td>	<td><div class="title"><div class="newsCategory newsCategory--event">EVENT</div><a href="news/index01690000.html">「スタミュ」7周年記念上映会のお知らせ</a></div></td>
338	</tr>
339	<tr class="bg_b">
340	<td class="day">2022/04/27</td>	<td><div class="title"><div class="newsCategory newsCategory--goods">GOODS</div><a href="news/index01680000.html">公式FC【星箱(ショウ・ケース)】にてFCイベント開催記念グッズ発売決定!</a></div></td>
341	</tr>
342	<tr class="bg_a">
343	<td class="day">2022/04/27</td>	<td><div class="title"><div class="newsCategory newsCategory--event">EVENT</div><a href="news/index01670000.html">『FC感謝祭 in 道玄坂』開催決定! </a></div></td>
344	</tr>
345	<tr class="bg_b">
346	<td class="day">2022/04/27</td>	<td><div class="title"><div class="newsCategory newsCategory--info">INFO</div><a href="news/index01660000.html">公式FC【星箱(ショウ・ケース)】サービス終了のお知らせ</a></div></td>
347	</tr>
348	</table>
349            </div>
350          </div>
351        </div>
352      </div>
353
354      <div class="moreBtn">
355        <div class="moreBtnWrapper">
356          <a href="news/index.html">
357            <span>ALL NEWS</span>
358          </a>
359        </div>
360      </div>
361
362    </div>
363
364    <div class="twitterArea">
365
366      <div class="sectionTitle">
367        <div class="sectionTitleWrapper">
368          Twitter
369        </div>
370      </div>
371
372      <div class="decorativeFrameTop decorativeFrame--lightGreen">
373        <div class="decorativeFrameTopWrapper decorativeFrame--lightGreen">
374          <div class="twitterArticle">
375            <div class="customScrollArea twitterArticleWrapper">
376              <div class="twitterTimeline">
377                <a class="twitter-timeline" data-chrome="noheader nofooter transparent" data-link-color="#0000ff" data-theme="light" href="https://twitter.com/hstar_mu?ref_src=twsrc%5Etfw">Tweets by hstar_mu</a> 
377<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
377
378              </div>
379            </div>
380          </div>
381        </div>
382      </div>
383
384      <div class="moreBtn">
385        <div class="moreBtnWrapper">
386          <a href="https://twitter.com/hstar_mu" target="_blank">
387            <span>@hstar_mu</span>
388          </a>
389        </div>
390      </div>
391
392    </div>
393  </div>
394</div>
395
396<script>
397  // リンクが無しの記事にclass付与
398  $(function() {
399    $(".newsArea tr").each(function() {
400      if( $(this).find("a").length == 0 ) {
401        $(this).addClass("is-noLink");
402      }
403    });
404  });
405</script>
405	</div>
406<!-- news list end -->
407</div>
408</div>
409<div class="main_sa03">
410<div class="main_sa03_c">
411<div class="movieArea">
412  <div class="movieAreaWrapper">
413
414    <div class="sectionTitle">
415      <div class="sectionTitleWrapper">
416        MOVIE
417      </div>
418    </div>
419
420    <div class="movieWrapper">
421      <div class="c-youtubeWrap js-clickYouTubeModal">
422        <span class="thumbnailAreaFilter"></span>
423        <span class="playButton"></span>
424        <div id="js-replaceYoutube"><img src="core_sys/images/sys/no_image01.gif"></div>
425      </div>
426    </div>
427
428    <!--
429    <div class="moreBtn">
430      <div class="moreBtnWrapper">
431        <a href="special/index00240000.html">
432          <span>more</span>
433        </a>
434      </div>
435    </div>
436    -->
437
438  </div>
439</div></div>
440</div>
441<div class="main_sa08">
442<div class="main_sa08_l">
443</div>
444<div class="main_sa08_r">
445<div class="noteIconWrapper">
446  <div class="noteIcon"></div>
447</div></div>
448</div>
449</div>
450</div>
451<!-- <main>end -->
452
453</div>
454</div>
455<!-- <contents_main>end -->
456
457</div>
458</div>
459<!-- <contents>end -->
460
461<!-- <ext_area_02>start -->
462<!-- <ext_area_02>end -->
463
464<!-- <footer>start -->
465<div id="footer">
466<div id="footer_inner">
467<div class="footer_sa01">
468<div class="footer_sa01_c">
469<!-- global link start -->
470	<div id="g_navi_v">
471	<ul>
472	<li class="gv_fir_item1 gv_lino2 fir"><a href="index.html" class="fir_crt" title="TOP"><span class="gv_sno2">TOP</span></a></li>
473	<li class="gv_fir_item2 gv_lino3 fir"><a href="news/index.html" class="fir" title="NEWS"><span class="gv_sno3">NEWS</span></a></li>
474	<li class="gv_fir_item3 gv_lino4 fir"><a href="staffcast/index.html" class="fir" title="STAFF&CAST"><span class="gv_sno4">STAFF&CAST</span></a></li>
475	<li class="gv_fir_item4 gv_lino5 fir"><a href="onair/index.html" class="fir" title="ON AIR"><span class="gv_sno5">ON AIR</span></a></li>
476	<li class="gv_fir_item5 gv_lino6 fir"><a href="story/12.html" class="fir" title="STORY"><span class="gv_sno6">STORY</span></a></li>
477	<li class="gv_fir_item6 gv_lino7 fir"><a href="character/index.html" class="fir" title="CHARACTER"><span class="gv_sno7">CHARACTER</span></a></li>
478	<li class="gv_fir_item7 gv_lino8 fir"><a href="bddvd/03_box.html" class="fir" title="Blu-ray&DVD"><span class="gv_sno8">Blu-ray&DVD</span></a></li>
479	<li class="gv_fir_item8 gv_lino9 fir"><a href="cd/album.html" class="fir" title="CD"><span class="gv_sno9">CD</span></a></li>
480	<li class="gv_fir_item9 gv_lino10 fir"><a href="goods/index.html" class="fir" title="GOODS"><span class="gv_sno10">GOODS</span></a></li>
481	<li class="gv_fir_item10 gv_lino11 fir"><a href="special/list00.html" class="fir" title="SPECIAL"><span class="gv_sno11">SPECIAL</span></a></li>
482	<li class="gv_fir_item11 gv_lino12 fir"><a href="https://hstar-mu.com/news/index01660000.html" target="_blank" class="fir" title="FAN CLUB"><span class="gv_sno12">FAN CLUB</span></a></li>
483	</ul>
484	</div>
485<!-- global end -->
486</div>
487</div>
488<div class="footer_sa02">
489<div class="footer_sa02_l">
490<div class="footerContentsBox">
491
492  <ul class="socialList">
493    <li>
494      <a class="js-share--twitter" href="https://twitter.com/intent/tweet?text=" title="Twitterでシェアする" rel="nofollow noopener noreferrer" target="_blank">
495         <img src="core_sys/images/main/common/share_twitter.svg" alt="Twitter">
496      </a>
497    </li>
498    <li>
499       <a class="js-share--line" href="http://line.me/R/msg/text/" title="LINEでシェアする" rel="nofollow noopener noreferrer" target="_blank">
500         <img src="core_sys/images/main/common/share_line.svg" alt="LINE">
501       </a>
502    </li>
503    <li>
504      <a class="js-share--facebook" href="http://www.facebook.com/sharer.php?u=" title="Facebookでシェアする" rel="nofollow noopener noreferrer" target="_blank">
505         <img src="core_sys/images/main/common/share_facebook.svg" alt="Facebook">
506      </a>
507    </li>
508  </ul>
509
510
511  <!-- バナーユニット002ここから -->
512	<div id="bnu_002_t">
513	<p><a href="http://hstar-mu.com/1/" target="_blank"><img src="core_sys/images/banner/00000004.png?1744072213" alt="第一期サイトはこちら" title="第一期サイトはこちら" /></a></p>
514	<p><a href="http://hstar-mu.com/2/" target="_blank"><img src="core_sys/images/banner/00000005.png?1744072213" alt="第二期サイトはこちら" title="第二期サイトはこちら" /></a></p>
515	<p><a href="https://star-mumu.com/" target="_blank"><img src="core_sys/images/banner/00000006.png?1744072213" alt="ミュージカル スタミュ" title="ミュージカル スタミュ" /></a></p>
516	<p><a href="https://hstar-mu.com/news/index01660000.html"><img src="core_sys/images/banner/00000007.png?1744072213" alt="FANCLUB" title="FANCLUB" /></a></p>
517	</div>
518<!-- バナーユニット002ここまで -->
519
520</div></div>
521<div class="footer_sa02_r">
522<button class="scrollButton js-scrollToTop" type="button">
523  <img src="core_sys/images/main/common/icon_pagetop.svg" alt="Scroll to Top"><br>
524  <span class="pageTopTxt">PAGE TOP</span><br>
525</button>
526
527<p class="copyrights"><small>© ひなた凛/スタミュ製作委員会</small></p>
528
529<script>
530  // PAGE TOPのフェードイン・フェードアウト
531  $(function() {
532    $(window).on('load scroll', function() {
533      if ($(this).scrollTop() > 300) {
534        $('.scrollButton').addClass('is-show');
535      } else {
536        $('.scrollButton').removeClass('is-show');
537      }
538    });
539  });
540</script>
540</div>
541</div>
542<div class="footer_sa03">
543<div class="footer_sa03_l">
544<script>
545
546MAVJS.addUserAgent();
547
548$(function(){
549
550  // 相対リンクのindex.html削除
551  MAVJS.removeIndexHtml();
552
553  // rel="noopener noreferrer"追加
554  MAVJS.addRelNoopener();
555
556  // カスタムマーカーリスト
557  MAVJS.customMarkerList();
558
559  // スムーススクロール(offsetY, time, easing);
560  MAVJS.smoothScroll( -50, 1000, "easeInOutQuint" );
561
562  // NEWマーク移動(classを付与したいtrまたは、.nwu_boxを指定)
563  MAVJS.addNewMark("#news_block #list_01 tr, #nwu_001_t tr");
564
565  // リストのリンク全体化(リンクにしたいtrまたは、.nwu_boxを指定)
566  MAVJS.anchorParentClickable(".newsArea tr,.color-no1 #news_block #list_01 tr,.c-no10 #list_01 tr");
567
568  /* ==========================================
569  ソーシャルシェア設定
570  #@なし、カンマ区切り、なしの場合空白 ""
571  ========================================== */
572  MAVJS.socialShare(
573    // ツイートハッシュタグ
574    "",
575
576    // ツイートおすすめユーザー
577    ""
578  );
579
580  $('.js-modalImgLink').magnificPopup({
581      disableOn: 0,
582      type: 'image'
583  });
584
585/* ==========================================
586グローバルメニュー内Official Twitter追加
587========================================== */
588  $('#g_navi .globalNavi>ul,#g_navi_v>ul').append('<li class="menuTwitterListItem"><a href="https://twitter.com/hstar_mu" target="_blank" title="Official Twitter"><span>Official Twitter</span></a></li>');
589
590/* ==========================================
591NEWS 要素の移動 (種別カテゴリを日付の下に)
592========================================== */
593  $("body#layout1 #nwu_001_t tr,.color-no1 #news_block table[summary='List_Type01'] tr").each(function(){ 
594    $(this).find(".newsCategory").insertAfter($(this).find("td.day")); 
595  });
596/* ==========================================
597  モーダル汎用class
598========================================== */
599  $('.contents-no166 .img_link').magnificPopup({
600    disableOn: 0,
601    mainClass: 'mfp-fade',
602    removalDelay: 500,
603    type: 'image',
604    fixedContentPos: false
605  });
606
607});
608
609</script>
609</div>
610<div class="footer_sa03_r">
611<div id="js-autoModal"></div>
612<script>
613
614/* ==========================================
615*
616*  Youtube ID
617*
618========================================== */
619
620const modalOption = {
621
622  // YouTube IDの指定(モーダル、iframe埋め込み共通)
623  youtubeID: "h4s5WJQoCeI",
624
625  // ページ読み込み時、自動でモーダルを表示するか    true or false
626  autoPopup: true,
627
628  // 自動モーダルをYouTubeにするか画像にするか    "youtube" or "img"
629  type: "youtube",  
630
631  // 自動モーダル画像
632  imgSrc: "core_sys/images/main/top/info1015.png"
633
634};
635
636/* ==========================================
637*
638*  埋め込み
639*
640========================================== */
641var youtubeTag = document.createElement('script');
642youtubeTag.src = "//www.youtube.com/iframe_api";
643
644var firstScriptTag = document.getElementsByTagName('script')[0];
645firstScriptTag.parentNode.insertBefore(youtubeTag , firstScriptTag);
646
647var youtubePlayer;
648
649function onYouTubeIframeAPIReady() {
650  youtubePlayer = new YT.Player('js-replaceYoutube', {
651    height: 390,
652    width: 640,
653    videoId: modalOption["youtubeID"],
654    playerVars: {
655//      playlist: modalOption["youtubeID"],
656      autoplay: 1,
657      controls: 0,
658      fs: 0,
659      loop: 1,
660      modestbranding: 1,
661      rel: 0,
662      showinfo: 0,
663      html5: 1
664    },
665    events: {
666      'onReady': onPlayerReady,
667      'onStateChange': onPlayerStateChange
668    }
669  });
670}
671
672function onPlayerReady(event) {
673  if ( UA.device.PC ) {
674    event.target.setVolume(0);
675    event.target.playVideo();
676  }
677}
678
679function onPlayerStateChange(event) {
680  if (event.data == YT.PlayerState.ENDED) {
681    event.target.seekTo(0,true);
682    event.target.playVideo();
683  }
684}
685
686$(function() {
687/* ==========================================
688*
689*  モーダル
690*
691========================================== */
692  const mfpIframeSrc = 'https://www.youtube.com/watch?v=' + modalOption["youtubeID"];
693
694  function mfpSetting(element,items,type,callbackOpen,callbackClose) {
695    $(element).magnificPopup({
696      items: {
697        src: items
698      },
699      iframe: {
700        patterns: {
701          youtube: {
702            src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0'
703          }
704        }
705      },
706      disableOn: 0,
707      type: type,
708      mainClass: 'mfp-fade',
709      removalDelay: 500,
710      preloader: false,
711      fixedContentPos: false,
712      callbacks: {
713        open: function() {
714          if(callbackOpen){
715            callbackOpen();
716          }
717        },
718         beforeClose: function() {
719          if(callbackClose){
720            callbackClose();
721          }
722        }
723      }
724    });
725  }
726
727  // ロード時自動モーダル = 画像または動画
728  if( modalOption["autoPopup"] ) {
729    if( modalOption["type"] === "youtube" ) {
730      mfpSetting('#js-autoModal', mfpIframeSrc, 'iframe', "", showCont);
731    } else if ( modalOption["type"] === "img" ){
732      mfpSetting('#js-autoModal', modalOption["imgSrc"], 'image', "", showCont);
733    }
734  }
735  
736  // クリックでモーダル = 動画
737  mfpSetting('.js-clickYouTubeModal',mfpIframeSrc,'iframe',"","");
738
739  // モーダル画像をクリックでページ遷移
740  $(document).on('click', '.mfp-img', function (e) {
741    e.preventDefault();
742    location.href = 'news/index01190000.html';
743  });
744
745/* ==========================================
746*
747*  ローディング
748*
749========================================== */
750
751  // 初期アニメーション時間
752  const firstAnimationTime = 0;
753
754  // コンテンツ表示
755  function showCont(){
756    $("body").addClass("is-loaded");
757    $(".loading").fadeOut(1000,"easeInOutQuint");
758  }
759
760  // ローディング
761  function loading(){
762
763    if ( MAVJS.checkReferer() ) {    // 同一ドメインからのリンクの場合
764      showCont();
765      return;
766    }
767
768    // ダイレクト、または別サイトからの流入の場合
769    setTimeout(function(){   // 初期アニメーション待ち 
770      if( modalOption["autoPopup"] ) {    // 自動モーダル設定あり
771        $('#js-autoModal').trigger("click");
772        return;
773      }
774
775      // 自動モーダル設定なし
776      showCont();
777
778    }, firstAnimationTime );
779
780  }
781
782  loading();
783  
784});
785</script>
785</div>
786</div>
787</div>
788</div>
789<!-- <footer>end -->
790
791</div>
792</div>
793<!-- <container>end -->
794
795</div>
796</div>
797<!-- <wrapper>01end -->
798
799</body>
800</html>
801<!-- InstanceEnd -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.