PageSourceSearch

https://grandblue-anime.com/news/index.html

html grandblue-anime.com collected 2026-10-02 07:41:04 UTC 30,585 bytes, 726 lines download raw bytes

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>News -TVアニメ「ぐらんぶる」Season 3公式サイト-</title>
6<meta name="description" content="" />
7<meta name="keywords" content="" />
8<meta name="robots" content="follow,index" />
9<meta http-equiv="Content-Style-Type" content="text/css" />
10<meta http-equiv="Content-Script-Type" content="text/javascript" />
11<meta name="viewport" content="width=device-width">
12<meta 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="News">
33<meta property="og:site_name" content="TVアニメ「ぐらんぶる」Season 3公式サイト">
34<meta property="og:description" content="7月~Season3絶賛放送中!全裸系青春ダイビングアニメ!今回はコンプライアンスに鑑みて●を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/news/001/set.css" type="text/css" />
92<link rel="stylesheet" href="../core_sys/css/import/news/001/dez_pt.css" type="text/css" />
93<link rel="stylesheet" href="../core_sys/css/import/news/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
111<body id="layout4" class="c-no1 color-no1 listset-no0">
112<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 112-113
112
113<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
113GTM-WQJSBMG4
vendor: 85 bytes, lines 113-114
113"
114height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
115<!-- End Google Tag Manager (noscript) --><div id="shutter"></div>
116<script>
117function shutterOpen(){
118  document.getElementById('shutter').classList.add('open')
119}
120function shutterClose(url){
121  const shutter = document.getElementById('shutter');
122  shutter.classList.remove('open')
123  shutter.classList.add('close')
124  setTimeout(function(){
125    window.location = url;
126  }, 400);
127}
128const shutterMaxWait = 1000;
129setTimeout(function(){
130  shutterOpen()
131}, shutterMaxWait);
132window.onpageshow = function(){
133  shutterOpen()
134}
135$(function() {
136  $('a:not([href^="#"]):not([target]):not([href^="index.php#"])').on('click', function(e){
137    e.preventDefault();
138    url = $(this).attr('href');
139    if (url !== '') {
140      shutterClose(url)
141    }
142    return false;
143  });
144});
145</script>
145
146
147<!-- <wrapper>01start -->
148<div id="wrapper">
149<div id="wrapper_inner">
150
151<!-- <container>start -->
152<div id="container">
153<div id="container_inner">
154
155<!-- <header>start -->
156<div id="header">
157<div id="header_inner">
158<div class="header_sa01">
159<div class="header_sa01_c">
160<!-- global link start -->
161	<div id="g_navi">
162<button class="menuButton">
163  <div class="menuIcon">
164    <span class="menuIcon__line"></span>
165    <span class="menuIcon__line"></span>
166    <span class="menuIcon__line"></span>
167  </div>
168</button>
169<div class="snsFixedLink">
170  <a href="https://x.com/gb_anime" target="_blank">
171    <img src="../core_sys/images/main/common/icon_x.svg">
172  </a>
173</div>
174<header class="header">
175  <div class="header__inner">
176    <div class="header__close">
177      <button type="button" class="headerCloseBtn"></button>
178    </div>
179    <div class="headerBox">
180      <div class="headerBox__head">
181        <a href="../index.html">
182                    <picture>
183            <source srcset="../core_sys/images/main/common/logo3.png" alt="logo" media="(min-width: 901px)">
184            <img src="../core_sys/images/main/menu/menu.png" alt="menu">
185          </picture>
186                    </a>
187        </div>
188      <div class="headerBox__navi">
189
190        <nav class="globalNavi">
191	<ul>
192<li class="gh_item1 gh_lino2"><a href="../news/index.html" class="crt" 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.html#staff" title="STAFF"><span class="gh_sno3">staff</span></a></li><li class="gh_item4 gh_lino4"><a href="../index.html#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.html#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" 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.html#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>
193</nav>
194      </div>
195    </div><!-- headerBox -->
196  </div><!-- header__inner -->
197</header>
198
199<div class="navOverlay"></div>
200
201<script>
202/* ==========================================
203*  グローバルナビ
204* 2019/04/15 - 10:42
205========================================== */
206$(function(){
207
208  GNAV_SCREENTYPE = null;
209  GNAV_STATE = "close";
210
211  var $menubutton = $(".menuButton"); // トリガーにするボタン
212    $gNavUnit = $("#g_navi"), // classを付け替える要素
213    $gNavLink = $gNavUnit.find("a"), // グローバルナビリンク
214    switchSize = 900, // SP / PC切り替えサイズ
215    locationHref = location.href; // 現在のURL
216    urlHash = location.hash, // 現在のURLハッシュ
217    scrollTime = 1000, // スクロール時間
218    scrollEasing = "swing", // スクロールイージング
219    scrollOffsetYWide = 0; // PCサイズ時のスクロールオフセット値(px)
220    scrollOffsetYNarrow = 0; // SPサイズ時スクロールオフセット値(px)
221
222  // スムーススクロール
223  function scrollToAnker(hash) {
224    var target = $(hash),
225      position = target.offset().top,
226      offset = scrollOffsetYNarrow;
227    if (GNAV_SCREENTYPE === "wide") {
228      var offset = scrollOffsetYWide;
229    }
230    $("html,body").stop().animate({scrollTop: position + offset }, scrollTime, scrollEasing);
231  }
232
233  // Open グローバルナビ
234  function openNav() {
235    GNAV_STATE = "open";
236    $gNavUnit.addClass("is-open");
237    $("body").css('overflow', 'hidden')
238  }
239
240  // Close グローバルナビ
241  function closeNav() {
242    GNAV_STATE = "close";
243    $gNavUnit.removeClass("is-open");
244    $("body").css('overflow', '')
245  }
246
247  // URLハッシュ判定
248  if(urlHash) {
249    if ($(urlHash).length) {
250      $(function() {
251        $("html,body").stop().animate({ scrollTop: 0 }, 0);
252      });
253      setTimeout(function() {
254        scrollToAnker(urlHash);
255      }, 100);
256    }
257  }
258
259  // スクリーンサイズチェック
260  $(window).on("load resize", function() {
261    var wW = $(window).innerWidth();
262    if (wW > switchSize) {
263      if (GNAV_SCREENTYPE === "wide") { return; }
264      GNAV_SCREENTYPE = "wide";
265      //openNav();
266    } else {
267      if (GNAV_SCREENTYPE === "narrow") { return; }
268      GNAV_SCREENTYPE = "narrow";
269      //closeNav();
270    }
271  });
272
273  $menubutton.on("click", function() {
274    if (GNAV_STATE === "close") {
275      openNav();
276    } else {
277      closeNav();
278    }
279    return false;
280  });
281
282  $gNavLink.on("click", function(){
283    var thisHash = this.hash,
284      $target = $(thisHash),
285      thisFilename = locationHref.replace(/#.*$|index.html|index.php/g,""),
286      targetHref = $(this).get(0).href.replace(/#.*$/,"");
287    if ($(this).attr("target")) { return; }
288    if (!$target.length) { return; };
289    if (targetHref.indexOf(thisFilename) < 0){ return; }
290    //if (GNAV_SCREENTYPE === "narrow") { closeNav(); }
291    closeNav();
292    scrollToAnker(thisHash);
293    window.history.pushState(null, null, thisHash);
294    return false;
295  });
296
297  $('.navOverlay, .headerCloseBtn').on("click", function() {
298    if (GNAV_STATE === "open") {
299      closeNav();
300    }
301    return false;
302  });
303  /* ==========================================
304  *
305  *  グローバルナビ差し替え
306  *
307  ========================================== */
308  function naviMaskChange(){
309    const navi = $('.globalNavi a');
310    navi.each(function(){
311      $this = $(this);
312      naviText = $(this).text();
313              let naviImg = '<picture>';
314        if($this.hasClass('crt')){
315          naviImg += '<source srcset="../core_sys/images/main/menu/sp/'+naviText+'-crt.png" media="(min-width: 901px)">';
316        }else{
317          naviImg += '<source srcset="../core_sys/images/main/menu/sp/'+naviText+'.png" media="(min-width: 901px)">';
318        }
319        naviImg += '<img src="../core_sys/images/main/menu/'+naviText+'.png">';
320            $(this).html(naviImg)
321    })
322  }
323  naviMaskChange()
324});
325
326</script>
326	</div>
327<!-- global link end -->
328</div>
329</div>
330</div>
331</div>
332<!-- <header>end -->
333
334<!-- <ext_area_01>start -->
335<!-- <ext_area_01>end -->
336
337<!-- <contents>start -->
338<div id="contents">
339<div id="contents_inner">
340
341<!-- <contents_main>start -->
342<div id="contents_main">
343<div id="contents_main_inner">
344
345<!-- <main>start -->
346<div id="main">
347<div id="main_inner">
348<div class="main_sa01">
349<div class="main_sa01_c">
350<div class="contBox__head">
351  <h2 class="sectionHead"><img src="../core_sys/images/main/cont/head/news.png" alt="news"></h2>
352</div>
353</div>
354</div>
355<div class="main_sa02">
356<div class="main_sa02_c">
357<!-- list start -->
358<div id="news_block">
359<input type="hidden" name="Page" value="0" />
360	<!-- list start -->
361	<div id="list_01">
362	<table summary="List_Type01">
363	<tr class="bg_a">
364	<td class="day">2026/09/22</td>	<td class="read"><div class="title"><a href="../news/index01010000.html">Season 4制作決定記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
365	</tr>
366	<tr class="bg_b">
367	<td class="day">2026/09/22</td>	<td class="read"><div class="title"><a href="../news/index01000000.html">Season 4制作決定!</a></div></td>
368	</tr>
369	<tr class="bg_a">
370	<td class="day">2026/09/22</td>	<td class="read"><div class="title"><a href="../news/index00990000.html">最終12話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
371	</tr>
372	<tr class="bg_b">
373	<td class="day">2026/09/16</td>	<td class="read"><div class="title"><a href="../story/24.html">12話あらすじ・場面写真公開!</a></div></td>
374	</tr>
375	<tr class="bg_a">
376	<td class="day">2026/09/15</td>	<td class="read"><div class="title"><a href="../news/index00970000.html">第11話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
377	</tr>
378	<tr class="bg_b">
379	<td class="day">2026/09/09</td>	<td class="read"><div class="title"><a href="../story/23.html">11話あらすじ・場面写真公開!</a></div></td>
380	</tr>
381	<tr class="bg_a">
382	<td class="day">2026/09/08</td>	<td class="read"><div class="title"><a href="../news/index00950000.html">第10話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
383	</tr>
384	<tr class="bg_b">
385	<td class="day">2026/09/02</td>	<td class="read"><div class="title"><a href="../story/22.html">10話あらすじ・場面写真公開!</a></div></td>
386	</tr>
387	<tr class="bg_a">
388	<td class="day">2026/09/01</td>	<td class="read"><div class="title"><a href="../news/index00940000.html">第9話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
389	</tr>
390	<tr class="bg_b">
391	<td class="day">2026/08/26</td>	<td class="read"><div class="title"><a href="../story/21.html">9話あらすじ・場面写真公開!</a></div></td>
392	</tr>
393	<tr class="bg_a">
394	<td class="day">2026/08/25</td>	<td class="read"><div class="title"><a href="../news/index00920000.html">第8話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
395	</tr>
396	<tr class="bg_b">
397	<td class="day">2026/08/19</td>	<td class="read"><div class="title"><a href="../story/20.html">8話あらすじ・場面写真公開!</a></div></td>
398	</tr>
399	<tr class="bg_a">
400	<td class="day">2026/08/18</td>	<td class="read"><div class="title"><a href="../news/index00890000.html">第7話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
401	</tr>
402	<tr class="bg_b">
403	<td class="day">2026/08/12</td>	<td class="read"><div class="title"><a href="../story/19.html">7話あらすじ・場面写真公開!</a></div></td>
404	</tr>
405	<tr class="bg_a">
406	<td class="day">2026/08/11</td>	<td class="read"><div class="title"><a href="../news/index00880000.html">第6話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
407	</tr>
408	<tr class="bg_b">
409	<td class="day">2026/08/05</td>	<td class="read"><div class="title"><a href="../story/18.html">6話あらすじ・場面写真公開!</a></div></td>
410	</tr>
411	<tr class="bg_a">
412	<td class="day">2026/08/04</td>	<td class="read"><div class="title"><a href="../news/index00850000.html">第5話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
413	</tr>
414	<tr class="bg_b">
415	<td class="day">2026/07/29</td>	<td class="read"><div class="title"><a href="../story/17.html">5話あらすじ・場面写真公開!</a></div></td>
416	</tr>
417	<tr class="bg_a">
418	<td class="day">2026/07/28</td>	<td class="read"><div class="title"><a href="../news/index00830000.html">第4話放送記念!フォロー&リポストキャンペーン開催決定!</a></div></td>
419	</tr>
420	<tr class="bg_b">
421	<td class="day">2026/07/22</td>	<td class="read"><div class="title"><a href="../story/16.html">4話あらすじ・場面写真公開!</a></div></td>
422	</tr>
423	</table>
424	</div>
425	<!-- list end -->
426	<!-- page navi start -->
427	<div class="nb_navi">
428	<div class="page"><span class="nom PageNom1">101</span><span class="page_lang1"><span class="page_lang1_text">件中</span></span>&nbsp;&nbsp;<span class="nom PageNom2">20</span><span class="page_lang2"><span class="page_lang2_text">件表示</span></span>&nbsp;&nbsp;&lt;1<span class="page_lang_number"><span class="page_lang_number_text">件</span></span><span class="page_lang_wave_dash"><span class="page_lang_wave_dash_text">~</span></span>20<span class="page_lang_number"><span class="page_lang_number_text">件</span></span>&gt;</div>
429	<div class="page_navi"><ul><li class="nb_pre"><span class="nb_pre_text">前のページ</span></li><li class="nb_crt">1</li><li class="nb_link"><a href="../news/list00010001.html">2</a></li><li class="nb_link"><a href="../news/list00010002.html">3</a></li><li class="nb_link"><a href="../news/list00010003.html">4</a></li><li class="nb_link"><a href="../news/list00010004.html">
4295</a></li><li class="nb_nex"><a href="../news/list00010001.html"><span class="nb_nex_text">次のページ</span></a></li></ul></div>
430	</div>
431	<!-- page navi end -->
432<div class="cate_bottom_tag">
433<div class="nbWrap__arch">
434  <a href="https://grandblue-anime.com/01/news/index.html" target="_blank" rel="noopener noreferrer">
435    <img src="../core_sys/images/main/cont/archives.png">
436  </a>
437</div>
438<script>
439$(function(){
440  $('#list_01').addClass('newsList');
441  $('.nb_navi').wrap('<div class="nbWrap__navi">')
442  $('.nbWrap__navi').wrap('<div class="nbWrap">');
443  $('.nbWrap').append($('.nbWrap__arch'))
444})
445</script>
445</div>
446
447<!-- ========================================
448ニュース日付
449========================================= -->
450<script>
451  function news_date_display(){
452    if(document.getElementById('js-newsDate') != null){
453      document.getElementById('js-newsDate').innerHTML = '2024/9/29';
454    }
455  }
456  function addOnload(func){
457    try {
458      window.addEventListener("load", func, false);
459    } catch (e) {
460      window.attachEvent("onload", func);
461    }
462  }
463
464  addOnload(function() { news_date_display(); });
465</script>
465</div>
466<!-- list end -->
467</div>
468</div>
469</div>
470</div>
471<!-- <main>end -->
472
473</div>
474</div>
475<!-- <contents_main>end -->
476
477</div>
478</div>
479<!-- <contents>end -->
480
481<!-- <ext_area_02>start -->
482<!-- <ext_area_02>end -->
483
484<!-- <footer>start -->
485<div id="footer">
486<div id="footer_inner">
487<div class="footer_sa02">
488<div class="footer_sa02_c">
489<!-- バナーユニット001ここから -->
490	<div id="bnu_001_t">
491	<p><a href="https://x.com/sakazukiwohosu" target="_blank"><img src="../core_sys/images/banner/00000007.png?1790865871" alt="" title="" /></a></p>
492	<p><a href="https://afternoon.kodansha.co.jp/goodafternoon/" target="_blank"><img src="../core_sys/images/banner/00000001.png?1790865871" alt="" title="" /></a></p>
493	<p><a href="https://officeendless.com/sp/grandblue_stage/" target="_blank"><img src="../core_sys/images/banner/00000008.jpg?1790865871" alt="" title="" /></a></p>
494	<p><a href="https://www.padi.co.jp/" target="_blank"><img src="../core_sys/images/banner/00000005.png?1790865871" alt="" title="" /></a></p>
495	<p><a href="https://www.tusa.net/" target="_blank"><img src="../core_sys/images/banner/00000006.png?1790865871" alt="" title="" /></a></p>
496	<p><a href="https://www.mic21.com/" target="_blank"><img src="../core_sys/images/banner/00000003.png?1790865871" alt="" title="" /></a></p>
497	<p><a href="https://marinediving.com/" target="_blank"><img src="../core_sys/images/banner/00000002.png?1790865871" alt="" title="" /></a></p>
498	<p><a href="https://divelife.fun/" target="_blank"><img src="../core_sys/images/banner/00000009.png?1790865871" alt="DiveLife" title="DiveLife" /></a></p>
499	</div>
500<!-- バナーユニット001ここまで -->
501
502<p class="copyright"><small>&copy;井上堅二・吉岡公威・講談社/ぐらんぶる3製作委員会</small></p></div>
503</div>
504<div class="footer_sa03">
505<div class="footer_sa03_l">
506<script>
507
508MAVJS.addUserAgent();
509
510$(function(){
511
512  // 相対リンクのindex.html削除
513  MAVJS.removeIndexHtml();
514
515  // rel="noopener noreferrer"追加
516  MAVJS.addRelNoopener();
517
518  // カスタムマーカーリスト
519  MAVJS.customMarkerList();
520
521  // スムーススクロール(offsetY, time, easing);
522  MAVJS.smoothScroll( 0, 1000, "easeInOutQuint" );
523
524  // NEWマーク移動(classを付与したいtrまたは、.nwu_boxを指定)
525  MAVJS.addNewMark("#news_block #list_01 tr, #nwu_001_t tr");
526
527  // リストのリンク全体化(リンクにしたいtrまたは、.nwu_boxを指定)
528//  MAVJS.anchorParentClickable(".c-no9 #list_06 .nwu_box");  
529
530  /* ==========================================
531  ソーシャルシェア設定
532  #@なし、カンマ区切り、なしの場合空白 ""
533  ========================================== */
534  MAVJS.socialShare(
535    // ツイートハッシュタグ
536    "",
537
538    // ツイートおすすめユーザー  
539    ""
540  );
541
542  /* ==========================================
543  モーダル汎用class
544  ========================================== */
545  $('.js-modalImgLink').magnificPopup({
546    disableOn: 0,
547    mainClass: 'mfp-fade',
548    removalDelay: 500,
549    type: 'image',
550    fixedContentPos: false
551  });
552
553  $('.js-modalMovieLink').magnificPopup({
554    iframe: {
555      markup: '<div class="mfp-iframe-scaler">'+
556                   '<div class="mfp-close"></div>'+
557                   '<iframe class="mfp-iframe" frameborder="0" allowfullscreen allow="autoplay *; fullscreen *"></iframe>'+
558                   '</div>',
559      patterns: {
560        youtube: {
561          src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0'
562        }
563      }
564    },
565    disableOn: 0,
566    type: "iframe",
567    mainClass: 'mfp-fade',
568    removalDelay: 500,
569    preloader: false,
570    fixedContentPos: false
571  });
572  seasonSelect()
573});
574
575</script>
575
576<div class="bgArea">
577  <div class="bgArea__sky">
578    <img src="../core_sys/images/main/common/sky.jpg" alt="">
579  </div>
580  <div class="bgArea__beer">
581    <picture>
582      <source srcset="../core_sys/images/main/common/beer.webp" type="image/webp">
583      <img src="../core_sys/images/main/common/beer.jpg" alt="">
584    </picture>
585  </div>
586</div>
587<script>
588$(window).on('load resize', function(){
589  const windowH = $(window).height();
590  const body = $('body'),bodyH = Math.floor(body.height());
591  const bgAreaSky = $('.bgArea__sky');
592  const bgAreaBeer = $('.bgArea__beer');
593  bgAreaSky.css('height',"")
594  bgAreaBeer.css('height',"")
595  if(bgAreaSky.height() < windowH){
596    bgAreaSky.css('height',windowH)
597    bgAreaBeer.css('height',windowH)
598  }
599
600  const bgAreaSkyH = Math.floor(bgAreaSky.height()),
601        bgAreaSkyScl = bgAreaSkyH - windowH;
602  const bgAreaBeerH = Math.floor(bgAreaSky.height()),
603        bgAreaBeerScl = bgAreaBeerH - windowH;
604
605  bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl);
606  $(window).on('scroll', function(){
607    bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl);
608  })
609})
610function bgScroll(windowH,bodyH,bgAreaBeer,bgAreaBeerScl){
611  const scrollTop = $(window).scrollTop(),
612        scrollMax = Math.floor(bodyH - windowH);
613  if(scrollTop > scrollMax * 0.3){
614    const bgAreaBeerTrans = ((windowH + bgAreaBeerScl) * (scrollTop - ( scrollMax * 0.3 ))) / ( scrollMax * 0.7 );
615    bgAreaBeer.css('transform', "translateY("+(windowH - bgAreaBeerTrans)+"px)")
616  }else{
617    bgAreaBeer.css('transform', "translateY("+windowH+"px)")
618  }
619}
620function seasonSelect(){
621  const seasonBtns = document.querySelectorAll('.js-season-btn');
622  if(seasonBtns.length == 0) {
623    return
624  }
625
626  const seasonBtnCrt = document.querySelector('.js-season-btn.-crt');
627  seasonSet(seasonBtnCrt.dataset.season)
628
629  for(let i = 0; i < seasonBtns.length; i++) {
630    seasonBtns[i].addEventListener('click', clickSeasonBtn)
631  }
632
633  urlHashCheck();
634
635  function clickSeasonBtn(e){
636    const clickBtn = e.currentTarget;
637    const selectSeasonNum = clickBtn.dataset.season
638    seasonSet(selectSeasonNum)
639    for(let i = 0; i < seasonBtns.length; i++) {
640      if(seasonBtns[i].dataset.season == selectSeasonNum){
641        seasonBtns[i].classList.add('-crt')
642      } else {
643        seasonBtns[i].classList.remove('-crt')
644      }
645    }
646  }
647
648  function seasonSet(season){
649    document.body.dataset.serectseason = season;
650  }
651
652  function urlHashCheck(){
653    const urlHash = location.hash;
654    if(urlHash) {
655      const urlHashTarget = document.querySelector(urlHash);
656      if(urlHashTarget.dataset.season == undefined){ return }
657      const targetSeasonBtn = document.querySelector('.js-season-btn[data-season="'+urlHashTarget.dataset.season+'"]');
658      if(targetSeasonBtn == null){ return }
659      targetSeasonBtn.click();
660    }
661  }
662
663
664}
665</script>
665
666</div>
667<div class="footer_sa03_r">
668<script>
669$(function(){
670  $("#main_inner").addClass("contBox")  // 「前のページへ」「次のページへ」テキスト差し替え
671  MAVJS.replaceTextNextPrev("〈 Prev", "Next 〉");  
672
673  // ページネーション テキスト整形
674  MAVJS.replaceTextPagenation();
675
676  // 「画像 Type_1~3」 レスポンシブ対応用 class変更
677  MAVJS.addClassImgType();
678
679  // 「画像 Type_4」 レスポンシブ対応用 ulに置き換え
680  MAVJS.replaceType4();
681
682  // URL自動aタグ化
683  MAVJS.createAnchorTag("#news_block .read, .color-no5 .read");
684
685  // ストーリー用スライダー
686//  MAVJS.slideImg('#js-screen', '.c-no0 .img_link', 4000,false);
687
688  // リストユニット用カレント表示、前・次のページ
689/*
690  MAVJS.listUnitAddCrt(
691    "#c_list_block_0001",    // unitID
692    true,    // 「前・次のページ」リンク有効化
693    false,    // 「前・次のページ」ループするか
694    ".naviArrow__prev",    // 「前のページ」class(aの親)
695    ".naviArrow__next",    // 「次のページ」class(aの親)
696    ".title a",    // nwu_box、tr内のタイトルの取得場所
697    "text"    // タイトルの取得の際の形式 "text" or "html" or "alt"
698  );
699*/
700
701  // YouTube Wrap
702  $('.read iframe[src^="https://www.youtube.com/"]').each(function(){
703    if( $(this).parent().hasClass("c-youtubeWrap") ) {
704      return;
705    }
706    $(this).wrap('<div class="c-youtubeWrap" />');
707  });
708
709});
710</script>
710</div>
711</div>
712</div>
713</div>
714<!-- <footer>end -->
715
716</div>
717</div>
718<!-- <container>end -->
719
720</div>
721</div>
722<!-- <wrapper>01end -->
723
724</body>
725</html>
726<!-- 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.