1<!DOCTYPE html> 2<html lang="ja" prefix="og: http://ogp.me/ns#"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<title>TVã¢ãã¡ããããã¶ããSeason 3å ¬å¼ãµã¤ã</title> 6<meta name="description" content="7æï½Seasonï¼çµ¶è³æ¾éä¸ï¼å ¨è£¸ç³»éæ¥ãã¤ãã³ã°ã¢ãã¡ï¼ä»åã¯ã³ã³ãã©ã¤ã¢ã³ã¹ã«éã¿ã¦âã5ï¼ ã¢ãããã¦ãã¾ãã" /> 7<meta name="keywords" content="good!ã¢ãã¿ãã¼ã³,è¬è«ç¤¾,äºä¸å äº,åå²¡å ¬å¨,ãã¤ãã³ã°,鿥,大å¦ç,ãµã¼ã¯ã«,髿¾ä¿¡å¸,èéè±è,ã¼ãã¸ã¼,é ,éçæ³,ã¹ããªã¿ã¹, ä¹¾æ¯,PADI,TUSA,ãªãªã³ãã¹,mic21,æåããªã³ãã¤ãã³ã°,å ç°é馬,æ¨æè¯å¹³,å®å æ´è²´,å°è¥¿å 幸,宿¸ç¥ä½³,å ç°ç礼,è¡æã¨ã,é¿æ¾ä½³å¥,æ±å£æä¹,æ¦æ¨æ·³å¼¥,è±æ±å¤æ¨¹,ããã¼ãã»ã¦ã©ã¼ã¿ã¼ãã³,ç¦å±±æ½¤,å·ç°ç´³å¸,水樹å¥ã ,æ¹åä¹é¢¨,è¯éã©ã¸ãª" /> 8<meta name="robots" content="follow,index" /> 9<meta http-equiv="Content-Style-Type" content="text/css" /> 10<meta http-equiv="Content-Script-Type" content="text/javascript" /> 11<meta name="viewport" content="width=device-width"> 12<meta name="format-detection" content="telephone=no"> 13<meta http-equiv="X-UA-Compatible" content="ie=edge"> 14 15<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 15-16
15 16<script async src="https://www.googletagmanager.com/gtag/js?id=
16G-PRW7GCGDEP
vendor: 13 bytes, line 16
16"></script>
17<script> 18
vendor: 138 bytes, lines 18-22
18window.dataLayer = window.dataLayer || []; 19 function gtag(){dataLayer.push(arguments);} 20 gtag('js', new Date()); 21 22 gtag('config', '
22G-PRW7GCGDEP
vendor: 5 bytes, line 22
22');
23</script>
23 24 25<!-- Google Tag Manager -->
26<script>
vendor: 331 bytes, lines 26-30
26(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 27new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 28j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 29'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 30})(window,document,'script','dataLayer','
30GTM-WQJSBMG4
vendor: 3 bytes, line 30
30');
30</script>
30 31<!-- End Google Tag Manager --> 32<meta property="og:title" content="TVã¢ãã¡ããããã¶ããSeason 3å ¬å¼ãµã¤ã"> 33<meta property="og:site_name" content="TVã¢ãã¡ããããã¶ããSeason 3å ¬å¼ãµã¤ã"> 34<meta property="og:description" content="7æï½Seasonï¼çµ¶è³æ¾éä¸ï¼å ¨è£¸ç³»éæ¥ãã¤ãã³ã°ã¢ãã¡ï¼ä»åã¯ã³ã³ãã©ã¤ã¢ã³ã¹ã«éã¿ã¦âã5ï¼ ã¢ãããã¦ãã¾ãã"> 35<meta property="og:type" content="website"> 36<meta property="og:url" content="https://grandblue-anime.com/"> 37<meta property="og:image" content="https://grandblue-anime.com/core_sys/images/others/ogp-s3.jpg"> 38<meta name="twitter:card" content="summary_large_image"> 39 40<!-- Web App Manifest --> 41<link rel="manifest" href="core_sys/images/sys/manifest.json"> 42 43<!-- Favicon --> 44<link rel="icon" href="core_sys/images/others/favicon/favicon.ico"> 45 46<!-- Touch Icon --> 47<link rel="apple-touch-icon" sizes="57x57" href="core_sys/images/others/favicon/apple-touch-icon-57x57.png"> 48<link rel="apple-touch-icon" sizes="60x60" href="core_sys/images/others/favicon/apple-touch-icon-60x60.png"> 49<link rel="apple-touch-icon" sizes="72x72" href="core_sys/images/others/favicon/apple-touch-icon-72x72.png"> 50<link rel="apple-touch-icon" sizes="76x76" href="core_sys/images/others/favicon/apple-touch-icon-76x76.png"> 51<link rel="apple-touch-icon" sizes="114x114" href="core_sys/images/others/favicon/apple-touch-icon-114x114.png"> 52<link rel="apple-touch-icon" sizes="120x120" href="core_sys/images/others/favicon/apple-touch-icon-120x120.png"> 53<link rel="apple-touch-icon" sizes="144x144" href="core_sys/images/others/favicon/apple-touch-icon-144x144.png"> 54<link rel="apple-touch-icon" sizes="152x152" href="core_sys/images/others/favicon/apple-touch-icon-180x180.png"> 55<link rel="apple-touch-icon" sizes="180x180" href="core_sys/images/others/favicon/apple-touch-icon-180x180.png"> 56<link rel="apple-touch-icon" href="core_sys/images/others/favicon/apple-touch-icon.png"> 57 58<link rel="icon" type="image/png" sizes="36x36" href="core_sys/images/others/favicon/android-chrome-36x36.png"> 59<link rel="icon" type="image/png" sizes="48x48" href="core_sys/images/others/favicon/android-chrome-48x48.png"> 60<link rel="icon" type="image/png" sizes="72x72" href="core_sys/images/others/favicon/android-chrome-72x72.png"> 61<link rel="icon" type="image/png" sizes="96x96" href="core_sys/images/others/favicon/android-chrome-96x96.png"> 62<link rel="icon" type="image/png" sizes="128x128" href="core_sys/images/others/favicon/android-chrome-128x128.png"> 63<link rel="icon" type="image/png" sizes="144x144" href="core_sys/images/others/favicon/android-chrome-144x144.png"> 64<link rel="icon" type="image/png" sizes="152x152" href="core_sys/images/others/favicon/android-chrome-152x152.png"> 65<link rel="icon" type="image/png" sizes="256x256" href="core_sys/images/others/favicon/android-chrome-256x256.png"> 66<link rel="icon" type="image/png" sizes="384x384" href="core_sys/images/others/favicon/android-chrome-384x384.png"> 67<link rel="icon" type="image/png" sizes="512x512" href="core_sys/images/others/favicon/android-chrome-512x512.png"> 68 69<!-- Microsoft Tile --> 70<meta name="msapplication-square70x70logo" content="core_sys/images/others/favicon/site-tile-70x70.png"> 71<meta name="msapplication-square150x150logo" content="core_sys/images/others/favicon/site-tile-150x150.png"> 72<meta name="msapplication-wide310x150logo" content="core_sys/images/others/favicon/site-tile-310x150.png"> 73<meta name="msapplication-square310x310logo" content="core_sys/images/others/favicon/site-tile-310x310.png"> 74<meta name="msapplication-TileColor" content="#ffffff"> 75<!-- ========================================== 76Web Font 77========================================== --> 78<link rel="dns-prefetch" href="//fonts.googleapis.com"> 79<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 80<!-- Google Fonts --> 81<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=M+PLUS+Rounded+1c:wght@700&display=swap" rel="stylesheet"> 82 83<!-- YakuHanJPsï¼ç´ç©åè§å°ç¨ã®Webãã©ã³ããã©ã¤ã»ã³ã¹
83ï¼SIL OFL 1.1ï¼ --> 84<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhanjp.css"> 85<!-- ========================================== 86Style 87========================================== --> 88<link href="core_sys/images/others/css/sanitize.css" rel="stylesheet"> 89<link href="core_sys/images/others/css/magnific-popup-edited.css" rel="stylesheet"> 90<!-- CMSæ¿å ¥ --> 91<link rel="stylesheet" href="core_sys/css/import/top/001/set.css" type="text/css" /> 92<link rel="stylesheet" href="core_sys/css/import/top/001/dez_pt.css" type="text/css" /> 93<link rel="stylesheet" href="core_sys/css/import/top/001/unit.css" type="text/css" /> 94<link rel="stylesheet" href="core_sys/css/fsc/fss.css" type="text/css" /> 95<link rel="alternate stylesheet" href="core_sys/css/fsc/fsm.css" type="text/css" title="fsm" /> 96<link rel="alternate stylesheet" href="core_sys/css/fsc/fsl.css" type="text/css" title="fsl" />
97<script type="text/javascript" src="core_sys/js/common.js"></script>
vendor: 1 bytes, line 97
97
98<script type="text/javascript" src="core_sys/js/user.js"></script>
98 99<!-- CMSæ¿å ¥ --> 100<link href="core_sys/images/others/css/coreblo_reset.css" rel="stylesheet"> 101<link href="core_sys/images/others/css/utility.css" rel="stylesheet"> 102 103<!-- ======================================== 104Script 105========================================= -->
106<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 2 bytes, line 106
106
107<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
vendor: 2 bytes, line 107
107
108<script src="core_sys/images/others/js/mav.js"></script>
vendor: 2 bytes, line 108
108
109<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
109</head> 110<body id="layout1"> 111<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 111-112
111 112<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
112GTM-WQJSBMG4
vendor: 85 bytes, lines 112-113
112" 113height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
114<!-- End Google Tag Manager (noscript) --><div id="shutter"></div>
115<script> 116function shutterOpen(){ 117 document.getElementById('shutter').classList.add('open') 118} 119function shutterClose(url){ 120 const shutter = document.getElementById('shutter'); 121 shutter.classList.remove('open') 122 shutter.classList.add('close') 123 setTimeout(function(){ 124 window.location = url; 125 }, 400); 126} 127const shutterMaxWait = 1000; 128setTimeout(function(){ 129 shutterOpen() 130}, shutterMaxWait); 131window.onpageshow = function(){ 132 shutterOpen() 133} 134$(function() { 135 $('a:not([href^="#"]):not([target]):not([href^="index.php#"])').on('click', function(e){ 136 e.preventDefault(); 137 url = $(this).attr('href'); 138 if (url !== '') { 139 shutterClose(url) 140 } 141 return false; 142 }); 143}); 144</script>
144 145<div class="loading"> 146 <div class="loading__img"> 147 <img src="core_sys/images/main/home/logo3.png"> 148 </div> 149</div> 150 151 152<!-- ï¼wrapperï¼01start --> 153<div id="wrapper"> 154<div id="wrapper_inner"> 155 156<!-- ï¼containerï¼start --> 157<div id="container"> 158<div id="container_inner"> 159 160<!-- ï¼headerï¼start --> 161<div id="header"> 162<div id="header_inner"> 163<div class="header_sa01"> 164<div class="header_sa01_c"> 165<!-- global link start --> 166 <div id="g_navi"> 167<button class="menuButton"> 168 <div class="menuIcon"> 169 <span class="menuIcon__line"></span> 170 <span class="menuIcon__line"></span> 171 <span class="menuIcon__line"></span> 172 </div> 173</button> 174<div class="snsFixedLink"> 175 <a href="https://x.com/gb_anime" target="_blank"> 176 <img src="core_sys/images/main/common/icon_x.svg"> 177 </a> 178</div> 179<header class="header"> 180 <div class="header__inner"> 181 <div class="header__close"> 182 <button type="button" class="headerCloseBtn"></button> 183 </div> 184 <div class="headerBox"> 185 <div class="headerBox__head"> 186 <a href="index.html"> 187 <img src="core_sys/images/main/menu/menu.png" alt="menu"> 188 </a> 189 </div> 190 <div class="headerBox__navi"> 191 192 <nav class="globalNavi"> 193 <ul> 194<li class="gh_item1 gh_lino2"><a href="news/index.html" title="NEWS"><span class="gh_sno2">news</span></a></li><li class="gh_item2 gh_lino22"><a href="onair/03.html" title="ON AIR"><span class="gh_sno22">onair</span></a></li><li class="gh_item3 gh_lino3"><a href="index.php#staff" title="STAFF"><span class="gh_sno3">staff</span></a></li><li class="gh_item4 gh_lino4"><a href="index.php#cast" title="CAST"><span class="gh_sno4">cast</span></a></li><li class="gh_item5 gh_lino21"><a href="story/24.html" title="STORY"><span class="gh_sno21">story</span></a></li><li class="gh_item6 gh_lino6"><a href="index.php#character" title="CHARACTER"><span class="gh_sno6">character</span></a></li><li class="gh_item7 gh_lino17"><a href="music/03.html" title="MUSIC"><span class="gh_sno17">music</span></a></li><li class="gh_item8 gh_lino24"><a href="bd/03-01.html" class="crt" title="Blu-ray"><span class="gh_sno24">bluray</span></a></li><li class="gh_item9 gh_lino20"><a href="goods/index.html" title="GOODS"><span class="gh_sno20">goods</span></a></li><li class="gh_item10 gh_lino7"><a href="index.php#books" title="BOOKS"><span class="gh_sno7">books</span></a></li><li class="gh_item11 gh_lino8"><a href="special/index.html" title="SPECIAL"><span class="gh_sno8">special</span></a></li><li class="gh_item12 gh_lino23"><a href="movie/index.html" title="MOVIE"><span class="gh_sno23">movie</span></a></li></ul> 195</nav> 196 </div> 197 </div><!-- headerBox --> 198 </div><!-- header__inner --> 199</header> 200 201<div class="navOverlay"></div> 202
203<script> 204/* ========================================== 205* ã°ãã¼ãã«ãã 206* 2019/04/15 - 10:42 207========================================== */ 208$(function(){ 209 210 GNAV_SCREENTYPE = null; 211 GNAV_STATE = "close"; 212 213 var $menubutton = $(".menuButton"); // ããªã¬ã¼ã«ãããã¿ã³ 214 $gNavUnit = $("#g_navi"), // classãä»ãæ¿ããè¦ç´ 215 $gNavLink = $gNavUnit.find("a"), // ã°ãã¼ãã«ãããªã³ã¯ 216 switchSize = 900, // SP / PCåãæ¿ããµã¤ãº 217 locationHref = location.href; // ç¾å¨ã®URL 218 urlHash = location.hash, // ç¾å¨ã®URLããã·ã¥ 219 scrollTime = 1000, // ã¹ã¯ãã¼ã«æé 220 scrollEasing = "swing", // ã¹ã¯ãã¼ã«ã¤ã¼ã¸ã³ã° 221 scrollOffsetYWide = 0; // PCãµã¤ãºæã®ã¹ã¯ãã¼ã«ãªãã»ããå¤(px) 222 scrollOffsetYNarrow = 0; // SPãµã¤ãºæã¹ã¯ãã¼ã«ãªãã»ããå¤(px) 223 224 // ã¹ã ã¼ã¹ã¹ã¯ãã¼ã« 225 function scrollToAnker(hash) { 226 var target = $(hash), 227 position = target.offset().top, 228 offset = scrollOffsetYNarrow; 229 if (GNAV_SCREENTYPE === "wide") { 230 var offset = scrollOffsetYWide; 231 } 232 $("html,body").stop().animate({scrollTop: position + offset }, scrollTime, scrollEasing); 233 } 234 235 // Open ã°ãã¼ãã«ãã 236 function openNav() { 237 GNAV_STATE = "open"; 238 $gNavUnit.addClass("is-open"); 239 $("body").css('overflow', 'hidden') 240 } 241 242 // Close ã°ãã¼ãã«ãã 243 function closeNav() { 244 GNAV_STATE = "close"; 245 $gNavUnit.removeClass("is-open"); 246 $("body").css('overflow', '') 247 } 248 249 // URLããã·ã¥å¤å® 250 if(urlHash) { 251 if ($(urlHash).length) { 252 $(function() { 253 $("html,body").stop().animate({ scrollTop: 0 }, 0); 254 }); 255 setTimeout(function() { 256 scrollToAnker(urlHash); 257 }, 100); 258 } 259 } 260 261 // ã¹ã¯ãªã¼ã³ãµã¤ãºãã§ã㯠262 $(window).on("load resize", function() { 263 var wW = $(window).innerWidth(); 264 if (wW > switchSize) { 265 if (GNAV_SCREENTYPE === "wide") { return; } 266 GNAV_SCREENTYPE = "wide"; 267 //openNav(); 268 } else { 269 if (GNAV_SCREENTYPE === "narrow") { return; } 270 GNAV_SCREENTYPE = "narrow"; 271 //closeNav(); 272 } 273 }); 274 275 $menubutton.on("click", function() { 276 if (GNAV_STATE === "close") { 277 openNav(); 278 } else { 279 closeNav(); 280 } 281 return false; 282 }); 283 284 $gNavLink.on("click", function(){ 285 var thisHash = this.hash, 286 $target = $(thisHash), 287 thisFilename = locationHref.replace(/#.*$|index.html|index.php/g,""), 288 targetHref = $(this).get(0).href.replace(/#.*$/,""); 289 if ($(this).attr("target")) { return; } 290 if (!$target.length) { return; }; 291 if (targetHref.indexOf(thisFilename) < 0){ return; } 292 //if (GNAV_SCREENTYPE === "narrow") { closeNav(); } 293 closeNav(); 294 scrollToAnker(thisHash); 295 window.history.pushState(null, null, thisHash); 296 return false; 297 }); 298 299 $('.navOverlay, .headerCloseBtn').on("click", function() { 300 if (GNAV_STATE === "open") { 301 closeNav(); 302 } 303 return false; 304 }); 305 /* ========================================== 306 * 307 * ã°ãã¼ãã«ããå·®ãæ¿ã 308 * 309 ========================================== */ 310 function naviMaskChange(){ 311 const navi = $('.globalNavi a'); 312 navi.each(function(){ 313 $this = $(this); 314 naviText = $(this).text(); 315 const naviImg = '<img src="core_sys/images/main/menu/'+naviText+'.png">'; 316 $(this).html(naviImg) 317 }) 318 } 319 naviMaskChange() 320}); 321 322</script>
322 </div> 323<!-- global link end --> 324</div> 325</div> 326<div class="header_sa02"> 327<div class="header_sa02_c"> 328<section id="fv" class="fv"> 329 <div class="fv__kv"> 330 <picture class="fv__kv--a"> 331 <source srcset="core_sys/images/main/home/kv04.webp" type="image/webp"> 332 <img src="core_sys/images/main/home/kv04.jpg" alt=""> 333 </picture> 334 <picture class="fv__kv--b"> 335 <source srcset="core_sys/images/main/home/kv04-b.webp" type="image/webp"> 336 <img src="core_sys/images/main/home/kv04-b.jpg" alt=""> 337 </picture> 338 </div> 339 <div class="fv__logo"> 340 <img src="core_sys/images/main/home/logo3.png"> 341 </div> 342 <div class="fv__catch"> 343 <span class="fv__catch--a"><img src="core_sys/images/main/home/catch04.png" alt="ãã®å¤ã¯ããã©ãªã®ãªã¼ã·ã£ã³ã§ãããã¶ãã"></span> 344 <span class="fv__catch--b"><img src="core_sys/images/main/home/catch04-b.png" alt="ãã®å¤ã¯ããã©ãªã®ãªã¼ã·ã£ã³ã§ãããã¶ãã"></span> 345 </div> 346 <div class="fv__onair"> 347 <img src="core_sys/images/main/home/onair02.png" alt="2026å¹´7æããæ¾ééå§ï¼TOKYO MXãBS11ãMBSã«ã¦æ¾é"> 348 </div> 349 <div class="fv__bnr"> 350 <ul class="fvBnr"> 351 <li> 352 <a href="https://grandblue-anime.com/01/" target="_blank" rel="noopener noreferrer"> 353 <img src="core_sys/images/main/home/bnr_1st.png"> 354 </a> 355 </li> 356 <li> 357 <a href="https://grandblue10th.kodansha.co.jp/" target="_blank" rel="noopener noreferrer"> 358 <img src="core_sys/images/main/home/bnr_10th.png"> 359 </a> 360 </li> 361 <li> 362 <a href="https://comic-days.com/episode/10834108156628735743" target="_blank" rel="noopener noreferrer"> 363 <img src="core_sys/images/main/home/bnr_trial.png"> 364 </a> 365 </li> 366 </ul> 367 </div> 368</section>
369<script> 370document.addEventListener('DOMContentLoaded', function(){ 371 document.querySelector('.fv__catch').addEventListener('click', function(){ 372 document.querySelector('#fv').classList.toggle('side-b') 373 }) 374}) 375</script>
375</div> 376</div> 377</div> 378</div> 379<!-- ï¼headerï¼end --> 380 381<!-- ï¼ext_area_01ï¼start --> 382<!-- ï¼ext_area_01ï¼end --> 383 384<!-- ï¼contentsï¼start --> 385<div id="contents"> 386<div id="contents_inner"> 387 388<!-- ï¼contents_mainï¼start --> 389<div id="contents_main"> 390<div id="contents_main_inner"> 391 392<!-- ï¼mainï¼start --> 393<div id="main"> 394<div id="main_inner"> 395<div class="main_sa01"> 396<div class="main_sa01_c"> 397<!-- news list start --> 398 <div id="nwu_001_t"> 399<section id="news" class="contBox"> 400 <div class="contBox__inner"> 401 <div class="contBox__head"> 402 <h2 class="sectionHead u-mb-0"><img src="core_sys/images/main/cont/head/news.png" alt="NEWS"></h2> 403 </div> 404 <div class="contBox__body"> 405 <!--p class="lineLink"> 406 <a href="news/index.html"> 407 <img src="core_sys/images/main/cont/more.png" alt="more"> 408 </a> 409 </p--> 410 <div class="newsList"> 411 412 <table summary="News List"> 413 <tr class="bg_a"> 414 <td class="day">2026/09/22</td> <td><div class="title"><a href="news/index01010000.html">Season 4å¶ä½æ±ºå®è¨å¿µï¼ãã©ãã¼&ãªãã¹ããã£ã³ãã¼ã³é嬿±ºå®ï¼</a></div></td> 415 </tr> 416 <tr class="bg_b"> 417 <td class="day">2026/09/22</td> <td><div class="title"><a href="news/index01000000.html">Season 4å¶ä½æ±ºå®ï¼</a></div></td> 418 </tr> 419 <tr class="bg_a"> 420 <td class="day">2026/09/22</td> <td><div class="title"><a href="news/index00990000.html">æçµ12話æ¾éè¨å¿µï¼ãã©ãã¼&ãªãã¹ããã£ã³ãã¼ã³é嬿±ºå®ï¼</a></div></td> 421 </tr> 422 <tr class="bg_b"> 423 <td class="day">2026/09/16</td> <td><div class="title"><a href="story/24.html">12話ããããã»å ´é¢åçå ¬éï¼</a></div></td> 424 </tr> 425 <tr class="bg_a"> 426 <td class="day">2026/09/15</td> <td><div class="title"><a href="news/index00970000.html">第11話æ¾éè¨å¿µï¼ãã©ãã¼&ãªãã¹ããã£ã³ãã¼ã³é嬿±ºå®ï¼</a></div></td> 427 </tr> 428 <tr class="bg_b"> 429 <td class="day">2026/09/09</td> <td><div class="title"><a href="story/23.html">11話ããããã»å ´é¢åçå ¬éï¼</a></div></td> 430 </tr> 431 <tr class="bg_a"> 432 <td class="day">2026/09/08</td> <td><div class="title"><a href="news/index00950000.html">第10話æ¾éè¨å¿µï¼ãã©ãã¼&ãªãã¹ããã£ã³ãã¼ã³é嬿±ºå®ï¼</a></div></td> 433 </tr> 434 <tr class="bg_b"> 435 <td class="day">2026/09/02</td> <td><div class="title"><a href="story/22.html">10話ããããã»å ´é¢åçå ¬éï¼</a></div></td> 436 </tr> 437 <tr class="bg_a"> 438 <td class="day">2026/09/01</td> <td><div class="title"><a href="news/index00940000.html">第9話æ¾éè¨å¿µï¼ãã©ãã¼&ãªãã¹ããã£ã³ãã¼ã³é嬿±ºå®ï¼</a></div></td> 439 </tr> 440 <tr class="bg_b"> 441 <td class="day">2026/08/26</td> <td><div class="title"><a href="story/21.html">9話ããããã»å ´é¢åçå ¬éï¼</a></div></td> 442 </tr> 443 </table> 444 </div> 445 </div> 446 </div> 447</section> </div> 448<!-- news list end --> 449</div> 450</div> 451<div class="main_sa02"> 452<div class="main_sa02_c"> 453<section id="staff" class="contBox -white"> 454 <div class="contBox__inner"> 455 <div class="contBox__head"> 456 <h2 class="sectionHead"><img src="core_sys/images/main/cont/head/staff.png" alt="STAFF"></h2> 457 </div> 458 <div class="contBox__body"> 459 460 <div class="seasonNav"> 461 <span data-season="3" class="js-season-btn -crt">SEASON3</span> 462 <span data-season="2" class="js-season-btn">SEASON2</span> 463 <a href="https://grandblue-anime.com/01/staff/index.html" target="_blank" rel="noopener noreferrer">SEASON1</a> 464 </div> 465 466 <div class="intro js-season" data-season="3"> 467 <ul class="nameList"> 468 <li> 469 <div class="staffBlock"> 470 <span class="staffBlock__role">åä½</span> 471 <span class="staffBlock__name">äºä¸å äºã»åå²¡å ¬å¨ 472 <!--span class="-comment"> 473 <button class="comBtn" type="button" 474 data-name='äºä¸å äº' 475 data-role='åä½' 476 data-comment='å å¹´è¶ãã®ã¢ãã¡äºææ±ºå®ã¨èãã¦ãåã¯ã¨ã¦ãé©ããããã¦æåãã¾ãããããããªã«ãæéã空ãã¦ãç¶ç·¨ãæ±ãã¦è²°ããã»ã©ã«çãããã¤ãã³ã°ã«èå³ãããã®ãï¼ãã¨ããªãã¨ãå¬ããã話ã§ããå ã ãã®æ¼«ç»ã¯ãã¤ãã³ã°ã¨ããããªã³ã¹ãã¼ãã®åèæ´»åãç®çã¨ãããã®ãªã®ã§ãããï¼ãæ¯éã¢ãã¡äºæãéãã¦ãæ´ã«å¤ãã®äººã«æµ·ã®ç´ æ´ããããåæ ã®è²ã¿æ¹ãç©çå®é¨ã®é£ãããæ°´åè£çµ¦ã®å¤§åããä¼ããããããã¨æãã¾ãã' 477 data-name-2='åå²¡å ¬å¨' 478 data-role-2='漫ç»' 479 data-illust-2='yoshioka_illust.jpg'> 480 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 481 </button> 482 </span--> 483 </span>
484 <span class="staffBlock__add">ããããã¶ãã<br>ï¼è¬è«ç¤¾ãgood!ã¢ãã¿ãã¼ã³ãé£è¼ï¼</span> 485 </div> 486 </li> 487 <li> 488 <div class="staffBlock"> 489 <span class="staffBlock__role">ç£ç£ã»é³é¿ç£ç£ã»èæ¬</span> 490 <span class="staffBlock__name">髿¾ä¿¡å¸ 491 <!--span class="-comment"> 492 <button class="comBtn" type="button" 493 data-name='髿¾ä¿¡å¸' 494 data-role='ç£ç£ã»èæ¬ã»é³é¿ç£ç£' 495 data-comment='ããããããããããããããï¼<br> 496å¾ ã¡ãã³ããã¨å¹¾å¹´æã<br> 497ã¾ããã¢ãã¡ããããã¶ããã®å£ç¯ãå·¡ã£ã¦ãã¾ããï¼<br> 498ååã®æ¾éã§ã®æ°ã ã®ããããã«ãããï¼æã¯ç¡ããããç¡ããã¨æã£ã¦ãã¾ãããããåå éããã°ãªãã¨ãããã¨ããããããããè¨èãããã ãã¦ãåã³ç£ç£ã¨ãã¦ç»æ¿ãããã¨ãã§ãã¾ããã<br> 499æ¬å½ã«å¬ãããããã§ãã<br> 500ããã¦ãæ½ã£ã¦è±ãã§é£²ãã§é¨ãã§ã®çä¹±ã®æ¥ã ãã¾ããã£ã¦ãã¾ãã<br> 501ä»ããã¯ã¯ã¯ã¯ãæ¢ã¾ãã¾ããï¼<br> 502ãã²ã楽ãã¿ã«ï¼'> 503 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 504 </button> 505 </span> 506 </span--> 507 </div> 508 </li> 509 <li> 510 <div class="staffBlock"> 511 <span class="staffBlock__role">ã¢ãã¡ã¼ã·ã§ã³å¶ä½</span> 512 <span class="staffBlock__name">ã¼ãã¸ã¼Ãã»ã¤ãã¼ã¯ã¼ã¯ã¹</span> 513 </div> 514 </li> 515 </ul> 516 </div> 517 518 <div class="intro js-season" data-season="2"> 519 520 <ul class="nameList"> 521 <li> 522 <div class="staffBlock"> 523 <span class="staffBlock__role">åä½</span> 524 <span class="staffBlock__name">äºä¸å äºã»åå²¡å ¬å¨ 525 <span class="-comment"> 526 <button class="comBtn" type="button" data-name="äºä¸å äº" data-role="åä½" data-comment="å å¹´è¶ãã®ã¢ãã¡äºææ±ºå®ã¨èãã¦ãåã¯ã¨ã¦ãé©ããããã¦æåãã¾ãããããããªã«ãæéã空ãã¦ãç¶ç·¨ãæ±ãã¦è²°ããã»ã©ã«çãããã¤ãã³ã°ã«èå³ãããã®ãï¼ãã¨ããªãã¨ãå¬ããã話ã§ããå ã ãã®æ¼«ç»ã¯ãã¤ãã³ã°ã¨ããããªã³ã¹ãã¼ãã®åèæ´»åãç®çã¨ãããã®ãªã®ã§ãããï¼ãæ¯éã¢ãã¡äºæãéãã¦ãæ´ã«å¤ãã®äººã«æµ·ã®ç´ æ´ããããåæ ã®è²ã¿æ¹ãç©çå®é¨ã®é£ãããæ°´åè£çµ¦ã®å¤§åããä¼ããããããã¨æãã¾ãã" data-name-2="åå²¡å ¬å¨" data-role-2="漫ç»" data-illust-2="yoshioka_illust.jpg"> 527 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 528 </button> 529 </span> 530 </span> 531 <span class="staffBlock__add">ï¼è¬è«ç¤¾ãgood!ã¢ãã¿ãã¼ã³ãé£è¼ï¼</span> 532 </div> 533 </li> 534 <li> 535 <div class="staffBlock"> 536 <span class="staffBlock__role">ç£ç£ã»èæ¬ã»é³é¿ç£ç£</span> 537 <span class="staffBlock__name">髿¾ä¿¡å¸ 538 <span class="-comment"> 539 <button class="comBtn" type="button" data-name="髿¾ä¿¡å¸" data-role="ç£ç£ã»èæ¬ã»é³é¿ç£ç£" data-comment="ãããããããããããã?ãï¼<br> 540å¾ ã¡ãã³ããã¨å¹¾å¹´æã<br> 541ã¾ããã¢ãã¡ããããã¶ããã®å£ç¯ãå·¡ã£ã¦ãã¾ããï¼<br> 542ååã®æ¾éã§ã®æ°ã ã®ããããã«ãããï¼æã¯ç¡ããããç¡ããã¨æã£ã¦ãã¾ãããããåå éããã°ãªãã¨ãããã¨ããããããããè¨èãããã ãã¦ãåã³ç£ç£ã¨ãã¦ç»æ¿ãããã¨ãã§ãã¾ããã<br> 543æ¬å½ã«å¬ãããããã§ãã<br> 544ããã¦ãæ½ã£ã¦è±ãã§é£²ãã§é¨ãã§ã®çä¹±ã®æ¥ã ãã¾ããã£ã¦ãã¾ãã<br> 545ä»ããã¯ã¯ã¯ã¯ãæ¢ã¾ãã¾ããï¼<br> 546ãã²ã楽ãã¿ã«ï¼"> 547 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 548 </button> 549 </span> 550 </span> 551 </div> 552 </li> 553 <li> 554 <div class="staffBlock">
555 <span class="staffBlock__role c-inlineBlockWrap"> 556 <span>ãã£ã©ã¯ã¿ã¼ãã¶ã¤ã³ã»</span><span>ç·ä½ç»ç£ç£</span> 557 </span> 558 <span class="staffBlock__name">èéè±è 559 <span class="-comment"> 560 <button class="comBtn" type="button" data-name="èéè±è" data-role="ãã£ã©ã¯ã¿ã¼ãã¶ã¤ã³ã»ç·ä½ç»ç£ç£" data-illust="kusama_illust.jpg"> 561 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 562 </button> 563 </span> 564 </span> 565 </div> 566 </li> 567 <li> 568 <div class="staffBlock"> 569 <span class="staffBlock__role">ç·ä½ç»ç£ç£</span> 570 <span class="staffBlock__name">æ¤ç°ç¾ä¸</span> 571 </div> 572 </li> 573 <li> 574 <div class="staffBlock"> 575 <span class="staffBlock__role">ç¾è¡ç£ç£</span> 576 <span class="staffBlock__name">æ¥æ¥ç¤¼å </span> 577 </div> 578 </li> 579 <li> 580 <div class="staffBlock"> 581 <span class="staffBlock__role">ãããããã¶ã¤ã³</span> 582 <span class="staffBlock__name">jimao</span> 583 </div> 584 </li> 585 <li> 586 <div class="staffBlock"> 587 <span class="staffBlock__role">è²å½©è¨è¨</span> 588 <span class="staffBlock__name">æ¾å±±æå</span> 589 </div> 590 </li> 591 <li> 592 <div class="staffBlock"> 593 <span class="staffBlock__role">æ®å½±ç£ç£</span> 594 <span class="staffBlock__name">å è¤ç´ä¹</span> 595 </div> 596 </li> 597 <li> 598 <div class="staffBlock"> 599 <span class="staffBlock__role">ç·¨é</span> 600 <span class="staffBlock__name">å¾³ç°ä¿</span> 601 </div> 602 </li> 603 <li> 604 <div class="staffBlock"> 605 <span class="staffBlock__role">é³é¿å¶ä½</span> 606 <span class="staffBlock__name">ã»ã¤ãã¼ãªã³ã¯ã¹</span> 607 </div> 608 </li> 609 <li> 610 <div class="staffBlock"> 611 <span class="staffBlock__role">鳿¥½</span> 612 <span class="staffBlock__name">æ©æ¬ç±é¦å©</span> 613 </div> 614 </li> 615 <li> 616 <div class="staffBlock"> 617 <span class="staffBlock__role">ã¢ãã¡ã¼ã·ã§ã³å¶ä½</span> 618 <span class="staffBlock__name">ã¼ãã¸ã¼Ããªã¼ãã«</span> 619 </div> 620 </li> 621 </ul> 622 623 </div> 624 625 626 <p class="castComInfo"> 627 628 <span class="castComInfo__text"></span>Click to Comment 629 <span class="comBtn" style="pointer-events: none;"> 630 <img src="core_sys/images/main/cont/staffcast/comBt_b.png" alt="comment"> 631 </span> 632 </p> 633 634 </div> 635 </div> 636</section></div> 637</div> 638<div class="main_sa03"> 639<div class="main_sa03_c"> 640<section id="cast" class="contBox"> 641 <div class="contBox__inner"> 642 <div class="contBox__head"> 643 <h2 class="sectionHead"><img src="core_sys/images/main/cont/head/cast.png" alt="CAST"></h2> 644 </div> 645 <div class="contBox__body"> 646 <ul class="nameList -cast"> 647 <li> 648 <div class="castBlock"> 649 <span class="castBlock__role">ååä¼ç¹ï¼</span> 650 <span class="castBlock__name">å ç°é馬</span> 651 </div> 652 </li> 653 <li> 654 <div class="castBlock"> 655 <span class="castBlock__role">仿èå¹³ï¼</span> 656 <span class="castBlock__name">æ¨æè¯å¹³</span> 657 </div> 658 </li> 659 <li> 660 <div class="castBlock"> 661 <span class="castBlock__role">æç°ä¿¡æ²»ï¼</span> 662 <span class="castBlock__name">å®å æ´è²´</span> 663 </div> 664 </li> 665 <li> 666 <div class="castBlock"> 667 <span class="castBlock__role">å¯¿ç«æ¬¡éï¼</span> 668 <span class="castBlock__name">å°è¥¿å 幸</span> 669 </div> 670 </li> 671 <li> 672 <div class="castBlock">
673 <span class="castBlock__role">夿å·åç´ï¼</span> 674 <span class="castBlock__name">宿¸ç¥ä½³</span> 675 </div> 676 </li> 677 <li> 678 <div class="castBlock"> 679 <span class="castBlock__role">夿å·å¥ã è¯ï¼</span> 680 <span class="castBlock__name">å ç°ç礼</span> 681 </div> 682 </li> 683 <li> 684 <div class="castBlock"> 685 <span class="castBlock__role">æµå²¡æ¢ï¼</span> 686 <span class="castBlock__name">è¡æã¨ã</span> 687 </div> 688 </li> 689 <li> 690 <div class="castBlock"> 691 <span class="castBlock__role">ååæèï¼</span> 692 <span class="castBlock__name">é¿æ¾ä½³å¥</span> 693 </div> 694 </li> 695 <li> 696 <div class="castBlock"> 697 <span class="castBlock__role">æ¯å³¶æ¡åï¼</span> 698 <span class="castBlock__name">å±±æ ¹ç¶º</span> 699 </div> 700 </li> 701 </ul> 702 <ul class="nameList -cast u-mt-40"> 703 <li> 704 <div class="castBlock"> 705 <span class="castBlock__role">éå³¶å ï¼</span> 706 <span class="castBlock__name">æ±å£æä¹</span> 707 </div> 708 </li> 709 <li> 710 <div class="castBlock"> 711 <span class="castBlock__role">å±±æ¬çä¸éï¼</span> 712 <span class="castBlock__name">æ¦æ¨æ·³å¼¥</span> 713 </div> 714 </li> 715 <li> 716 <div class="castBlock"> 717 <span class="castBlock__role">å¾¡ææ´åªï¼</span> 718 <span class="castBlock__name">è±æ±å¤æ¨¹</span> 719 </div> 720 </li> 721 <li> 722 <div class="castBlock"> 723 <span class="castBlock__role">è¤åå¥å¤ªï¼</span> 724 <span class="castBlock__name -small">ããã¼ãã»ã¦ã©ã¼ã¿ã¼ãã³</span> 725 </div> 726 </li> 727 <li> 728 <div class="castBlock"> 729 <span class="castBlock__role">å·¥è¤ä¼é·ï¼</span> 730 <span class="castBlock__name">ç¦å±±æ½¤</span> 731 </div> 732 </li> 733 734 <li> 735 <div class="castBlock"> 736 <span class="castBlock__role">ååæ ï¼</span> 737 <span class="castBlock__name">諸æãã¿ã</span> 738 </div> 739 </li> 740 741 <li> 742 <div class="castBlock"> 743 <span class="castBlock__role">ä¹ç¢å°æµ·ï¼</span> 744 <span class="castBlock__name">éå±±åè½</span> 745 </div> 746 </li> 747 748 <li> 749 <div class="castBlock"> 750 <span class="castBlock__role">夿å·ç»å¿å¤«ï¼</span> 751 <span class="castBlock__name">å·ç°ç´³å¸</span> 752 </div> 753 </li> 754 <li> 755 <div class="castBlock"> 756 <span class="castBlock__role">水樹ã«ã¤ï¼</span> 757 <span class="castBlock__name">水樹å¥ã </span> 758 </div> 759 </li> 760 </ul> 761 762 <ul class="nameList -cast u-mt-40"> 763 <li> 764 <div class="castBlock"> 765 <span class="castBlock__role">ã«ãªã¼ãï¼</span> 766 <span class="castBlock__name">ï¼ã»ï¼¡ã»ï¼¯</span> 767 <span class="castBlock__comment"> 768 <button class="comBtn" type="button" 769 data-name='ï¼ã»ï¼¡ã»ï¼¯' 770 data-role='ã«ãªã¼ã' 771 data-comment='ã«ãªã¼ãå½¹ã§åºæ¼ããã¦ããã ãã¾ããMã»Aã»Oã§ãã<br>常ã«ç¬ãã®çµ¶ããªãåãããªç¾å ´ã§ãæ¬å½ã«æ¥½ããåé²ã§ããï¼<br>ã«ãªã¼ãããã¯ãè¦ãç®ã®å°è±¡ã¨å é¢ã®æ¯ãå¹ ãå¼·çãªã¤ã³ãã¯ããæ¾ã£ã¦ãã¦ãã¨ã¦ãé åçãªãã£ã©ã¯ã¿ã¼ã ã¨æãã¾ããã奿°ã§ãæ·ãããªé°å²æ°ããæº¢ãåºãããã·ã§ã³ããã£ãã表ç¾ã§ãããããç²¾ä¸æ¯æ¼ãããã¦ããã ãã¾ããã®ã§ããã²ãã®ã®ã£ãããæ¥½ãã¿ã«ãã¦ããã ããã¨å¬ããã§ãï¼ã©ããããããããé¡ããããã¾ãï¼ï¼'> 772 <img src="core_sys/images/main/cont/staffcast/comBt_w.png" alt="comment"> 773 </button> 774 </span> 775 </div> 776 </li> 777 <li> 778 <div class="castBlock">
779 <span class="castBlock__role">夿å·ç´è¶è¯ï¼</span> 780 <span class="castBlock__name">大åããã</span> 781 <span class="castBlock__comment"> 782 <button class="comBtn" type="button" 783 data-name='大åããã' 784 data-role='夿å·ç´è¶è¯' 785 data-comment='夿å·ç´è¶è¯å½¹ãåãããã¦ããã ãã¾ãã大åãããã§ãã<br>åãååãªã®ã§è¦ªè¿æãæ±ãã¤ã¤ãç¾å ´ã«è¨ã¿ã¾ããã<br>ï¼ã·ã¼ãºã³ç®ã¨ãããã¨ã§ãçããã®ç©ºæ°æãå®¶æã®ããã«æ¿å¯ã§ãããããããªã©ãã¯ã¹ããé°å²æ°ã®ä¸ã§ãããã¦ããã ããã®ãã¨ã¦ãå¬ããã£ãã§ãã<br>ããã¦ã¹ã¿ã¸ãªããã¼ã®ãã¼ãã«ã«ãã£ããã¨ä¸¦ã¹ããã¦ããã¢ã«ã³ã¼ã«é¡ã«ã®ãããã¾ããã<br>æãæ·±ãä½åãªãã ãªãã¨æãã¾ããç¬ã鿥ãã³ã¶ã¤ï¼'> 786 <img src="core_sys/images/main/cont/staffcast/comBt_w.png" alt="comment"> 787 </button> 788 </span> 789 </div> 790 </li> 791 <li> 792 <div class="castBlock"> 793 <span class="castBlock__role">ãã¼ãï¼</span> 794 <span class="castBlock__name">ç¬æ¸éº»æ²ç¾</span> 795 <span class="castBlock__comment"> 796 <button class="comBtn" type="button" 797 data-name='ç¬æ¸éº»æ²ç¾' 798 data-role='ãã¼ã' 799 data-comment='ãã¼ãå½¹ã®ç¬æ¸éº»æ²ç¾ã§ãï¼<br>ãã¤ãã³ã°ã好ããªã®ã§ãããããã¶ããã®ä¸çã«åå ã§ãã¦ã¨ã¦ãå¬ããã£ãã§ãã<br>éãæãåãã®ãã³ãæããã±ã®å¿é ¬ãã¢ããªããªã©ãã¬ã®ã¥ã©ã¼ãã£ã¹ãã®çããã®ãããã§ãã·ã§ãã«ãéè¿ã§æãã¾ãããç¬ããããããã®ã大å¤ã§ããããªã«å¤§ç¬ãããã¢ãã¬ã³ã¯åãã¦ã§ããâ¦ï¼ãããã¶ããããã®ã£ã°å ¨éã®ã·ã¼ã³ã¯ãã¡ãããç¾ãããã©ãªã®æµ·ãèå°ã«æææ¨¡æ§ãæããããã¥ã³ã¨ããå ´é¢ãããã¾ãã<br>ãã²æ¾éãæ¥½ãã¿ã«ãã¦ãã¦ãã ããï¼'> 800 <img src="core_sys/images/main/cont/staffcast/comBt_w.png" alt="comment"> 801 </button> 802 </span> 803 </div> 804 </li> 805 <li> 806 <div class="castBlock"> 807 <span class="castBlock__role">ããï¼</span> 808 <span class="castBlock__name">æ´²å´ç¶¾</span> 809 <span class="castBlock__comment"> 810 <button class="comBtn" type="button" 811 data-name='æ´²å´ç¶¾' 812 data-role='ãã' 813 data-comment='ããå½¹ã®æ´²å´ç¶¾ã§ãï¼<br>ãã¤ãã³ã°ã®å 許ãæã£ã¦ã¦ããã£ããï¼ï¼<br>ï¼ããããã£ã¹ãã£ã³ã°ã®æ±ºãæã ã£ãã¨ä¼ºã£ãã®ã§ï¼<br>ããã¡ããã¯ãå æ°ã§æããã¦å°ãä¸ãã¿ã好ãã§ï¼ç¬ï¼ãæ¼ããã®ã楽ããã£ãã§ãã<br>ã¢ãã¬ã³ç¾å ´ã¯æ¯åç¬ããå ªããã®ã«å¿ æ»ã§ããã»ã»ã»ï¼<br>ããã¼ã«ã¯æ²¢å±±ãé ã®ç¼¶ã並ãã§ãã¦ãæ¯å好ããªã ãæã¡å¸°ã£ã¦ãã¨è¨ããããããããããã ãã¦å¸°ã£ã¦ã¾ããï¼ç¬ï¼<br>宿ããæ åãè¦ãã®ããç§ã楽ãã¿ã§ãï¼<br>ãã²æ¾éããæ¥½ãã¿ã«ï¼ï¼'> 814 <img src="core_sys/images/main/cont/staffcast/comBt_w.png" alt="comment"> 815 </button> 816 </span> 817 </div> 818 </li> 819 </ul> 820 821 <p class="castComInfo"> 822 <span class="castComInfo__text"></span>Click to Comment 823 <span class="comBtn" style="pointer-events: none;"> 824 <img src="core_sys/images/main/cont/staffcast/comBt_w.png" alt="comment"> 825 </span> 826 </p> 827 </div> 828 </div> 829</section></div> 830</div> 831<div class="main_sa04"> 832<div class="main_sa04_c"> 833<div id="introduction2" data-season="2"></div> 834<section id="introduction" class="contBox -white"> 835 <div class="contBox__inner"> 836 <div class="contBox__head"> 837 <h2 class="sectionHead"><img src="core_sys/images/main/cont/head/introduction.png" alt="INTRUDUCTION"></h2> 838 </div> 839 <div class="contBox__body"> 840 <div class="seasonNav">
841 <span data-season="3" class="js-season-btn -crt">SEASON3</span> 842 <span data-season="2" class="js-season-btn">SEASON2</span> 843 <a href="https://grandblue-anime.com/01/story/introduction.html" target="_blank" rel="noopener noreferrer">SEASON1</a> 844 </div> 845 <div class="intro js-season" data-season="3"> 846 <h3 class="intro__head">ä»åº¦ã¯ãã©ãªã§ããããã¶ãï¼</h3> 847 <p>ååä¼ç¹ãä¼è±ã§å¤§å¦çæ´»ãå§ãã¦æ°ãæã¼</p> 848 849 <p>å± åãã¦ãããã¤ãã³ã°ã·ã§ãããã°ã©ã³ãã«ã¼ãã§ã¯ããããå¾å¦¹ã®å¤æå·åç´ã¨ä¸ã¤å±æ ¹ã®ä¸ãããã«å¾å§ã®å¤æå·å¥ã è¯ããªããã®è²æ°ããã¾ããªãæµå²¡æ¢ãåç´çã®ååæèãå ãã£ã¦ãé 風æºå¸ãªéæ¥ã®ãã£ã³ãã¹ã©ã¤ããéããã¦ããï¼</p> 850 851 <p>â¦â¦ã¨ããã®ã¯ä¸é¢ã§ã大å¦çæ´»ã®å¤§åã¯å ¨è£¸ééã©ãã¨ã®çä¹±é¨ãï¼</p> 852 853 <p>ã¨ããã®ããä¼ç¹ãå ¥ã£ããã¤ãã³ã°ãµã¼ã¯ã«ãPeek a Booï¼ãã¼ã«ãã¼ï¼ãã¯ããã¤ãã³ã°ã¯ããããã«å±å¼·ãªç·éãå ¨è£¸ã«ãªã£ã¦é ãé ã¿äº¤ãããã«é¨ããæ¥å¸¸ã¨ãã¦ãããä¼ç¹ã¯ã¤ã±ã¡ã³ã ãçæ§ãªã¿ã¯ã®ä»æèå¹³ã¨å ±ã«ããã£ãããµã¼ã¯ã«ã«æã¾ã£ã¦ããã®ã ã</p> 854 855 <p>ãããªä¸ããã¤ãã³ã°ã·ã§ããâãã«ãã£ã³âããã©ãªã«æ¯åºãä½ã£ãã人æãè¶³ããªãã®ã§æä¼ãã«æ¥ã¦ãããªããã¨å¥ã è¯ããé ¼ã¾ããä¼ç¹ããããèå¹³ã¯ã¢ãã¡ããªã¢ã«ã¿ã¤ã ã§è¦ãããªãã®ã§æµ·å¤ã«ã¯è¡ããããªãã¨è¨ã£ã¦ããäºãæãåºãâ¦</p> 856 857 <p>ä»å¤ãåã®æµ·å¤ãã©ãªã§ã®âãããã¶ãâã©ã¤ããå¹ãéããï¼</p> 858 <div class="intro__link"> 859 <a href="#" class="contButton" id="storyLink">Story</a> 860 </div> 861 </div> 862 <div class="intro js-season" data-season="2"> 863 <h3 class="intro__head">俺ãã¡ã®å¤ã¯çµãããªãï¼ </h3> 864 865 <p>ååä¼ç¹ãä¼è±ã§å¤§å¦çæ´»ãå§ãã¦æ©ä¸ã¶æã¼</p> 866 867 <p>å± åãã¦ãããã¤ãã³ã°ã·ã§ãããã°ã©ã³ãã«ã¼ãã§ã¯ããããå¾å¦¹ã®å¤æå·åç´ã¨ä¸ã¤å±æ ¹ã®ä¸ãããã«å¾å§ã®å¤æå·å¥ã è¯ããªããã®è²æ°ããã¾ããªãæµå²¡æ¢ãåç´çã®ååæèãå ãã£ã¦ãé 風æºå¸ãªéæ¥ã®ãã£ã³ãã¹ã©ã¤ããéããã¦ããï¼</p> 868 869 <p>â¦â¦ã¨ããã®ã¯ä¸é¢ã§ã大å¦çæ´»ã®å¤§åã¯å ¨è£¸ééã©ãã¨ã®çä¹±é¨ãï¼</p> 870 871 <p>ã¨ããã®ããä¼ç¹ãå ¥ã£ããã¤ãã³ã°ãµã¼ã¯ã«ãPeek a Booï¼ãã¼ã«ãã¼ï¼ãã¯ããã¤ãã³ã°ã¯ããããã«å±å¼·ãªç·éãå ¨è£¸ã«ãªã£ã¦é ãé ã¿äº¤ãããã«é¨ããæ¥å¸¸ã¨ãã¦ãããä¼ç¹ã¯ã¤ã±ã¡ã³ã ãçæ§ãªã¿ã¯ã®ä»æèå¹³ã¨å ±ã«ããã£ãããµã¼ã¯ã«ã«æã¾ã£ã¦ããã®ã ã</p> 872 873 <p>ãããªä¸ãæ²ç¸ã§ã®ãã¤ãã³ã°ã©ã¤ã»ã³ã¹è¬ç¿ãçµããä¼è±ã¸ã¨æ»ã£ã¦ããä¼ç¹ã®å ã«å¦¹ã»æ ããã®æç´ãå±ãâ¦â¦</p> 874 875 <p>妹ã®è¥²æ¥ã鿢 女å大ã®å¦åç¥ãè試ãã«ãã¼ãã«ç¡äººå³¶ãã£ã³ãï¼</p> 876 877 <p>æãã¹ãå ¨è£¸ééã©ãã«å²ã¾ããä¼ç¹ã®å¤§å¦çæ´»ãåã³å§ã¾ã!!</p> 878 <div class="intro__link"> 879 <a href="story/01.html" class="contButton">Story</a> 880 </div> 881 </div> 882 </div> 883 </div> 884</section>
885<script> 886document.addEventListener('DOMContentLoaded', function(){ 887 const storyLink = document.querySelector('#storyLink') 888 storyLink.href = document.querySelector('.globalNavi .gh_lino21 a').href 889}) 890</script>
890</div> 891</div> 892<div class="main_sa05"> 893<div class="main_sa05_c"> 894<section id="character" class="contBox"> 895 <div class="contBox__bg"> 896 <canvas id="bgBubble"></canvas> 897 </div> 898 <div class="contBox__inner"> 899 <div class="contBox__head"> 900 <h2 class="sectionHead"><img src="core_sys/images/main/cont/head/character.png" alt="CHARACTER"></h2> 901 </div> 902 <div class="contBox__body"> 903 <div class="charaArea__body"> 904 <transition name="fade" mode="out-in"> 905 <component :is="crtViewComponent" :chara="crtViewChara"></component> 906 </transition> 907 </div> 908 <div class="charaArea__navi"> 909 <nav class="charaNavi"> 910 <span v-for="chara in charaData" 911 :key="chara.name" 912 @mouseover="onHover(chara)" 913 @mouseleave="onLeave" 914 @click="crtView = chara.name" 915 :class="{'nav-item': true, '-crt': chara.name === crtView}" 916 > 917 <span class="nav-item__ph"> 918 <span> 919 <img :src="charaImageSrc(chara)" :alt="chara.nameChara"> 920 </span> 921 </span> 922 <span class="nav-item__cap"> 923 {{chara.nameChara}} 924 </span> 925 </span> 926 </nav> 927 </div> 928 </div> 929 </div> 930</section>
931<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
vendor: 2 bytes, line 931
931
932<script> 933const charaData = [ 934 { 935 faceImg: true, 936 name: 'iori', 937 nameChara: 'ååä¼ç¹', 938 nameCharaEn: 'Iori Kitahara', 939 nameCv: 'å ç°é馬', 940 info: `ä¼è±å¤§å¦ä¸å¹´çãå ¥å¦ãæ©ã«å± åãããã¨ã«ãªã£ã夿å·å®¶ã訪ããéãããã®çµå¶ãããã¤ãã³ã°ã·ã§ãããGrand Blue(ã°ã©ã³ ãã«ã¼)ãã§ãPeek a Boo(ãã¼ã«ãã¼)ãã¡ã³ãã¼ã«ééããµã¼ã¯ã«ã¸å§èªãåãããæ°´ãæããæ³³ããªãã`, 941 },{ 942 faceImg: true, 943 name: 'kohei', 944 nameChara: '仿èå¹³', 945 nameCharaEn: 'Kohei Imamura', 946 nameCv: 'æ¨æè¯å¹³', 947 info: `ä¼è±å¤§å¦ä¸å¹´çãè¦ãç®ã¯é髪ã®ã¤ã±ã¡ã³ã ãä¸èº«ã¯çæ§ã®ãªã¿ã¯ãåã°ä¼ç¹ã«é¨ããã¦ãPeek a Boo(ãã¼ã«ãã¼)ãã«å å ¥ãããã¨ã«ã`, 948 },{ 949 faceImg: true, 950 name: 'shinji', 951 nameChara: 'æç°ä¿¡æ²»', 952 nameCharaEn: 'Shinji Tokita', 953 nameCv: 'å®å æ´è²´', 954 info: `ä¼è±å¤§å¦ä¸å¹´çããã¤ãã³ã°ãµã¼ã¯ã«ãPeek a Boo(ãã¼ã«ãã¼)ãã®ä¼é·ããã¾ãã¾åºä¼ã£ãæ°ä¸å¹´çã®ä¼ç¹ããµã¼ã¯ã«ã«èªãã`, 955 },{ 956 faceImg: true, 957 name: 'ryujiro', 958 nameChara: 'å¯¿ç«æ¬¡é', 959 nameCharaEn: 'Ryujiro Kotobuki', 960 nameCv: 'å°è¥¿å 幸 ', 961 info: `ä¼è±å¤§å¦ä¸å¹´çã§ãPeek a Boo(ãã¼ã«ãã¼)ãã®ã¡ã³ãã¼ããã¤ãã³ã°ã®ãã¨ã«é¢ãã¦ã¯é常ã«çé¢ç®ã§åèãæ³³ããªãä¼ç¹ããã¤ãã³ã°ã«èå³ãæã¤ãã£ãããä½ã£ãã`, 962 },{ 963 faceImg: true, 964 name: 'chisa', 965 nameChara: '夿å·åç´', 966 nameCharaEn: 'Chisa Kotegawa', 967 nameCv: '宿¸ç¥ä½³', 968 info: `ä¼è±å¤§å¦ä¸å¹´çãä¼ç¹ã®ã¤ãã³ãå®å®¶ã¯ãã¤ãã³ã°ã·ã§ããã§ãæµ·ããããªãæãããå°æ¥ã®å¤¢ã¯ãã¤ãã³ã°ã¤ã³ã¹ãã©ã¯ã¿ã¼ã`, 969 },{ 970 faceImg: true, 971 name: 'nanaka', 972 nameChara: '夿å·å¥ã è¯', 973 nameCharaEn: 'Nanaka Kotegawa', 974 nameCv: 'å ç°ç礼', 975 info: `ãã¤ãã³ã°ã·ã§ãããGrand Blue(ã°ã©ã³ ãã«ã¼)ãã®çæ¿å¨å ¼ã¤ã³ã¹ãã©ã¯ã¿ã¼ãç¾äººã§ã¹ã¿ã¤ã«ãè¯ãæ§æ ¼ãåªãããã妹ã®åç´ã溺æãããã¦ããã`, 976 },{ 977 faceImg: true, 978 name: 'azusa', 979 nameChara: 'æµå²¡æ¢', 980 nameCharaEn: 'Azusa Hamaoka', 981 nameCv: 'è¡æã¨ã', 982 info: `éæµ·å¥³å大å¦ä¸å¹´çã仿 ¡ãªãããPeek a Boo(ãã¼ã«ãã¼)ãã«å å ¥ãã¦ãããä¼ç¹ã¨èå¹³ã®é¢ä¿ãåéããã¦ããããã¨ãããã¨ã«ä¼ç¹ãå¿æ´ãããã¨ããã`, 983 },{ 984 faceImg: true, 985 name: 'aina', 986 nameChara: 'ååæè', 987 nameCharaEn: 'Aina Yoshiwara', 988 nameCv: 'é¿æ¾ä½³å¥', 989 info: `éæµ·å¥³å大å¦ä¸å¹´çãè¯ãããªå¤§å¦ããã¥ã¼ã®ãããããã¹ãµã¼ã¯ã«ããã£ã³ã«ã¼ãã«ãã«å ¥ããã空åããã¦å¤±æããããªæã«ä¼ç¹ã¨èå¹³ã«åºä¼ãâ¦`, 990 },{ 991 faceImg: true, 992 name: 'sakurako', 993 nameChara: 'æ¯å³¶æ¡å', 994 nameCharaEn: 'Sakurako Busujima', 995 nameCv: 'å±±æ ¹ç¶º', 996 info: `éæµ·å¥³å大ã®ä¸å¹´çã仲ã®è¯ãã¦ãã¨èæã¨è¡åãã¦ãããã¨ãå¤ããããä¸ä»¶ã§ä¼ç¹ã¨ã¯å ç¸ãçã¾ãã¦ãã¾ãããã©ã¤ããé«ãããå®ã¯åªåå®¶ã `, 997 },{ 998 faceImg: true, 999 name: 'hajime', 1000 nameChara: 'éå³¶å ', 1001 nameCharaEn: 'Hajime Nojima', 1002 nameCv: 'æ±å£æä¹', 1003 info: `ä¼è±å¤§å¦ä¸å¹´çãé»é«ªãã³æ¯ã«ç¼é¡ã¨ããã¤ã³ããªé¢¨ãã«ã·ã¹ããã·ã¼ã¯ã¬ããã·ã¥ã¼ãºãå±¥ãã¦èº«é·ã嵩å¢ããã¦ããã`, 1004 },{ 1005 faceImg: true, 1006 name: 'shinitiro', 1007 nameChara: 'å±±æ¬çä¸é', 1008 nameCharaEn: 'Shinitiro Yamamoto', 1009 nameCv: 'æ¦æ¨æ·³å¼¥', 1010 info: `ä¼è±å¤§å¦ä¸å¹´çãç«¥è²ã彼女ä½ãã«å¯¾ãã¦ä¸¦ã ãªãã¬ãã³ã°ãªã¼ç²¾ç¥ãè¦ããã以åãæèãã¡ã¨è¡ã£ãåã³ã³ããã©ã¦ãã«ãªã£ã¦ããã`, 1011 },{ 1012 faceImg: true, 1013 name: 'yu', 1014 nameChara: 'å¾¡ææ´åª', 1015 nameCharaEn: 'Yu Mitarai', 1016 nameCv: 'è±æ±å¤æ¨¹', 1017 info: `ä¼è±å¤§å¦ä¸å¹´çãã¤ã±ã¡ã³ã§ãã£ã©ãè¨åãç®ç«ã¤ãã幼馴æã¿ã
1017®å½¼å¥³ãããããã¤ãæµ®æ°ãçããã¦ããããã¼ã¯ã¯å·§ã¿ã ãè©°ããçãã`, 1018 },{ 1019 faceImg: true, 1020 name: 'kenta', 1021 nameChara: 'è¤åå¥å¤ª', 1022 nameCharaEn: 'Kenta Hujiwara', 1023 nameCv: 'ããã¼ãã»ã¦ã©ã¼ã¿ã¼ãã³', 1024 info: `ä¼è±å¤§å¦ä¸å¹´çãçæ¯ãå ¨åããã¦ãããè¦ãç®ã¯å³ã¤ãã®ã ãå½±ãèããåå¨ãå¿ããããã¡ã`, 1025 },{ 1026 faceImg: true, 1027 name: 'toshio', 1028 nameChara: '夿å·ç»å¿å¤«', 1029 nameCharaEn: 'Toshio Kotegawa', 1030 nameCv: 'å·ç°ç´³å¸', 1031 info: `ãã¤ãã³ã°ã·ã§ãããã°ã©ã³ãã«ã¼ãã®åºé·ãä¼ç¹ã®ããã§ãåç´ã¨å¥ã è¯ã®ç¶ããPaBãã®ã¡ã³ãã¼ãã©ããªã«ãã«é¨ãããã¦ãã¦ãå¹³ç¶ã¨ãã¦ããã`, 1032 },{ 1033 faceImg: true, 1034 name: 'shiori', 1035 nameChara: 'ååæ ', 1036 nameCharaEn: 'Shiori Kitahara', 1037 nameCv: '諸æãã¿ã', 1038 info: `ä¼ç¹ã®å¦¹ãæ·ããã§å¤§äººãããåè£ ãä¼¼åãä¸å¦ä¸å¹´çãä¼ç¹ã®ãã¨ããå æ§ãã¨æ ãã大å¦çæ´»ãå¿é ãã¦ããããã ããå®éã«ã¯è£ã®ç®çãããããã§â¦ `, 1039 },{ 1040 faceImg: true, 1041 name: 'naomi', 1042 nameChara: 'ä¹ç¢å°æµ·', 1043 nameCharaEn: 'Naomi Otoya', 1044 nameCv: 'éå±±åè½', 1045 info: `ä¼ç¹ã®ãã¤ãå ã§ãããã³æ å½ããã¦ãã髿 ¡çãç©ããã»ã©ã®ç¾å°å¹´ã§ãæ§æ ¼ãç©ããã髿 ¡ã§ã¯ãã¤ãã³ã°é¨ã®é¨é·ããã¦ãããã©ãããä¼ç¹ã«æ§ããæ±ãã¦ããããã§â¦ï¼`, 1046 },{ 1047 faceImg: true, 1048 name: 'karina', 1049 nameChara: 'ã«ãªã¼ã', 1050 nameCharaEn: 'Karina', 1051 nameCv: 'Mã»Aã»O', 1052 info: `æ¥æ¬ã®æåã«è峿´¥ã ãªãã¤ã人ãå±å¼·ãªäºäººï¼ã¯ã¼ã²ã«ã·ã¥ã©ã¤ãã¼ã¨ã·ã¥ãããã¤ã ï¼ã¨ã¯å好ä¼ã®åéã`, 1053 },{ 1054 faceImg: true, 1055 name: 'maki', 1056 nameChara: 'ãã', 1057 nameCharaEn: 'Maki', 1058 nameCv: 'æ´²å´ç¶¾', 1059 info: `ããã«ãã£ã³ããã©ãªåºã®æ°ç±³ã¤ã³ãã©ãã¾ã ã¾ã ä»äºã«æ £ãã¦ããªããã¨ããããPabã¡ã³ãã¼ã®å¥è¡ã«ç¬ãããã¦ããã`, 1060 },{ 1061 faceImg: true, 1062 name: 'chief', 1063 nameChara: 'ãã¼ã', 1064 nameCharaEn: 'Chief', 1065 nameCv: 'ç¬æ¸éº»æ²ç¾', 1066 info: `ããã«ãã£ã³ããã©ãªåºã®ãã¼ããè½ã¡çãã®ãã女æ§ã§ãã客æ§ã«ãã¤ãã³ã°ã®æ¥½ããæéãæä¾ãããã¨ã第ä¸ã«èãã¦ããã`, 1067 },{ 1068 faceImg: true, 1069 name: 'sayaka', 1070 nameChara: '夿å·ç´è¶è¯', 1071 nameCharaEn: 'Sayaka Kotegawa', 1072 nameCv: '大åããã', 1073 info: `åç´ã®æ¯ãããã«ãã£ã³ããã©ãªåºã®ãªã¼ãã¼ããã©ã¤ãªæ§æ ¼ãã¤ã¶ã£ããã¼ããªç©è¨ãããããåç´ã«å¯¾ãã¦ã¯ä¸éå³ããã`, 1074 } 1075]; 1076const components = charaData.reduce((result,chara) => { 1077 result[chara.name] = { 1078 props: ['chara'], 1079 template: ` 1080 <div :class="'chara -'+chara.name"> 1081 <div class="chara__stand"> 1082 <img :src="'core_sys/images/main/cont/chara/'+chara.name+'_stand.png'" :alt="chara.nameChara"> 1083 </div> 1084 <div v-if="chara.faceImg" class="chara__face"> 1085 <picture> 1086 <source :srcset="'core_sys/images/main/cont/chara/'+chara.name+'_face_sp.png'" media="(max-width: 600px)"> 1087 <img :src="'core_sys/images/main/cont/chara/'+chara.name+'_face.png'" :alt="chara.nameChara"> 1088 </picture> 1089 </div> 1090 <div class="chara__name"> 1091 <div class="charaName"> 1092 <div class="charaName__name"> 1093 {{chara.nameChara}} 1094 </div> 1095 <div v-if="chara.nameCharaEn" class="charaName__name -en"> 1096 {{chara.nameCharaEn}} 1097 </div> 1098 <div class="charaName__cv"> 1099 {{ chara.nameCv }} 1100 </div> 1101 </div> 1102 </div> 1103 <div class="chara__info" v-html="chara.info"></div> 1104 </div> 1105 ` 1106 }; 1107 return result; 1108}, {}); 1109new Vue({ 1110 el: '#character', 1111 data: { 1112 charaData: charaData, 1113 crtView: 'iori', 1114 hoverChara: null, 1115 }, 1116 methods: { 1117 scrollToCharaTop() { 1118 const character = document.getElementById('character'); 1119 if (character) { 1120 character.scrollIntoView({ behavior: 'smooth' });
1121 } 1122 }, 1123 onHover(chara) { 1124 this.hoverChara = chara.name; 1125 }, 1126 onLeave() { 1127 this.hoverChara = null; 1128 }, 1129 charaImageSrc(chara) { 1130 if(this.crtView === chara.name || this.hoverChara === chara.name){ 1131 return 'core_sys/images/main/cont/chara/' + chara.name + '_icon-crt.png' 1132 }else{ 1133 return 'core_sys/images/main/cont/chara/' + chara.name + '_icon.png'; 1134 } 1135 } 1136 }, 1137 computed: { 1138 crtViewComponent() { 1139 return components[this.crtView]; 1140 }, 1141 crtViewChara() { 1142 return this.charaData.find(c => c.name === this.crtView); 1143 }, 1144 }, 1145 watch: { 1146 crtViewComponent() { 1147 this.scrollToCharaTop(); 1148 } 1149 } 1150}) 1151 1152</script>
vendor: 2 bytes, line 1152
1152
1153<script src="core_sys/images/others/js/createjs.min.js"></script>
vendor: 2 bytes, line 1153
1153
1154<script> 1155const particleImgList = [ 1156 { 1157 name: 'bubble', 1158 img: 'core_sys/images/main/cont/chara/bubble.png' 1159 } 1160]; 1161</script>
vendor: 2 bytes, line 1161
1161
1162<script src="core_sys/images/others/js/particlejs_images.js"></script>
vendor: 2 bytes, line 1162
1162
1163<script> 1164let imgList = []; 1165for(let i=0;i<particleImgList.length;i++){ 1166 imgList.push(particleImgList[i].name); 1167} 1168const canvasInfo = function(){}; 1169setCanvasInfoSize(document.getElementById("bgBubble")) 1170function setCanvasInfoSize(canvas){ 1171 let x = 1; 1172 canvasInfo.prototype.width = canvas.clientWidth; 1173 canvasInfo.prototype.height = canvas.clientHeight; 1174 canvasInfo.prototype.iconScale = 0.1; 1175 canvasInfo.prototype.iconScaleEnd = 0.2; 1176 canvasInfo.prototype.center = canvasInfo.prototype.width / 2; 1177} 1178window.addEventListener("load", function () { 1179 var container = document.body, 1180 canvas = document.getElementById("bgBubble"), 1181 queue = null, 1182 wait = 300; 1183 1184 // ãã¼ã¸èªè¾¼æã«Canvasãµã¤ãºè¨å® 1185 setCanvasSize(); 1186 1187 // ãªãµã¤ãºæã«Canvasãµã¤ãºãåè¨å® 1188 window.addEventListener("resize", function () { 1189 clearTimeout(queue); 1190 queue = setTimeout(function () { 1191 setCanvasSize(); 1192 }, wait); 1193 }, false); 1194 1195 // Canvasãµã¤ãºãã³ã³ããã®100%ã« 1196 function setCanvasSize() { 1197 setCanvasInfoSize(canvas); 1198 canvas.width = canvasInfo.prototype.width; 1199 canvas.height = canvasInfo.prototype.height; 1200 } 1201}, false); 1202 1203 1204// Stageãªãã¸ã§ã¯ãã使ãã¾ãã表示ãªã¹ãã®ã«ã¼ãã«ãªãã¾ãã 1205stage = new createjs.Stage("bgBubble"); 1206 1207// ãã¼ãã£ã¯ã«ã·ã¹ãã 使ãã¾ãã 1208particleSystem = new particlejs.ParticleSystem(); 1209 1210// ãã¼ãã£ã¯ã«ã·ã¹ãã ã®æç»ã³ã³ããã¼ã表示ãªã¹ãã«ç»é²ãã¾ãã 1211stage.addChild(particleSystem.container); 1212 1213const particleSetting = { 1214 "bgColor": "", 1215 "width": canvasInfo.prototype.width, 1216 "height": canvasInfo.prototype.height, 1217 "emitFrequency": 10, 1218 "startX": canvasInfo.prototype.center, 1219 "startXVariance": canvasInfo.prototype.width, 1220 "startY": canvasInfo.prototype.height, 1221 "startYVariance": 0, 1222 "initialDirection": 90, 1223 "initialDirectionVariance": 0, 1224 "initialSpeed": 0, 1225 "initialSpeedVariance": 0, 1226 "friction": 0.1, 1227 "accelerationSpeed": 0.2, 1228 "accelerationDirection": 270, 1229 "startScale": canvasInfo.prototype.iconScale, 1230 "startScaleVariance": 0.2, 1231 "finishScale": canvasInfo.prototype.iconScaleEnd, 1232 "finishScaleVariance": 0.2, 1233 "lifeSpan": canvasInfo.prototype.width/12*10, 1234 "lifeSpanVariance": 0, 1235 "startAlpha": "1", 1236 "startAlphaVariance": "0", 1237 "finishAlpha": "1", 1238 "finishAlphaVariance": "0", 1239 "shapeIdList": imgList, 1240 "blendMode": false, 1241 "alphaCurveType": "0", 1242 "VERSION": "1.0.0" 1243}; 1244 1245// Particle Developããä¿åãããã©ã¡ã¼ã¿ã¼ãåæ ãã¾ãã 1246particleSystem.importFromJson( 1247 particleSetting 1248); 1249 1250// ãã¬ã¼ã ã¬ã¼ãã®è¨å® 1251createjs.Ticker.framerate = 60; 1252// requestAnimationFrameã«å¾ã£ãå¼ã³åºã 1253createjs.Ticker.timingMode = createjs.Ticker.RAF; 1254// 宿çã«å¼ã°ãã颿°ãç»é² 1255createjs.Ticker.addEventListener("tick", handleTick); 1256 1257function handleTick() { 1258 1259 // ãã¼ãã£ã¯ã«ã®çºçã»æ´æ° 1260 particleSystem.update(); 1261 1262 // æç»ãæ´æ°ãã 1263 stage.update(); 1264} 1265 1266window.addEventListener("load resize", function () { 1267 // ãã¼ãã£ã¯ã«ã®çºçã»æ´æ° 1268 particleSystem.update(); 1269 1270 // æç»ãæ´æ°ãã 1271 stage.update(); 1272}); 1273 1274</script>
1274 1275</div> 1276</div> 1277<div class="main_sa06"> 1278<div class="main_sa06_c"> 1279<section id="books" class="contBox -white"> 1280 <div class="contBox__inner"> 1281 <div class="contBox__head"> 1282 <h2 class="sectionHead"><img src="core_sys/images/main/cont/head/books.png" alt="BOOKS"></h2> 1283 </div> 1284 <div class="contBox__body"> 1285 <ul class="booksList"> 1286 <li><a href="https://www.kodansha.co.jp/comic/products/0000425186" target="_blank"><img src="core_sys/images/main/cont/books/26.jpg" alt="26å·»"></a></li> 1287 <li><a href="https://www.kodansha.co.jp/comic/products/0000418495" target="_blank"><img src="core_sys/images/main/cont/books/25.jpg" alt="25å·»"></a></li> 1288 <li><a href="https://www.kodansha.co.jp/comic/products/0000409748" target="_blank"><img src="core_sys/images/main/cont/books/24.jpg" alt="24å·»"></a></li> 1289 <li><a href="https://kc.kodansha.co.jp/product?item=0000398618" target="_blank"><img src="core_sys/images/main/cont/books/23.jpg" alt="23å·»"></a></li> 1290 <li><a href="https://kc.kodansha.co.jp/product?item=0000386957" target="_blank"><img src="core_sys/images/main/cont/books/22.jpg" alt="22å·»"></a></li> 1291 <li><a href="https://kc.kodansha.co.jp/product?item=0000380795" target="_blank"><img src="core_sys/images/main/cont/books/21.jpg" alt=""></a></li> 1292 <li><a href="https://kc.kodansha.co.jp/product?item=0000375446" target="_blank"><img src="core_sys/images/main/cont/books/20.jpg" alt=""></a></li> 1293 <li><a href="https://kc.kodansha.co.jp/product?item=0000368184" target="_blank"><img src="core_sys/images/main/cont/books/19.jpg" alt=""></a></li> 1294 <li><a href="https://kc.kodansha.co.jp/product?item=0000362349" target="_blank"><img src="core_sys/images/main/cont/books/18.jpg" alt=""></a></li> 1295 <li><a href="https://kc.kodansha.co.jp/product?item=0000354126" target="_blank"><img src="core_sys/images/main/cont/books/17.jpg" alt=""></a></li> 1296 <li><a href="https://kc.kodansha.co.jp/product?item=0000345988" target="_blank"><img src="core_sys/images/main/cont/books/16.jpg" alt=""></a></li> 1297 <li><a href="https://kc.kodansha.co.jp/product?item=0000341485" target="_blank"><img src="core_sys/images/main/cont/books/15.jpg" alt=""></a></li> 1298 <li><a href="https://kc.kodansha.co.jp/product?item=0000325805" target="_blank"><img src="core_sys/images/main/cont/books/14.jpg" alt=""></a></li> 1299 <li><a href="http://kc.kodansha.co.jp/product?item=0000322986" target="_blank"><img src="core_sys/images/main/cont/books/13.jpg" alt=""></a></li> 1300 <li><a href="http://kc.kodansha.co.jp/product?item=0000314563" target="_blank"><img src="core_sys/images/main/cont/books/12.jpg" alt=""></a></li> 1301 <li><a href="http://kc.kodansha.co.jp/product?item=0000311620" target="_blank"><img src="core_sys/images/main/cont/books/11.jpg" alt=""></a></li> 1302 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784065110966" target="_blank"><img src="core_sys/images/main/cont/books/10.jpg" alt=""></a></li> 1303 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063882902" target="_blank"><img src="core_sys/images/main/cont/books/09.jpg" alt=""></a></li> 1304 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063882490" target="_blank"><img src="core_sys/images/main/cont/books/08.jpg" alt=""></a></li> 1305 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063882209" target="_blank"><img src="core_sys/images/main/cont/books/07.jpg" alt=""></a></li> 1306 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063881646" target="_blank"><img src="core_sys/images/main/cont/books/06.jpg" alt=""></a></li> 1307 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063881158" target="_blank"><img src="core_sys/images/main/cont/books/05.jpg" alt=""></a></li> 1308 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063880816" target="_blank"><img src="core_sys/images/main/cont/books/04.jpg" alt=""></a></li> 1309 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063880533" target="_blank"><img src="core_sys/images/main/cont/books/03.jpg" alt=""></a></li> 1310 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063880182" target="_blank"><img src="core_sys/images/main/cont/books/02.jpg" alt=""></a></li> 1311 <li><a href="http://kc.kodansha.co.jp/product?isbn=9784063879902" target="_blank"><img src="core_sys/images/main/cont/books/01.jpg" alt=""></a></li> 1312 </ul> 1313 </div> 1314 </div> 1315</section></div> 1316</div> 1317</div> 1318</div> 1319<!-- ï¼mainï¼end --> 1320 1321</div> 1322</div> 1323<!-- ï¼contents_mainï¼end --> 1324 1325</div> 1326</div> 1327<!-- ï¼contentsï¼end --> 1328 1329<!-- ï¼ext_area_02ï¼start --> 1330<div id="ext_area_02"> 1331<div id="ext_area_02_inner"> 1332<div class="ext_area_02_sa01"> 1333<div class="ext_area_02_sa01_c">
1334<div id="commentModal" class="commentModal -white" style="display: none;"> 1335 <div class="commentModal__body"> 1336 <div class="commentModal__closeBtn"> 1337 <button type="button" class="modalCloseBtn" data-target="commentModal"></button> 1338 </div> 1339 <div class="commentBox"> 1340 <div class="commentBox__head"> 1341 <h2 class="sectionHead"><img src="core_sys/images/main/cont/staffcast/comment.png" alt="COMMENT"></h2> 1342 </div> 1343 <div class="commentBox__body"> 1344 <div class="commentBody"></div> 1345 </div> 1346 </div> 1347 </div> 1348 <div class="commentModal__overlay closeOverlay" data-target="commentModal"></div> 1349</div>
1350<script> 1351$(function(){ 1352//comment 1353 const comModalId = 'commentModal', 1354 comModal = $('#'+comModalId), 1355 comBoxBody = comModal.find('.commentBox__body'); 1356 const comModalHtml = comModal.html(); 1357 $('.comBtn').on('click',function(){ 1358 comBoxBody.empty(); 1359 const data = []; 1360 data["role"] = $(this).data("role"); 1361 data["name"] = $(this).data("name"); 1362 data["img"] = $(this).data("img"); 1363 data["illust"] = $(this).data("illust"); 1364 data["comment"] = $(this).data("comment"); 1365 1366 commentTag(data) 1367 1368 if($(this).data("name-2") != undefined){ 1369 const data2 = []; 1370 data2["role"] = $(this).data("role-2"); 1371 data2["name"] = $(this).data("name-2"); 1372 data2["img"] = $(this).data("img-2"); 1373 data2["illust"] = $(this).data("illust-2"); 1374 data2["comment"] = $(this).data("comment-2"); 1375 commentTag(data2) 1376 } 1377 modalOpen(comModalId); 1378 }); 1379 $('.modalCloseBtn,.closeOverlay').on('click',function(){ 1380 const target = $(this).data('target'); 1381 modalClose(target); 1382 }) 1383 function commentTag(data){ 1384 const comBody = $('<div class="commentBody">'); 1385 const comBodyBox = $('<div class="commentBodyBox">'); 1386 const roleName = data.role, 1387 nameName = data.name, 1388 commentImg = data.img, 1389 commentIllust = data.illust, 1390 commentImgDir = 'core_sys/images/main/cont/staffcast/', 1391 commentText = data.comment; 1392 if(commentImg != "" && commentImg != undefined){ 1393 const comBodyImg = $('<div class="commentBody__img">') 1394 comBodyImg.append($('<img>').attr('src', commentImgDir+commentImg)); 1395 comBody.append(comBodyImg); 1396 comBody.addClass('-hasImg') 1397 } 1398 1399 const comBodyName = $('<div class="commentBody__name">'), 1400 nameTag = $('<div class="commentName">'), 1401 nameNameTag = $('<p class="commentName__name">').html(nameName), 1402 nameRoleTag = $('<p class="commentName__role">').html(roleName); 1403 nameTag.append(nameRoleTag); 1404 nameTag.append(nameNameTag); 1405 comBodyName.append(nameTag); 1406 comBody.append(comBodyName) 1407 const commentTag = $('<div class="commentText">'); 1408 if(commentIllust != "" && commentIllust != undefined){ 1409 const comBodyImg = $('<div class="commentBody__illust">') 1410 comBodyImg.append($('<img>').attr('src', commentImgDir+commentIllust)); 1411 comBody.append(comBodyImg); 1412 } 1413 1414 const comBodyText = $('<div class="commentBody__text">').html(commentText); 1415 comBody.append(comBodyText); 1416 comBodyBox.append(comBody) 1417 comBoxBody.append(comBodyBox); 1418 } 1419 function modalOpen(target){ 1420 $("body").css('overflow','hidden'); 1421 $('#'+target).fadeIn(500); 1422 setTimeout(function(){ 1423 $(".commentModal").scrollTop(0); 1424 },10) 1425 } 1426 function modalClose(target){ 1427 $("body").css('overflow',''); 1428 $('#'+target).fadeOut(500); 1429 } 1430 $('.comLink').on('click', function(){ 1431 $('#'+$(this).data('comment')).trigger('click') 1432 return false; 1433 }) 1434 commentHashCheck() 1435 function commentHashCheck(){ 1436 const hash = location.hash; 1437 $('.comBtn').each(function(){ 1438 if($(this).attr('id') && hash == '#'+$(this).attr('id')){ 1439 $(hash).trigger('click') 1440 return false; 1441 } 1442 }); 1443 } 1444}); 1445</script>
1445 1446</div> 1447</div> 1448</div> 1449</div> 1450<!-- ï¼ext_area_02ï¼end --> 1451 1452<!-- ï¼footerï¼start --> 1453<div id="footer"> 1454<div id="footer_inner"> 1455<div class="footer_sa02"> 1456<div class="footer_sa02_c"> 1457<!-- ããã¼ã¦ããã001ãããã --> 1458 <div id="bnu_001_t"> 1459 <p><a href="https://x.com/sakazukiwohosu" target="_blank"><img src="core_sys/images/banner/00000007.png?1790865871" alt="" title="" /></a></p> 1460 <p><a href="https://afternoon.kodansha.co.jp/goodafternoon/" target="_blank"><img src="core_sys/images/banner/00000001.png?1790865871" alt="" title="" /></a></p> 1461 <p><a href="https://officeendless.com/sp/grandblue_stage/" target="_blank"><img src="core_sys/images/banner/00000008.jpg?1790865871" alt="" title="" /></a></p> 1462 <p><a href="https://www.padi.co.jp/" target="_blank"><img src="core_sys/images/banner/00000005.png?1790865871" alt="" title="" /></a></p> 1463 <p><a href="https://www.tusa.net/" target="_blank"><img src="core_sys/images/banner/00000006.png?1790865871" alt="" title="" /></a></p> 1464 <p><a href="https://www.mic21.com/" target="_blank"><img src="core_sys/images/banner/00000003.png?1790865871" alt="" title="" /></a></p> 1465 <p><a href="https://marinediving.com/" target="_blank"><img src="core_sys/images/banner/00000002.png?1790865871" alt="" title="" /></a></p> 1466 <p><a href="https://divelife.fun/" target="_blank"><img src="core_sys/images/banner/00000009.png?1790865871" alt="DiveLife" title="DiveLife" /></a></p> 1467 </div> 1468<!-- ããã¼ã¦ããã001ããã¾ã§ --> 1469 1470<p class="copyright"><small>©äºä¸å äºã»åå²¡å ¬å¨ã»è¬è«ç¤¾ï¼ãããã¶ãï¼è£½ä½å§å¡ä¼</small></p></div> 1471</div> 1472<div class="footer_sa03"> 1473<div class="footer_sa03_l">
1474<script> 1475 1476MAVJS.addUserAgent(); 1477 1478$(function(){ 1479 1480 // ç¸å¯¾ãªã³ã¯ã®index.htmlåé¤ 1481 MAVJS.removeIndexHtml(); 1482 1483 // rel="noopener noreferrer"追å 1484 MAVJS.addRelNoopener(); 1485 1486 // ã«ã¹ã¿ã ãã¼ã«ã¼ãªã¹ã 1487 MAVJS.customMarkerList(); 1488 1489 // ã¹ã ã¼ã¹ã¹ã¯ãã¼ã«(offsetY, time, easing); 1490 MAVJS.smoothScroll( 0, 1000, "easeInOutQuint" ); 1491 1492 // NEWãã¼ã¯ç§»åï¼classãä»ä¸ãããtrã¾ãã¯ã.nwu_boxãæå®ï¼ 1493 MAVJS.addNewMark("#news_block #list_01 tr, #nwu_001_t tr"); 1494 1495 // ãªã¹ãã®ãªã³ã¯å ¨ä½åï¼ãªã³ã¯ã«ãããtrã¾ãã¯ã.nwu_boxãæå®ï¼ 1496// MAVJS.anchorParentClickable(".c-no9 #list_06 .nwu_box"); 1497 1498 /* ========================================== 1499 ã½ã¼ã·ã£ã«ã·ã§ã¢è¨å® 1500 #@ãªããã«ã³ãåºåãããªãã®å ´åç©ºç½ "" 1501 ========================================== */ 1502 MAVJS.socialShare( 1503 // ãã¤ã¼ãããã·ã¥ã¿ã° 1504 "", 1505 1506 // ãã¤ã¼ãããããã¦ã¼ã¶ã¼ 1507 "" 1508 ); 1509 1510 /* ========================================== 1511 ã¢ã¼ãã«æ±ç¨class 1512 ========================================== */ 1513 $('.js-modalImgLink').magnificPopup({ 1514 disableOn: 0, 1515 mainClass: 'mfp-fade', 1516 removalDelay: 500, 1517 type: 'image', 1518 fixedContentPos: false 1519 }); 1520 1521 $('.js-modalMovieLink').magnificPopup({ 1522 iframe: { 1523 markup: '<div class="mfp-iframe-scaler">'+ 1524 '<div class="mfp-close"></div>'+ 1525 '<iframe class="mfp-iframe" frameborder="0" allowfullscreen allow="autoplay *; fullscreen *"></iframe>'+ 1526 '</div>', 1527 patterns: { 1528 youtube: { 1529 src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0' 1530 } 1531 } 1532 }, 1533 disableOn: 0, 1534 type: "iframe", 1535 mainClass: 'mfp-fade', 1536 removalDelay: 500, 1537 preloader: false, 1538 fixedContentPos: false 1539 }); 1540 seasonSelect() 1541}); 1542 1543</script>
1543 1544<div class="bgArea"> 1545 <div class="bgArea__sky"> 1546 <img src="core_sys/images/main/common/sky.jpg" alt=""> 1547 </div> 1548 <div class="bgArea__beer"> 1549 <picture> 1550 <source srcset="core_sys/images/main/common/beer.webp" type="image/webp"> 1551 <img src="core_sys/images/main/common/beer.jpg" alt=""> 1552 </picture> 1553 </div> 1554</div>
1555<script> 1556$(window).on('load resize', function(){ 1557 const windowH = $(window).height(); 1558 const body = $('body'),bodyH = Math.floor(body.height()); 1559 const bgAreaSky = $('.bgArea__sky'); 1560 const bgAreaBeer = $('.bgArea__beer'); 1561 bgAreaSky.css('height',"") 1562 bgAreaBeer.css('height',"") 1563 if(bgAreaSky.height() < windowH){ 1564 bgAreaSky.css('height',windowH) 1565 bgAreaBeer.css('height',windowH) 1566 } 1567 1568 const bgAreaSkyH = Math.floor(bgAreaSky.height()), 1569 bgAreaSkyScl = bgAreaSkyH - windowH; 1570 const bgAreaBeerH = Math.floor(bgAreaSky.height()), 1571 bgAreaBeerScl = bgAreaBeerH - windowH; 1572 1573 bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl); 1574 $(window).on('scroll', function(){ 1575 bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl); 1576 }) 1577}) 1578function bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl){ 1579 const scrollTop = $(window).scrollTop(), 1580 scrollMax = Math.floor(bodyH - windowH); 1581 if(scrollTop > scrollMax * 0.3){ 1582 const bgAreaBeerTrans = ((windowH + bgAreaBeerScl) * (scrollTop - ( scrollMax * 0.3 ))) / ( scrollMax * 0.7 ); 1583 bgAreaBeer.css('transform', "translateY("+(windowH - bgAreaBeerTrans)+"px)") 1584 }else{ 1585 bgAreaBeer.css('transform', "translateY("+windowH+"px)") 1586 } 1587} 1588function seasonSelect(){ 1589 const seasonBtns = document.querySelectorAll('.js-season-btn'); 1590 if(seasonBtns.length == 0) { 1591 return 1592 } 1593 1594 const seasonBtnCrt = document.querySelector('.js-season-btn.-crt'); 1595 seasonSet(seasonBtnCrt.dataset.season) 1596 1597 for(let i = 0; i < seasonBtns.length; i++) { 1598 seasonBtns[i].addEventListener('click', clickSeasonBtn) 1599 } 1600 1601 urlHashCheck(); 1602 1603 function clickSeasonBtn(e){ 1604 const clickBtn = e.currentTarget; 1605 const selectSeasonNum = clickBtn.dataset.season 1606 seasonSet(selectSeasonNum) 1607 for(let i = 0; i < seasonBtns.length; i++) { 1608 if(seasonBtns[i].dataset.season == selectSeasonNum){ 1609 seasonBtns[i].classList.add('-crt') 1610 } else { 1611 seasonBtns[i].classList.remove('-crt') 1612 } 1613 } 1614 } 1615 1616 function seasonSet(season){ 1617 document.body.dataset.serectseason = season; 1618 } 1619 1620 function urlHashCheck(){ 1621 const urlHash = location.hash; 1622 if(urlHash) { 1623 const urlHashTarget = document.querySelector(urlHash); 1624 if(urlHashTarget.dataset.season == undefined){ return } 1625 const targetSeasonBtn = document.querySelector('.js-season-btn[data-season="'+urlHashTarget.dataset.season+'"]'); 1626 if(targetSeasonBtn == null){ return } 1627 targetSeasonBtn.click(); 1628 } 1629 } 1630 1631 1632} 1633</script>
1633 1634</div> 1635<div class="footer_sa03_r"> 1636<div id="js-autoModal"></div>
1637<script> 1638 1639/* ========================================== 1640* 1641* Youtube ID 1642* 1643========================================== */ 1644 1645const modalOption = { 1646 1647 // ã¢ã¼ãã«ãYouTube IDã®æå® 1648 modalYoutubeID: "KJw6ZZaMOWA", 1649 1650 // èæ¯åç»ãYouTube IDã®æå®ï¼ç©ºã®å ´åã¢ã¼ãã«ã¨åãIDï¼ 1651 bgYoutubeID: "", 1652 1653 // ãã¼ã¸èªã¿è¾¼ã¿æãèªåã§ã¢ã¼ãã«ã表示ããã true or false 1654 autoPopup: true, 1655 1656 // èªåã¢ã¼ãã«ãYouTubeã«ãããç»åã«ããã "youtube" or "img" 1657 type: "youtube", 1658 1659 // èªåã¢ã¼ãã«ç»å 1660 imgSrc: "core_sys/images/sys/dammy750.png", 1661 1662 // èªåã¢ã¼ãã«ãªã³ã¯ 1663 imgLink: false, 1664 imgLinkUrl: "index.html" 1665 1666}; 1667 1668/* ========================================== 1669* 1670* åã込㿠1671* 1672========================================== */ 1673var youtubeTag = document.createElement('script'); 1674youtubeTag.src = "//www.youtube.com/iframe_api"; 1675 1676var firstScriptTag = document.getElementsByTagName('script')[0]; 1677firstScriptTag.parentNode.insertBefore(youtubeTag , firstScriptTag); 1678 1679var youtubePlayer; 1680 1681 1682if( modalOption["bgYoutubeID"] === "" ) { 1683 modalOption["bgYoutubeID"] = modalOption["modalYoutubeID"]; 1684} 1685 1686function onYouTubeIframeAPIReady() { 1687 youtubePlayer = new YT.Player('js-replaceYoutube', { 1688 height: 390, 1689 width: 640, 1690 videoId: modalOption["bgYoutubeID"], 1691 playerVars: { 1692// playlist: modalOption["youtubeID"], 1693 autoplay: 1, 1694 controls: 0, 1695 fs: 0, 1696 loop: 1, 1697 modestbranding: 1, 1698 rel: 0, 1699 showinfo: 0, 1700 html5: 1 1701 }, 1702 events: { 1703 'onReady': onPlayerReady, 1704 'onStateChange': onPlayerStateChange 1705 } 1706 }); 1707} 1708 1709function onPlayerReady(event) { 1710 event.target.setVolume(0); 1711 event.target.mute(); 1712 event.target.playVideo(); 1713} 1714 1715function onPlayerStateChange(event) { 1716 if (event.data == YT.PlayerState.ENDED) { 1717 event.target.seekTo(0,true); 1718 event.target.playVideo(); 1719 } 1720} 1721 1722$(function() { 1723/* ========================================== 1724* 1725* ã¢ã¼ãã« 1726* 1727========================================== */ 1728 const mfpIframeSrc = 'https://www.youtube.com/watch?v=' + modalOption["modalYoutubeID"]; 1729 1730 function mfpSetting(element,items,type,callbackOpen,callbackClose) { 1731 $(element).magnificPopup({ 1732 items: { 1733 src: items 1734 }, 1735 iframe: { 1736 markup: '<div class="mfp-iframe-scaler">'+ 1737 '<div class="mfp-close"></div>'+ 1738 '<iframe class="mfp-iframe" frameborder="0" allowfullscreen allow="autoplay *; fullscreen *"></iframe>'+ 1739 '</div>', 1740 patterns: { 1741 youtube: { 1742 src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0' 1743 } 1744 } 1745 }, 1746 disableOn: 0, 1747 type: type, 1748 mainClass: 'mfp-fade', 1749 removalDelay: 500, 1750 preloader: false, 1751// fixedContentPos: false, 1752 callbacks: { 1753 open: function() { 1754 if(callbackOpen){ 1755 callbackOpen(); 1756 } 1757 }, 1758 beforeClose: function() { 1759 if(callbackClose){ 1760 callbackClose(); 1761 } 1762 } 1763 } 1764 }); 1765 } 1766 1767 // ãã¼ãæèªåã¢ã¼ãã« = ç»åã¾ãã¯åç» 1768 if( modalOption["autoPopup"] ) { 1769 if( modalOption["type"] === "youtube" ) { 1770 mfpSetting('#js-autoModal', mfpIframeSrc, 'iframe', "", showCont); 1771 } else if ( modalOption["type"] === "img" ){ 1772 mfpSetting('#js-autoModal', modalOption["imgSrc"], 'image', "", showCont); 1773 if(modalOption['imgLink']){ 1774 $(document).on('click','.mfp-img',function(){ 1775 window.location.href = modalOption['imgLinkUrl']; 1776 }) 1777 } 1778 } 1779 } 1780 1781 // ã¯ãªãã¯ã§ã¢ã¼ãã« = åç» 1782 mfpSetting('.js-clickYouTubeModal', mfpIframeSrc, 'iframe', "", ""); 1783 1784/* ========================================== 1785* 1786* ãã¼ãã£ã³ã° 1787* 1788========================================== */ 1789 1790 // åæã¢ãã¡ã¼ã·ã§ã³æé 1791 let firstAnimationTime = 1200; 1792 1793 // ã³ã³ãã³ã表示 1794 function showCont(){ 1795 $("body").addClass("is-loaded"); 1796 $(".loading").fadeOut(1000,"easeInOutQuint"); 1797 } 1798 1799 // ãã¼ãã£ã³ã° 1800 function loading(){ 1801 1802 if ( MAVJS.checkReferer() ) { // åä¸ãã¡ã¤ã³ããã®ãªã³ã¯ã®å ´å 1803 showCont(); 1804 return; 1805 } 1806 1807 // ãã¤ã¬ã¯ããã¾ãã¯å¥ãµã¤ãããã®æµå ¥ã®å ´å 1808 $('body').addClass('is-loading') 1809 1810 function loadingAnimation(){ 1811 const windowH = $(window).height(); 1812 const fvH = $('.fv').height(); 1813 const scrollMax = (fvH * 0.9) - windowH; 1814 const $loadingEle = $('.loading') 1815 if(scrollMax > 300) { 1816 setTimeout(function(){ 1817 $('html, body').scrollTop(scrollMax); 1818 $loadingEle.addClass('-open') 1819 }, firstAnimationTime ); 1820 firstAnimationTime += 1000 1821 setTimeout(function(){ 1822 $('html, body').animate({ 1823 scrollTop: 0, 1824 }, 2000, "easeInOutQuint"); 1825 $loadingEle.addClass('-scroll') 1826 }, firstAnimationTime ); 1827 firstAnimationTime += 2000 1828 } 1829 setTimeout(function(){ 1830 showCont(); 1831 $('body').removeClass('is-loading') 1832 if( modalOption["autoPopup"] ) { // èªåã¢ã¼ãã«è¨å®ãã 1833 $('#js-autoModal').trigger("click"); 1834 } 1835 }, firstAnimationTime ); 1836 } 1837 1838 if($('body').hasClass('on-load')){ 1839 loadingAnimation(); 1840 } else { 1841 let animationWait = setInterval(() => { 1842 console.log("animationWait") 1843 if($('body').hasClass('on-load')){ 1844 loadingAnimation(); 1845 clearInterval(animationWait); 1846 } 1847 }, 100); 1848 } 1849 } 1850 1851 loading(); 1852 1853}); 1854$(window).on('load', function() { 1855 $('body').addClass('on-load') 1856}) 1857</script>
1857</div> 1858</div> 1859</div> 1860</div> 1861<!-- ï¼footerï¼end --> 1862 1863</div> 1864</div> 1865<!-- ï¼containerï¼end --> 1866 1867</div> 1868</div> 1869<!-- ï¼wrapperï¼01end --> 1870 1871</body> 1872</html> 1873<!-- InstanceEnd -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.