Преглед на файлове

北方きた子ども館

KuniakiTakenaka преди 2 години
родител
ревизия
90948903b8
променени са 1 файла, в които са добавени 209 реда и са изтрити 46 реда
  1. 209
    46
      fourth/living/Northern_north_childrens_museum.html

+ 209
- 46
fourth/living/Northern_north_childrens_museum.html Целия файл

@@ -1,8 +1,9 @@
1 1
 <!doctype html>
2
-<html lang="ja">
2
+<html id="html-back" lang="ja">
3 3
 
4 4
 <head>
5 5
     <meta charset="utf-8">
6
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7
     <title>北方町ホームページ</title>
7 8
     <link rel="stylesheet" href="../../css/base.css">
8 9
     <link rel="stylesheet" href="../../css/second_header.css">
@@ -10,23 +11,176 @@
10 11
     <link rel="stylesheet" href="../../css/section.css">
11 12
     <link rel="stylesheet" href="../../css/third_template.css">
12 13
     <link rel="stylesheet" href="../../css/table.css">
14
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
15
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
16
+    <link rel="stylesheet" href="../../css/section_mobile.css">
17
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
13 18
     <link rel="stylesheet" href="../../css/school.css">
19
+    <link rel="stylesheet" href="../../css/school_mobile.css">
14 20
     <script src="../../js/operation.js"></script>
21
+    <script src="../../js/menu.js"></script>
22
+    <script src="../../js/accordion.js"></script>
15 23
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16
-    </meta>
17 24
 </head>
18 25
 
19 26
 <body id="back">
27
+    <script type="text/javascript">
28
+        function googleTranslateElementInit() {
29
+            new google.translate.TranslateElement({
30
+                pageLanguage: 'ja',
31
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32
+            }, 'google_translate_element');
33
+        }
34
+    </script>
35
+    <script type="text/javascript"
36
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 37
     <div id="main" class="gothic">
38
+        <!-- mobile header -->
39
+        <header class="header">
40
+            <div class="headerLogo">
41
+                <a href="../../index.html" class="header_link"><img class="headerLogo__image"
42
+                        src="../../image/logo_kitagata_green_S.png" alt=""></a>
43
+            </div>
44
+            <div class="headerTitle">
45
+                <a href="../../index.html" class="header_link">
46
+                    <h1 class="headerTitle__text">北方町</h1>
47
+                </a>
48
+            </div>
49
+            <div class="headerSubTitle">
50
+                <a href="../../index.html" class="header_link">
51
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52
+                </a>
53
+            </div>
54
+            <div id="h-menu">
55
+                <span></span>
56
+                <span></span>
57
+                <span></span>
58
+                <div id="h-text">menu</div>
59
+            </div>
60
+            <div id="h-nav">
61
+                <div class="h-menu_main_block_top">
62
+                    <div class="h-menu_main_block">
63
+                        <div class="h-menu_block">
64
+                            <a href="../../second/living.html">
65
+                                <div class="h-menu_block_text h-menu_block_before">
66
+                                    <div class="h-menu_block_text_center">くらしの情報</div>
67
+                                </div>
68
+                            </a>
69
+                        </div>
70
+                    </div>
71
+                    <div class="h-menu_main_block">
72
+                        <div class="h-menu_block">
73
+                            <a href="../../second/tourism.html">
74
+                                <div class="h-menu_block_text h-menu_block_before">
75
+                                    <div class="h-menu_block_text_center">
76
+                                        観光
77
+                                    </div>
78
+                                </div>
79
+                            </a>
80
+                        </div>
81
+                    </div>
82
+                    <div class="h-menu_main_block">
83
+                        <div class="h-menu_block">
84
+                            <a href="../../second/business.html">
85
+                                <div class="h-menu_block_text h-menu_block_before">
86
+                                    <div class="h-menu_block_text_center">事業者向け情報</div>
87
+                                </div>
88
+                            </a>
89
+                        </div>
90
+                    </div>
91
+                    <div class="h-menu_main_block">
92
+                        <div class="h-menu_block">
93
+                            <a href="../../second/town_admini_info.html">
94
+                                <div class="h-menu_block_text h-menu_block_before">
95
+                                    <div class="h-menu_block_text_center">町政情報</div>
96
+                                </div>
97
+                            </a>
98
+                        </div>
99
+                    </div>
100
+                    <div class="h-menu_main_block">
101
+                        <div class="h-menu_block h-menu_block_before">
102
+                            <a href="../../second/sitemap.html">
103
+                                <div class="h-menu_block_text h-menu_block_before">
104
+                                    <div class="h-menu_block_text_center">
105
+                                        サイトマップ
106
+                                    </div>
107
+                                </div>
108
+                            </a>
109
+                        </div>
110
+                    </div>
111
+                    <div class="h-menu_main_block">
112
+                        <div class="h-menu_block h-menu_block_before">
113
+                            <a href="https://ai-staff.net/kitagata/chat">
114
+                                <div class="h-menu_block_text  h-menu_block_before">
115
+                                    <div class="h-menu_block_text_center">
116
+                                        AIチャット
117
+                                    </div>
118
+                                </div>
119
+                            </a>
120
+                        </div>
121
+                    </div>
122
+                    <div class="h-menu_main_block">
123
+                        <div class="h-menu_block h-menu_block_before">
124
+                            <a href="../../third/town_admini_info/administrative_organization_chart.html">
125
+                                <div class="h-menu_block_text">
126
+                                    <div class="h-menu_block_text_center">
127
+                                        お問い合わせ一覧
128
+                                    </div>
129
+                                </div>
130
+                            </a>
131
+                        </div>
132
+                    </div>
133
+                    <div class="h-menu_main_block">
134
+                        <div class="h-menu_lang">
135
+                            <div class="h-menu_block_lang">
136
+                                <div class="h-menu_block_text_center">
137
+                                    <div class="h-menu_block_text_line">
138
+                                        背景変更
139
+                                        <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
140
+                                        </div>
141
+                                        <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
142
+                                        </div>
143
+                                        <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
144
+                                        </div>
145
+                                    </div>
146
+                                    <script>
147
+                                        getBackgNumber2();
148
+                                    </script>
149
+                                    <div class="h-menu_block_text_line">言語選択
150
+                                        <div class="mobile_translation">
151
+                                            <div id="google_translate_element"></div>
152
+                                        </div>
153
+                                    </div>
154
+                                </div>
155
+                            </div>
156
+                        </div>
157
+                    </div>
158
+                    <div class="h-menu_main_block">
159
+                        <div class="h-menu_search">
160
+                            <div class="h-menu_block_search">
161
+                                <form action="https://www.google.com/search">
162
+                                    <input type="hidden" name="hl" value="ja" />
163
+                                    <input type="hidden" name="ie" value="UTF-8">
164
+                                    <input type="hidden" name="oe" value="UTF-8">
165
+                                    <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166
+                                    <input type="text" name="q" size="16" maxlength="256" value=""
167
+                                        class="mobile_form_input" />
168
+                                    <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
169
+                                </form>
170
+                            </div>
171
+                        </div>
172
+                    </div>
173
+                </div>
174
+            </div>
175
+        </header>
176
+
21 177
         <!--セクション 操作-->
