kitagata
/
kitagata_old
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

北方きた子ども館

KuniakiTakenaka 2 years ago
parent
58bbe6b588
commit
90948903b8
1 changed files with 209 additions and 46 deletions
Unified View Show Diff Stats
  1. 209
    46
      fourth/living/Northern_north_childrens_museum.html

+ 209
- 46
fourth/living/Northern_north_childrens_museum.html View File

1 
 <!doctype html>
 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3
3
4 
 <head>
 4 
 <head>
5 
     <meta charset="utf-8">
 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
     <title>北方町ホームページ</title>
 7 
     <title>北方町ホームページ</title>
7 
     <link rel="stylesheet" href="../../css/base.css">
 8 
     <link rel="stylesheet" href="../../css/base.css">
8 
     <link rel="stylesheet" href="../../css/second_header.css">
 9 
     <link rel="stylesheet" href="../../css/second_header.css">
10 
     <link rel="stylesheet" href="../../css/section.css">
 11 
     <link rel="stylesheet" href="../../css/section.css">
11 
     <link rel="stylesheet" href="../../css/third_template.css">
 12 
     <link rel="stylesheet" href="../../css/third_template.css">
12 
     <link rel="stylesheet" href="../../css/table.css">
 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 
     <link rel="stylesheet" href="../../css/school.css">
 18 
     <link rel="stylesheet" href="../../css/school.css">
19 
+    <link rel="stylesheet" href="../../css/school_mobile.css">
14 
     <script src="../../js/operation.js"></script>
 20 
     <script src="../../js/operation.js"></script>
21 
+    <script src="../../js/menu.js"></script>
22 
+    <script src="../../js/accordion.js"></script>
15 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
 23 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-    </meta>
17 
 </head>
 24 
 </head>
18
25
19 
 <body id="back">
 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 
     <div id="main" class="gothic">
 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 
         <section id="operation">
 178 
         <section id="operation">
23 
             <!--セクション 住所-->
 179 
             <!--セクション 住所-->
24 
             <article id="address">
 180 
             <article id="address">
25 
                 <address id="operation_add">
 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 
                 </address>
 184 
                 </address>
31 
             </article>
 185 
             </article>
32 
             <div id="controle_panel">
 186 
             <div id="controle_panel">
48
202
49 
                 <!--セクション 文字サイズ-->
 203 
                 <!--セクション 文字サイズ-->
50 
                 <!--<article id="charsize" >
 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 
                 <article id="sitemap">
 214 
                 <article id="sitemap">
61 
                     <div id="sitemap_img">
 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 
                     </div>
 218 
                     </div>
66 
                 </article>
 219 
                 </article>
67 
                 <!--セクション お問い合わせ-->
 220 
                 <!--セクション お問い合わせ-->
68 
                 <article id="contact">
 221 
                 <article id="contact">
69 
                     <div id="contact_img">
 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 
                     </div>
 225 
                     </div>
74 
                 </article>
 226 
                 </article>
75 
                 <!--セクション 翻訳-->
 227 
                 <!--セクション 翻訳-->
96 
         <!--ヘッダーデータ-->
 248 
         <!--ヘッダーデータ-->
97 
         <header>
 249 
         <header>
98 
             <div id="header" class="gothic">
 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 
                 <div id="h_block_1">
 253 
                 <div id="h_block_1">
103 
                     <div class="h_line">
 254 
                     <div class="h_line">
104 
                     </div>
 255 
                     </div>
105 
                     <article class="h_text_l">
 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 
                     </article>
 258 
                     </article>
110 
                     <article class="h_text_l">
 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 
                     </article>
 261 
                     </article>
115 
                     <article class="h_text_l">
 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 
                     </article>
 264 
                     </article>
120 
                     <article class="h_text_l">
 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 
                     </article>
 267 
                     </article>
125 
                 </div>
 268 
                 </div>
126 
                 <div id="h_block_search">
 269 
                 <div id="h_block_search">
171 
                         </div>
 314 
                         </div>
172 
                     </div>
 315 
                     </div>
173 
                     <span id="template_article_block">
 316 
                     <span id="template_article_block">
174 
-                        <p class="paragraphT10" style="height:160px;">
317 
+                        <p class="paragraphT10 publicFacility_textHeight publicFacility_textHeight_mobile">
175 
                             <img src="../lifeguide/welfare/images/02_01.jpg" alt="外観写真" width="200" id="right" />
 318 
                             <img src="../lifeguide/welfare/images/02_01.jpg" alt="外観写真" width="200" id="right" />
176 
-                            <br /> これまでの、「児童館」と「子育て支援センター」が、その２つの機能を併せ持った施設として、新たに「子ども館」として生まれ変わりました。
177 
                             <br />
 319 
                             <br />
