1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="format-detection" content="telephone=no"> 8 9 <link rel="icon" type="image/x-icon" href="/common/images/com/icon.ico"> 10 <meta name="description" content="ç¦å²¡ç飯å¡å¸ç«å³æ¸é¤¨ã®ãã¼ã ãã¼ã¸ã§ãã飯å¡å¸ç«å³æ¸é¤¨ã®æèµæ¤ç´¢ãä½æãé»è©±çªå·ãå¶æ¥æéãå°å³ãªã©ã®æ å ±ãè¦ããã¨ãã§ãã¾ãã"> 11 <meta name="keywords" content="飯å¡å¸ç«å³æ¸é¤¨,ç¦å²¡ç飯å¡å¸,飯å¡å¸,å³æ¸é¤¨,飯å¡å³æ¸é¤¨,ã¡ãã»å³æ¸é¤¨,åºå å³æ¸é¤¨,ç©æ³¢å³æ¸é¤¨,é ´ç°å³æ¸é¤¨," /> 12 <title>å³æ¸é¤¨ããã®ãç¥ãã - 飯å¡å¸ç«å³æ¸é¤¨</title> 13 <meta content="飯å¡å¸ç«å³æ¸é¤¨ã®ãã¼ã ãã¼ã¸" type="description"> 14 15 16 <!-- CSS ãããã--> 17 <link href="/common/css/iizuka_main.css" rel="stylesheet" title="styles1" media="all"> 18 <link href="/common/css/iizuka_main_black.css" rel="alternate stylesheet" title="styles2" media="screen"> 19 <link href="/common/css/iizuka_main_gray.css" rel="alternate stylesheet" title="styles3" media="screen"> 20 <!-- CSS ããã¾ã§--> 21 22 <!-- JS群 ãããã--> 23
23<script type="text/javascript" src="/common/js/jquery-3.4.1.min.js"></script>
23 24
24<script type="text/javascript" src="/common/js/common.js"></script>
24 25
25<script type="text/javascript" src="/common/js/styleswitch.js"></script>
25 26 <!-- JS群 ããã¾ã§--> 27 28 <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 28-29
28 29 <script async src="https://www.googletagmanager.com/gtag/js?id=
29G-TYQ4Y0XFQM
vendor: 17 bytes, lines 29-30
29"></script> 30
30<script> 31
vendor: 150 bytes, lines 31-35
31window.dataLayer = window.dataLayer || []; 32 function gtag(){dataLayer.push(arguments);} 33 gtag('js', new Date()); 34 35 gtag('config', '
35G-TYQ4Y0XFQM
vendor: 9 bytes, lines 35-36
35'); 36
36</script>
36 </head> 37 38 39 <body> 40 <noscript> 41 <p>ãã®ãµã¤ãã¯JavaScriptã使ç¨ãã¦ãã¾ããJavaScriptãç¡å¹ã«ããã¦ããå ´åãæ£ããæ©è½ããªãããããæ£ãã表示ãããªããã¨ããããã¾ãããã©ã¦ã¶è¨å®ã§JavaScriptãæå¹ã«ãã¦ããã ãã¾ããããé¡ããããã¾ãã</p> 42 </noscript> 43 <div id="ie"> 44 <p class="title">ææ°ã®ãã©ã¦ã¶ãã使ç¨ãã ãã</p> 45 <p>å¤ããã©ã¦ã¶ã«ã¦ãå©ç¨ããã ããéã«ãé¨åçã«æ©è½ãå¶éãããããã¾ãæ£å¸¸ã«ãã¼ã¸ã表示ãããªãå ´åããããã¾ãã</p> 46 </div> 47 48 <div class="body_wrap bgc_gray" id="toTop"> 49 <div class="header"> 50 <div class="container"> 51 <div class="headerMain"> 52 <h1 class="logo"> 53 <a href="/index.html"><img src="/common/images/com/logo.png" width="341" height="62" alt="飯å¡å¸ç«å³æ¸é¤¨"></a> 54 </h1> 55 <!-- //.logo --> 56 <div class="link_area_header is-pc"> 57 <ul class="btn_fontsize"> 58 <li class="text">æåã®å¤§ãã</li> 59 <li class="btn" id="normal">æ¨æº</li> 60 <li class="btn" id="enlarge">æ¡å¤§</li> 61 </ul> 62 <!-- //.btn_fontsize --> 63 <ul class="btn_backcolor"> 64 <li class="text">èæ¯è²</li> 65 <li class="bg1"><a href="?style=styles2" rel="styles2" class="styleswitch" id ="styles2">Ａ</a></li> 66 <li class="bg2"><a href="?style=styles1" rel="styles1" class="styleswitch" id ="styles1">Ａ</a></li> 67 <li class="bg3"><a href="?style=styles3" rel="styles3" class="styleswitch" id ="styles3">Ａ</a></li> 68 </ul> 69 <!-- //.btn_fontsize --> 70 <p class="btn_foreign"><a href="/about/language.html">Foreign Language</a></p> 71 </div> 72 <!-- //.linkAreaHeader --> 73 </div> 74 <!-- //.headerMain --> 75 76<!-- PCçã°ãã¼ãã«ã¡ãã¥ã¼ --> 77 <nav class="nav"> 78<!-- <ul class="navList" id="navList"> 79--> 80 <ul class="globalMenu is-pc"> 81 <li class="menu01"><a href="/riyou/index.html">ãå©ç¨æ¡å </a></li> 82 <li class="menu02"><a href="/search/index.html">è³ææ¤ç´¢</a></li> 83 <li class="menu03"><a href="/calendar/index.html">è¡äºã«ã¬ã³ãã¼</a></li> 84 <li class="menu04"><a href="/kids/index.html">ãã©ãã®ãã¼ã¸</a></li> 85 <li class="menu05"><a href="/about/index.html">å³æ¸é¤¨æ¡å </a></li> 86 <li class="menu06"><a href="/access/index.html">ã¢ã¯ã»ã¹</a></li> 87 </ul> 88 </nav> 89 <!-- //.nav --> 90<!-- //PCçã°ãã¼ãã«ã¡ãã¥ã¼ --> 91<!-- ã¹ããçã°ãã¼ãã«ã¡ãã¥ã¼ --> 92 93 94 <div class="navBox is-sp"> 95 <ul class="navList" id="navList"> 96 <li><a class="navItem" href="/riyou/index.html">ãå©ç¨æ¡å </a></li> 97 <li><a class="navItem" href="/search/index.html">è³ææ¤ç´¢</a></li> 98 <li><a class="navItem" href="/calendar/index.html">è¡äºã«ã¬ã³ãã¼</a></li> 99 <li><a class="navItem" href="/kids/index.html">ãã©ãã®ãã¼ã¸</a></li> 100 <li><a class="navItem" href="/about/index.html">å³æ¸é¤¨æ¡å </a></li> 101 <li><a class="navItem" href="/access/index.html">ã¢ã¯ã»ã¹</a></li> 102 </ul> 103 104 <div class="ud-sp mt_M"> 105 <dl class="btn_fontsize-sp"> 106 <dt class="text"> 107 æåã®å¤§ãã 108 </dt> 109 <dd class="btn" id="normal"> 110 æ¨æº 111 </dd> 112 <dd class="btn" id="enlarge"> 113 æ¡å¤§ 114 </dd> 115 </dl> 116 <dl class="btn_backcolor-sp mt_M"> 117 <dt class="text"> 118 èæ¯è² 119 </dt> 120 <dd class="btn" id="bg1"> 121 <a href="?style=styles2" rel="styles2" class="styleswitch" id="styles2">é»</a> 122 </dd> 123 <dd class="btn" id="bg2"> 124 <a href="?style=styles1" rel="styles1" class="styleswitch" id="styles1">ç½</a> 125 </dd> 126 <dd class="btn" id="bg3"> 127 <a href="?style=styles3" rel="styles3" class="styleswitch" id="styles3">ç°</a> 128 </dd> 129 </dl> 130 <p class="btn_foreign-sp pt_M pb_M"><a href="/about/language.html">Foreign Language</a></p> 131 </div> 132 133 134 </div> 135 136 <div class="hamburger is-sp" id="navBtn"><span class="navLine navLine_1"></span><span class="navLine navLine_2"></span><span class="navLine navLine_3"></span></div> 137 <div class="black-bg" id="navlist"></div> 138<!-- //ã¹ããçã°ãã¼ãã«ã¡ãã¥ã¼ --> 139 140 141 </div> 142 <!-- //.container --> 143 </div> 144 <!-- //.header --> 145 <div class="container" id="contents"> 146 <div class="container"> 147 <div class="pc" id="breadc"> 148 <ol class="mt_XS"> 149 <li><a href="/index.html">TOP</a></li> 150 > å³æ¸é¤¨ããã®ãç¥ãã </ol> 151 </div> 152 <!-- /#breadc--> 153 </div> 154 <!-- /#container--> 155 </div> 156 157 <div class="container editarea"> 158 <h1 class="h_1">å³æ¸é¤¨ããã®ãç¥ããä¸è¦§</h1> 159<ul class="mt_M_pc mt_S_sp"> 160 <li class="li_list"> 161 <div class="li_inner"><time class="li_time" datetime="2026å¹´10æ6æ¥">2026å¹´10æ6æ¥</time> 162 <ul class="li_cat"> 163 <li class="new">NEW!</li> 164 <li class="lib1">飯å¡å¸ç«å³æ¸é¤¨</li> 165 </ul> 166 </div><a href="/calendar/index.html" class="li_txt">è¡äºã«ã¬ã³ãã¼æ´æ°ã®ãç¥ãã</a></li> 167 <li class="li_list"> 168 <div class="li_inner"><time class="li_time" datetime="2026å¹´10æ4æ¥">2026å¹´10æ4æ¥</time> 169 <ul class="li_cat"> 170 <li class="new">NEW!</li> 171 <li class="lib3">åºå å³æ¸é¤¨</li> 172 </ul> 173 </div><a href="/calendar/2026/s1017.html" class="li_txt">åºå å³æ¸é¤¨ã¾ã¤ã</a></li> 174 <li class="li_list"> 175 <div class="li_inner"><time class="li_time" datetime="2026å¹´10æ1æ¥">2026å¹´10æ1æ¥</time> 176 <ul class="li_cat"> 177 <li class="new">NEW!</li> 178 <li class="lib1">飯å¡å¸ç«å³æ¸é¤¨</li> 179 </ul> 180 </div><a href="/about/mottainai.html" class="li_txt">ãã£ãããªãããã¸ã§ã¯ã</a></li> 181 <li class="li_list"> 182 <div class="li_inner"><time class="li_time" datetime="2026å¹´10æ1æ¥">2026å¹´10æ1æ¥</time> 183 <ul class="li_cat"> 184 <li class="new">NEW!</li> 185 </ul> 186 </div><a href="/about/toshokandayori.html" class="li_txt">å³æ¸é¤¨ã ããæ´æ°ã®ãç¥ãã</a></li> 187 <li class="li_list"> 188 <div class="li_inner"><time class="li_time" datetime="2026å¹´10æ1æ¥">2026å¹´10æ1æ¥</time> 189 <ul class="li_cat"> 190 <li class="new">NEW!</li> 191 <li class="lib2">ã¡ãã»å³æ¸é¤¨</li> 192 </ul> 193 </div><a href="/calendar/2026/c1129.html" class="li_txt">ã¤ã¤ã ã«ã³ã¹ã¢ã¹ã³ã¢ã³åºåã³ã³ãµã¼ã Vol.61</a></li> 194 <li class="li_list"> 195 <div class="li_inner"><time class="li_time" datetime="2026å¹´9æ19æ¥">2026å¹´9æ19æ¥</time> 196 <ul class="li_cat"> 197 <li class="lib6">飯å¡å³æ¸é¤¨</li> 198 </ul> 199 </div><a href="/calendar/2026/i1024.html" class="li_txt">ããªãã®æ¨ãæ¬æ¨ããã¦ä¸ãã in ã¹ã¿ã¼ããã¯ã¹ã³ã¼ãã¼ããã¿ã¦ã³é£¯å¡åº</a></li> 200 <li class="li_list"> 201 <div class="li_inner"><time class="li_time" datetime="2026å¹´9æ10æ¥">2026å¹´9æ10æ¥</time> 202 <ul class="li_cat"> 203 <li class="lib4">ç©æ³¢å³æ¸é¤¨</li> 204 </ul> 205 </div><a href="/calendar/2026/h1107.html" class="li_txt">ã¼ãã¼ãã¬ãã</a></li> 206 <li class="li_list"> 207 <div class="li_inner"><time class="li_time" datetime="2026å¹´9æ2æ¥">2026å¹´9æ2æ¥</time> 208 <ul class="li_cat"> 209 <li class="lib1">飯å¡å¸ç«å³æ¸é¤¨</li> 210 </ul> 211 </div><a href="/calendar/2026/i0901.html" class="li_txt">第9å 飯å¡å¸ å³æ¸é¤¨ã使ã£ã調ã¹ãå¦ç¿ã³ã³ã¯ã¼ã«</a></li> 212 <li class="li_list"> 213 <div class="li_inner"><time class="li_time" datetime="2026å¹´8æ22æ¥">2026å¹´8æ22æ¥</time> 214 <ul class="li_cat"> 215 <li class="lib1">飯å¡å¸ç«å³æ¸é¤¨</li> 216 </ul> 217 </div><a href="/calendar/2026/science_2026.html" class="li_txt">ãµã¤ã¨ã³ã¹ã¢ã¼ã« in 飯å¡2026</a></li> 218 <li class="li_list"> 219 <div class="li_inner"><time class="li_time" datetime="2026å¹´7æ16æ¥">2026å¹´7æ16æ¥</time> 220 <ul class="li_cat"> 221 </ul> 222 </div><a href="/news/2026/gakushuusitu.html" class="li_txt">ãåºå 館ãå¦ç¿å®¤ã®ãç¥ãã</a></li> 223 <li class="li_list"> 224 <div class="li_inner"><time class="li_time" datetime="2026å¹´7æ1æ¥">2026å¹´7æ1æ¥</time> 225 <ul class="li_cat"> 226 </ul> 227 </div><a href="/utidoku/index.html" class="li_txt">令åï¼å¹´åº¦ã家èª</a></li> 228 <li class="li_list"> 229 <div class="li_inner"><time class="li_time" datetime="2026å¹´5æ12æ¥">2026å¹´5æ12æ¥</time> 230 <ul class="li_cat"> 231 </ul> 232 </div><a href="/calendar/2026/i0513.html" class="li_txt">çµµæ¬ã¨ãã£ãã012</a></li> 233 <li class="li_list"> 234 <div class="li_inner"><time class="li_time" datetime="2026å¹´1æ12æ¥">2026å¹´1æ12æ¥</time> 235 <ul class="li_cat"> 236 </ul> 237 </div><a href="/about/youran.html" class="li_txt">å³æ¸é¤¨è¦è¦§(R6年度ï¼æ´æ°</a></li> 238 <li class="li_list"> 239 <div class="li_inner"><time class="li_time" datetime="2024å¹´5æ11æ¥">2024å¹´5æ11æ¥</time> 240 <ul class="li_cat"> 241 <li class="emg">éè¦</li> 242 </ul> 243 </div><a href="/news/2024/0511.html" class="li_txt">å³æ¸é¤¨å©ç¨è ã«ã¼ãã¨ãã¤ãã³ãã¼ã«ã¼ãã®é£æºä¸æ¢ã®ãç¥ãã</a></li> 244 <li class="li_list"> 245 <div class="li_inner"><time class="li_time" datetime="2023å¹´3æ28æ¥">2023å¹´3æ28æ¥</time> 246 <ul class="li_cat"> 247 <li class="emg">éè¦</li> 248 <li class="lib5">é ´ç°å³æ¸é¤¨</li> 249 </ul> 250 </div><a href="/news/2022/k0328.html" class="li_txt">é»è©±çªå·å¤æ´ã®ãç¥ãã</a></li> 251 <li class="li_list"> 252 <div class="li_inner"><time class="li_time" datetime="2022å¹´7æ15æ¥">2022å¹´7æ15æ¥</time> 253 <ul class="li_cat"> 254 </ul> 255 </div><a href="/news/2022/yoyaku.html" class="li_txt">WEBãµã¼ãã¹ããã®è³æåãå¯ãã«ã¤ãã¦</a></li> 256 <li class="li_list"> 257 <div class="li_inner"><time class="li_time" datetime="2022å¹´4æ1æ¥">2022å¹´4æ1æ¥</time> 258 <ul class="li_cat"> 259 </ul> 260 </div><a href="/about/bookstart.html" class="li_txt">ããã¯ã¹ã¿ã¼ãã«ã¤ãã¦</a></li> 261</ul> 262<p> </p> 263 </div> 264<!-- ããã¿ã¼ --> 265 <footer class="footer" id="footer"> 266 <div class="container"> 267 <ul class="footList"> 268 <li><a href="https://twitter.com/iizukacity_lib?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img alt="" style="height:50px;" src="/templates/images/twitter_logoblue.png"></a>ãã<a href="https://twitter.com/iizukacity_lib?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><img alt="飯å¡å¸ç«å³æ¸é¤¨" src="/templates/images/bnr_sns1.png"></a>ãã<img alt="" src="/templates/Instagram_Glyph_Gradient_RGB.png" style="width:50px;"><a href="https://www.instagram.com/iizuka_library_official/"><img alt="" style="width:50px;" src="/templates/images/Instagram_Glyph_Gradient_RGB.png"></a></li> 269 </ul> 270 <h1 class="logo mt_XS"><a href="/index.html"><img alt="飯å¡å¸ç«å³æ¸é¤¨" height="62" width="341" src="/common/images/com/logo.png"></a></h1><!-- //.logo --><a class="toTop" href="#toTop" id="topBtn"><img height="34" width="34" src="/common/images/com/to-top.png"></a> <!-- å³æ¸é¤¨æ å ±æ¬ --> 271 <div class="grid">
272 <div class="gridItem x8"> 273 <p class="icon_map icon_map_iizuka"><a class="link_a" href="/access/iizuka.html">飯å¡å³æ¸é¤¨</a><span>ï¼mailï¼infoâ iizuka-library.jpï¼â ã¯@ã«ç½®ãæãã¦ãã ããï¼ï¼</span></p> 274 <p>ã820-0041ãç¦å²¡ç飯å¡å¸é£¯å¡14çª67å·ï¼ã¤ã¤ã ã«ã³ãã¥ããã£ã»ã³ã¿ã¼1éï¼<br> 275 TELï¼0948-22-5552<br> 276 FAXï¼0948-22-5770</p> 277 <div class="grid"> 278 <div class="gridItem x4"><a class="link_a" href="/about/menseki.html">ãªã³ã¯ã»å 責äºé </a><a class="link_a" href="/about/menseki.html">ãªã©</a> 279 </div> 280 <div class="gridItem x4"><a class="link_a" href="/sitemap.html">ãµã¤ãããã</a> 281 </div> 282 <div class="gridItem x4"><a class="link_a" href="/link.html">ãªã³ã¯é</a> 283 </div> 284 </div> 285 </div> 286 <div class="gridItem x4"> 287 <p class="f_bold icon_map icon_map_chikuho"><a class="link_a" href="/access/chikuho.html">ã¡ãã»å³æ¸é¤¨</a></p> 288 <p class="f_bold icon_map icon_map_shonai"><a class="link_a" href="/access/shounai.html">åºå å³æ¸é¤¨</a></p> 289 <p class="f_bold icon_map icon_map_honami"><a class="link_a" href="/access/honami.html">ç©æ³¢å³æ¸é¤¨</a></p> 290 <p class="f_bold icon_map icon_map_kaita"><a class="link_a" href="/access/kaita.html">é ´ç°å³æ¸é¤¨</a></p> 291 </div> 292 </div><!-- //.grid --> 293 <p class="t_ctr font_XS">Copyrights (C) 2021 IIZUKA CITY LIBRARY All Right Reserved.</p> 294</div> </footer> 295<!-- //ããã¿ã¼ --> 296
296<script src="/common/js/main.min.js"></script>
296 297
297<script src="/common/js/vue.min.js"></script>
297 298 299
299<script> 300 const slideItem = [ 301 { 302 id:0, 303 link : '#', 304 src : '', 305 alt : '飯å¡å¸ç«å³æ¸é¤¨' 306 }, 307 { 308 id:1, 309 link : '#', 310 src : '', 311 alt : '飯å¡å¸ç«å³æ¸é¤¨' 312 }, 313 { 314 id:2, 315 link : '#', 316 src : '', 317 alt : '飯å¡å¸ç«å³æ¸é¤¨' 318 }, 319 { 320 id:3, 321 link : '#', 322 src : '', 323 alt : '飯å¡å¸ç«å³æ¸é¤¨' 324 } 325 ]; 326 const src = [ 327 './slide/slide_01_pc.png', 328 './slide/slide_02_pc.png', 329 './slide/slide_03_pc.png', 330 './slide/slide_04_pc.png' 331 ]; 332 const src2 = [ 333 './slide/slide_01_sp.png', 334 './slide/slide_02_sp.png', 335 './slide/slide_03_sp.png', 336 './slide/slide_03_sp.png' 337 ]; 338 let i = 0; 339 let currentitem = 0; 340 let id,button; 341 let carousel = new Vue({ 342 el: '.slide', 343 data: { 344 items: slideItem 345 }, 346 ready: function(){ 347 for(let i = 0; i < this.items.length; i++){ 348 if(window.innerWidth > 769){ 349 this.items[i].src = src[i];
350 }else{ 351 this.items[i].src = src2[i]; 352 } 353 } 354 }, 355 methods:{ 356 controller: function(num){ 357 for(let k = 0 ;k < slideItem.length ; k++){ 358 document.getElementById('slideCtl' + k).classList.remove('current'); 359 document.getElementById('slideItem' + k).classList.remove('is-show'); 360 } 361 document.getElementById('slideItem' + num).classList.add('is-show'); 362 document.getElementById('slideCtl' + num).classList.add('current'); 363 //åæå 364 i = 1; 365 if(num != 4 ) { 366 currentitem = num + 1 367 }else{ 368 currentitem = 0; 369 } 370 } 371 } 372 }); 373 function init(){ 374 const interval = 5000; 375 const timing = interval / 1000 * 60; 376 let requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; 377 window.requestAnimationFrame = requestAnimationFrame; 378 //ç»ååãæ¿ã 379 380 function animation(){ 381 // idããã£ã±ãã«ãªã£ããåæå 382 if ( i % timing === 0 ) { 383 if(currentitem === slideItem.length) currentitem = 0; 384 for(let k = 0 ;k < slideItem.length ; k++){ 385 id = document.getElementById('slideItem' + k); 386 button = document.getElementById('slideCtl' + k); 387 if( k == currentitem){ 388 id.classList.add('is-show'); 389 button.classList.add('current'); 390 } 391 else{ 392 id.classList.remove('is-show'); 393 button.classList.remove('current'); 394 } 395 } 396 currentitem++; 397 } 398 i++; 399 requestAnimationFrame(animation); 400 } 401 animation(); 402 //ãªãµã¤ãºç»ååãæ¿ã 403 window.addEventListener('resize', function () { 404// initSwiper(); 405 for (let i = 0; i < slideItem.length; i++) { 406 if (window.innerWidth > 769) { 407 carousel.items[i].src = src[i];
408 } else { 409 carousel.items[i].src = src2[i]; 410 } 411 } 412 }); 413 } 414 //ãªãµã¤ãºç»ååãæ¿ã 415 window.addEventListener('resize', function () { 416 for (let i = 0; i < slideItem.length; i++) { 417 if (window.innerWidth > 769) { 418 carousel.items[i].src = src[i]; 419 } else { 420 carousel.items[i].src = src2[i]; 421 } 422 } 423 }); 424 window.addEventListener("load",init()); 425 </script>
425 426 427 428 </div> 429 <!-- //.body_wrap --> 430 431 </body> 432 433</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.