PageSourceSearch

https://yoyaku-top10.jp/

html yoyaku-top10.jp collected 2026-10-01 10:44:58 UTC 58,370 bytes, 1,314 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3<head>
4  
5  <!-- Google Tag Manager -->
6  
6<script>
vendor: 335 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10  })(window,document,'script','dataLayer','
10GTM-NC7R32P
vendor: 3 bytes, line 10
10');
10</script>
10
11  <!-- End Google Tag Manager -->
12
13  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 13-14
13
14  <script async src="https://www.googletagmanager.com/gtag/js?id=
14G-G1L8HTXTL7
vendor: 14 bytes, lines 14-15
14"></script>
15  
15<script>
16    window.dataLayer = window.dataLayer || [];
17    function gtag(){dataLayer.push(arguments);}
18    gtag('js', new Date());
19
20    var gtagTrackingId = 'G-G1L8HTXTL7';
21      gtag('config', gtagTrackingId);
22  </script>
22
23
24
25<meta name="facebook-domain-verification" content="cu2xvds1hczixnn0eplzkr9we9undp" />
26
27  <meta charset="utf-8" />
28  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
29  <meta name="keywords" content="予約トップ10,新作アプリ,事前登録,事前予約,予約特典,iPhone,Android" />
30  <meta name="description" content="予約トップ10では新作アプリの事前登録を受付中!事前登録数やXフォロワー数に応じたランキング、ジャンル別のまとめ等で人気のゲームが一目でわかる!新作ゲームの最新情報も多数公開中。事前登録なら予約トップ10にお任せ!" />
31  <meta property="fb:app_id" content="412587525465192">
32  <meta property="og:type" content="article">
33  <meta property="og:title" content="予約トップ10 | 新作おすすめゲームやアプリの事前登録と最新情報まとめ">
34  <meta property="og:url" content="https://yoyaku-top10.jp/">
35  <meta property="og:image" content="https://yoyaku-top10.jp/apple-touch-icon-precomposed.png">
36  <meta property="og:description" content="予約トップ10では新作アプリの事前登録を受付中!事前登録数やXフォロワー数に応じたランキング、ジャンル別のまとめ等で人気のゲームが一目でわかる!新作ゲームの最新情報も多数公開中。事前登録なら予約トップ10にお任せ!">
37  <meta property="og:site_name" content="予約トップ10">
38
39  <meta name="twitter:card" content="summary">
40  <meta name="twitter:site" content="@yoyakutop10">
41  <meta name="twitter:url" content="https://yoyaku-top10.jp/">
42  <meta name="twitter:title" content="予約トップ10 | 新作おすすめゲームやアプリの事前登録と最新情報まとめ">
43  <meta name="twitter:description" content="予約トップ10では新作アプリの事前登録を受付中!事前登録数やXフォロワー数に応じたランキング、ジャンル別のまとめ等で人気のゲームが一目でわかる!新作ゲームの最新情報も多数公開中。事前登録なら予約トップ10にお任せ!">
44  <meta name="twitter:image" content="https://yoyaku-top10.jp/apple-touch-icon-precomposed.png">
45
46  <meta name="csrf-token" content="Ti6FjoGlO-xGof_oWJJOd74u1e8XRhh3pJMCNRqbg7u3b46Al1hW5K_2wm_T9Vyd69ma925nkOKwpaEHOi5eFQ" />
47  <title>予約トップ10 | 新作おすすめゲームやアプリの事前登録と最新情報まとめ</title>
48  <link href="/favicon.ico" type="image/vnd.microsoft.icon" rel="shortcut icon" />
49  <link href="/favicon.ico" type="image/vnd.microsoft.icon" rel="icon" />
50  <link rel="manifest" href="/manifest.json" />
51  <link rel="stylesheet" href="/assets/web/pc-2ebeeb9a6200739f48f4de4122d46d78b521feb1a8079fe643bc3e4efed647dc.css" />
52  <link rel="stylesheet" href="/assets/web/top_page/index-dd22373f59883a411965868951f184aec30eaa0fd499ad62c4d49a4545b6cd20.css" />
53  
53<script src="/assets/jquery3-cc3161b7d90ccd51ed28f9036c48a6ae937394fab3e1c82eb5bbe3ed48ea76c1.js"></script>
vendor: 1 bytes, line 53
53
54<script src="/assets/jquery-migrate3-a5762c0ab2cefcc08a0f2daca606e3e1eb46edba9d70ed177bf18c1d5122f320.js"></script>
54
55    
55<script src="/assets/lib/ga_client_id_checker-0abe75597a2633a1107e99855f15fb1d751d6a7bca8f0b9135de26896750330c.js"></script>
55
56
57  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
58<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
59<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
60
61</head>
62<body style="">
63    <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 63-64
63
64  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
64GTM-NC7R32P
vendor: 87 bytes, lines 64-66
64"
65  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
66  
66<!-- End Google Tag Manager (noscript) -->
67
68
69  <!-- ヘッダー -->
70  <header id="header" class="l-header" data-scroll-header>
71  <div class="p-header_box">
72    <div class="p-header_area">
73      <div class="p-header_group p-flex_box">
74        <div class="p-header_unit">
75          <div class="p-header_menu_open_btn" @click="openMenu" :style="menuOpenBtnStyle">
76            <p class="p-menu_open_btn_icon"><img alt="メニューを開く" src="/assets/web/share/header/header_menu-8296ef3f6f9b96f9dc2c28b464ebfe0c42851df6717f2ed6ebefff7f6779885f.svg" /></p>
77          </div>
78          <a href="/" class="p-flex_center">
79            <p class="p-header_logo"><img alt="予約トップ10" src="/assets/web/share/logo_w-ad44555f2ed277068ef83044d5bc7ab9b4721f82d05ff0dbbeb8d40a0011e2f4.svg" /></p>
80          </a>
81        </div>
82          <div class="p-header_unit p-header_right_column">
83              <a href="/search/apps" class="p-search_link ">
84                <p class="p-link_icon"><img alt="検索" src="/assets/web/share/header/icon_search-ee45a08a47194e4f43daad0034d86aa19ae30659f2eafd1e5725c3f9e4738905.svg" /></p>
85              </a>
86                <a href="#regist" class="modal p-login_btn">ログイン</a>
87          </div>
88      </div>
89
90      <!-- ヘッダーメニュー -->
91      <div v-show="isShownMenu" class="p-header_menu_box" v-cloak>
92        <div class="p-header_menu_close_btn" @click="closeMenu">
93          <p class="p-menu_close_btn_icon"><img alt="メニューを閉じる" src="/assets/web/share/header/icon_menu_close_btn-81d918119e813d9ebce4307a676650b2e04aa7d84e6093a04f321fee7bc7be46.svg" /></p>
94        </div>
95        <nav class="p-header_menu_nav_box">
96          <ul class="p-header_menu_nav">
97            <li><a class="p-header_menu_nav_item" href="/sp/o/2026">お知らせ</a></li>
98            <li><a class="p-header_menu_nav_item" href="/help">よくある質問</a></li>
99            <li><a class="p-header_menu_nav_item" :href="PRODUCT_INQUIRY_URL">お問い合わせ</a></li>
100          </ul>
101        </nav>
102      </div>
103    </div>
104  </div>
105</header>
106
107
108  <!--トップジャック広告-->
109  
110
111  <main class="l-main top_page_pc_page">
112    <nav class="p-global_nav_box">
113  <ul class="p-global_nav">
114    <li class="is-current">
115      <a class="p-global_nav_link" href="/">TOP</a>
116    </li>
117    <li class="">
118      <a class="p-global_nav_link" href="/ranking/total">ランキング</a>
119    </li>
120    <li class="">
121      <a class="p-global_nav_link" href="/calendar/unreleased">カレンダー</a>
122    </li>
123    <li class="">
124      <a class="p-global_nav_link" href="/released_applications">配信中アプリ</a>
125    </li>
126    <li class="">
127      <a class="p-global_nav_link" href="/products/game/ranking/total">家庭用・PCゲーム</a>
128    </li>
129    <li class="">
130      <a class="p-global_nav_link" href="/products/comic/calendar/unreleased">漫画・コミック</a>
131    </li>
132    <li class="">
133      <a class="p-global_nav_link" href="/store_reservations">ストア予約受付中</a>
134    </li>
135    <li class="">
136      <a class="p-global_nav_link" href="/articles">特集・ニュース</a>
137    </li>
138    <li class="">
139      <a class="p-global_nav_link" href="/released_applications/news">イベント・コラボ</a>
140    </li>
141    <li class="">
142      <a class="p-global_nav_link" href="/gachas">ガチャ</a>
143    </li>
144    <li class="">
145      <a class="p-global_nav_link" href="/tags">タグ一覧</a>
146    </li>
147  </ul>
148  <span class="p-global_nav_current_bar"></span>
149</nav>
150
151
152    <div class="l-main_content_area" v-scroll="onScroll">
153      <!-- ナビゲーション、OS選択 -->
154        <div class="os_control_box">
155          <a href="/?os=ios" class="os_control_link os_control_link__ios is-active">iOS版</a>
156          <a href="/?os=android" class="os_control_link os_control_link__android ">Android版</a>
157  </div>
158
159
160      <!-- 編集部おすすめ枠+TOP動画 -->
161      <transition name="fade" mode="out-in">
162        <div v-if="staffRecommends.hasContent() || staffRecommends.hasContents()" class="content_box p-staff_recommend_box" key="content" v-cloak>
163          <staff-recommend-list  :content="staffRecommends.getContent()" :contents="staffRecommends.getContents()"></staff-recommend-list>
164        </div>
165        <div v-else-if="staffRecommends.isLoading" class="p-loading_content_box content_box p-staff_recommend_box" key="loading">
166          <ul class="p-staff_recommend_list p-loading_list">
167    <li class="p-carousel_item">
168      <div>
169        <div class="p-media_area">
170          <div class="p-recommend_media p-loading_dummy_img"></div>
171        </div>
172        <div class="p-detail_area p-flex_bottom">
173          <div class="p-detail_group">
174            <p class="p-recommend_media_text p-loading_dummy_100"></p>
175            <p class="p-recommend_app_tag p-loading_dummy_50"></p>
176          </div>
177        </div>
178      </div>
179    </li>
180    <li class="p-carousel_item">
181      <div>
182        <div class="p-media_area">
183          <div class="p-recommend_media p-loading_dummy_img"></div>
184        </div>
185        <div class="p-detail_area p-flex_bottom">
186          <div class="p-detail_group">
187            <p class="p-recommend_media_text p-loading_dummy_100"></p>
188            <p class="p-recommend_app_tag p-loading_dummy_50"></p>
189          </div>
190        </div>
191      </div>
192    </li>
193    <li class="p-carousel_item">
194      <div>
195        <div class="p-media_area">
196          <div class="p-recommend_media p-loading_dummy_img"></div>
197        </div>
198        <div class="p-detail_area p-flex_bottom">
199          <div class="p-detail_group">
200            <p class="p-recommend_media_text p-loading_dummy_100"></p>
201            <p class="p-recommend_app_tag p-loading_dummy_50"></p>
202          </div>
203        </div>
204      </div>
205    </li>
206</ul>
207<div class="swiper-pagination swiper-pagination-bullets">
208  <span class="swiper-pagination-bullet"></span>
209  <span class="swiper-pagination-bullet"></span>
210  <span class="swiper-pagination-bullet"></span>
211</div>
212
213        </div>
214      </transition>
215
216      <!-- バナー -->
217      <transition name="fade" mode="out-in">
218        <div v-if="banner.hasContent()" class="content_box" key="banner" v-cloak>
219          <banner-box :content="banner.getContent()" class="content_group content_unit"></banner-box>
220        </div>
221      </transition>
222
223      <transition name="fade" mode="out-in">
224        <div v-if="suddenClimbApplications.hasContents()" class="content_box" key="c
224ontent" v-cloak>
225          <div class="content_group">
226            <div class="content_unit p-flex_box">
227              <h2 class="content_title">アクセス急増中!</h2>
228            </div>
229            <stand-out-1st-app-list :contents="suddenClimbApplications.getContents()"></stand-out-1st-app-list>
230          </div>
231        </div>
232        <div v-else-if="suddenClimbApplications.isLoading" class="p-loading_content_box content_box" key="loading">
233          <div class="content_group">
234  <div class="content_unit">
235    <p class="content_title p-loading_content_title"></p>
236  </div>
237  <div class="content_area">
238    <div class="content_unit">
239      <div class="stand_out_app_box">
240        <div class="app_link stand_out_app_box__top">
241          <div class="app_img_area">
242            <p class="app_img is_icon p-loading_dummy_img"></p>
243          </div>
244          <div class="app_detail_area">
245            <p class="app_title p-loading_dummy_100"></p>
246            <ul class="app_tag_list">
247              <li><span class="app_tag p-loading_dummy_100"></span></li>
248            </ul>
249          </div>
250        </div>
251        <div class="app_gallery_box">
252          <ul class="app_gallery_list gallery_num_3">
253            <li><p class="app_gallery p-loading_dummy_img"></p></li>
254            <li><p class="app_gallery p-loading_dummy_img"></p></li>
255            <li><p class="app_gallery p-loading_dummy_img"></p></li>
256          </ul>
257        </div>
258      </div>
259    </div>
260    <ul class="content_unit application_icon_list p-loading_list">
261        <li class="carousel_item">
262          <div class="app_link">
263            <div class="app_img_box">
264              <div class="app_img_area">
265                <p class="app_img is_icon p-loading_dummy_img"></p>
266              </div>
267            </div>
268            <div class="app_detail_box">
269              <div class="app_detail_area">
270                <p class="app_title p-loading_dummy_100"></p>
271              </div>
272            </div>
273          </a>
274        </li>
275        <li class="carousel_item">
276          <div class="app_link">
277            <div class="app_img_box">
278              <div class="app_img_area">
279                <p class="app_img is_icon p-loading_dummy_img"></p>
280              </div>
281            </div>
282            <div class="app_detail_box">
283              <div class="app_detail_area">
284                <p class="app_title p-loading_dummy_100"></p>
285              </div>
286            </div>
287          </a>
288        </li>
289        <li class="carousel_item">
290          <div class="app_link">
291            <div class="app_img_box">
292              <div class="app_img_area">
293                <p class="app_img is_icon p-loading_dummy_img"></p>
294              </div>
295            </div>
296            <div class="app_detail_box">
297              <div class="app_detail_area">
298                <p class="app_title p-loading_dummy_100"></p>
299              </div>
300            </div>
301          </a>
302        </li>
303        <li class="carousel_item">
304          <div class="app_link">
305            <div class="app_img_box">
306              <div class="app_img_area">
307                <p class="app_img is_icon p-loading_dummy_img"></p>
308              </div>
309            </div>
310            <div class="app_detail_box">
311              <div class="app_detail_area">
312                <p class="app_title p-loading_dummy_100"></p>
313              </div>
314            </div>
315          </a>
316        </li>
317        <li class="carousel_item">
318          <div class="app_link">
319            <div class="app_img_box">
320              <div class="app_img_area">
321                <p class="app_img is_icon p-loading_dummy_img"></p>
322              </div>
323            </div>
324            <div class="app_detail_box">
325              <div class="app_detail_area">
326                <p class="app_title p-loading_dummy_100"></p>
327              </div>
328            </div>
329          </a>
330        </li>
331        <li class="carousel_item">
332          <div class="app_link">
333            <div class="app_img_box">
334              <div class="app_img_area">
335                <p class="app_img is_icon p-loading_dummy_img"></p>
336              </div>
337            </div>
338            <div class="app_detail_box">
339              <div class="app_detail_area">
340                <p class="app_title p-loading_dummy_100"></p>
341              </div>
342            </div>
343          </a>
344        </li>
345    </ul>
346  </div>
347</div>
348
349        </div>
350      </transition>
351
352      <transition name="fade" mode="out-in">
353        <div v-if="totalApplications.hasContents()" class="content_box" key="c
353ontent" v-cloak>
354          <div class="content_group">
355            <div class="content_unit p-flex_box">
356              <h2 class="content_title">アプリ:週間ランキング</h2>
357              <a href="/ranking/total?os=ios" class="view_all_link p-flex_center_y" @click="onClickLink('週間ランキング - すべて見る', '/ranking/total?os=ios')">すべて見る</a>
358            </div>
359            <application-list :contents="totalApplications.getContents()" :is-loading="totalApplications.isLoading" @load-list="getContentsNextData('total_applications')" contents-name="週間ランキング"></application-list>
360          </div>
361        </div>
362        <div v-else-if="totalApplications.isLoading" class="p-loading_content_box content_box" key="loading">
363          <div class="content_group">
364  <div class="content_unit">
365    <p class="content_title p-loading_content_title"></p>
366  </div>
367  <ul class="content_unit application_list p-loading_list">
368      <li class="carousel_item">
369        <div class="app_link">
370          <div class="app_img_box">
371            <div class="app_img_area">
372              <p class="app_img p-loading_dummy_img"></p>
373            </div>
374          </div>
375          <div class="app_detail_box">
376            <div class="app_detail_area">
377              <p class="app_title p-loading_dummy_100"></p>
378              <p class="app_text p-loading_dummy_40"></p>
379              <ul class="app_tag_list"></ul>
380            </div>
381          </div>
382        </div>
383      </li>
384      <li class="carousel_item">
385        <div class="app_link">
386          <div class="app_img_box">
387            <div class="app_img_area">
388              <p class="app_img p-loading_dummy_img"></p>
389            </div>
390          </div>
391          <div class="app_detail_box">
392            <div class="app_detail_area">
393              <p class="app_title p-loading_dummy_100"></p>
394              <p class="app_text p-loading_dummy_40"></p>
395              <ul class="app_tag_list"></ul>
396            </div>
397          </div>
398        </div>
399      </li>
400      <li class="carousel_item">
401        <div class="app_link">
402          <div class="app_img_box">
403            <div class="app_img_area">
404              <p class="app_img p-loading_dummy_img"></p>
405            </div>
406          </div>
407          <div class="app_detail_box">
408            <div class="app_detail_area">
409              <p class="app_title p-loading_dummy_100"></p>
410              <p class="app_text p-loading_dummy_40"></p>
411              <ul class="app_tag_list"></ul>
412            </div>
413          </div>
414        </div>
415      </li>
416  </ul>
417</div>
418
419        </div>
420      </transition>
421
422      <transition name="fade" mode="out-in">
423        <div v-if="sumApplications.hasContents()" class="content_box" key="contet" v-cloak>
424          <div class="content_group">
425            <div class="content_unit p-flex_box">
426              <h2 class="content_title">アプリ:総合ランキング</h2>
427              <a href="/ranking/sum?os=ios" class="view_all_link p-flex_center_y" @click="onClickLink('総合ランキング - すべて見る', '/ranking/sum?os=ios')">すべて見る</a>
428            </div>
429            <application-list :contents="sumApplications.getContents()" :is-loading="sumApplications.isLoading" @load-list="getContentsNextData('sum_applications')" contents-name="総合ランキング"></application-list>
430          </div>
431        </div>
432        <div v-else-if="sumApplications.isLoading" class="p-loading_content_box content_box" key="loading">
433          <div class="content_group">
434  <div class="content_unit">
435    <p class="content_title p-loading_content_title"></p>
436  </div>
437  <ul class="content_unit application_list p-loading_list">
438      <li class="carousel_item">
439        <div class="app_link">
440          <div class="app_img_box">
441            <div class="app_img_area">
442              <p class="app_img p-loading_dummy_img"></p>
443            </div>
444          </div>
445          <div class="app_detail_box">
446            <div class="app_detail_area">
447              <p class="app_title p-loading_dummy_100"></p>
448              <p class="app_text p-loading_dummy_40"></p>
449              <ul class="app_tag_list"></ul>
450            </div>
451          </div>
452        </div>
453      </li>
454      <li class="carousel_item">
455        <div class="app_link">
456          <div class="app_img_box">
457            <div class="app_img_area">
458              <p class="app_img p-loading_dummy_img"></p>
459            </div>
460          </div>
461          <div class="app_detail_box">
462            <div class="app_detail_area">
463              <p class="app_title p-loading_dummy_100"></p>
464              <p class="app_text p-loading_dummy_40"></p>
465              <ul class="app_tag_list"></ul>
466            </div>
467          </div>
468        </div>
469      </li>
470      <li class="carousel_item">
471        <div class="app_link">
472          <div class="app_img_box">
473            <div class="app_img_area">
474              <p class="app_img p-loading_dummy_img"></p>
475            </div>
476          </div>
477          <div class="app_detail_box">
478            <div class="app_detail_area">
479              <p class="app_title p-loading_dummy_100"></p>
480              <p class="app_text p-loading_dummy_40"></p>
481              <ul class="app_tag_list"></ul>
482            </div>
483          </div>
484        </div>
485      </li>
486  </ul>
487</div>
488
489        </div>
490      </transition>
491
492      <transition name="fade" mode="out-in">
493        <div v-if="newApplications.hasContents()" class="content_box" key="c
493ontent" v-cloak>
494          <div class="content_group">
495            <div class="content_unit p-flex_box">
496              <h2 class="content_title">アプリ:新着</h2>
497              <a href="/ranking/new?os=ios" class="view_all_link p-flex_center_y" @click="onClickLink('新着 - すべて見る', '/ranking/new?os=ios')">すべて見る</a>
498            </div>
499            <application-list :contents="newApplications.getContents()" :is-loading="newApplications.isLoading" @load-list="getContentsNextData('new_applications')" contents-name="新着"></application-list>
500          </div>
501        </div>
502        <div v-else-if="newApplications.isLoading" class="p-loading_content_box content_box" key="loading">
503          <div class="content_group">
504  <div class="content_unit">
505    <p class="content_title p-loading_content_title"></p>
506  </div>
507  <ul class="content_unit application_list p-loading_list">
508      <li class="carousel_item">
509        <div class="app_link">
510          <div class="app_img_box">
511            <div class="app_img_area">
512              <p class="app_img p-loading_dummy_img"></p>
513            </div>
514          </div>
515          <div class="app_detail_box">
516            <div class="app_detail_area">
517              <p class="app_title p-loading_dummy_100"></p>
518              <p class="app_text p-loading_dummy_40"></p>
519              <ul class="app_tag_list"></ul>
520            </div>
521          </div>
522        </div>
523      </li>
524      <li class="carousel_item">
525        <div class="app_link">
526          <div class="app_img_box">
527            <div class="app_img_area">
528              <p class="app_img p-loading_dummy_img"></p>
529            </div>
530          </div>
531          <div class="app_detail_box">
532            <div class="app_detail_area">
533              <p class="app_title p-loading_dummy_100"></p>
534              <p class="app_text p-loading_dummy_40"></p>
535              <ul class="app_tag_list"></ul>
536            </div>
537          </div>
538        </div>
539      </li>
540      <li class="carousel_item">
541        <div class="app_link">
542          <div class="app_img_box">
543            <div class="app_img_area">
544              <p class="app_img p-loading_dummy_img"></p>
545            </div>
546          </div>
547          <div class="app_detail_box">
548            <div class="app_detail_area">
549              <p class="app_title p-loading_dummy_100"></p>
550              <p class="app_text p-loading_dummy_40"></p>
551              <ul class="app_tag_list"></ul>
552            </div>
553          </div>
554        </div>
555      </li>
556  </ul>
557</div>
558
559        </div>
560      </transition>
561
562      <transition name="fade" mode="out-in">
563        <div v-if="gachas.hasContents()" class="content_box" key="contet" v-cloak>
564          <div class="content_group">
565            <div class="content_unit p-flex_box">
566              <h2 class="content_title p-flex_center_y"><span class="content_title_icon"><img alt="" src="/assets/web/share/gacha/icon_gacha_white-0076fee067b70724e8b39bf429c7dac89cc99df51550946aecea91bc64d7232f.svg" /></span>ガチャ実施中</h2>
567              <a href="/gachas" class="view_all_link p-flex_center_y" @click="onClickLink('ガチャ実施中 - すべて見る', '/gachas')">すべて見る</a>
568            </div>
569            <gacha-list :contents="gachas.getContents()" :is-loading="gachas.isLoading" @load-list="getContentsNextData('gachas')"></gacha-list>
570          </div>
571        </div>
572        <div v-else-if="gachas.isLoading" class="p-loading_content_box content_box" key="loading">
573          <div class="content_group">
574  <div class="content_unit">
575    <p class="content_title p-loading_content_title"></p>
576  </div>
577  <ul class="content_unit application_list p-loading_list">
578      <li class="carousel_item">
579        <div class="app_link">
580          <div class="app_img_box">
581            <div class="app_img_area">
582              <p class="app_img p-loading_dummy_img"></p>
583            </div>
584          </div>
585          <div class="app_detail_box">
586            <div class="app_detail_area">
587              <p class="app_title p-loading_dummy_100"></p>
588              <p class="app_text p-loading_dummy_40"></p>
589              <ul class="app_tag_list"></ul>
590            </div>
591          </div>
592        </div>
593      </li>
594      <li class="carousel_item">
595        <div class="app_link">
596          <div class="app_img_box">
597            <div class="app_img_area">
598              <p class="app_img p-loading_dummy_img"></p>
599            </div>
600          </div>
601          <div class="app_detail_box">
602            <div class="app_detail_area">
603              <p class="app_title p-loading_dummy_100"></p>
604              <p class="app_text p-loading_dummy_40"></p>
605              <ul class="app_tag_list"></ul>
606            </div>
607          </div>
608        </div>
609      </li>
610      <li class="carousel_item">
611        <div class="app_link">
612          <div class="app_img_box">
613            <div class="app_img_area">
614              <p class="app_img p-loading_dummy_img"></p>
615            </div>
616          </div>
617          <div class="app_detail_box">
618            <div class="app_detail_area">
619              <p class="app_title p-loading_dummy_100"></p>
620              <p class="app_text p-loading_dummy_40"></p>
621              <ul class="app_tag_list"></ul>
622            </div>
623          </div>
624        </div>
625      </li>
626  </ul>
627</div>
628
629        </div>
630      </transition>
631
632      <transition name="fade" mode="out-in">
633        <div v-if="comingSoonResvEvents.hasContents()" class="content_box" key="c
633ontent" v-cloak>
634          <div class="content_group">
635            <div class="content_unit p-flex_box">
636              <h2 class="content_title">アプリ:もうすぐ配信</h2>
637              <a href="/calendar/unreleased" class="view_all_link p-flex_center_y" @click="onClickLink('もうすぐ配信 - すべて見る', '/calendar/unreleased')">すべて見る</a>
638            </div>
639            <application-list :contents="comingSoonResvEvents.getContents()" :is-loading="comingSoonResvEvents.isLoading" @load-list="getContentsNextData('coming_soon_resv_events')" contents-name="もうすぐ配信"></application-list>
640          </div>
641        </div>
642        <div v-else-if="comingSoonResvEvents.isLoading" class="p-loading_content_box content_box" key="loading">
643          <div class="content_group">
644  <div class="content_unit">
645    <p class="content_title p-loading_content_title"></p>
646  </div>
647  <ul class="content_unit application_list p-loading_list">
648      <li class="carousel_item">
649        <div class="app_link">
650          <div class="app_img_box">
651            <div class="app_img_area">
652              <p class="app_img p-loading_dummy_img"></p>
653            </div>
654          </div>
655          <div class="app_detail_box">
656            <div class="app_detail_area">
657              <p class="app_title p-loading_dummy_100"></p>
658              <p class="app_text p-loading_dummy_40"></p>
659              <ul class="app_tag_list"></ul>
660            </div>
661          </div>
662        </div>
663      </li>
664      <li class="carousel_item">
665        <div class="app_link">
666          <div class="app_img_box">
667            <div class="app_img_area">
668              <p class="app_img p-loading_dummy_img"></p>
669            </div>
670          </div>
671          <div class="app_detail_box">
672            <div class="app_detail_area">
673              <p class="app_title p-loading_dummy_100"></p>
674              <p class="app_text p-loading_dummy_40"></p>
675              <ul class="app_tag_list"></ul>
676            </div>
677          </div>
678        </div>
679      </li>
680      <li class="carousel_item">
681        <div class="app_link">
682          <div class="app_img_box">
683            <div class="app_img_area">
684              <p class="app_img p-loading_dummy_img"></p>
685            </div>
686          </div>
687          <div class="app_detail_box">
688            <div class="app_detail_area">
689              <p class="app_title p-loading_dummy_100"></p>
690              <p class="app_text p-loading_dummy_40"></p>
691              <ul class="app_tag_list"></ul>
692            </div>
693          </div>
694        </div>
695      </li>
696  </ul>
697</div>
698
699        </div>
700      </transition>
701
702      <transition name="fade" mode="out-in">
703        <div v-if="rankingGameProducts.hasContents()" class="content_box" key="content" v-cloak>
704          <div class="content_group">
705            <div class="content_unit p-flex_box">
706              <h2 class="content_title">家庭用ゲーム:ランキング</h2>
707              <a href="/products/game/ranking/total" class="view_all_link p-flex_center_y" @click="onClickLink('家庭用ゲーム ランキング - すべて見る', '/products/game/ranking/total')">すべて見る</a>
708            </div>
709            <game-product-list class="content_unit" :contents="rankingGameProducts.getContents()" contents-name="家庭用ゲーム ランキング" :is-rank="true"></game-product-list>
710          </div>
711        </div>
712      </transition>
713
714      <transition name="fade" mode="out-in">
715        <div v-if="newGameProducts.hasContents()" class="content_box" key="content" v-cloak>
716          <div class="content_group">
717            <div class="content_unit p-flex_box">
718              <h2 class="content_title">家庭用ゲーム:新着</h2>
719              <a href="/products/game/ranking/new" class="view_all_link p-flex_center_y" @click="onClickLink('家庭用ゲーム:新着 - すべて見る', '/products/game/ranking/new')">すべて見る</a>
720            </div>
721            <game-product-list class="content_unit" :contents="newGameProducts.getContents()" contents-name="家庭用ゲーム:新着"></game-product-list>
722          </div>
723        </div>
724      </transition>
725
726      <transition name="fade" mode="out-in">
727        <div v-if="unreleasedCalendarGameProducts.hasContents()" class="content_box" key="c
727ontent" v-cloak>
728          <div class="content_group">
729            <div class="content_unit p-flex_box">
730              <h2 class="content_title">家庭用ゲーム:もうすぐ配信</h2>
731              <a href="/products/game/calendar/unreleased" class="view_all_link p-flex_center_y" @click="onClickLink('家庭用ゲーム カレンダー - すべて見る', '/products/game/calendar/unreleased')">すべて見る</a>
732            </div>
733            <calendar-game-product-list class="content_unit" :contents="unreleasedCalendarGameProducts.getContents()" contents-name="家庭用ゲーム カレンダー"></calendar-game-product-list>
734          </div>
735        </div>
736      </transition>
737
738      <transition name="fade" mode="out-in">
739        <div v-if="unreleasedCalendarComicProducts.hasContents()" class="content_box" key="content" v-cloak>
740          <div class="content_group">
741            <div class="content_unit p-flex_box">
742              <h2 class="content_title">コミック:もうすぐ配信</h2>
743              <a href="https://yoyaku-top10.jp/products/comic/calendar/unreleased" class="view_all_link p-flex_center_y" @click="onClickLink('コミック:もうすぐ配信 - すべて見る', 'https://yoyaku-top10.jp/products/comic/calendar/unreleased')">すべて見る</a>
744            </div>
745            <calendar-comic-product-list class="content_unit" :contents="unreleasedCalendarComicProducts.getContents()" contents-name="コミック:もうすぐ配信"></calendar-comic-product-list>
746          </div>
747        </div>
748      </transition>
749
750      <transition name="fade" mode="out-in">
751        <div v-if="genres.hasContents()" class="content_box" key="content" v-cloak>
752          <div class="content_group">
753            <div class="content_unit p-flex_box">
754              <h2 class="content_title">ジャンルからさがす</h2>
755            </div>
756            <genre-list class="content_unit" :contents="genres.getContents()"></genre-list>
757          </div>
758        </div>
759      </transition>
760
761      <transition name="fade" mode="out-in">
762        <div v-if="movieTitles.hasContents()" class="content_box" key="content" v-cloak>
763          <div class="content_group">
764            <div class="content_unit p-flex_box">
765              <h2 class="content_title">{{movieTitles.getContent().name}}</h2>
766            </div>
767            <movie-list :contents="movieTitles.getContents()" :contents-name="movieTitles.getContent().name"></movie-list>
768          </div>
769        </div>
770      </transition>
771
772      <transition name="fade" mode="out-in">
773        <div v-if="blogs.hasContents()" class="content_box" key="content" v-cloak>
774          <div class="content_group">
775            <div class="content_unit p-flex_box">
776              <h2 class="content_title">最新記事</h2>
777              <a href="/articles/blogs" class="view_all_link p-flex_center_y" @click="onClickLink('最新記事 - すべて見る', '/articles/blogs')">すべて見る</a>
778            </div>
779            <blog-list :contents="blogs.getContents()" class="content_unit"></blog-list>
780          </div>
781        </div>
782      </transition>
783
784      <transition name="fade" mode="out-in">
785        <transition-group name="fade" tag="div" v-if="otherTitles.hasContents()" class="content_box" key="content" v-cloak>
786          <div v-for="(item, index) in otherTitles.getContents()" v-if="item.hasContents()" class="content_group" :key="item">
787            <div class="content_unit p-flex_box">
788              <h2 class="content_title">{{ item.getContent().title }}</h2>
789            </div>
790            <application-list :contents="item.getContents()" :contents-name="item.getContent().title"></application-list>
791          </div>
792        </transition-group>
793      </transition>
794
795      <div v-if="isShownRankingLinkBtn" class="content_box" v-cloak>
796        <div class="content_group content_unit p-btn_box">
797          <a href="/ranking/total" class="p-btn p-btn_primary" @click="onClickLink('予約受付中アプリ一覧を見る', '/ranking/total')">予約受付中アプリ一覧を見る</a>
798        </div>
799      </div>
800
801      <div class="content_box content_group" v-cloak>
802        <div class="u-border_top"></div>
803      </div>
804
805      <transition name="fade" mode="out-in">
806        <div v-if="releasedNewApplications.hasContents()" class="content_box" key="c
806ontet" v-cloak>
807          <div class="content_group">
808            <div class="content_unit p-flex_box">
809              <h2 class="content_title p-flex_center_y"><span class="content_title_label">配信中</span>最新アプリ</h2>
810              <a href="/calendar/released" class="view_all_link p-flex_center_y" @click="onClickLink('配信中 - 最新アプリ - すべて見る', '/calendar/released')">すべて見る</a>
811            </div>
812            <application-icon-list :contents="releasedNewApplications.getContents()" contents-name="配信中 - 最新アプリ"></application-icon-list>
813          </div>
814        </div>
815      </transition>
816
817      <transition name="fade" mode="out-in">
818        <div v-if="popularNewApplicationList.hasContents()" class="content_box" key="contet" v-cloak>
819          <div class="content_group">
820            <div class="content_unit p-flex_box">
821              <h2 class="content_title p-flex_center_y"><span class="content_title_label">配信中</span>人気のアプリ</h2>
822            </div>
823            <application-icon-list :contents="popularNewApplicationList.getContents()" contents-name="配信中 - 人気のアプリ"></application-icon-list>
824          </div>
825        </div>
826      </transition>
827
828      <transition name="fade" mode="out-in">
829        <div v-if="releasedCalendarGameProducts.hasContents()" class="content_box" key="content" v-cloak>
830          <div class="content_group">
831            <div class="content_unit p-flex_box">
832              <h2 class="content_title p-flex_center_y"><span class="content_title_label">配信中</span>家庭用ゲーム</h2>
833              <a href="/products/game/calendar/released" class="view_all_link p-flex_center_y" @click="onClickLink('配信中 - 家庭用ゲーム - すべて見る', '/products/game/calendar/released')">すべて見る</a>
834            </div>
835            <game-product-list class="content_unit" :contents="releasedCalendarGameProducts.getContents()" contents-name="配信中 - 家庭用ゲーム"></game-product-list>
836          </div>
837        </div>
838      </transition>
839
840      <transition name="fade" mode="out-in">
841        <div v-if="genres.hasContents()" class="content_box" key="content" v-cloak>
842          <div class="content_group">
843            <div class="content_unit p-flex_box">
844              <h2 class="content_title p-flex_center_y"><span class="content_title_label">配信中</span>ジャンル別おすすめアプリ</h2>
845            </div>
846            <genre-list class="content_unit" :contents="genres.getContents()" is-released="true"></genre-list>
847          </div>
848        </div>
849      </transition>
850
851      <div v-if="isShownReleasdApplicationLinkBtn" class="content_box" v-cloak>
852        <div class="content_group content_unit p-btn_box">
853          <a href="/released_applications" class="p-btn p-btn_download" @click="onClickLink('配信中アプリ一覧を見る', '/released_applications')">配信中アプリ一覧を見る</a>
854        </div>
855      </div>
856
857      <!-- レクタングルバナー -->
858      <div v-if="rectangleBanner.hasContent()" class="content_box" key="banner" v-cloak>
859        <rectangle-banner-box :content="rectangleBanner.getContent()" class="content_group"></rectangle-banner-box>
860      </div>
861    </div>
862
863    <div class="l-sub_content_area">
864      <transition name="fade" mode="out-in">
865        <div v-if="categoryHashtags.hasContents()" class="content_box" key="content" v-cloak>
866          <div class="content_group">
867            <div class="content_unit p-flex_box">
868              <h2 class="content_title">カテゴリー</h2>
869            </div>
870            <tag-list :contents="categoryHashtags.getContents()" contents-name="ハッシュタグ - カテゴリー"></tag-list>
871          </div>
872        </div>
873        <div v-else-if="categoryHashtags.isLoading" class="content_box p-loading_content_box" key="loading">
874          <div class="content_group">
875  <div class="content_unit">
876    <p class="content_title p-loading_content_title"></p>
877  </div>
878  <ul class="content_unit tag_list p-loading_tag_list">
879      <li>
880        <p class="hash_tag p-loading_dummy_100"></p>
881      </li>
882      <li>
883        <p class="hash_tag p-loading_dummy_100"></p>
884      </li>
885      <li>
886        <p class="hash_tag p-loading_dummy_100"></p>
887      </li>
888      <li>
889        <p class="hash_tag p-loading_dummy_100"></p>
890      </li>
891      <li>
892        <p class="hash_tag p-loading_dummy_100"></p>
893      </li>
894      <li>
895        <p class="hash_tag p-loading_dummy_100"></p>
896      </li>
897  </ul>
898</div>
899
900        </div>
901      </transition>
902      <transition name="fade" mode="out-in">
903        <div v-if="performerHashtags.hasContents()" class="content_box" key="c
903ontent" v-cloak>
904          <div class="content_group">
905            <div class="content_unit p-flex_box">
906              <h2 class="content_title">スタッフ / 声優 / 出演者</h2>
907            </div>
908            <tag-list :contents="performerHashtags.getContents()" contents-name="ハッシュタグ - スタッフ / 声優 / 出演者"></tag-list>
909            <p v-show="performerHashtags.isLoading" class="more_loading_img">
910              <img alt="読み込み中" src="/assets/web/share/img_loading-a7b8c27b51faa03b984a7a2248d90de1b42fc79b552d1c887abe5b22d63392d8.gif" />
911            </p>
912            <a v-if="performerHashtags.existNextPage()" class="more_link" @click.stop="getContentsNextData('performer_hashtags')">さらに表示</a>
913          </div>
914        </div>
915        <div v-else-if="performerHashtags.isLoading" class="content_box p-loading_content_box" key="loading">
916          <div class="content_group">
917  <div class="content_unit">
918    <p class="content_title p-loading_content_title"></p>
919  </div>
920  <ul class="content_unit tag_list p-loading_tag_list">
921      <li>
922        <p class="hash_tag p-loading_dummy_100"></p>
923      </li>
924      <li>
925        <p class="hash_tag p-loading_dummy_100"></p>
926      </li>
927      <li>
928        <p class="hash_tag p-loading_dummy_100"></p>
929      </li>
930      <li>
931        <p class="hash_tag p-loading_dummy_100"></p>
932      </li>
933      <li>
934        <p class="hash_tag p-loading_dummy_100"></p>
935      </li>
936      <li>
937        <p class="hash_tag p-loading_dummy_100"></p>
938      </li>
939  </ul>
940</div>
941
942        </div>
943      </transition>
944      <transition name="fade" mode="out-in">
945        <div v-if="illustratorHashtags.hasContents()" class="content_box" key="content" v-cloak>
946          <div class="content_group">
947            <div class="content_unit p-flex_box">
948              <h2 class="content_title">イラストレーター</h2>
949            </div>
950            <tag-list :contents="illustratorHashtags.getContents()" contents-name="ハッシュタグ - イラストレーター"></tag-list>
951            <p v-show="illustratorHashtags.isLoading" class="more_loading_img">
952              <img alt="読み込み中" src="/assets/web/share/img_loading-a7b8c27b51faa03b984a7a2248d90de1b42fc79b552d1c887abe5b22d63392d8.gif" />
953            </p>
954            <a v-if="illustratorHashtags.existNextPage()" class="more_link" @click.stop="getContentsNextData('illustrator_hashtags')">さらに表示</a>
955          </div>
956        </div>
957        <div v-else-if="illustratorHashtags.isLoading" class="content_box p-loading_content_box" key="loading">
958          <div class="content_group">
959  <div class="content_unit">
960    <p class="content_title p-loading_content_title"></p>
961  </div>
962  <ul class="content_unit tag_list p-loading_tag_list">
963      <li>
964        <p class="hash_tag p-loading_dummy_100"></p>
965      </li>
966      <li>
967        <p class="hash_tag p-loading_dummy_100"></p>
968      </li>
969      <li>
970        <p class="hash_tag p-loading_dummy_100"></p>
971      </li>
972      <li>
973        <p class="hash_tag p-loading_dummy_100"></p>
974      </li>
975      <li>
976        <p class="hash_tag p-loading_dummy_100"></p>
977      </li>
978      <li>
979        <p class="hash_tag p-loading_dummy_100"></p>
980      </li>
981  </ul>
982</div>
983
984        </div>
985      </transition>
986      <transition name="fade" mode="out-in">
987        <div v-if="otherHashtags.hasContents()" class="content_box" key="content" v-cloak>
988          <div class="content_group">
989            <div class="content_unit p-flex_box">
990              <h2 class="content_title">その他</h2>
991            </div>
992            <tag-list :contents="otherHashtags.getContents()" contents-name="ハッシュタグ - その他"></tag-list>
993            <p v-show="otherHashtags.isLoading" class="more_loading_img">
994              <img alt="読み込み中" src="/assets/web/share/img_loading-a7b8c27b51faa03b984a7a2248d90de1b42fc79b552d1c887abe5b22d63392d8.gif" />
995            </p>
996            <a v-if="otherHashtags.existNextPage()" class="more_link" @click.stop="getContentsNextData('other_hashtags')">さらに表示</a>
997          </div>
998        </div>
999        <div v-else-if="otherHashtags.isLoading" class="content_box p-loading_content_box" key="loading">
1000          <div class="content_group">
1001  <div class="content_unit">
1002    <p class="content_title p-loading_content_title"></p>
1003  </div>
1004  <ul class="content_unit tag_list p-loading_tag_list">
1005      <li>
1006        <p class="hash_tag p-loading_dummy_100"></p>
1007      </li>
1008      <li>
1009        <p class="hash_tag p-loading_dummy_100"></p>
1010      </li>
1011      <li>
1012        <p class="hash_tag p-loading_dummy_100"></p>
1013      </li>
1014      <li>
1015        <p class="hash_tag p-loading_dummy_100"></p>
1016      </li>
1017      <li>
1018        <p class="hash_tag p-loading_dummy_100"></p>
1019      </li>
1020      <li>
1021        <p class="hash_tag p-loading_dummy_100"></p>
1022      </li>
1023  </ul>
1024</div>
1025
1026        </div>
1027      </transition>
1028
1029      <sub-official-twitter-box></sub-official-twitter-box>
1030<sub-service-guide-list></sub-service-guide-list>
1031
1032    </div>
1033  </main>
1034
1035  <!-- フッター -->
1036  <footer id="footer" class="l-footer">
1037  <div class="p-footer_box">
1038    <div class="p-footer_group">
1039      <ul class="p-footer_unit p-footer_link">
1040        <li><a href="/user">サービス概要</a></li>
1041        <li><a href="/tos">利用規約</a></li>
1042        <li><a href="/privacy_policy">プライバシーポリシー</a></li>
1043        <li><a href="/privacy_policy_detail">予約トップ10システム利用規約</a></li>
1044        <li><a href="/support">開発者様向け</a></li>
1045        <li><a href="/user/inquiry">お問い合わせ</a></li>
1046        <li><a target="_blank" rel="noopener" href="https://game8.co.jp/">運営会社</a></li>
1047      </ul>
1048      <p class="p-footer_unit p-flex_center">
1049        <a href="/" class="p-footer_logo">
1050          <img alt="予約トップ10" src="/assets/web/share/logo_g-fad6d4559689f6f9d01ff8a186d61d0264277ec48374c32c27a8b0046549d038.svg" />
1051        </a>
1052      </p>
1053      <small class="p-footer_unit p-footer_copyright">Copyright(c)game8 inc. All Rights Reserved.
1054</small>
1055    </div>
1056    <div class="p-page_top_btn" @click="goPageTop">
1057      <p class="p-page_top_btn_icon">
1058        <i class="fas fa-arrow-up"></i>
1059        <span>TOP</span>
1060      </p>
1061    </div>
1062  </div>
1063</footer>
1064
1065
1066  
1067
1068  <div id="modal">
1069      <div id="regist">
1070  <div class="modal_window2">
1071    <h2 class="title_line_dot"><img width="327" height="30" alt="新規会員登録・ログイン" src="/assets/web/pc/title_regist-31c3ae76507c316fd2bbe0aff17049ab2117d7fe43e81a969b43f8a75bbb8289.png" /></h2>
1072    <div class="clearfix">
1073      <section class="sns_account">
1074        <h3><img width="145" height="17" alt="SNSアカウント" src="/assets/web/pc/stitle_snsaccount-4bb59ac5198b9c512b49b5794f91d8bb327d88b3acd5a27c000864359eb321a3.png" /></h3>
1075        <p class="modal_sns_step"><img width="320" height="40" alt="step" src="/assets/web/pc/sns_regist_step-554ef5b112d5accc3784f1a9a92e2367002af2231c1b9fa12d9ce9dd81456a28.png" /></p>
1076        <ul class="btn_sns_acc">
1077          <li><form class="sns_login_form" method="post" action="/pc/user/auth/facebook"><button class="btn_account_fb" type="submit">facebookでログイン</button><input type="hidden" name="authenticity_token" value="VzsC09XTfbrSweCsOQWl7931D6ov9qzOav0c5EXx0Vv4jMo8LTzM098yPKbS5ag3xc_BNEbXa_DR_Q5btQTBMg" autocomplete="off" /><input type="hidden" name="os" value="ios" autocomplete="off" /></form></li>
1078          <li><form class="sns_login_form" method="post" action="/pc/user/auth/twitter"><button class="btn_account_tw" type="submit">Xでログイン</button><input type="hidden" name="authenticity_token" value="MS1iizkLUTWcChjYI4GGtfe1D0_J9yD8i3npMbRhPXdIQgXjdhINm-99s8u2rZzSJZuCa58NjjTjzP0NnIe2lw" autocomplete="off" /><input type="hidden" name="os" value="ios" autocomplete="off" /></form></li>
1079        </ul>
1080        <ul class="modal_note">
1081          <li>※ログインのみでソーシャルネットワーク上に投稿されることはございませんので、ご安心ください。</li>
1082          <li>※ログインして次に進むと、<a href="/tos">利用規約</a>・<a href="/privacy_policy">プライバシーポリシー</a>・<a href="/privacy_policy_detail">予約トップ10システム利用規約</a>に同意したものとみなされますので、必ずログイン前に利用規約等をご確認ください。</li>
1083        </ul>
1084      </section>
1085      <section class="yoyaku_account">
1086        <h3><img width="216" height="18" alt="予約トップ10アカウント" src="/assets/web/pc/stitle_yoyakuaccount-d485fc8aff47fa7b78cde0635e8ee7c6ff556e70adef0b61be00602dc6544b37.png" /></h3>
1087        <form id="user_auth_regist">
1088          <input type="hidden" name="authenticity_token" id="authenticity_token" value="Qt2sQT3YpC76sYRYnNgmJQjoeVMf-fTLBVr7vWxV_Uy7nKdPKyXJJhPmud8XvzTPXR82S2bYfF4RbFiPTOAg4g" autocomplete="off" />
1089          <input type="hidden" name="os" id="os" value="ios" autocomplete="off" />
1090          <dl class="yaccount">
1091            <dt>メールアドレス(リリース通知先になります)</dt>
1092            <dd><input type="text" name="email" id="email" value="" autofocus="autofocus" class="form_sty1" title="例)[email protected]" /></dd>
1093            <dt>パスワード</dt>
1094            <dd><input type="password" name="password" id="password" value="" class="form_sty1" title="6文字以上12文字以内(半角英数字)" /></dd>
1095          </dl>
1096          <ul class="btn_yoyaku">
1097            <li><input value="新規登録" type="submit" class="btn_regist"></li>
1098            <li><input value="ログイン" type="submit" class="btn_login"></li>
1099          </ul>
1100        </form>
1101        <p class="pass_fgt"><a class="modal-move" href="#pass_forget">パスワードを忘れた場合</a></p>
1102        <p class="modal_note">新規登録して次に進むと、<a href="/tos">利用規約</a>・<a href="/privacy_policy">プライバシーポリシー</a>・<a href="/privacy_policy_detail">予約トップ10システム利用規約</a>に同意したものとみなされますので、必ず新規会員登録前に利用規約等をご確認ください。</p>
1103      </section>
1104    </div>
1105    <p><a class="modal-close btn_modal_close1" href="#">閉じる</a></p>
1106  </div>
1107</div>
1108
1109      <div id="pass_forget">
1110  <div class="modal_window3">
1111    <section>
1112      <h2 class="title_line_dot"><img width="242" height="29" alt="パスワード再設定" src="/assets/web/pc/title_pass_forget-d1d050d4cbec4e400804a1ca8fb9643aac30040ec1a6195b735c653aaed56877.png" /></h2>
1113      <p class="modal_stitle">
1114        パスワードを再設定します。<br />
1115        メールアドレスを入力して下さい。
1116      </p>
1117      <form id="password">
1118        <input type="hidden" name="authenticity_token" id="authenticity_token" value="eggO
1118KiiZPfohuDjQoEb2BkQZowSNqc306upjlS8I4ACDSQUkPmRQ8sjvBVcrIeTsEe7sHPSIRWH-3MCnD709rg" autocomplete="off" />
1119        <input type="hidden" name="app_id" id="app_id" autocomplete="off" />
1120        <p>
1121          <input type="text" name="uid" id="uid" value="" class="form_sty2" title="例)[email protected]" />
1122        </p>
1123        <ul class="modal_btn_area">
1124          <li>
1125            <a class="modal_btn_nine_letters btn_blue btn_mail_reset" href="#pass_forget_comp">パスワードを再設定</a>
1126          </li>
1127        </ul>
1128      </form>
1129    </section>
1130    <p class="mwindow_back"><a class="modal-move" href="#regist">戻る</a></p>
1131    <p><a class="modal-close btn_modal_close1" href="#">閉じる</a></p>
1132  </div>
1133</div>
1134
1135      <div id="pass_forget_comp">
1136  <div class="modal_window3">
1137    <section>
1138      <p class="modal_stitle3">
1139        ご入力頂いたメールアドレスに<br />
1140        パスワード再発行手続きのメールをお送り致しました。
1141      </p>
1142      <ul class="modal_btn_area">
1143        <li>
1144          <a href="#" class="modal_btn_three_letters modal-close btn_gray">閉じる</a>
1145        </li>
1146      </ul>
1147    </section>
1148    <p><a class="modal-close btn_modal_close1" href="#">閉じる</a></p>
1149  </div>
1150</div>
1151
1152    <!-- メールアドレスの確認 -->
1153<div id="sended_guest_email_verification_token_email" class="p-modal_wrap">
1154  <div class="p-modal_content">
1155    <header class="p-modal_header">
1156      <p class="p-modal_title">メールアドレスの確認</p>
1157      <div class="modal-close p-modal_close_btn">
1158        <p class="p-modal_close_btn_icon"><img alt="閉じる" src="/assets/web/pc/modal/btn_modal_close-6ce607b0b04d71d9d32254b8f377deb536c6f7a43e936ab107753f87c7134b0c.svg" /></p>
1159      </div>
1160    </header>
1161    <div class="p-modal_body">
1162      <div class="p-modal_box">
1163        <div class="p-modal_group">
1164          <p class="p-modal_text">下記メールアドレスに確認メールが送信されました。<br>メール本文内のURLをクリックし、登録を完了してください。</p>
1165        </div>
1166        <div class="p-modal_group">
1167          <p class="p-modal_text_emphasis js-sended_email"></p>
1168        </div>
1169        <div class="p-modal_group p-btn_box">
1170          <a class="modal-close p-btn p-btn_secondary p-btn_s">閉じる</a>
1171        </div>
1172      </div>
1173    </div>
1174  </div>
1175</div><!--/#sended_guest_email_verification_token_email-->
1176<!-- メールアドレスの確認 -->
1177
1178    <!--ゲストユーザーのメールアドレス認証成功 -->
1179<div id="guest_email_verification_successed" class="p-modal_wrap" >
1180  <div class="p-modal_content">
1181    <header class="p-modal_header">
1182      <p class="p-modal_title">登録完了</p>
1183      <div class="modal-close p-modal_close_btn">
1184        <p class="p-modal_close_btn_icon"><img alt="閉じる" src="/assets/web/pc/modal/btn_modal_close-6ce607b0b04d71d9d32254b8f377deb536c6f7a43e936ab107753f87c7134b0c.svg" /></p>
1185      </div>
1186    </header>
1187    <div class="p-modal_body">
1188      <div class="p-modal_box">
1189        <div class="p-modal_group">
1190          <p class="p-modal_text">ご登録頂いたメールアドレスで事前予約したアプリ情報を引き継ぎました。</p>
1191          <p class="p-modal_text">予約履歴はマイページからご確認いただけます。</p>
1192        </div>
1193        <div class="p-modal_group p-btn_box">
1194          <a class="modal-close p-btn p-btn_secondary p-btn_s">閉じる</a>
1195        </div>
1196      </div>
1197    </div>
1198  </div>
1199</div><!--/#guest_email_verification_successed-->
1200<!-- /ゲストユーザーのメールアドレス認証成功 -->
1201
1202    <!--ゲストユーザーのメールアドレス認証失敗 -->
1203<div id="guest_email_verification_failed" class="p-modal_wrap">
1204  <div class="p-modal_content">
1205    <header class="p-modal_header">
1206      <p class="p-modal_title">登録失敗</p>
1207      <div class="modal-close p-modal_close_btn">
1208        <p class="p-modal_close_btn_icon"><img alt="閉じる" src="/assets/web/pc/modal/btn_modal_close-6ce607b0b04d71d9d32254b8f377deb536c6f7a43e936ab107753f87c7134b0c.svg" /></p>
1209      </div>
1210    </header>
1211    <div class="p-modal_body">
1212      <div class="p-modal_box">
1213        <div class="p-modal_group">
1214          <p class="p-modal_text">登録に失敗しました。</p>
1215          <p class="p-modal_text">お手数ですが、再度お試しください。</p>
1216        </div>
1217        <div class="p-modal_group p-btn_box">
1218          <a class="modal-close p-btn p-btn_secondary p-btn_s">閉じる</a>
1219        </div>
1220      </div>
1221    </div>
1222  </div>
1223</div><!--/#guest_email_verification_failed-->
1224<!-- /ゲストユーザーのメールアドレス認証失敗 -->
1225
1226  </div>
1227
1228  
1228<script>
1229//<![CDATA[
1230
1231  var paths = {
1232    device_email: '/pc/user/email',
1233    sign_in:      '/pc/user/sign_in',
1234    sign_up:      '/pc/user/sign_up',
1235    password:     '/pc/user/password',
1236    next_set:     '',
1237    gacha:        '',
1238    email_resv:         '',
1239    email_resv_confirm: '',
1240  };
1241  var dialog = false;
1242
1243//]]>
1244</script>
1244
1245
1246  
1246<script src="/assets/web/pc-13800b7208b9d32ea84d6af6b5cc3f44ef48c68dd7280a10a6cab5ddaff703ac.js"></script>
1246
1247  
1247<script src="/assets/web/top_page/index-42ef7bf9e875a5755eb50d4360a9d351e0986a0e4ff0503a1b447737f7a25666.js"></script>
1247
1248
1249
1250  <!--facebook-->
1251  <div id="fb-root"></div>
1252<script>(function(d, s, id) {
1253  var js, fjs = d.getElementsByTagName(s)[0];
1254  if (d.getElementById(id)) return;
1255  js = d.createElement(s); js.id = id;
1256  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v25.0&appId=412587525465192";
1257  fjs.parentNode.insertBefore(js, fjs);
1258}(document, 'script', 'facebook-jssdk'));</script>
1258
1259
1260
1261  <!--twitter-->
1262  
1262<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
1262
1263
1264
1265  
1266<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
vendor: 1 bytes, line 1266
1266
1267<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js"></script>
vendor: 1 bytes, line 1267
1267
1268<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-analytics.js"></script>
1268
1269
1270<script>
1271  // Initialize Firebase
1272  var config = {
1273    apiKey: 'AIzaSyA2Wwnmnu8XUTXN-IVTtvDYxol2TD-Dofo',
1274    authDomain: 'yoyaku-topten.firebaseapp.com',
1275    databaseURL: 'https://yoyaku-topten.firebaseio.com',
1276    projectId: 'yoyaku-topten',
1277    storageBucket: 'yoyaku-topten.appspot.com',
1278    messagingSenderId: '145424515116',
1279    appId: '1:145424515116:web:2f2badda7039c3616e1189',
1280    measurementId: 'G-D8N3RYTRX4'
1281  };
1282  firebase.initializeApp(config);
1283</script>
1283
1284
1285  
1285<script src="/serviceworker-companion.js?rd=202301020"></script>
1285
1286
1287<div id="pwa_navigation_bar" class="p-pwa_navigation_bar_box" v-if="isShown" v-cloak>
1288  <div class="p-pwa_navigation_bar_area">
1289    <div class="p-pwa_navigation_bar_group">
1290      <a class="p-pwa_navigation_bar_btn" @click="goBack">
1291        <i class="fas fa-chevron-left"></i>
1292      </a>
1293    </div>
1294    <div class="p-pwa_navigation_bar_group">
1295      <a class="p-pwa_navigation_bar_btn" @click="goForward" :disabled="true">
1296        <i class="fas fa-chevron-right"></i>
1297      </a>
1298    </div>
1299    <div class="p-pwa_navigation_bar_group">
1300      <a class="p-pwa_navigation_bar_btn" @click="reloadPage">
1301        <i class="fas fa-redo"></i>
1302      </a>
1303    </div>
1304    <div class="p-pwa_navigation_bar_group">
1305      <a class="p-pwa_navigation_bar_btn" @click="copyUrl">
1306        <i class="fas fa-link"></i>
1307      </a>
1308    </div>
1309  </div>
1310</div>
1311
1312
1313</body>
1314</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.