22 178
         <section id="operation">
23 179
             <!--セクション 住所-->
24 180
             <article id="address">
25 181
                 <address id="operation_add">
26
-                    <span>北方町役場</span>
27
-                    <span> 〒501-0492</span>
28
-                    <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29
-                    <span> TEL:058-323-1111(代)</span>
182
+                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
183
+                        TEL:058-323-1111(代)</span>
30 184
                 </address>
31 185
             </article>
32 186
             <div id="controle_panel">
@@ -48,28 +202,26 @@
48 202
 
49 203
                 <!--セクション 文字サイズ-->
50 204
                 <!--<article id="charsize" >
51
-    <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52
-    <div id="charsize_img">
53
-    <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54
-    <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55
-    <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56
-    </div>
57
-    </article>-->
205
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
206
+            <div id="charsize_img">
207
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
208
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
209
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
210
+            </div>
211
+            </article>-->
58 212
 
59 213
                 <!--セクション サイトマップ-->
60 214
                 <article id="sitemap">
61 215
                     <div id="sitemap_img">
62
-                        <a href="../../second/sitemap.html">
63
-                            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
64
-                        </a>
216
+                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
217
+                                alt="サイトマップ" /></a>
65 218
                     </div>
66 219
                 </article>
67 220
                 <!--セクション お問い合わせ-->
68 221
                 <article id="contact">
69 222
                     <div id="contact_img">
70
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
71
-                            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
72
-                        </a>
223
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
224
+                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
73 225
                     </div>
74 226
                 </article>
75 227
                 <!--セクション 翻訳-->
@@ -96,31 +248,22 @@
96 248
         <!--ヘッダーデータ-->
97 249
         <header>
98 250
             <div id="header" class="gothic">
99
-                <a href="../../index.html">
100
-                    <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
101
-                </a>
251
+                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
252
+                        height="260px" /></a>
102 253
                 <div id="h_block_1">
103 254
                     <div class="h_line">
104 255
                     </div>
105 256
                     <article class="h_text_l">
106
-                        <a class="h_link" href="../../second/living.html">
107
-                            <span class="h_text">くらしの情報</span>
108
-                        </a>
257
+                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 258
                     </article>
110 259
                     <article class="h_text_l">
111
-                        <a class="h_link" href="../../second/tourism.html">
112
-                            <span class="h_text">観光</span>
113
-                        </a>
260
+                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 261
                     </article>
115 262
                     <article class="h_text_l">
