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.