320 
+                            これまでの「児童館」と「子育て支援センター」の２つの機能を併せ持った施設です。みなみ子ども館は平成26年4月に新しくできました。
321 
+                        </p>
178 
                         </p>
 322 
                         </p>
179 
-
180 
                     </span>
 323 
                     </span>
181 
                 </article>
 324 
                 </article>
182
325
203 
                             <br /> 利用者の範囲：高校生まで
 346 
                             <br /> 利用者の範囲：高校生まで
204 
                             <br /> 利用手続き：入館カードに記入してから利用
 347 
                             <br /> 利用手続き：入館カードに記入してから利用
205 
                             <br /> ※利用は無料です。
 348 
                             <br /> ※利用は無料です。
349 
+                            <br />
206
350
207 
-                        </p>
208 
                         <p class="paragraphT10">
 351 
                         <p class="paragraphT10">
209 
                             <a href="http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10"
 352 
                             <a href="http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10"
210 
                                 onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
 353 
                                 onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
212 
                                 onClick="return openWin('http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10')"
 355 
                                 onClick="return openWin('http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6841277,35.4389573&z=10')"
213 
                                 target="_blank">詳細地図（別ウインドウ表示）</a>
 356 
                                 target="_blank">詳細地図（別ウインドウ表示）</a>
214 
                         </p>
 357 
                         </p>
215 
-                        <br /> 【メルヘン】(子育て支援センターの機能）
216 
-                        <br />
358 
+
359 
+                        </p>
360 
+                        <br /> 【メルヘン】（子育て支援センターの機能）
217 
                         <br /> ☆乳幼児とその保護者が対象です
 361 
                         <br /> ☆乳幼児とその保護者が対象です
218 
                         <br />
 362 
                         <br />
219 
                         <ul style="padding: 1em;">
 363 
                         <ul style="padding: 1em;">
233 
                         <br />
 377 
                         <br />
234 
                         <br />
 378 
                         <br />
235
379
380 
+                        <br>
236
381
237 
-                        <br />
238
382
239 
-                        <br /> 【ともだち】(児童館の機能）
383 
+                        <br />
384 
+                        【ともだち】（児童館の機能）
240
385
241 
                         <br /> ☆保護者が同伴する乳幼児・児童・児童の保護者が対象です
 386 
                         <br /> ☆保護者が同伴する乳幼児・児童・児童の保護者が対象です
242 
                         <br />
 387 
                         <br />
388 
+
243 
                         <ul style="padding: 1em;">
 389 
                         <ul style="padding: 1em;">
244 
                             <li>児童に健全な遊びや遊び場を提供し、その健康を増進し、情操を豊かにすることを目的とします。</li>
 390 
                             <li>児童に健全な遊びや遊び場を提供し、その健康を増進し、情操を豊かにすることを目的とします。</li>
245 
                             <li>遊びや友達とのふれあいを通して創造性・社会性を育むことができます。</li>
 391 
                             <li>遊びや友達とのふれあいを通して創造性・社会性を育むことができます。</li>
246 
                         </ul>
 392 
                         </ul>
247
393
248 
-
249 
                         <a href="../../css/pdf/childrens_museum/2022_2_childrens_museum_N_U.pdf"
 394 
                         <a href="../../css/pdf/childrens_museum/2022_2_childrens_museum_N_U.pdf"
250 
                             target="_blank">2月のイベント等はこちら【ともだち】(PDF)</a>
 395 
                             target="_blank">2月のイベント等はこちら【ともだち】(PDF)</a>
251 
                         <br />
 396 
                         <br />
257 
                         <br />
 402 
                         <br />
258
403
259
404
260 
-                        <br />
405 
+                        <br>
261
406
407 
+                        <br />
262 
                     </span>
 408 
                     </span>
263 
                 </article>
 409 
                 </article>
264
410
411 
+
265 
                 <article id="template_list_title">
 412 
                 <article id="template_list_title">
266 
                     <div id="template_title2" class="gothic">
 413 
                     <div id="template_title2" class="gothic">
267 
                         <div id="template_title_block">
 414 
                         <div id="template_title_block">
276 
                     </span>
 423 
                     </span>
277 
                 </article>
 424 
                 </article>
278
425
426 
+
279 
             </section>
 427 
             </section>
280 
         </div>
 428 
         </div>
281
429
282 
         <footer>
 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 
             <p class="footer_text">
 448 
             <p class="footer_text">
286 
                 <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
 449 
                 <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
287 
                 <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
 450 
                 <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

Write Preview
Loading…
Cancel
Save