116
-                        <a class="h_link" href="../../second/business.html">
117
-                            <span class="h_text">事業向け情報</span>
118
-                        </a>
263
+                        <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 264
                     </article>
120 265
                     <article class="h_text_l">
121
-                        <a class="h_link" href="../../second/town_admini_info.html">
122
-                            <span class="h_text">町政情報</span>
123
-                        </a>
266
+                        <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 267
                     </article>
125 268
                 </div>
126 269
                 <div id="h_block_search">
@@ -171,12 +314,12 @@
171 314
                         </div>
172 315
                     </div>
173 316
                     <span id="template_article_block">
174
-                        <p class="paragraphT10" style="height:160px;">
317
+                        <p class="paragraphT10 publicFacility_textHeight publicFacility_textHeight_mobile">
175 318
                             <img src="../lifeguide/welfare/images/02_01.jpg" alt="外観写真" width="200" id="right" />
176
-                            <br /> これまでの、「児童館」と「子育て支援センター」が、その2つの機能を併せ持った施設として、新たに「子ども館」として生まれ変わりました。
177 319
                             <br />
320
+                            これまでの「児童館」と「子育て支援センター」の2つの機能を併せ持った施設です。みなみ子ども館は平成26年4月に新しくできました。
321
+                        </p>
178 322
                         </p>
179
-
180 323
                     </span>
181 324
                 </article>
182 325
 
@@ -203,8 +346,8 @@
203 346
                             <br /> 利用者の範囲:高校生まで
204 347
                             <br /> 利用手続き:入館カードに記入してから利用
205 348
                             <br /> ※利用は無料です。
349
+                            <br />
206 350
 
207
-                        </p>
208 351
                         <p class="paragraphT10">
209 352
                             <a href="http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10"
210 353
                                 onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
@@ -212,8 +355,9 @@
212 355
                                 onClick="return openWin('http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10')"
213 356
                                 target="_blank">詳細地図(別ウインドウ表示)</a>
214 357
                         </p>
215
-                        <br /> 【メルヘン】(子育て支援センターの機能)
216
-                        <br />
358
+
359
+                        </p>
360
+                        <br /> 【メルヘン】(子育て支援センターの機能)
217 361
                         <br /> ☆乳幼児とその保護者が対象です
218 362
                         <br />
219 363
                         <ul style="padding: 1em;">
@@ -233,19 +377,20 @@
233 377
                         <br />
234 378
                         <br />
235 379
 
380
+                        <br>
236 381
 
237
-                        <br />
238 382
 
239
-                        <br /> 【ともだち】(児童館の機能)
383
+                        <br />
384
+                        【ともだち】(児童館の機能)
240 385
 
241 386
                         <br /> ☆保護者が同伴する乳幼児・児童・児童の保護者が対象です
242 387
                         <br />
388
+
243 389
                         <ul style="padding: 1em;">
244 390
                             <li>児童に健全な遊びや遊び場を提供し、その健康を増進し、情操を豊かにすることを目的とします。</li>
245 391
                             <li>遊びや友達とのふれあいを通して創造性・社会性を育むことができます。</li>
246 392
                         </ul>
247 393
 
248
-
249 394
                         <a href="../../css/pdf/childrens_museum/2022_2_childrens_museum_N_U.pdf"
250 395
                             target="_blank">2月のイベント等はこちら【ともだち】(PDF)</a>
251 396
                         <br />
@@ -257,11 +402,13 @@
257 402
                         <br />
258 403
 
259 404
 
260
-                        <br />
405
+                        <br>
261 406
 
407
+                        <br />
262 408
                     </span>
263 409
                 </article>
264 410
 
411
+
265 412
                 <article id="template_list_title">
266 413
                     <div id="template_title2" class="gothic">
267 414
                         <div id="template_title_block">
@@ -276,12 +423,28 @@
276 423
                     </span>
277 424
                 </article>
278 425
 
426
+
279 427
             </section>
280 428
         </div>
281 429
 
282 430
         <footer>
283
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
284
-            <br />
431
+            <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
432
+            <div class="footer_mobile">
433
+                <div class="footer_mobile_title">
434
+                    <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
435
+                    <h1 class="footerMobile__text">北方町役場</h1>
436
+                </div>
437
+                <div class="footer_mobile_address">
438
+                    <span class="footerTextWrap__text">
439
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
440
+                    </span><br>
441
+                    電話:058-323-1111(代)<br>
442
+                    FAX:058-323-2963<br>
443
+                    開庁日:8時30分~17時15分<br>
444
+                    (土・日・祝日、年末年始を除く)<br>
445
+                </div>
446
+            </div>
447
+            <br class="sp__brDisplay">
285 448
             <p class="footer_text">
286 449
                 <a href="../../second/Copyright_and_link.html">リンクと著作権</a>|
287 450
                 <a href="../../second/Privacy_policy.html">個人情報保護指針</a>|

Loading…
Отказ
Запис