PageSourceSearch

https://eigeki.com/search/genre

html eigeki.com collected 2026-10-02 04:40:39 UTC 68,705 bytes, 1,472 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="ja">
3    <head>
4        <meta charset="UTF-8">
5        <meta name="format-detection" content="telephone=no">
6        <title>番組を探す:ジャンル | 衛星劇場</title>
7        <meta name="csrf-token" content="4yK1jMpToMmCVL7r2XbCOqE6I0ZlFoa6tKZHOK8b">
8        <meta name="description" content="">
9        <meta name="keywords" content="">
10        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
11
12        <link rel="apple-touch-icon" sizes="180x180" href="https://eigeki.com/images/favicon.ico?v=2">
13        <link rel="icon" type="image/png" sizes="32x32" href="https://eigeki.com/images/favicon.ico?v=2">
14        <link rel="icon" type="image/png" sizes="16x16" href="https://eigeki.com/images/favicon.ico?v=2">
15        <link rel="manifest" href="">
16        <link rel="mask-icon" href="" color="#cc006f">
17        <meta name="msapplication-TileColor" content="#cc006f">
18        <meta name="theme-color" content="#ffffff">
19
20        <link rel="stylesheet" href="https://eigeki.com/css/reset.css" type="text/css" media="all">
21        <link rel="stylesheet" href="https://eigeki.com/css/style.css?1719996957" type="text/css" media="all">
22        <link rel="stylesheet" href="https://eigeki.com/css/style2.css" type="text/css" media="all">
23
24        <link rel="preconnect" href="https://fonts.gstatic.com">
25        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet">
26        <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
27
28        <link rel="stylesheet" type="text/css" href="https://eigeki.com/slick/slick.css">
29        <link rel="stylesheet" type="text/css" href="https://eigeki.com/slick/slick-theme.css">
30        <link rel="stylesheet" type="text/css" href="https://eigeki.com/css/responsive.css">
31        <link rel="stylesheet" type="text/css" href="https://eigeki.com/css/splide-core.min.css">
32        <link rel="stylesheet" type="text/css" href="https://eigeki.com/lightbox/css/lightbox.css">
33
34        <!-- ogp_fb -->
35        <meta property="og:locale" content="ja_JP" />
36        <meta property="og:site_name" content="衛星劇場" />
37        <meta property="og:title" content="番組を探す:ジャンル | 衛星劇場" />
38        <meta property="og:description" content="韓流ドラマ・K-POP、時代劇、国内ドラマ、台湾ドラマなどの人気作をセレクト!" />
39        <meta property="og:type" content="website" />
40        <meta property="og:url" content="https://eigeki.com/search/genre" />
41        <meta property="og:image" content="https://eigeki.com/images/eigeki_fb_logo.jpg" />
42        <meta name="twitter:card" content="summary_large_image" />
43        <meta name="twitter:site" content="@EISEI_GEKIJO" />
vendor: 165 bytes, lines 43-49
43
44        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
45                    
46        
47                
48                
49                
49<!-- Google Tag Manager -->
50        
50<script>
vendor: 359 bytes, lines 50-54
50(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
51        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
52        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
53        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
54        })(window,document,'script','dataLayer','
54GTM-WH99P49
vendor: 3 bytes, line 54
54');
54</script>
54
55        <!-- End Google Tag Manager -->
56
57        <!-- Google Analytics -->
58        
58<script>
vendor: 374 bytes, lines 58-63
58
59        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
60        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
61        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
62        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
63        ga('create', '
63UA-1198237-1
vendor: 52 bytes, lines 63-65
63', 'auto');
64        ga('send', 'pageview');
65        
65</script>
65
66        <!-- End Google Analytics -->
67            </head>
68        <body class="" oncontextmenu="return false;">
69                <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 69-70
69
70        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
70GTM-WH99P49
vendor: 99 bytes, lines 70-72
70"
71        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
72        
72<!-- End Google Tag Manager (noscript) -->
73        
74        <div class="wrapper genre-search group">
75    <nav class="navhead group">
76    <div class="logo-wrap">
77        <a href="https://eigeki.com">
78            <div class="logo min1025-only">
79                <span></span>
80            </div>
81            <div class="logo max1024-only">
82                <span></span>
83            </div>
84        </a>
85    </div>
86
87    <a class="burger-menu" id="menu-open"><img src="https://eigeki.com/images/menu-open-blue.png" /></a>
88    <a class="burger-menu" id="menu-close" style="display:none;"><img src="https://eigeki.com/images/menu-close-blue.png" /></a>
89
90    <!-- Update Menu Nav -->
91    <div class="menu">
92<div class="menu-title sp-only">MENU</div>
93
94<div class="content1000 group">
95<div class="box40 group">
96<div class="menu1">
97<div class="menu-open3"><strong>番組を探す</strong></div>
98
99<div class="menu-open-content">
100<div>
101<div class="sub-menu-wrap"><a href="/search/genre">ジャンルで探す</a></div>
102
103<div class="submenu pc-only"><a href="/search/genre?q=映画&amp;genre=1&amp;page=1&amp;o=5">・映画</a> <a href="/search/genre?q=韓流&amp;genre=7&amp;page=1&amp;o=5">・韓流</a> <a href="/search/genre?q=アジアほか&amp;genre=4&amp;page=1&amp;o=5">・アジアほか</a> <a href="/search/genre?q=舞台・LIVE&amp;genre=5&amp;page=1&amp;o=5">・舞台・LIVE</a> <a href="/search/genre?q=歌舞伎・伝統芸能&amp;genre=6&amp;page=1&amp;o=5">・歌舞伎・伝統芸能</a> <a href="/search/genre?q=国内ドラマ・バラエティ&amp;genre=2&amp;page=1&amp;o=5">・国内ドラマ・バラエティ</a> <a href="/search/genre?q=寅さん・釣りバカ&amp;genre=3&amp;page=1&amp;o=5">・寅さん・釣りバカ</a> <a href="/search/genre?q=ミッドナイト&amp;genre=8&amp;page=1&amp;o=5">・ミッドナイト</a> <a href="/search/genre?q=オリジナル番組ほか&amp;genre=9&amp;page=1&amp;o=5">・オリジナル番組ほか</a></div>
104</div>
105
106<div><a href="/search">キーワードで探す</a></div>
107
108<div><a href="/search/period">製作年代で探す</a></div>
109</div>
110</div>
111</div>
112
113<div class="box30">
114<div class="menu2">
115<div class="menu-open3"><strong>視聴案内</strong></div>
116
117<div class="menu-open-content">
118<div><a href="/page/howto">視聴方法</a></div>
119</div>
120</div>
121
122<div class="menu3">
123<div class="menu-open3"><strong>プレゼント</strong></div>
124
125<div class="menu-open-content">
126<div><a href="/gift">応募受付中</a></div>
127</div>
128</div>
129
130<div class="menu4">
131<div class="menu-open3"><strong>新着情報</strong></div>
132
133<div class="menu-open-content">
134<div><a href="/topics">新着情報一覧</a></div>
135<!-- <div><a href="/pauses">停波一覧</a></div> --></div>
136</div>
137</div>
138
139<div class="box30">
140<div class="menu5">
141<div class="menu-open3"><strong>サービス・会員サポート</strong></div>
142
143<div class="menu-open-content">
144<div><a href="/setting">ユーザ情報の編集</a></div>
145
146<div><a href="/setting/favorite">お気に入り設定</a></div>
147
148<div><a href="/setting/notification">見逃し防止メール</a></div>
149
150<div><a href="/setting/mail">メールマガジン</a></div>
151
152<div><a href="/request">リクエスト</a></div>
153
154<div><a href="/inquiry">お問い合わせ</a></div>
155
156<div><a href="/page/faq">FAQ・よくあるご質問</a></div>
157
158<div><a href="/page/membership-agreement">会員規約</a></div>
159</div>
160</div>
161
162<div class="menu6">
163<div class="menu-open3"><strong>会社情報</strong></div>
164
165<div class="menu-open-content">
166<div><a href="https://www.broadcasting.co.jp/sbc/company.html" target="_blank">会社概要</a></div>
167</div>
168</div>
169
170<div class="menu7">
171<div class="menu-open3"><strong>このサイトについて</strong></div>
172
173<div class="menu-open-content">
174<div><a href="/page/sitemap">サイトマップ</a></div>
175
176<div><a href="https://www.broadcasting.co.jp/sbc/news.html" target="_blank">広報・IR</a></div>
177
178<div><a href="https://www.broadcasting.co.jp/sbc/privacy.html" target="_blank">個人情報保護方針</a></div>
179
180<div><a href="https://www.broadcasting.co.jp/sbc/tokuteikojin.html" target="_blank">特定個人情報保護方針</a></div>
181
182<div><a href="/page/guideline">放送番組の編集の基準</a></div>
183
184<div><a href="/page/banshin">番組審議委員会議事録</a></div>
185</div>
186</div>
187</div>
188
189<div class="sns-wrap-menu"><a href="https://x.com/EISEI_GEKIJO" onclick="ga('send','event','menu','click','x');" target="_blank"><img alt="X" src="/images/x_sns_logo_w.png" /></a><a href="https://www.instagram.com/eiseigekijo/?hl=ja" onclick="ga('send','event','menu','click','instagram');" target="_blank"><img alt="Instagram" src="/images/instagram_sns_logo.png" /></a><a href="https://www.facebook.com/eiseigekijo/" onclick="ga('send','event','menu','click','facebook');" target="_blank"><img alt="Facebook" src="/images/fb_sns_logo.png" /></a><a href="https://www.youtube.com/user/eiseigekijou" onclick="ga('send','event','menu','click','youtube');" target="_blank"><img alt="YouTube" src="/images/youtube_social_icon_red.png" /></a></div>
190
191<div class="sns-wrap-line-menu">
192<div style="display: flex; justify-content: flex-start;">
193<div style="width: 40px;height: 40px;"><img alt="LINE" src="/images/line_sns_logo_square.png" style="width: 100%;" /></div>
194
195<div style="text-align: left;line-height: 22px;font-size: 14px;padding-left: 5px;font-weight: 500;">衛星劇場<br />
196LINE公式アカウント</div>
197</div>
198
199<div class="line_btn_wrap" style="display: flex; justify-content: flex-start; align-items: center; position: relative; margin-top: 5px; margin-left: 0;"><a class="button" href="https://page.line.me/kvs0241o" onclick="ga('send','event','menu','click','line_h');" style="color: #333;background:#fff;border:solid 1px #81D8D0;position: relative;padding: 4px 14px !important;font-weight: 600;font-size: 14px;border-radius: 5px;" target="_blank">韓流</a> <a class="button" href="https://page.line.me/vnq4522t" onclick="ga('send','event','menu','click','line_s');" style="color: #333;background:#fff;border:solid 1px #81D8D0;position: relative;padding: 4px 14px !important;font-weight: 600;font-size: 14px;border-radius: 5px; margin-left: 5px;" target="_blank">舞台</a></div>
200</div>
201
202<div class="close2 sp-only"><img alt="" src="/images/close2.svg" style="display:inline-block; margin-right:10px; vertical-align:middle;" />閉じる</div>
203</div>
204</div>
205
206
207    <ul class="top-wrap1">
208        <li><a href="https://eigeki.com/lineup/daily"><img src="https://eigeki.com/images/icon01.svg" /> 番組表</a></li>
209        <li><a href="/page/howto"><img src="https://eigeki.com/images/icon02.svg" /> 視聴方法</a></li>
210        <li id="login-nav">
211                            <a class="login" href="https://id.eigeki.com/login?backdomain=2&redirect=https%3A%2F%2Feigeki.com%2Fsearch%2Fgenre"><img src="https://eigeki.com/images/icon03.svg" /> ログイン</a>
212                    </li>
213        <li><a href="https://eigeki.com/search"><img src="https://eigeki.com/images/icon04.svg" /> 検索</a></li>
214    </ul>
215</nav>
216    <header class="box100 group" id="search">
217        <div class="page-title page-title02 group">
218            <div class="content1000 group">
219                <h2>番組を探す:ジャンル</h2>
220            </div>
221        </div>
222    </header>
223    <!-- / header -->
224
225    <main class="page group" id="search">
226        <section class="content group search-sec01" id="sec01">
227            <div class="content1020 group">
228                <div class="box100 group tab-wrap">
229                    <a class="see-more" href="https://eigeki.com/search">キーワード</a>
230                    <a class="see-more see-more-active" href="https://eigeki.com/search/genre">ジャンル</a>
231                    <a class="see-more" href="https://eigeki.com/search/period">製作年代</a>
232                </div>
233            </div>
234        </section>
235
236        <section class="content search-wrap2 group">
237            <div class="content1000 group">
238                <h3 class="search-title">ジャンル</h3>
239                <form method="GET" action="https://eigeki.com/search/genre">
240                    <div class="select-wrap group">
241                        <div class="custom-select">
242                            <select name="g">
243                                <option disabled hidden></option>
244                                <option value="">ジャンルを選択してください</option>
245                                                                                                                                                    <option value="1" >映画</option>
246                                                                                                                    <option value="7" >韓流</option>
247                                                                                                                    <option value="4" >アジアほか</option>
248                                                                                                                    <option value="5" >舞台・LIVE</option>
249                                                                                                                    <option value="6" >歌舞伎・伝統芸能</option>
250                                                                                                                    <option value="2" >国内ドラマ・バラエティ</option>
251                                                                                                                    <option value="3" >寅さん・釣りバカ</option>
252                                                                                                                    <option value="8" >ミッドナイト</option>
253                                                                                                                    <option value="9" >オリジナル番組ほか</option>
254                                                                                                </select>
255                        </div>
256                    </div>
257
258                    <div class="options-wrap box100 group" style="display:block !important;">
259                        <div id="feature-container" class="box100 hide">
260                            <div id="feature" class="box100 group hide collapsed">
261                                <div class="feature-overlay"></div>
262                            </div>
263                            <div class="collapse-btn collapsed"></div>
264                        </div>
265                    </div>
266                </form>
267            </div>
268        </section>
269
270        <section id="series-section" class="content search-content group" style="display:none">
271            <div class="content1000 group">
272                <h2 class="page-title04">ジャンル「<span id="sgenre"></span>」<span class="features_names_container"></span> の作品<span>(<span id="stotal"></span>件中<span id="slower"></span>~<span id="supper"></span>件を表示)</span></h2>
273                <div class="box100 group">
274                    <div class="box50 group">
275                        <div class="fav-wrap group">
276                            <a class="bookmark" href="">お気に入り登録</a>
277                            <span class="whatis modal-trigger" data-target="modal-wrap">「お気に入り」とは</span>
278                        </div>
279                    </div>
280                    <div class="box50 group">
281                    </div>
282                </div>
283                <div class="box100 group">
284                    <div class="box100 group check-wrap">
285                        <div class="options-wrap options-wrap-left float-l margin-r-10 margin-t-10">
286                            <label class="container">日本初・TV初・CS初
287                                <input id="f_lineups_attr_1" type="checkbox" name="f_lineups_attr_1" value="1" >
288                                <span class="checkmark"></span>
289                            </label>
290                        </div>
291                        <div class="options-wrap options-wrap-left float-l margin-r-10 margin-t-10">
292                            <div class="float-l">
293                                <label class="container">今月スタート
294                                    <input id="start_this_month" type="checkbox" name="start_this_month" value="1" >
295                                    <span class="checkmark"></span>
296                                </label>
297                            </div>
298                            <div class="float-l">
299                            <label class="container">来月スタート
300                                <input id="start_next_month" type="checkbox" name="start_next_month" value="1" >
301                                <span class="checkmark"></span>
302                            </label>
303                            </div>
304                        </div>
305                        <div class="options-wrap options-wrap2 float-l margin-t-10">
306                            <label class="container">放送終了作品も表示
307                                <input id="past" type="checkbox" name="p" value="1" >
308                                <span class="checkmark"></span>
309                            </label>
310                        </div>
311                        <div class="custom-select custom-select-s float-r margin-t-10">
312                            <select id="order" name="o">
313                                <option disabled hidden></option>
314                                <option value="1" >放送日時順</option>
315                                
316                                <option value="5" >50音順</option>
317                                
318                                <option value="3" >製作年順</option>
319                                
320                            </select>
321                        </div>
322                        <div class="clear-both"></div>
323                    </div>
324                </div>
325                <div class="clear-both"></div>
326
327                <div class="box100 group no-result hide">
328                    <br>
329                    <div class="margin-t-10">結果が見つかりません</div>
330                </div>
331
332                <div id="series-wrap" data-current-page="1" data-last-page="">
333                    <ul id="series" class="search-result group"></ul>
334                </div>
335
336                <div id="pager" class="pager group"></div>
337
338                
339                <div class="scroll-loading hide" style="clear: both;">
340                    <div class="scroll-loading-wrap"> 
341                        <img src="https://eigeki.com/images/preloader.gif">
342                    </div>
343                </div>
344            </div>
345        </section>
346
347        <section id="series-section-none" class="content search-content group" style="display:none">
348            <div class="content1000 group">
349                <div class="box100 group">
350                    <div class="box50 group">
351                        <div class="fav-wrap group">
352                            <a class="bookmark" href="">お気に入り登録</a>
353                            <span class="whatis modal-trigger" data-target="modal-wrap">「お気に入り」とは</span>
354                        </div>
355                    </div>
356                    <div class="box50 group">
357                    </div>
358                </div>
359                <div id="fpast-data" class="box100 group">
360                    <div class="box100 group check-wrap">
361                        <div class="options-wrap options-wrap-left float-l margin-r-10 margin-t-10">
362                            <label class="container">日本初・TV初・CS初
363                                <input id="f_lineups_attr_1" type="checkbox" name="f_lineups_attr_1" value="1" >
364                                <span class="checkmark"></span>
365                            </label>
366                        </div>
367                        <div class="options-wrap options-wrap-left float-l margin-r-10 margin-t-10">
368                            <div class="float-l">
369                                <label class="container">今月スタート
370                                    <input id="start_this_month" type="checkbox" name="start_this_month" value="1" >
371                                    <span class="checkmark"></span>
372                                </label>
373                            </div>
374                            <div class="float-l">
375                            <label class="container">来月スタート
376                                <input id="start_next_month" type="checkbox" name="start_next_month" value="1" >
377                                <span class="checkmark"></span>
378                            </label>
379                            </div>
380                        </div>
381                        <div class="options-wrap options-wrap2 float-l margin-t-10">
382                            <label class="container">放送終了作品も表示
383                                <input id="past-none" type="checkbox" name="p" value="1" >
384                                <span class="checkmark"></span>
385                            </label>
386                        </div>
387                        <div class="custom-select custom-select-s float-r margin-t-10">
388                            <select id="order-none" name="o">
389                                <option disabled hidden></option>
390                                <option value="1" >放送日時順</option>
391                                
392                                <option value="5" >50音順</option>
393                                
394                                <option value="3" >製作年順</option>
395                                
396                            </select>
397                        </div>
398                        <div class="clear-both"></div>
399                    </div>
400                </div>
401                <div class="box100 group">
402                    <br>
403                    <div class="margin-t-10">結果が見つかりません</div>
404                </div>
405            </div>
406        </section>
407        <section class="content section09 group" id="sec09">
408    <div class="content1020 group">
409        <h2 class="title01">
410            キャンペーン・PR
411            <sub>Campaign &amp; PR</sub>
412        </h2>
413        <div class="clear-both"></div>
414        <div class="banner-list">
415                        <div class="">
416                <a href="https://www.eigeki.com/lineup/monthly" target="_blank" onclick="ga('send', 'event', 'out link', 'click', '衛星劇場からのお知らせ');"><img src="https://eigeki.com/images/Ad/衛星劇場からのお知らせ_230.png"></a>
417            </div>
418                        <div class="">
419                <a href="https://www.skyperfectv.co.jp/30thanniversary/" target="_blank" onclick="ga('send', 'event', 'out link', 'click', 'ã
419‚¹ã‚«ãƒ‘ー!30感謝祭');"><img src="https://eigeki.com/images/Ad/バナー4種_175×100.jpg"></a>
420            </div>
421                        <div class="">
422                <a href="https://www.skyperfectv.co.jp/premium/guide/support/hajimeru/?argument=sfDJpELg&amp;dmai=a62303741e870d" target="_blank" onclick="ga('send', 'event', 'out link', 'click', 'スカパー!プレミアムサービス「プレミアムはじめるサポート」');"><img src="https://eigeki.com/images/Ad/ba_228_114.png"></a>
423            </div>
424                        <div class="">
425                <a href="https://www.hikaritv.net/cp/twomonth/?cid=eigeki" target="_blank" onclick="ga('send', 'event', 'out link', 'click', 'ひかりTV');"><img src="https://eigeki.com/images/Ad/pr-img04.png"></a>
426            </div>
427                    </div>
428    </div>
429    
430    <div class="content660 group">
431        
432        <div class="pr-wrap sns-wrap">
433            <h3><span>SNS</span></h3>
434            
435            <div style="clear: both;"></div>
436            <div style="display: flex; justify-content: center; align-items: center;">
437                <a href="https://x.com/EISEI_GEKIJO" target="_blank" onClick="ga('send','event','footer','click','x');"><img src="/images/x_sns_logo_w.png"></a>
438                <a href="https://www.instagram.com/eiseigekijo/?hl=ja" target="_blank" onClick="ga('send','event','footer','click','instagram');"><img src="/images/instagram_sns_logo.png"></a>
439                <a href="https://www.facebook.com/eiseigekijo/" target="_blank" onClick="ga('send','event','footer','click','facebook');"><img src="/images/fb_sns_logo.png"></a>
440                <a href="https://www.youtube.com/user/eiseigekijou" target="_blank" onClick="ga('send','event','footer','click','youtube');"><img src="/images/youtube_social_icon_red.png"></a>
441            </div>
442            <div class="line_container" >
443                <div class="line_icon_wrap">
444                    <div class="line_icon" >
445                        <img  src="/images/line_sns_logo_square.png">
446                    </div>
447                    <div class="line_icon_desc">
448                        衛星劇場<br>
449                        LINE公式アカウント
450                    </div>
451                </div>
452                <div class="line_btn_wrap">
453                    <a href="https://page.line.me/kvs0241o" class="line_btn" target="_blank" onClick="ga('send','event','footer','click','line_h');" >韓流</a>
454                    <a href="https://page.line.me/vnq4522t" class="line_btn" target="_blank" onClick="ga('send','event','footer','click','line_s');" >舞台</a>
455                </div>
456            </div>
457        </div>
458    </div>
459    
460</section>
461
462    </main>
463    <!-- / main -->
464
465    <!-- show adsense banners -->
466<section class="content group">
467    <div class="content1000 group">
468        <div class="adsense-container">
469                                            <div class="banner">
470                    
470<script type="text/javascript" src="https://www.navi-tomo.com/adimage_simple.php?id=657"></script>
470
471                </div>
472                                        <div class="device-2-ad">
473                
473<script src="//cdn.gmossp-sp.jp/ads/loader.js?space_id=g904494" charset="utf-8" language="JavaScript"></script>
473
474                
474<script language="javascript">
475                    gmossp_forsp.ad('g904491');
476                </script>
476
477            </div>
478            <div class="banner">
479                
479<script src="//cdn.gmossp-sp.jp/ads/loader.js?space_id=g904323" charset="utf-8" language="JavaScript"></script>
479
480                
480<script language='javascript'>
481                    gmossp_forsp.ad('g904323');
482                </script>
482
483            </div>
484            <!-- URLが/page/howtoの時は表示しない -->
485                        <div class="device-2-ad-footer">
486                <a href="https://www.eigeki.com/page/howto#howto-sec02">
487                    <img src="/images/footer_new_member.png" alt="新規ご加入はこちら">
488                </a>
489            </div>
490                    </div>
491    </div>
492</section>
493    <footer>
494        <div class="content group footer02 txtCenter">
495    <a href="https://www.homedrama-ch.com/" target="_blank"><img src="https://eigeki.com/images/hdc_logo_200x69.png" /></a>
496    <a href="https://www.interlocal.tv/" target="_blank"><img src="https://eigeki.com/images/sponsor-img02.png" /></a>
497    <a href="https://privacymark.jp/" target="_blank"><img src="https://eigeki.com/images/sponsor-img03-new.png?v=1" /></a>
498</div>
499<div class="content group footer03">
500    <ul class="content1000 group footer-group">
501        <li class="group">
502            <a href="https://www.broadcasting.co.jp/sbc/" target="_blank"><img src="https://eigeki.com/images/footer-logo.svg" /></a>
503        </li>
504        <li class="footer-link">
505                <a href="https://www.broadcasting.co.jp/sbc/privacy.html" target="_blank">個人情報保護方針</a>
506        </li>
507        <li class="footer-link">
508                <a href="https://www.broadcasting.co.jp/sbc/tokuteikojin.html" target="_blank">特定個人情報保護方針</a>
509        </li>
510        <li class="group copy">
511            <p>Copyright © Shochiku Broadcasting Co.,Ltd. All Rights Reserved.</p>
512        </li>
513    </ul>
514</div>
515<a id="return-to-top"></a>    </footer>
516
517    
518</div>
519
520<!-- loading animation -->
521<div class="period-loading loading hide">
522    <div class="loading-wrap">
523        <img src="https://eigeki.com/images/preloader.gif">
524    </div>
525</div>
526
527<div id="modal-favorite" class="modal">
528    <div class="modal-content">
529        <p></p>
530        <button class="modal-trigger-close modal-button">OK</button>
531    </div>
532</div>
533
534<div id="modal-wrap" class="modal">
535    <div class="modal-content" style="width:80%;text-align:left">
536    <span class="close modal-trigger-close">×</span>
537    <h3>「お気に入り」とは</h3>
538    <p>放送作品のリコメンド機能としてお使いいただけます。<br>
539「放送作品」「放送ジャンル」「スタッフ・キャスト」など、あなたがお気に入りに登録したものの中から、衛星劇場で放送中・放送予定のおすすめ作品をご紹介します。</p>
540    </div>
541</div>
542
543<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 543
543
544<script src="https://eigeki.com/js/modal.js" type="text/javascript" charset="utf-8"></script>
vendor: 1 bytes, line 544
544
545<script>
546$(function() {
547    $(".menu-open3, .sub-menu-wrap").click(function() {
548        var w = $(window).width();
549        if (w < 768)
550            $(this).toggleClass("menu-close3").next().slideToggle(300);
551    });
552});
553
554$(window).resize(function() {
555
556    var w = $(window).width();
557    if (w < 768)
558        $('.menu-open-content').hide();
559    else if (w > 768)
560        $('.menu-open-content').show();
561});
562
563var timer;
564$(document).scroll(function() {
565
566    if (timer) {
567        clearTimeout(timer);
568    }
569
570    $('#return-to-top').show();
571    timer = setTimeout(function() {
572
573            $('#return-to-top').hide();
574
575        }, 2000) //Threshold is 100ms
576
577});
578
579$(document).on('ready', function() {
580    $(".min-value").each(function() {
581        console.log($(this).attr("height"));
582        $(this).css({
583            'height': $(this).attr("height") * 4 + 'px'
584        })
585    });
586});
587
588$(window).scroll(function() {
589    if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
590        $('#return-to-top').fadeIn(200); // Fade in the arrow
591    } else {
592        $('#return-to-top').fadeOut(200); // Else fade out the arrow
593    }
594});
595
596$('#return-to-top').click(function() { // When arrow is clicked
597    $('body,html').animate({
598        scrollTop: 0 // Scroll to top of body
599    }, 500);
600});
601
602$(function() {
603    $("#menu-open").click(function() {
604        $(this).hide();
605        $("#menu-close").show();
606        $(".menu").show();
607
608    });
609    $("#menu-close, .close2").click(function() {
610
611        $("#menu-open").show();
612        $(".menu, #menu-close").hide();
613
614    });
615});
616
617var x, i, j, l, ll, selElmnt, a, b, c;
618var previous_genre = null;
619var current_genre = null;
620
621
622/* Look for any elements with the class "custom-select": */
623x = document.getElementsByClassName("custom-select");
624l = x.length;
625for (i = 0; i < l; i++) {
626    selElmnt = x[i].getElementsByTagName("select")[0];
627    ll = selElmnt.length;
628    /* For each element, create a new DIV that will act as the selected item: */
629    a = document.createElement("DIV");
630    a.setAttribute("class", "select-selected");
631    a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
632    x[i].appendChild(a);
633    /* For each element, create a new DIV that will contain the option list: */
634    b = document.createElement("DIV");
635    b.setAttribute("class", "select-items select-hide");
636    for (j = 1; j < ll; j++) {
637        /* For each option in the original select element,
638        create a new DIV that will act as an option item: */
639        c = document.createElement("DIV");
640        c.innerHTML = selElmnt.options[j].innerHTML;
641        c.addEventListener("click", function(e) {
642            /* When an item is clicked, update the original select box,
643            and the selected item: */
644            var y, i, k, s, h, sl, yl;
645            s = this.parentNode.parentNode.getElementsByTagName(
646                "select")[0];
647            sl = s.length;
648            h = this.parentNode.previousSibling;
649            for (i = 0; i < sl; i++) {
650                if (s.options[i].innerHTML == this.innerHTML) {
651                    s.selectedIndex = i;
652                    h.innerHTML = this.innerHTML;
653                    y = this.parentNode.getElementsByClassName(
654                        "same-as-selected");
655                    yl = y.length;
656                    for (k = 0; k < yl; k++) {
657                        y[k].removeAttribute("class");
658                    }
659                    this.setAttribute("class", "same-as-selected");
660
661                    switch (s.id) {
662                        case 'order':
663                                $('#order').val(s.options[i].value);
664                                $('#order-none').val(s.options[i].value);
665                            break;
666                        case 'order-none':
667                                $('#order').val(s.options[i].value);
668                                $('#order-none').val(s.options[i].value);
669                            break;
670                    }
671
672                    featureAjax(1, 0);
673                    break;
674                }
675            }
676            h.click();
677        });
678        b.appendChild(c);
679    }
680    x[i].appendChild(b);
681    a.addEventListener("click", function(e) {
682        /* When the select box is clicked, close any other select boxes,
683        and open/close the current select box: */
684        e.stopPropagation();
685        closeAllSelect(this);
686        this.nextSibling.classList.toggle("select-hide");
687        this.classList.toggle("select-arrow-active");
688        feature();
689    });
690}
691
692function closeAllSelect(elmnt) {
693    /* A function that will close all select boxes in the document,
694    except the current select box: */
695    var x, y, i, xl, yl, arrNo = [];
696    x = document.getElementsByClassName("select-items");
697    y = document.getElementsByClassName("select-selected");
698    xl = x.length;
699    yl = y.length;
700    for (i = 0; i < yl; i++) {
701        if (elmnt == y[i]) {
702            arrNo.push(i)
703        } else {
704            y[i].classList.remove("select-arrow-active");
705        }
706    }
707    for (i = 0; i < xl; i++) {
708        if (arrNo.indexOf(i)) {
709            x[i].classList.add("select-hide");
710        }
711    }
712}
713
714/* If the user clicks anywhere outside the select box,
715then close all select boxes: */
716document.addEventListener("click", closeAllSelect);
717
718function feature(){
719    current_genre = $('select[name="g"]').val();
720    if(current_genre != '' && current_genre != previous_genre){
721        featureAjax(1, 0);
722    }
723}
724
725function featureAjax(page, scrollit, popStateUrl = null){
726    if(page == 1) {
727        $('#series-section').hide();
728    }
729
730    current_genre = $('select[name="g"]').val();
731
732    if(current_genre != ''){
733        var features_only = [], month_all_features = [];
734
735        if(current_genre == previous_genre){
736            features_only = $('input[name="feature[]"]:checked').map(function(){return $(this).val();}).get();
737            month_all_features = $('input[name="month_all_features[]"]:checked').map(function(){return $(this).val();}).get();
738        }
739        else{
740            features_only = [];
741            // $('#past').prop('checked', true);
742            $('#order').val(5);
743            $('.custom-select-s div.select-selected').text($('#order option[value="5"]').text());
744            $('#order-none').val(5);
745            $('.custom-select-s div.select-selected').text($('#order-none option[value="5"]').text());
746            $('#feature').hide();
747            $('#feature-container').addClass('hide');
748        }
749
750        var past = $('#past:checked').val();
751        var order = $('#order').val();
752        var f_lineups_attr_1 = $('#f_lineups_attr_1:checked').val();
753        var start_this_month = $('#start_this_month:checked').val();
754        var start_next_month = $('#start_next_month:checked').val();
755        var params =  {
756                        genre: current_genre,
757                        page: page,
758                        features_only: features_only,
759                        p: past,
760                        o: order,
761                        f_lineups_attr_1: f_lineups_attr_1,
762                        start_this_month: start_this_month,
763                        start_next_month: start_next_month,
764                        month_all_features: month_all_features
765                    };
766
767        // If coming from back button
768        if(popStateUrl) {
769            params = getCurrentUrlParams(popStateUrl);
770        }
771
772        $.ajax({
773            headers: {
774                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
775            },
776            url: 'https://eigeki.com/search/feature',
777            type: 'GET',
778            data: params,
779            beforeSend: function(){
780                $('#series-section-none').hide();
781                if(page == 1) {
782                    $('#series-section').hide();
783                    //show loading icon
784                    $('.loading').removeClass('hide');
785                } else {
786                    $('.scroll-loading').removeClass('hide');
787                }
788            },
789            success: function(data){
790                $('#feature').show();
791                $('#feature-container').removeClass('hide');
792                // $('.features_names_container').html('');
793
794                if(!$.isEmptyObject(data)){
795                    var features = '';
796                    var series_html = '';
797                    var feature_names = [];
798
799                    if(data.fpast_data){
800                        $('#fpast-data').show();
801                    }
802                    // else{
803                    //     $('#fpast-data').hide();
804                    // }
805
806                    if(data.features && !$.isEmptyObject(data.features)){
807                        features += '<div class="feature-overlay"></div>';
808                        $.each(data.features, function(d_month, d_features) {
809                            var is_checked_month_all_features = '';
810                            features += '<div class="feature-row">';
811
812                            if(data.checked_month_all_features) {
813                                if((data.checked_month_all_features.includes(d_month))) {
814                                    is_checked_month_all_features = 'checked="checked"';
815                                }
816                            }
817
818                            features += '<div class="feature-check-all"><label class="container" style="float: unset;">'+d_month+' <input name="month_all_features[]"  type="checkbox" value="' + d_month + '" '+ is_checked_month_all_features +'> <span class="checkmark"></span> </label></div>';
819                            features += '<div class="feature-check-wrap">';
820                            
821                            $.each(d_features, function(d_index, d_feature) {
822                                var is_checked_feature = '';
823
824                                if(data.q_features) {
825                                    features_only = data.q_features;
826                                } else {
827                                    features_only = data.features_only;
828                                }
829
830                                if($.inArray(createFeatureKey(d_feature.feature_id, d_feature.features_broadcast_ym), features_only) !== -1) {
831                                    feature_names.push(d_feature.feature_name);
832                                    is_checked_feature = 'checked="checked"';
833                                }
834
835                                features += '<label class="container">'+d_feature.feature_name+' <input name="feature[]" value="'+createFeatureKey(d_feature.feature_id, d_feature.features_broadcast_ym)+'" type="checkbox" '+is_checked_feature+'> <span class="checkmark"></span> </label>';
836                            });
837                            features += '</div>';
838                            features += '</div>';
839                        });
840                    }
841                    $('#feature').html(features);
842                    feature_names = feature_names.join(') (');
843
844                    // if(feature_names.length > 0) {
845                    //     $('.features_names_container').html('(' + feature_names + ')');
846                    // }
847
848                    // Attach event listener to feature checkboxes
849                    featureCheckboxEventListener();
850
851                    // seo tag rest
852                    $('link[rel="canonical"]').remove();
853                    $('meta[name="robots"][content="noindex"]').remove();
854
855                    if(data.series){
856                        if(!$.isEmptyObject(data.series.data)){
857                            $('.page-title04').show();
858                            $('#series-section-none').hide();
859                            $('#series-section').show();
860                            $('#sgenre').text($('select[name="g"] option:selected').text());
861                            $('#stotal').text(data.series.total);
862                            // $('#slower').text(data.series.from);
863                            $('#slower').text('1');
864                            $('#supper').text(data.series.to);
865                            // $('#pager').html(data.links);
866                            $('#series-wrap').attr('data-current-page', data.series.current_page);
867                            $('#series-wrap').attr('data-last-page', data.series.last_page);
868
869                            $.each(data.series.data, function(index, series) {
870                                var category_features = '';
871                                var making_year = series.making_year ? series.making_year+'å¹´' : '';
872                                var series_title_encoded = $("<div/>").text(series.title).html();
873
874                                if(series.features_arr && !$.isEmptyObject(series.features_arr)){
875                                    $.each(series.features_arr, function(index, feature) {
876                                        if(feature.link){
877                                            category_features += '<a style="margin-right: 10px;" href="'+ feature.link +'">'+ feature.feature_name +'</a>';
878                                        }
879                                    });
880                                }
881
882                                series_html += '<li class="group">';
883
884                                if(series.is_adult){
885                                    var search_link = series.is_preview ? series.series_link : 'javascript:;';
886                                    var search_link_class = 'class="search-link"';
887                                    
888                                    if(!series.is_preview){
889                                        search_link_class = 'class="search-link modal
889-trigger" ';
890                                        search_link_class += 'data-target="modal-warning" ';
891                                        search_link_class += 'data-link="'+ series.series_link +'"';
892                                    }
893
894                                    series_html += '<a href="'+ search_link +'" '+ search_link_class +'>';
895                                }
896                                else{
897                                    series_html += '<a class="search-link" href="'+series.series_link+'">';
898                                }
899
900                                switch (series.broadcast_status) {
901                                    case 0:
902                                        series_html += '<span class="tag02 tag02-2">放送<br>終了</span>';
903                                    break;
904                                    default:
905                                        series_html += '<span class="blank-tag"></span>';
906                                        break;
907                                    // case 1:
908                                    //     series_html += '<span class="tag02">放送</span>';
909                                    // break;
910                                    // case 2:
911                                    //     series_html += '<span class="tag02 tag02-1">放送<br>予定</span>';
912                                }
913
914                                series_html += '<h3>'+ series_title_encoded + '</h3>';
915                                series_html +=  '<div class="search_attr_wrap">';
916                                series_html +=      '<div class="lineup_attr_icon_wrap">';
917                                series_html +=          '<div class="lineup_attr_icon lineup_attribute' + (series.lineup_attribute1 ? series.lineup_attribute1 : '_none') + '"></div>';
918                                series_html +=          '<div class="lineup_attr_icon lineup_attribute' + (series.lineup_attribute2 ? series.lineup_attribute2 : '_none') + '"></div>';
919                                series_html +=          '<div class="lineup_attr_icon lineup_attribute' + (series.lineup_attribute3 ? series.lineup_attribute3 : '_none') + '"></div>';
920                                series_html +=      '</div>';
921                                series_html +=      '<div class="feature_month_icon_wrap">';
922
923                                if(series.features_icon_months) {
924                                    series.features_icon_months.forEach(function(features) {
925                                        let feature_month = features['start_month'].slice(4);
926                                        series_html +=      '<div class="feature_month_icon"><div class="feature_month_icon_bg ' + (features['is_current_month'] ? 'feature_month_icon_current' : 'feature_month_icon_next') + '">' + parseInt(feature_month) + '月放送</div></div>';
927                                    });
928                                }
929
930                                series_html +=      '</div>';
931                                series_html +=  '</div>';
932                                series_html += '</a>';
933
934                                // series_html += '<div class="box100 group">';
935                                // series_html += '<div class="result-detail-wrap group">';
936                                // series_html += '<div class="links02">ジャンル:<a href="'+ series.category_link +'">'+ series.max_category_name +'</a></div>';
937                                // series_html += '<div class="links02">製作年:<a href="'+ series.period_link +'">'+ making_year +'</a></div>';
938                                // if(category_features){
939                                //     series_html += '<div class="links02">シリーズ:'+ category_features +'</div>';
940                                // }
941                                // series_html += '</div>';
942                                // series_html += '</div>';
943                                // series_html += '<div class="box100 group">';
944                                // if(series.cast_pc_formatted && !$.isEmptyObject(series.cast_pc_formatted)){
945                                //     $.each(series.cast_pc_formatted, function(codename, cast) {
946                                //         series_html += '<div class="box100 group res-wrap02">';
947                                //         series_html += '<span>'+ codename +':</span>';
948                                //         series_html += '<p>';
949
950                                //         if($.isArray(cast)){
951                                //             $.each(cast, function(index, c) {
952                                //                 series_html += '<a style="margin-right: 10px;" href="'+ generateSearchLinkFromCast(c) +'">'+ c +'</a>';
953                                //             });
954                                //         }
955                                //         else{
956                                //             series_html += '<a style="margin-right: 10px;" href="'+ generateSearchLinkFromCast(cast) +'">'+ cast +'</a>';
957                                //         }
958
959                                //         series_html += '</p>';
960                                //         series_html += '</div>';
961                                //     });
962                                // }
963
964                                // series_html += '</div>';
965
966                                series_html += '</li>';
967                            });
968
969                            //canonical tag set 
970                            var siteUrl = window.location.origin;
971                            var categoryName = data.genre.title;
972                            var queryOnly = data.query_only;
973
974                            $('head').append('<link rel="canonical" href="' + siteUrl + '/search/genre?q=' + encodeURIComponent(categoryName) + '&' + queryOnly + '">');
975
976                            $('.no-result').addClass('hide');
977                        }
978                        else{
979                            // $('#series-section').hide();
980                            // $('#series-section-none').show();
981                            $('#series-section').show();
982                            $('#series-section-none').hide();
983                            $('.no-result').removeClass('hide');
984                            $('.page-title04').hide();
985
986                            //noindex tag set
987                            $('head').append('<meta name="robots" content="noindex">');
988                        }
989                    }
990
991                    if(page == 1) {
992                        $('#series').html(series_html);
993                    } else {
994                        $('#series').append(series_html);
995                    }
996
997                    scrollRequestIsActive = false;
998
999                    // update title tag
1000                    document.title = 'ジャンルで探す:「' + data.genre.title + '」の作品 | ' + '衛星劇場';
1001
1002                    // update url without reloading page
1003                    var refresh = window.location.protocol + "//" + window.location.host + window.location.pathname + '?q=' + data.genre.title;    
1004                    // window.history.pushState({ path: refresh }, '', refresh);
1005
1006                    // check if params are present in the URL
1007                    if(data.genre) {
1008                        refresh += '&genre=' + data.genre.category_id;
1009                    }
1010
1011                    if(data.series.current_page) {
1012                        refresh += '&page=' + data.series.current_page;
1013                    }
1014
1015                    if(data.features_only) {
1016                        for (let features of Object.values(data.features_only)) {
1017                            refresh += '&features_only[]=' + features;
1018                        }
1019                    }
1020
1021                    if(data.p) {
1022                       refresh += '&p=' + data.p;
1023                    }
1024
1025                    if(data.o) {
1026                       refresh += '&o=' + data.o;
1027                    }
1028
1029                    if(data.start_this_month) {
1030                       refresh += '&start_this_month=' + data.start_this_month;
1031                    }
1032
1033                    if(data.start_next_month) {
1034                       refresh += '&start_next_month=' + data.start_next_month;
1035                    }
1036
1037                    if(data.f_lineups_attr_1) {
1038                       refresh += '&f_lineups_attr_1=' + data.f_lineups_attr_1;
1039                    }
1040
1041                    if(data.month_all_features) {
1042                       refresh += '&month_all_features=' + data.month_all_features;
1043                    }
1044
1045                    // only push state if page did not come from back button
1046                    if(popStateUrl === null) {
1047                        window.history.pushState({ path: refresh }, '', refresh);
1048                    }
1049
1050                    // collapse feature after every result
1051                    let collapseBtn = document.querySelector('#feature-container .collapse-btn');
1052                    let featureElem = document.getElementById('feature');
1053                    
1054                    if(!collapseBtn.classList.contains('collapsed')) {
1055                        collapseBtn.classList.toggle('collapsed');
1056                    }
1057
1058                    if(!featureElem.classList.contains('collapsed')) {
1059                        featureElem.classList.toggle('collapsed');
1060                    }
1061
1062                    // Scroll into view
1063                    if(page == 1) {
1064                        window.scrollTo({left: 0, top: document.querySelector('.search-wrap2').offsetTop + 100});
1065                    }
1066
1067                    $('.custom-select-s div.select-selected').text($('#order option[value="' + data.o + '"]').text());
1068                    $('.custom-select-s div.select-selected').text($('#order-none option[value="' + data.o + '"]').text());
1069                }
1070            },
1071            complete: function(){
1072                //remove loading icon
1073                $('.loading').addClass('hide');
1074                $('.scroll-loading').addClass('hide');
1075
1076                if(scrollit){
1077                    $('html,body').animate({
1078                        scrollTop: $('#series-section').offset().top - 100
1079                    }, 0);
1080                }
1081            }
1082        });
1083    }
1084    else{
1085        $('#feature').hide();
1086    }
1087
1088    previous_genre = current_genre;
1089}
1090
1091function createFeatureKey(id, ym){
1092    return id +':'+ ym;
1093}
1094
1095function generateSearchLinkFromCast(cast){
1096    return 'https://eigeki.com/search?q='+ cast +'&t=2&p=1&o=1';
1097}
1098
1099var  seriesContent, scrollNextPage, scrollRequestIsActive;
1100
1101seriesContent = document.getElementById("series");
1102scrollRequestIsActive = false;
1103 
1104// Infinite scroll
1105function scroller() {
1106    let windowScroll = this.scrollY;
1107    
1108    if(document.getElementById("series-section").style.display !== "none") { // do not make query if series section is not shown
1109        if (windowScroll > seriesContent.offsetHeight && seriesContent.offsetHeight != 0) {
1110            let scrollNextPage = document.querySelector('#series-wrap').dataset.currentPage;
1111            let lastPage = document.querySelector('#series-wrap').dataset.lastPage;
1112
1113            scrollNextPage = parseInt(scrollNextPage) + parseInt(1);
1114
1115            if(!scrollRequestIsActive && scrollNextPage <= lastPage) {
1116                featureAjax(scrollNextPage, 0);
1117                scrollRequestIsActive = true;
1118            }
1119        }
1120    }
1121}
1122
1123if (document.getElementById("series-wrap")) {
1124    window.addEventListener("scroll", scroller, false);   
1125}
1126
1127let submitFormTimer = null;
1128
1129$(document).on('ready', function() {
1130    $(document).on('change', '#order-none', function(){
1131        $('#order').val($(this).val());
1132        $('.custom-select-s div.select-selected').text($('#order option[value="'+ $(this).val() +'"]').text());
1133        $('.custom-select-s div.select-selected').text($('#order-none option[value="'+ $(this).val() +'"]').text());
1134        featureAjax(1, 0);
1135    });
1136
1137    $(document).on('change', '#past-none', function(){
1138        if($(this).is(':checked')){
1139            $('#past').prop('checked', true);
1140        }
1141        else{
1142            $('#past').prop('checked', false);
1143        }
1144
1145        featureAjax(1, 0);
1146    });
1147
1148    $(document).on('change', 'input[name="feature[]"]', function(){
1149        // Remove check from select all features checkbox for that row of features
1150        this.parentNode.parentNode.parentNode.querySelector('.feature-check-all input').checked = false;
1151        
1152        clearTimeout(submitFormTimer); // clear timer
1153        startTimerToSubmit(); 
1154    });
1155
1156    $(document).on('change', '#past', function(){
1157        if($(this).is(':checked')){
1158            $('#past-none').prop('checked', true);
1159        }
1160        else{
1161            $('#past-none').prop('checked', false);
1162        }
1163
1164        featureAjax(1, 0);
1165    });
1166
1167    $(document).on('change', '#f_lineups_attr_1', function(){
1168        if($(this).is(':checked')){
1169            $('#f_lineups_attr_1').prop('checked', true);
1170        }
1171        else{
1172            $('#f_lineups_attr_1').prop('checked', false);
1173        }
1174
1175        featureAjax(1, 0);
1176    });
1177
1178    $(document).on('change', '#start_this_month', function(){
1179        if($(this).is(':checked')){
1180            $('#start_this_month').prop('checked', true);
1181        }
1182        else{
1183            $('#start_this_month').prop('checked', false);
1184        }
1185
1186        featureAjax(1, 0);
1187    });
1188
1189    $(document).on('change', '#start_next_month', function(){
1190        if($(this).is(':checked')){
1191            $('#start_next_month').prop('checked', true);
1192        }
1193        else{
1194            $('#start_next_month').prop('checked', false);
1195        }
1196
1197        featureAjax(1, 0);
1198    });
1199    
1200    $(document).on('change', '#order', function(){
1201        $('#order-none').val($(this).val());
1202        $('.custom-select-s div.select-selected').text($('#order option[value="'+ $(this).val() +'"]').text());
1203        $('.custom-select-s div.select-selected').text($('#order-none option[value="'+ $(this).val() +'"]').text());
1204
1205        featureAjax(1, 0);
1206    });
1207
1208    $(document).on('click', '.pager .page', function(){
1209        var page = $(this).data('page');
1210        featureAjax(page, 1);
1211    });
1212
1213    $(document).on('click', '.pager .previous', function(){
1214        var page = parseInt($(this).data('current-page')) - 1;
1215        featureAjax(page, 1);
1216    });
1217
1218    $(document).on('click', '.pager .next', function(){
1219        var page = parseInt($(this).data('current-page')) + 1;
1220        featureAjax(page, 1);
1221    });
1222
1223    $('a.bookmark').on('click', function(e){
1224        e.preventDefault();
1225
1226                    window.location.href = 'https://id.eigeki.com/login?backdomain=2&redirect=https%3A%2F%2Feigeki.com%2Fsearch%2Fgenre';
1227            });
1228});
1229
1230// Count down timer then submit form
1231function startTimerToSubmit() {
1232    submitFormTimer = setTimeout(function () {
1233        featureAjax(1, 0);
1234    }, 2000);
1235}
1236
1237// Collapse series list
1238let btnCollapse = document.querySelector('#feature-container .collapse-btn');
1239
1240btnCollapse.addEventListener('click', function () {
1241    let features = document.getElementById('feature');
1242    features.classList.toggle('collapsed');
1243    this.classList.toggle('collapsed');
1244});
1245
1246// Select all features
1247function featureCheckboxEventListener() {
1248    let elementsArray = document.querySelectorAll(".feature-check-all input");
1249    
1250    elementsArray.forEach(function(elem) {
1251        elem.addEventListener("click", function() {
1252            let featureCheckboxes = elem.parentNode.parentNode.parentNode.querySelectorAll('.feature-check-wrap input');
1253            
1254            if(elem.checked) {
1255                featureCheckboxes.forEach(function(e) {
1256                    e.checked = true;
1257                });
1258            } else {
1259                featureCheckboxes.forEach(function(e) {
1260                    e.checked = false;
1261                });
1262            }
1263
1264            clearTimeout(submitFormTimer); // clear timer
1265            startTimerToSubmit();
1266        });
1267    });
1268}
1269
1270// Allow back button to work with search results(SPA-like)
1271$(function() {
1272    window.onpopstate = function(event) {
1273        if(event.state.path) {
1274            featureAjax(1, 0, event.state.path);
1275        } else {
1276            featureAjax(1, 0);
1277        }
1278    }
1279});
1280
1281function getCurrentUrlParams(url) {
1282    // get params
1283    let searchParams = new URLSearchParams(url);
1284    // Getting genre from form instead of query string parameters. Somehow it can't get genre value when link is coming from top page.
1285    let genre = document.querySelector('select[name="g"]').value;
1286
1287    let params =  {
1288        genre: genre,
1289        page: searchParams.has('page') ? searchParams.get('page') : 1,
1290        features_only: searchParams.getAll('features_only[]'),
1291        p: searchParams.get('p'),
1292        o: searchParams.get('o'),
1293        start_this_month: searchParams.get('start_this_month'),
1294        start_next_month: searchParams.get('start_next_month'),
1295        f_lineups_attr_1: searchParams.get('f_lineups_attr_1'),
1296        month_all_features: searchParams.get('month_all_features'),
1297    };
1298    return params;
1299}
1300</script>
1300
1301
1302
1303
1304        <div id="modal-warning" class="modal">
1305            <div class="modal-content" style="width:50%;text-align:center">
1306                <span class="close modal-trigger-close">×</span>
1307                <h3>この番組は、R-15作品です。<br>15歳未満の方はご遠慮ください。</h3>
1308                <p>この先のページの閲覧を希望しますか?</p>
1309                <div style="margin: 20px 0 20px 0;">
1310                    <button class="button-warning modal-trigger-close" type="button">いいえ</button>
1311                    <button class="button-warning view-content" type="button">はい</button>
1312                </div>
1313            </div>
1314        </div>
1315    </body>
1316
1317    
1317<script>
1318        window.view_content_route = 'https://eigeki.com/view-content';
1319
1320                    $(function() {
1321                // check if response is 401, and redirect to login page
1322                $(document).ajaxError(function(event, jqxhr, settings, thrownError) {
1323                    if(jqxhr.status){
1324                        switch (jqxhr.status) {
1325                            case 401:
1326                                    window.location.href = 'https://id.eigeki.com/login?backdomain=2&redirect=https%3A%2F%2Feigeki.com%2Fsearch%2Fgenre';
1327                                break;
1328                            case 404:
1329                                    window.location.href = 'https://eigeki.com';
1330                                break;
1331                        }
1332                    }
1333                });
1334            });
1335        
1336        $(document).on('ready', function() {
1337            $(document).on('click', '#login-nav a.logout', function(e){
1338                e.preventDefault();
1339                $.ajax({
1340                    headers: {
1341                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
1342                    },
1343                    url: 'https://eigeki.com/logout',
1344                    type: 'POST',
1345                    complete: function () {
1346                        window.location.href = 'https://eigeki.com';
1347                    }
1348                });
1349            });
1350
1351            //logo animation when viewed in mobile
1352            function logoAnimationMobile() {
1353                $(window).scroll(function() {
1354                    if($(this).scrollTop() > 0) {
1355                        $('.logo.max1024-only > span').css({
1356                            'background': 'url("/images/sp_logo.png") left center no-repeat #81D8D0',
1357                            'background-size': 'contain'
1358                        });
1359                        $('.logo.max1024-only').stop().animate({ width: '75px' }, 0, 'linear');
1360                        $('.logo.max1024-only > span').stop().animate({ height: '64px' }, 0, 'linear');
1361                        $('.logo-wrap .max1024-only span').css({
1362                            'background-size': 'auto 100%',
1363                            'background-position': 'left center'
1364                        });
1365                        $('.top-wrap1').addClass('top-wrap1-scroll');
1366                        $('.navhead .logo').css({
1367                            'padding': '6px 6px'
1368                        });
1369                    } else {
1370                        $('.logo > span').css({
1371                            'background': 'url("/images/img_logo_no_reserve.png") left center no-repeat #81D8D0',
1372                            'background-size': 'contain'
1373                        });
1374                        $('.logo.max1024-only').stop().animate({ width: '240px' }, 0, 'linear');
1375                        $('.logo.max1024-only > span').stop().animate({ height: '59px' }, 0, 'linear');
1376                        $('.logo-wrap .max1024-only span').css({
1377                            'background-size': 'contain'
1378                        });
1379                        $('.top-wrap1').removeClass('top-wrap1-scroll');
1380                        $('.navhead .logo').css({
1381                            'padding': '0'
1382                        });
1383
1384                    }
1385                });
1386            }
1387
1388            //logo animation when viewed in desktop
1389            function logoAnimationDeskTop() {
1390                var logo = document.querySelector('.logo-wrap .min1025-only');
1391                var logoSpan = document.querySelector('.logo-wrap .min1025-only span');
1392                
1393                window.addEventListener('scroll', function() {
1394                    var scrollPosFromTop = document.scrollingElement.scrollTop;
1395
1396                    //add transition in css
1397                    if(scrollPosFromTop > 0){
1398                        $('.navhead .logo').stop().animate({ padding: '6px 12px' }, 0, 'linear');
1399                        $('.logo.min1025-only').stop().animate({ width: '335px' }, 0, 'linear');
1400                        $('.logo.min1025-only > span').stop().animate({ height: '84px' }, 0, 'linear');
1401                        $('.top-wrap1').addClass('top-wrap1-scroll');
1402                    } else {
1403                        $('.navhead .logo').stop().animate({ padding: 0 }, 0, 'linear');
1404                        $('.logo.min1025-only').stop().animate({ width: '265px' }, 0, 'linear');
1405                        $('.logo.min1025-only > span').stop().animate({ height: '72px' }, 0, 'linear');
1406                        $('.top-wrap1').removeClass('top-wrap1-scroll');
1407                    }
1408                });
1409            }
1410
1411            if(window.innerWidth < 1025) {
1412                logoAnimationMobile();
1413            } else {
1414                logoAnimationDeskTop();
1415            }
1416
1417            window.addEventListener('resize', function(e) {
1418                if(window.innerWidth < 1025) {
1419                    logoAnimationMobile();
1420                } else {
1421                    logoAnimationDeskTop();
1422                }
1423            });
1424        });
1425
1426        // handle on click for ga send social media
1427        (function() {
1428            var snsIcons = document.querySelectorAll('.sns-wrap-menu a');
1429
1430            // IE fix for forEach not working on a NodeList in IE  
1431            var snsIconsArray= Array.prototype.slice.call(snsIcons);
1432            snsIconsArray.forEach( function(icon) {
1433                icon.addEventListener('click', function(e) {
1434                    let iconHref = icon.href;
1435                    if(iconHref.indexOf('instagram') !== -1) {
1436                        ga('send','event','menu','click','instagram');
1437                    } else if(iconHref.indexOf('x') !== -1) {
1438                        ga('send','event','menu','click','x');
1439                    }
1440                }, false);
1441
1442            });
1443
1444        })();
1445
1446    </script>
1446
1447
1448    
1448<script src="https://eigeki.com/js/modal.js" type="text/javascript" charset="utf-8"></script>
1448
1449
1450    
1451            <!-- User Insight PCDF Code Start : homedrama-ch.com -->
1452        
1452<script type="text/javascript">
1453            <!--
1454            var _uic = _uic ||{}; var _uih = _uih ||{};_uih['id'] = 51213;
1455            _uih['lg_id'] = '';
1456            _uih['fb_id'] = '';
1457            _uih['tw_id'] = '';
1458            _uih['uigr_1'] = ''; _uih['uigr_2'] = ''; _uih['uigr_3'] = ''; _uih['uigr_4'] = ''; _uih['uigr_5'] = '';
1459            _uih['uigr_6'] = ''; _uih['uigr_7'] = ''; _uih['uigr_8'] = ''; _uih['uigr_9'] = ''; _uih['uigr_10'] = '';
1460
1461            /* DO NOT ALTER BELOW THIS LINE */
1462            /* WITH FIRST PARTY COOKIE */
1463            (function() {
1464            var bi = document.createElement('scri'+'pt');bi.type = 'text/javascript'; bi.async = true;
1465            bi.src = ('https:' == document.location.protocol ? 'https://bs' : 'http://c') + '.nakanohito.jp/b3/bi.js';
1466            var s = document.getElementsByTagName('scri'+'pt')[0];s.parentNode.insertBefore(bi, s);
1467            })();
1468            //-->
1469        </script>
1469
1470        <!-- User Insight PCDF Code End : homedrama-ch.com -->
1471    
1472</html>

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.