kitagata
/
kitagata_old
Слідкувати 3
В обрані 0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Переглянути джерело

[kitagata_support:15285] HP更新依頼【都市環境課】くらしのカレンダー　他

KuniakiTakenaka 2 роки тому
джерело
663c726f0d
коміт
3162e4ef32
16 змінених файлів з 20072 додано та 686 видалено
Розділений перегляд Показати статистику Diff
  1. BIN
      css/pdf/living/calendar_of_living_2022_13.png
  2. BIN
      css/pdf/living/calendar_of_living_2022_14.png
  3. BIN
      fourth/lifeguide/garbage/images/creanrisaikuru2022.png
  4. BIN
      fourth/lifeguide/garbage/images/gabage_rule2022.png
  5. BIN
      fourth/lifeguide/garbage/images/hunenbutu_2022.jpg
  6. BIN
      fourth/lifeguide/garbage/images/namagomi_2022.jpg
  7. BIN
      fourth/lifeguide/garbage/pdf/creanrisaikuru2022.pdf
  8. 18130
    0
      fourth/lifeguide/garbage/pdf/gabage_rule2022.pdf
  9. 5
    5
      second/Trash.html
  10. 199
    42
      third/calender/Living.html
  11. 197
    26
      third/living/Date_of_collection_of_garbage.html
  12. 345
    150
      third/living/Out_garbage.html
  13. 214
    34
      third/living/Recycling_Center.html
  14. 195
    25
      third/living/Waste_separation.html
  15. 456
    261
      third/living/Waste_that_can_not_be_recovered.html
  16. 331
    143
      third/living/recom_d_compost_intro.html

BIN
css/pdf/living/calendar_of_living_2022_13.png Переглянути файл


BIN
css/pdf/living/calendar_of_living_2022_14.png Переглянути файл


BIN
fourth/lifeguide/garbage/images/creanrisaikuru2022.png Переглянути файл


BIN
fourth/lifeguide/garbage/images/gabage_rule2022.png Переглянути файл


BIN
fourth/lifeguide/garbage/images/hunenbutu_2022.jpg Переглянути файл


BIN
fourth/lifeguide/garbage/images/namagomi_2022.jpg Переглянути файл


BIN
fourth/lifeguide/garbage/pdf/creanrisaikuru2022.pdf Переглянути файл


+ 18130
- 0
fourth/lifeguide/garbage/pdf/gabage_rule2022.pdf
Різницю між файлами не показано, бо вона завелика
Переглянути файл


+ 5
- 5
second/Trash.html Переглянути файл 

@@ -38,7 +38,7 @@
38 38 
 		<header class="header">
39 39 
 			<div class="headerLogo">
40 40 
 				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
-																 src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
42 42 
 			</div>
43 43 
 			<div class="headerTitle">
44 44 
 				<a href="../index.html" class="header_link">
 
@@ -158,13 +158,13 @@
158 158 
 						<div class="h-menu_search">
159 159 
 							<div class="h-menu_block_search">
160 160 
 								<form action="https://www.google.com/search">
161 
-									<input type="hidden" name="hl" value="ja"/>
161 
+									<input type="hidden" name="hl" value="ja" />
162 162 
 									<input type="hidden" name="ie" value="UTF-8">
163 163 
 									<input type="hidden" name="oe" value="UTF-8">
164 
-									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 165 
 									<input type="text" name="q" size="16" maxlength="256" value=""
166 
-										   class="mobile_form_input"/>
167 
-									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
166 
+										class="mobile_form_input" />
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 168 
 								</form>
169 169 
 							</div>
170 170 
 						</div>

+ 199
- 42
third/calender/Living.html Переглянути файл 

@@ -1,26 +1,38 @@
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 8 
   <link rel="stylesheet" href="../../css/base.css">
9 9 
   <link rel="stylesheet" href="../../css/second_header.css">
10 10 
   <link rel="stylesheet" href="../../css/footer.css">
11 11 
   <link rel="stylesheet" href="../../css/section.css">
12 12 
   <link rel="stylesheet" href="../../css/third_template.css">
13 13 
   <link rel="stylesheet" href="../../css/table.css">
14 
-  <link rel="stylesheet" href="../../css/calender.css">
15 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
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">
17 18 
   <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
18 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
19 
-  </meta>
20 
-
21 22 
 </head>
22 23
23 24 
 <body id="back">
25 
+  <script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+      new google.translate.TranslateElement({
28 
+        pageLanguage: 'ja',
29 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+      }, 'google_translate_element');
31 
+    }
32 
+  </script>
33 
+  <script type="text/javascript"
34 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+
24 36 
   <div id="main" class="gothic">
25 37 
     <!--セクション 操作-->
26 38 
     <section id="operation">
 
@@ -35,24 +47,20 @@
35 47 
         <article id="bgcolor">
36 48 
           <img src="../../css/img/013.png" alt="背景色変更ボックス" />
37 49 
           <div id="bgcolor_img">
38 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
39 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
40 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
50 
+            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
41 53 
           </div>
42 
-          <script>
43 
-            getBackgNumber3();
44 
-          </script>
45 54 
         </article>
46 
-
47 55 
         <!--セクション 文字サイズ-->
48 56 
         <!--<article id="charsize" >
49 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 
-<div id="charsize_img">
51 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
52 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
53 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
54 
-</div>
55 
-</article>-->
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
56 64
57 65 
         <!--セクション サイトマップ-->
58 66 
         <article id="sitemap">
 
@@ -70,7 +78,7 @@
70 78 
         <!--セクション 翻訳-->
71 79 
         <article id="translation">
72 80 
           <div id="translation_img">
73 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 82 
             <div id="google_translate_element"></div>
75 83 
             <script type="text/javascript">
76 84 
               function googleTranslateElementInit() {
 
@@ -92,27 +100,21 @@
92 100 
     <!--ヘッダーデータ-->
93 101 
     <header>
94 102 
       <div id="header" class="gothic">
95 
-        <a href="../../index.html">
96 
-          <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
97 
-        </a>
103 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
98 104 
         <div id="h_block_1">
99 105 
           <div class="h_line">
100 106 
           </div>
101 107 
           <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/living.html">
103 
-              <span class="h_text">くらしの情報</span></a>
108 
+            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
104 109 
           </article>
105 110 
           <article class="h_text_l">
106 
-            <a class="h_link" href="../../second/tourism.html">
107 
-              <span class="h_text">観光</span></a>
111 
+            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
108 112 
           </article>
109 113 
           <article class="h_text_l">
110 
-            <a class="h_link" href="../../second/business.html">
111 
-              <span class="h_text">事業者向け情報</span></a>
114 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
112 115 
           </article>
113 116 
           <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/town_admini_info.html">
115 
-              <span class="h_text">町政情報</span></a>
117 
+            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
116 118 
           </article>
117 119 
         </div>
118 120 
         <div id="h_block_search">
 
@@ -127,12 +129,149 @@
127 129 
               <input type="text" name="q" size="16" maxlength="256" value="" />
128 130 
               <input type="submit" name="btnG" value="検索" />
129 131 
             </form>
130 
-
131 132 
           </article>
132 133 
         </div>
133 134 
       </div>
134 135 
     </header>
135 136
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+      <div class="headerLogo">
140 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+            src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+      </div>
143 
+      <div class="headerTitle">
144 
+        <a href="../../index.html" class="header_link">
145 
+          <h1 class="headerTitle__text">北方町</h1>
146 
+        </a>
147 
+      </div>
148 
+      <div class="headerSubTitle">
149 
+        <a href="../../index.html" class="header_link">
150 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+        </a>
152 
+      </div>
153 
+      <div id="h-menu">
154 
+        <span></span>
155 
+        <span></span>
156 
+        <span></span>
157 
+        <div id="h-text">menu</div>
158 
+      </div>
159 
+      <div id="h-nav">
160 
+        <div class="h-menu_main_block_top">
161 
+          <div class="h-menu_main_block">
162 
+            <div class="h-menu_block">
163 
+              <a href="../../second/living.html">
164 
+                <div class="h-menu_block_text h-menu_block_before">
165 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                </div>
167 
+              </a>
168 
+            </div>
169 
+          </div>
170 
+          <div class="h-menu_main_block">
171 
+            <div class="h-menu_block">
172 
+              <a href="../../second/tourism.html">
173 
+                <div class="h-menu_block_text h-menu_block_before">
174 
+                  <div class="h-menu_block_text_center">
175 
+                    観光
176 
+                  </div>
177 
+                </div>
178 
+              </a>
179 
+            </div>
180 
+          </div>
181 
+          <div class="h-menu_main_block">
182 
+            <div class="h-menu_block">
183 
+              <a href="../../second/business.html">
184 
+                <div class="h-menu_block_text h-menu_block_before">
185 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
186 
+                </div>
187 
+              </a>
188 
+            </div>
189 
+          </div>
190 
+          <div class="h-menu_main_block">
191 
+            <div class="h-menu_block">
192 
+              <a href="../../second/town_admini_info.html">
193 
+                <div class="h-menu_block_text h-menu_block_before">
194 
+                  <div class="h-menu_block_text_center">町政情報</div>
195 
+                </div>
196 
+              </a>
197 
+            </div>
198 
+          </div>
199 
+          <div class="h-menu_main_block">
200 
+            <div class="h-menu_block h-menu_block_before">
201 
+              <a href="../../second/sitemap.html">
202 
+                <div class="h-menu_block_text h-menu_block_before">
203 
+                  <div class="h-menu_block_text_center">
204 
+                    サイトマップ
205 
+                  </div>
206 
+                </div>
207 
+              </a>
208 
+            </div>
209 
+          </div>
210 
+          <div class="h-menu_main_block">
211 
+            <div class="h-menu_block h-menu_block_before">
212 
+              <a href="https://ai-staff.net/kitagata/chat">
213 
+                <div class="h-menu_block_text  h-menu_block_before">
214 
+                  <div class="h-menu_block_text_center">
215 
+                    AIチャット
216 
+                  </div>
217 
+                </div>
218 
+              </a>
219 
+            </div>
220 
+          </div>
221 
+          <div class="h-menu_main_block">
222 
+            <div class="h-menu_block h-menu_block_before">
223 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                <div class="h-menu_block_text">
225 
+                  <div class="h-menu_block_text_center">
226 
+                    お問い合わせ一覧
227 
+                  </div>
228 
+                </div>
229 
+              </a>
230 
+            </div>
231 
+          </div>
232 
+          <div class="h-menu_main_block">
233 
+            <div class="h-menu_lang">
234 
+              <div class="h-menu_block_lang">
235 
+                <div class="h-menu_block_text_center">
236 
+                  <div class="h-menu_block_text_line">
237 
+                    背景変更
238 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                    </div>
240 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                    </div>
242 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                    </div>
244 
+                  </div>
245 
+                  <script>
246 
+                    getBackgNumber2();
247 
+                  </script>
248 
+                  <div class="h-menu_block_text_line">言語選択
249 
+                    <div class="mobile_translation">
250 
+                      <div id="google_translate_element"></div>
251 
+                    </div>
252 
+                  </div>
253 
+                </div>
254 
+              </div>
255 
+            </div>
256 
+          </div>
257 
+          <div class="h-menu_main_block">
258 
+            <div class="h-menu_search">
259 
+              <div class="h-menu_block_search">
260 
+                <form action="https://www.google.com/search">
261 
+                  <input type="hidden" name="hl" value="ja" />
262 
+                  <input type="hidden" name="ie" value="UTF-8">
263 
+                  <input type="hidden" name="oe" value="UTF-8">
264 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
265 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
266 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
267 
+                </form>
268 
+              </div>
269 
+            </div>
270 
+          </div>
271 
+        </div>
272 
+      </div>
273 
+    </header>
274 
+
136 275 
     <div>
137 276 
       <!--セクション template-->
138 277 
       <section id="template">
 
@@ -155,7 +294,7 @@
155 294 
           <div class="template_list">
156 295 
             <span class="template_list">
157 296 
               <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
158 
-              <a href="../../css/pdf/living/calendar_of_living_2021_13.jpg" target="_blank">
297 
+              <a href="../../css/pdf/living/calendar_of_living_2022_13.jpg" target="_blank">
159 298 
                 家庭ごみの出し方案内</a></span>
160 299 
             <span class="clear"></span>
161 300 
           </div>
 
@@ -164,7 +303,7 @@
164 303 
           <div class="template_list">
165 304 
             <span class="template_list">
166 305 
               <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
167 
-              <a href="../../css/pdf/living/calendar_of_living_2021_14.jpg" target="_blank">
306 
+              <a href="../../css/pdf/living/calendar_of_living_2022_14.jpg" target="_blank">
168 307 
                 北方町リサイクルセンター</a></span>
169 308 
             <span class="clear"></span>
170 309 
           </div>
 
@@ -253,12 +392,30 @@
253 392 
       </section>
254 393 
     </div>
255 394
395 
+
256 396 
     <footer>
257 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
258 
-      <br />
259 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
260 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
261 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
397 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
398 
+      <div class="footer_mobile">
399 
+        <div class="footer_mobile_title">
400 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
401 
+          <h1 class="footerMobile__text">北方町役場</h1>
402 
+        </div>
403 
+        <div class="footer_mobile_address">
404 
+          <span class="footerTextWrap__text">
405 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
406 
+          </span><br>
407 
+          電話:058-323-1111(代)<br>
408 
+          FAX:058-323-2963<br>
409 
+          開庁日：8時30分～17時15分<br>
410 
+          （土・日・祝日、年末年始を除く）<br>
411 
+        </div>
412 
+      </div>
413 
+      <br class="sp__brDisplay">
414 
+      <p class="footer_text">
415 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
416 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
417 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
418 
+      </p>
262 419 
     </footer>
263 420
264 421 
   </div>
 
@@ -267,4 +424,4 @@
267 424 
   <script src="../../js/calender.js"></script>
268 425 
 </body>
269 426
270 
-</html>
427 
+</html>

+ 197
- 26
third/living/Date_of_collection_of_garbage.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,12 +11,28 @@
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 
 	<script src="../../js/operation.js"></script>
19 
+	<script src="../../js/menu.js"></script>
20 
+	<script src="../../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-	</meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
25 
+	<script type="text/javascript">
26 
+		function googleTranslateElementInit() {
27 
+			new google.translate.TranslateElement({
28 
+				pageLanguage: 'ja',
29 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+			}, 'google_translate_element');
31 
+		}
32 
+	</script>
33 
+	<script type="text/javascript"
34 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+
19 36 
 	<div id="main" class="gothic">
20 37 
 		<!--セクション 操作-->
21 38 
 		<section id="operation">
 
@@ -31,27 +48,23 @@
31 48 
 				<article id="bgcolor">
32 49 
 					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 50 
 					<div id="bgcolor_img">
34 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
51 
+						<input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目"
35 52 
 							onClick="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
53 
+						<input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目"
37 54 
 							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
55 
+						<input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目"
39 56 
 							onClick="setBackground3(3)">
40 57 
 					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 58 
 				</article>
45 
-
46 59 
 				<!--セクション 文字サイズ-->
47 60 
 				<!--<article id="charsize" >
48 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
61 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
62 
+            <div id="charsize_img">
63 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
64 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
65 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
66 
+            </div>
67 
+            </article>-->
55 68
56 69 
 				<!--セクション サイトマップ-->
57 70 
 				<article id="sitemap">
 
@@ -88,6 +101,7 @@
88 101 
 				</div>
89 102 
 			</div>
90 103 
 		</section>
104 
+
91 105 
 		<!--ヘッダーデータ-->
92 106 
 		<header>
93 107 
 			<div id="header" class="gothic">
 
@@ -126,6 +140,145 @@
126 140 
 			</div>
127 141 
 		</header>
128 142
143 
+		<!-- mobile header -->
144 
+		<header class="header">
145 
+			<div class="headerLogo">
146 
+				<a href="../../index.html" class="header_link"><img class="headerLogo__image"
147 
+						src="../../image/logo_kitagata_green_S.png" alt=""></a>
148 
+			</div>
149 
+			<div class="headerTitle">
150 
+				<a href="../../index.html" class="header_link">
151 
+					<h1 class="headerTitle__text">北方町</h1>
152 
+				</a>
153 
+			</div>
154 
+			<div class="headerSubTitle">
155 
+				<a href="../../index.html" class="header_link">
156 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
157 
+				</a>
158 
+			</div>
159 
+			<div id="h-menu">
160 
+				<span></span>
161 
+				<span></span>
162 
+				<span></span>
163 
+				<div id="h-text">menu</div>
164 
+			</div>
165 
+			<div id="h-nav">
166 
+				<div class="h-menu_main_block_top">
167 
+					<div class="h-menu_main_block">
168 
+						<div class="h-menu_block">
169 
+							<a href="../../second/living.html">
170 
+								<div class="h-menu_block_text h-menu_block_before">
171 
+									<div class="h-menu_block_text_center">くらしの情報</div>
172 
+								</div>
173 
+							</a>
174 
+						</div>
175 
+					</div>
176 
+					<div class="h-menu_main_block">
177 
+						<div class="h-menu_block">
178 
+							<a href="../../second/tourism.html">
179 
+								<div class="h-menu_block_text h-menu_block_before">
180 
+									<div class="h-menu_block_text_center">
181 
+										観光
182 
+									</div>
183 
+								</div>
184 
+							</a>
185 
+						</div>
186 
+					</div>
187 
+					<div class="h-menu_main_block">
188 
+						<div class="h-menu_block">
189 
+							<a href="../../second/business.html">
190 
+								<div class="h-menu_block_text h-menu_block_before">
191 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
192 
+								</div>
193 
+							</a>
194 
+						</div>
195 
+					</div>
196 
+					<div class="h-menu_main_block">
197 
+						<div class="h-menu_block">
198 
+							<a href="../../second/town_admini_info.html">
199 
+								<div class="h-menu_block_text h-menu_block_before">
200 
+									<div class="h-menu_block_text_center">町政情報</div>
201 
+								</div>
202 
+							</a>
203 
+						</div>
204 
+					</div>
205 
+					<div class="h-menu_main_block">
206 
+						<div class="h-menu_block h-menu_block_before">
207 
+							<a href="../../second/sitemap.html">
208 
+								<div class="h-menu_block_text h-menu_block_before">
209 
+									<div class="h-menu_block_text_center">
210 
+										サイトマップ
211 
+									</div>
212 
+								</div>
213 
+							</a>
214 
+						</div>
215 
+					</div>
216 
+					<div class="h-menu_main_block">
217 
+						<div class="h-menu_block h-menu_block_before">
218 
+							<a href="https://ai-staff.net/kitagata/chat">
219 
+								<div class="h-menu_block_text  h-menu_block_before">
220 
+									<div class="h-menu_block_text_center">
221 
+										AIチャット
222 
+									</div>
223 
+								</div>
224 
+							</a>
225 
+						</div>
226 
+					</div>
227 
+					<div class="h-menu_main_block">
228 
+						<div class="h-menu_block h-menu_block_before">
229 
+							<a href="../../third/town_admini_info/administrative_organization_chart.html">
230 
+								<div class="h-menu_block_text">
231 
+									<div class="h-menu_block_text_center">
232 
+										お問い合わせ一覧
233 
+									</div>
234 
+								</div>
235 
+							</a>
236 
+						</div>
237 
+					</div>
238 
+					<div class="h-menu_main_block">
239 
+						<div class="h-menu_lang">
240 
+							<div class="h-menu_block_lang">
241 
+								<div class="h-menu_block_text_center">
242 
+									<div class="h-menu_block_text_line">
243 
+										背景変更
244 
+										<div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
245 
+										</div>
246 
+										<div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
247 
+										</div>
248 
+										<div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
249 
+										</div>
250 
+									</div>
251 
+									<script>
252 
+										getBackgNumber2();
253 
+									</script>
254 
+									<div class="h-menu_block_text_line">言語選択
255 
+										<div class="mobile_translation">
256 
+											<div id="google_translate_element"></div>
257 
+										</div>
258 
+									</div>
259 
+								</div>
260 
+							</div>
261 
+						</div>
262 
+					</div>
263 
+					<div class="h-menu_main_block">
264 
+						<div class="h-menu_search">
265 
+							<div class="h-menu_block_search">
266 
+								<form action="https://www.google.com/search">
267 
+									<input type="hidden" name="hl" value="ja" />
268 
+									<input type="hidden" name="ie" value="UTF-8">
269 
+									<input type="hidden" name="oe" value="UTF-8">
270 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
271 
+									<input type="text" name="q" size="16" maxlength="256" value=""
272 
+										class="mobile_form_input" />
273 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
274 
+								</form>
275 
+							</div>
276 
+						</div>
277 
+					</div>
278 
+				</div>
279 
+			</div>
280 
+		</header>
281 
+
129 282 
 		<div id="third_body">
130 283 
 			<!--セクション space-->
131 284 
 
@@ -148,15 +301,15 @@
148 301 
 					</div>
149 302 
 					<span id="template_article_block">
150 303 
 						<p class="paragraphT10">※収集日が変更になる場合がありますので、くらしのカレンダー各月の記載欄及び広報紙を必ずご覧ください。<br />
151 
-							　　<img src="../../fourth/lifeguide/garbage/images/namagomi_2021.jpg" width="300px"
304 
+							　　<img src="../../fourth/lifeguide/garbage/images/namagomi_2022.jpg" width="300px"
152 305 
 								alt="可燃物（生ごみ）の収集日" /><br />
153 
-							　　<img src="../../fourth/lifeguide/garbage/images/hunenbutu_2021.jpg" width="300px"
306 
+							　　<img src="../../fourth/lifeguide/garbage/images/hunenbutu_2022.jpg" width="300px"
154 307 
 								alt="不燃性廃物の収集日" /></p>
155 308
156 309 
 						<p class="paragraphT10"><strong id="life">乾電池の回収</strong></p>
157 310 
 						<ul>
158 311 
 							<li id="access">リサイクルセンターへの持ち込み</li>
159 
-							<li id="access">役場庁舎、働く婦人の家、総合体育館、青少年ホームの回収箱への拠点回収</li>
312 
+							<li id="access">役場庁舎、働く婦人の家、アルテックアリーナ、青少年ホームの回収箱への拠点回収</li>
160 313 
 							<li id="access">年1回不燃性廃物の収集日に特別収集<br />
161 314 
 								11月：奇数月の第4木曜日の地区<br />
162 315 
 								12月：偶数月の第4木曜日の地区</li>
 
@@ -168,8 +321,9 @@
168 321 
 						</ul>
169 322 
 						<p class="paragraphT10"><strong id="life">ガラスびん・空カン・プラ容器包装・衣類の回収</strong><br />
170 323 
 							<img src="../../fourth/lifeguide/garbage/images/kannbinn_2021.jpg" width="300px"
171 
-								alt="ガラスびん、空カン、プラ容器包装、衣類収集日" /></p>
172 
-						<p class="paragraphT10">※上記収集に関しては、必ず分別して当日朝８時までに地域指定のごみ集積所へ出してください。<br />
324 
+								alt="ガラスびん、空カン、プラ容器包装、衣類収集日" />
325 
+						</p>
326 
+						<p class="paragraphT10">※上記収集に関しては、必ず分別して当日午前８時までに地域指定のごみ集積所へ出してください。<br />
173 327 
 							<!-- ※可燃ごみ（生ごみ）の袋には、シールを1袋に1枚必ず貼ってください。<br /> -->
174 328 
 							※スプレー缶は爆発の恐れがありますので、必ず缶きり等で穴を開けてから出してください。</p>
175 329 
 					</span>
 
@@ -190,13 +344,30 @@
190 344 
 		</div>
191 345
192 346 
 		<footer>
193 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
194 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
195 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
196 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
347 
+			<img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
348 
+			<div class="footer_mobile">
349 
+				<div class="footer_mobile_title">
350 
+					<img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
351 
+					<h1 class="footerMobile__text">北方町役場</h1>
352 
+				</div>
353 
+				<div class="footer_mobile_address">
354 
+					<span class="footerTextWrap__text">
355 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
356 
+					</span><br>
357 
+					電話:058-323-1111(代)<br>
358 
+					FAX:058-323-2963<br>
359 
+					開庁日：8時30分～17時15分<br>
360 
+					（土・日・祝日、年末年始を除く）<br>
361 
+				</div>
362 
+			</div>
363 
+			<br class="sp__brDisplay">
364 
+			<p class="footer_text">
365 
+				<a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
366 
+				<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
367 
+				<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
368 
+			</p>
197 369 
 		</footer>
198 370
199 
-
200 371 
 	</div>
201 372 
 	<img class="cgipageview"
202 373 
 		src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Date_of_collection_of_garbage" height="1"

+ 345
- 150
third/living/Out_garbage.html Переглянути файл 

@@ -1,171 +1,366 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-<script src="../../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>北方町ホームページ</title>
8 
+	<link rel="stylesheet" href="../../css/base.css">
9 
+	<link rel="stylesheet" href="../../css/second_header.css">
10 
+	<link rel="stylesheet" href="../../css/footer.css">
11 
+	<link rel="stylesheet" href="../../css/section.css">
12 
+	<link rel="stylesheet" href="../../css/third_template.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">
18 
+	<script src="../../js/operation.js"></script>
19 
+	<script src="../../js/menu.js"></script>
20 
+	<script src="../../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 22 
 </head>
15 23
16 24 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber3();
37 
-</script>
38 
-</article>
39 
-
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
25 
+	<script type="text/javascript">
26 
+		function googleTranslateElementInit() {
27 
+			new google.translate.TranslateElement({
28 
+				pageLanguage: 'ja',
29 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+			}, 'google_translate_element');
31 
+		}
32 
+	</script>
33 
+	<script type="text/javascript"
34 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
49 35
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
36 
+	<div id="main" class="gothic">
37 
+		<!--セクション 操作-->
38 
+		<section id="operation">
39 
+			<!--セクション 住所-->
40 
+			<article id="address">
41 
+				<address id="operation_add">
42 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
43 
+						TEL:058-323-1111(代)</span>
44 
+				</address>
45 
+			</article>
46 
+			<div id="controle_panel">
47 
+				<!--セクション 背景色-->
48 
+				<article id="bgcolor">
49 
+					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
50 
+					<div id="bgcolor_img">
51 
+						<input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目"
52 
+							onClick="setBackground3(1)">
53 
+						<input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目"
54 
+							onClick="setBackground3(2)">
55 
+						<input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目"
56 
+							onClick="setBackground3(3)">
57 
+					</div>
58 
+				</article>
59 
+				<!--セクション 文字サイズ-->
60 
+				<!--<article id="charsize" >
61 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
62 
+            <div id="charsize_img">
63 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
64 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
65 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
66 
+            </div>
67 
+            </article>-->
79 68
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
69 
+				<!--セクション サイトマップ-->
70 
+				<article id="sitemap">
71 
+					<div id="sitemap_img">
72 
+						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
73 
+								alt="サイトマップ" /></a>
113 74 
 					</div>
75 
+				</article>
76 
+				<!--セクション お問い合わせ-->
77 
+				<article id="contact">
78 
+					<div id="contact_img">
79 
+						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
80 
+								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
81 
+					</div>
82 
+				</article>
83 
+				<!--セクション 翻訳-->
84 
+				<article id="translation">
85 
+					<div id="translation_img">
86 
+						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
87 
+						<div id="google_translate_element"></div>
88 
+						<script type="text/javascript">
89 
+							function googleTranslateElementInit() {
90 
+								new google.translate.TranslateElement({
91 
+									pageLanguage: 'ja',
92 
+									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
93 
+								}, 'google_translate_element');
94 
+							}
95 
+						</script>
96 
+						<script type="text/javascript"
97 
+							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
98 
+					</div>
99 
+				</article>
100 
+				<div id="claer">
114 101 
 				</div>
115 
-			</header>
102 
+			</div>
103 
+		</section>
116 104
117 
-			<div id="third_body">
118 
-				<!--セクション space-->
105 
+		<!--ヘッダーデータ-->
106 
+		<header>
107 
+			<div id="header" class="gothic">
108 
+				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
109 
+						height="260px" /></a>
110 
+				<div id="h_block_1">
111 
+					<div class="h_line">
112 
+					</div>
113 
+					<article class="h_text_l">
114 
+						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
115 
+					</article>
116 
+					<article class="h_text_l">
117 
+						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
118 
+					</article>
119 
+					<article class="h_text_l">
120 
+						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
121 
+					</article>
122 
+					<article class="h_text_l">
123 
+						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 
+					</article>
125 
+				</div>
126 
+				<div id="h_block_search">
127 
+					<div class="h_line"></div>
128 
+					<article class="h_search">
129 
+						<div class="space10"></div>
130 
+						<form action="http://www.google.com/search">
131 
+							<input type="hidden" name="hl" value="ja" />
132 
+							<input type="hidden" name="ie" value="UTF-8">
133 
+							<input type="hidden" name="oe" value="UTF-8">
134 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
135 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
136 
+							<input type="submit" name="btnG" value="検索" />
137 
+						</form>
138 
+					</article>
139 
+				</div>
140 
+			</div>
141 
+		</header>
119 142
120 
-				<!--セクション template-->
121 
-				<section id="template" >
122 
-					<article id="breadcrumb" >
123 
-						<div id="breadcrumb_title">
124 
-							<div id="breadcrumb_title_block">
125 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/living.html">くらしの情報</a>><a href="../../second/Trash.html">ごみ・リサイクル</a>>ごみの出し方のポイント</span>
126 
-							</div>
143 
+		<!-- mobile header -->
144 
+		<header class="header">
145 
+			<div class="headerLogo">
146 
+				<a href="../../index.html" class="header_link"><img class="headerLogo__image"
147 
+						src="../../image/logo_kitagata_green_S.png" alt=""></a>
148 
+			</div>
149 
+			<div class="headerTitle">
150 
+				<a href="../../index.html" class="header_link">
151 
+					<h1 class="headerTitle__text">北方町</h1>
152 
+				</a>
153 
+			</div>
154 
+			<div class="headerSubTitle">
155 
+				<a href="../../index.html" class="header_link">
156 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
157 
+				</a>
158 
+			</div>
159 
+			<div id="h-menu">
160 
+				<span></span>
161 
+				<span></span>
162 
+				<span></span>
163 
+				<div id="h-text">menu</div>
164 
+			</div>
165 
+			<div id="h-nav">
166 
+				<div class="h-menu_main_block_top">
167 
+					<div class="h-menu_main_block">
168 
+						<div class="h-menu_block">
169 
+							<a href="../../second/living.html">
170 
+								<div class="h-menu_block_text h-menu_block_before">
171 
+									<div class="h-menu_block_text_center">くらしの情報</div>
172 
+								</div>
173 
+							</a>
127 174 
 						</div>
128 
-					</article>
129 
-					<article id="template" >
130 
-						<div id="template_title" class="gothic">
131 
-							<div id="template_title_block">
132 
-								<span id="template_title">ごみの出し方のポイント</span>
175 
+					</div>
176 
+					<div class="h-menu_main_block">
177 
+						<div class="h-menu_block">
178 
+							<a href="../../second/tourism.html">
179 
+								<div class="h-menu_block_text h-menu_block_before">
180 
+									<div class="h-menu_block_text_center">
181 
+										観光
182 
+									</div>
183 
+								</div>
184 
+							</a>
185 
+						</div>
186 
+					</div>
187 
+					<div class="h-menu_main_block">
188 
+						<div class="h-menu_block">
189 
+							<a href="../../second/business.html">
190 
+								<div class="h-menu_block_text h-menu_block_before">
191 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
192 
+								</div>
193 
+							</a>
194 
+						</div>
195 
+					</div>
196 
+					<div class="h-menu_main_block">
197 
+						<div class="h-menu_block">
198 
+							<a href="../../second/town_admini_info.html">
199 
+								<div class="h-menu_block_text h-menu_block_before">
200 
+									<div class="h-menu_block_text_center">町政情報</div>
201 
+								</div>
202 
+							</a>
203 
+						</div>
204 
+					</div>
205 
+					<div class="h-menu_main_block">
206 
+						<div class="h-menu_block h-menu_block_before">
207 
+							<a href="../../second/sitemap.html">
208 
+								<div class="h-menu_block_text h-menu_block_before">
209 
+									<div class="h-menu_block_text_center">
210 
+										サイトマップ
211 
+									</div>
212 
+								</div>
213 
+							</a>
214 
+						</div>
215 
+					</div>
216 
+					<div class="h-menu_main_block">
217 
+						<div class="h-menu_block h-menu_block_before">
218 
+							<a href="https://ai-staff.net/kitagata/chat">
219 
+								<div class="h-menu_block_text  h-menu_block_before">
220 
+									<div class="h-menu_block_text_center">
221 
+										AIチャット
222 
+									</div>
223 
+								</div>
224 
+							</a>
225 
+						</div>
226 
+					</div>
227 
+					<div class="h-menu_main_block">
228 
+						<div class="h-menu_block h-menu_block_before">
229 
+							<a href="../../third/town_admini_info/administrative_organization_chart.html">
230 
+								<div class="h-menu_block_text">
231 
+									<div class="h-menu_block_text_center">
232 
+										お問い合わせ一覧
233 
+									</div>
234 
+								</div>
235 
+							</a>
236 
+						</div>
237 
+					</div>
238 
+					<div class="h-menu_main_block">
239 
+						<div class="h-menu_lang">
240 
+							<div class="h-menu_block_lang">
241 
+								<div class="h-menu_block_text_center">
242 
+									<div class="h-menu_block_text_line">
243 
+										背景変更
244 
+										<div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
245 
+										</div>
246 
+										<div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
247 
+										</div>
248 
+										<div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
249 
+										</div>
250 
+									</div>
251 
+									<script>
252 
+										getBackgNumber2();
253 
+									</script>
254 
+									<div class="h-menu_block_text_line">言語選択
255 
+										<div class="mobile_translation">
256 
+											<div id="google_translate_element"></div>
257 
+										</div>
258 
+									</div>
259 
+								</div>
133 260 
 							</div>
134 261 
 						</div>
135 
-						<span id="template_article_block">
136 
-    <p class="paragraphT10">○ごみを効率よく処理し、資源を有効に再利用するため、地域別ステーション収集と北方町リサイクルセンター開放による住民が直接持ち込む方法等でごみの分別収集をしています。</p>
137 
-<br />
138 
-    <p class="paragraphT10">○指定ごみ袋は大袋（45リットル）を1枚50円、中袋（30リットル）を1枚40円、小袋（20リットル）を1枚30円、20 枚入り 1 セットでコンビニ、スーパーなどの町指定の販売店にて販売します。役場窓口では販売しません。<br />
139 
-※指定販売店については、決定次第広報や町ホームページで周知します。 <br />
140 
-※指定販売店は指定店の札を交付し、店舗に掲示してもらいます。
141 
-</p>
142 
-<br />
143 
-    <p class="paragraphT10">○粗大ごみは、北方町リサイクルセンターの開放日（火・木・金曜日及び第2･第4日曜日）に手数料400円/10kgで受けています。なお、予約にて有料戸別収集（手数料＋運搬料1,000円／回）を月・水曜日に行っています。</p>
144 
-<br />
145 
-    <p class="paragraphT10">○ごみは正しく分別し、決められた曜日、場所、時間（午前7時から午前8時）などを守ってください。（年末年始、祝祭日前後は変更があることがありますので、広報きたがた･北方町くらしのカレンダーをご確認ください。）</p>
146 
-						</span>
147 
-					</article>
148 
-					<article id="template_list_title" >
149 
-						<div id="template_title2" class="gothic">
150 
-							<div id="template_title_block">
151 
-								<span id="template_title2">お問い合わせ</span>
262 
+					</div>
263 
+					<div class="h-menu_main_block">
264 
+						<div class="h-menu_search">
265 
+							<div class="h-menu_block_search">
266 
+								<form action="https://www.google.com/search">
267 
+									<input type="hidden" name="hl" value="ja" />
268 
+									<input type="hidden" name="ie" value="UTF-8">
269 
+									<input type="hidden" name="oe" value="UTF-8">
270 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
271 
+									<input type="text" name="q" size="16" maxlength="256" value=""
272 
+										class="mobile_form_input" />
273 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
274 
+								</form>
152 275 
 							</div>
153 276 
 						</div>
154 
-						<span id="template_article_block">
277 
+					</div>
278 
+				</div>
279 
+			</div>
280 
+		</header>
281 
+
282 
+		<div id="third_body">
283 
+			<!--セクション space-->
284 
+
285 
+			<!--セクション template-->
286 
+			<section id="template">
287 
+				<article id="breadcrumb">
288 
+					<div id="breadcrumb_title">
289 
+						<div id="breadcrumb_title_block">
290 
+							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
291 
+									href="../../second/living.html">くらしの情報</a>><a
292 
+									href="../../second/Trash.html">ごみ・リサイクル</a>>ごみの出し方のポイント</span>
293 
+						</div>
294 
+					</div>
295 
+				</article>
296 
+				<article id="template">
297 
+					<div id="template_title" class="gothic">
298 
+						<div id="template_title_block">
299 
+							<span id="template_title">ごみの出し方のポイント</span>
300 
+						</div>
301 
+					</div>
302 
+					<span id="template_article_block">
303 
+						<p class="paragraphT10">
304 
+							○ごみを効率よく処理し、資源を有効に再利用するため、地域別ステーション収集と北方町リサイクルセンター開放による住民が直接持ち込む方法等でごみの分別収集をしています。</p>
305 
+						<br />
306 
+						<p class="paragraphT10">○指定ごみ袋は大袋（45リットル）を1枚50円、中袋（30リットル）を1枚40円、小袋（20リットル）を1枚30円、20 枚入り 1
307 
+							セットでコンビニ、スーパーなどの町指定の販売店にて販売します。役場窓口では販売しません。<br />
308 
+							※指定販売店については、決定次第広報や町ホームページで周知します。 <br />
309 
+							※指定販売店は指定店の札を交付し、店舗に掲示してもらいます。
310 
+						</p>
311 
+						<br />
312 
+						<p class="paragraphT10">
313 
+							○粗大ごみは、北方町リサイクルセンターの開放日（火・木・金曜日及び第2･第4日曜日）に手数料400円/10kgで受けています。なお、予約にて有料戸別収集（手数料＋運搬料1,000円／回）を月・水曜日に行っています。
314 
+						</p>
315 
+						<br />
316 
+						<p class="paragraphT10">
317 
+							○ごみは正しく分別し、決められた曜日、場所、時間（午前8時までに）などを守ってください。（年末年始、祝祭日前後は変更があることがありますので、広報きたがた･カワセミ便･北方町くらしのカレンダーをご確認ください。）
318 
+						</p>
319 
+					</span>
320 
+				</article>
321 
+				<article id="template_list_title">
322 
+					<div id="template_title2" class="gothic">
323 
+						<div id="template_title_block">
324 
+							<span id="template_title2">お問い合わせ</span>
325 
+						</div>
326 
+					</div>
327 
+					<span id="template_article_block">
155 328 
 						都市環境課<br />
156 329 
 						Tel 058-323-1114<br />
157 330 
 						<a href="../../second/Inquiry_form_urban.html">お問い合わせフォーム</a>
158 
-						</span>
159 
-					</article>
160 
-				</section>
161 
-			</div>
331 
+					</span>
332 
+				</article>
333 
+			</section>
334 
+		</div>
162 335
163 
-						<footer>
164 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
165 
-                <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
166 
-			</footer>
336 
+		<footer>
337 
+			<img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
338 
+			<div class="footer_mobile">
339 
+				<div class="footer_mobile_title">
340 
+					<img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
341 
+					<h1 class="footerMobile__text">北方町役場</h1>
342 
+				</div>
343 
+				<div class="footer_mobile_address">
344 
+					<span class="footerTextWrap__text">
345 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
346 
+					</span><br>
347 
+					電話:058-323-1111(代)<br>
348 
+					FAX:058-323-2963<br>
349 
+					開庁日：8時30分～17時15分<br>
350 
+					（土・日・祝日、年末年始を除く）<br>
351 
+				</div>
352 
+			</div>
353 
+			<br class="sp__brDisplay">
354 
+			<p class="footer_text">
355 
+				<a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
356 
+				<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
357 
+				<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
358 
+			</p>
359 
+		</footer>
167 360
361 
+	</div>
362 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Out_garbage" height="1"
363 
+		width="1" />
364 
+</body>
168 365
169 
-		</div>
170 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Out_garbage" height="1" width="1" /></body>
171 
-</html>
366 
+</html>

+ 214
- 34
third/living/Recycling_Center.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,12 +11,30 @@
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">
18 
+  <link rel="stylesheet" href="../../css/image.css">
19 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
13 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
14 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 24 
 </head>
17 25
18 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>
37 
+
19 38 
   <div id="main" class="gothic">
20 39 
     <!--セクション 操作-->
21 40 
     <section id="operation">
 
@@ -30,24 +49,20 @@
30 49 
         <article id="bgcolor">
31 50 
           <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 51 
           <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
52 
+            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
53 
+            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
54 
+            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
36 55 
           </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 56 
         </article>
41 
-
42 57 
         <!--セクション 文字サイズ-->
43 58 
         <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
59 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
60 
+      <div id="charsize_img">
61 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
62 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
63 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
64 
+      </div>
65 
+      </article>-->
51 66
52 67 
         <!--セクション サイトマップ-->
53 68 
         <article id="sitemap">
 
@@ -121,6 +136,144 @@
121 136 
       </div>
122 137 
     </header>
123 138
139 
+    <!-- mobile header -->
140 
+    <header class="header">
141 
+      <div class="headerLogo">
142 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
143 
+            src="../../image/logo_kitagata_green_S.png" alt=""></a>
144 
+      </div>
145 
+      <div class="headerTitle">
146 
+        <a href="../../index.html" class="header_link">
147 
+          <h1 class="headerTitle__text">北方町</h1>
148 
+        </a>
149 
+      </div>
150 
+      <div class="headerSubTitle">
151 
+        <a href="../../index.html" class="header_link">
152 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
153 
+        </a>
154 
+      </div>
155 
+      <div id="h-menu">
156 
+        <span></span>
157 
+        <span></span>
158 
+        <span></span>
159 
+        <div id="h-text">menu</div>
160 
+      </div>
161 
+      <div id="h-nav">
162 
+        <div class="h-menu_main_block_top">
163 
+          <div class="h-menu_main_block">
164 
+            <div class="h-menu_block">
165 
+              <a href="../../second/living.html">
166 
+                <div class="h-menu_block_text h-menu_block_before">
167 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
168 
+                </div>
169 
+              </a>
170 
+            </div>
171 
+          </div>
172 
+          <div class="h-menu_main_block">
173 
+            <div class="h-menu_block">
174 
+              <a href="../../second/tourism.html">
175 
+                <div class="h-menu_block_text h-menu_block_before">
176 
+                  <div class="h-menu_block_text_center">
177 
+                    観光
178 
+                  </div>
179 
+                </div>
180 
+              </a>
181 
+            </div>
182 
+          </div>
183 
+          <div class="h-menu_main_block">
184 
+            <div class="h-menu_block">
185 
+              <a href="../../second/business.html">
186 
+                <div class="h-menu_block_text h-menu_block_before">
187 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
188 
+                </div>
189 
+              </a>
190 
+            </div>
191 
+          </div>
192 
+          <div class="h-menu_main_block">
193 
+            <div class="h-menu_block">
194 
+              <a href="../../second/town_admini_info.html">
195 
+                <div class="h-menu_block_text h-menu_block_before">
196 
+                  <div class="h-menu_block_text_center">町政情報</div>
197 
+                </div>
198 
+              </a>
199 
+            </div>
200 
+          </div>
201 
+          <div class="h-menu_main_block">
202 
+            <div class="h-menu_block h-menu_block_before">
203 
+              <a href="../../second/sitemap.html">
204 
+                <div class="h-menu_block_text h-menu_block_before">
205 
+                  <div class="h-menu_block_text_center">
206 
+                    サイトマップ
207 
+                  </div>
208 
+                </div>
209 
+              </a>
210 
+            </div>
211 
+          </div>
212 
+          <div class="h-menu_main_block">
213 
+            <div class="h-menu_block h-menu_block_before">
214 
+              <a href="https://ai-staff.net/kitagata/chat">
215 
+                <div class="h-menu_block_text  h-menu_block_before">
216 
+                  <div class="h-menu_block_text_center">
217 
+                    AIチャット
218 
+                  </div>
219 
+                </div>
220 
+              </a>
221 
+            </div>
222 
+          </div>
223 
+          <div class="h-menu_main_block">
224 
+            <div class="h-menu_block h-menu_block_before">
225 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
226 
+                <div class="h-menu_block_text">
227 
+                  <div class="h-menu_block_text_center">
228 
+                    お問い合わせ一覧
229 
+                  </div>
230 
+                </div>
231 
+              </a>
232 
+            </div>
233 
+          </div>
234 
+          <div class="h-menu_main_block">
235 
+            <div class="h-menu_lang">
236 
+              <div class="h-menu_block_lang">
237 
+                <div class="h-menu_block_text_center">
238 
+                  <div class="h-menu_block_text_line">
239 
+                    背景変更
240 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
241 
+                    </div>
242 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
243 
+                    </div>
244 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
245 
+                    </div>
246 
+                  </div>
247 
+                  <script>
248 
+                    getBackgNumber2();
249 
+                  </script>
250 
+                  <div class="h-menu_block_text_line">言語選択
251 
+                    <div class="mobile_translation">
252 
+                      <div id="google_translate_element"></div>
253 
+                    </div>
254 
+                  </div>
255 
+                </div>
256 
+              </div>
257 
+            </div>
258 
+          </div>
259 
+          <div class="h-menu_main_block">
260 
+            <div class="h-menu_search">
261 
+              <div class="h-menu_block_search">
262 
+                <form action="https://www.google.com/search">
263 
+                  <input type="hidden" name="hl" value="ja" />
264 
+                  <input type="hidden" name="ie" value="UTF-8">
265 
+                  <input type="hidden" name="oe" value="UTF-8">
266 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
267 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
268 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
269 
+                </form>
270 
+              </div>
271 
+            </div>
272 
+          </div>
273 
+        </div>
274 
+      </div>
275 
+    </header>
276 
+
124 277 
     <div id="third_body">
125 278 
       <!--セクション space-->
126 279 
 
@@ -142,18 +295,24 @@
142 295 
             </div>
143 296 
           </div>
144 297 
           <span id="template_article_block">
145 
-            <p class="paragraphT10"> <a href="../../fourth/lifeguide/garbage/pdf/creanrisaikuru2021.pdf"
146 
-                target="_blank"><img src="../../fourth/lifeguide/garbage/images/creanrisaikuru2021.png"
147 
-                  alt="クリーンリサイクルの日" width="200" id="left" /></a><br />
298 
+            <p class="paragraphT10">
299 
+              <a href="../../fourth/lifeguide/garbage/pdf/creanrisaikuru2022.pdf" target="_blank">
300 
+                <img src="../../fourth/lifeguide/garbage/images/creanrisaikuru2022.png" alt="クリーンリサイクルの日" width="200"
301 
+                  id="left" />
302 
+              </a><br />
148 303 
               <a href="../../fourth/lifeguide/garbage/pdf/creanrisaikuru2021.pdf"
149 304 
                 target="_blank">詳しくはPDF「クリーンリサイクルの日(PDF
150 
-                約1.1MB)」をご覧ください。</a></p>
305 
+                約1.1MB)」をご覧ください。</a>
306 
+            </p>
151 307 
             <br class="clear" />
152 308
153 309 
             <p class="paragraphT10">リサイクルセンターでは、火・木・金曜日及び第２・４日曜日を「クリーンリサイクルの日」として開放し、粗大ごみ・資源ごみ等の持ち込みができます。</p>
154 310 
             <p class="paragraphT5">案内図<br />
155 
-              <img src="../../fourth/lifeguide/garbage/images/img_gabagecenter_02.png" alt="北方町リサイクルセンター地図" width="450"
156 
-                height="355" id="center" /></p>
311 
+            <div class="template_imageWrapper_mobile">
312 
+              <img class="template_image_mobile kitagataRecycleMap"
313 
+                src="../../fourth/lifeguide/garbage/images/img_gabagecenter_02.png" alt="北方町リサイクルセンター地図" />
314 
+            </div>
315 
+            </p>
157 316 
             〒501-0446 北方町柱本700番地 ＴＥＬ320-1530 ＦＡＸ320-1514</p>
158 317 
             <p class="paragraphT10"><strong id="life">開放日・開放時間</strong><br />
159 318 
             </p>
 
@@ -172,14 +331,15 @@
172 331 
               <li>粗大ごみ　400円／10kg</li>
173 332 
               <li>資源ごみ　無料</li>
174 333 
             </ul>
175 
-            <img src="../../fourth/lifeguide/garbage/images/ecopark_kitagata.jpg" alt="エコパークきたがた" /><br />
176 
-
177 
-
334 
+            <div class="template_imageWrapper_mobile">
335 
+              <img class="template_image_mobile" src="../../fourth/lifeguide/garbage/images/ecopark_kitagata.jpg"
336 
+                alt="エコパークきたがた" /><br />
337 
+            </div>
178 338 
             <p class="paragraphT10"><strong id="life">リサイクルセンター利用時の注意事項</strong></p>
179 339 
             <ul>
180 
-              <li id="access">リサイクルセンターご利用時は、必ず「クリーンリサイクル入場券」を持参し係員に提示願います。お忘れの場合は、住民の確認（運転免許証の提示）をさせていただきます。</li>
340 
+              <li id="access">リサイクルセンターご利用時は、必ず「クリーンリサイクル入場券」を持参し係員に提示願います。お忘れの場合は、住民の確認（運転免許証等の提示等）をさせていただきます。</li>
181 341 
               <li id="access">ごみの出し方を守り、場内の指定された場所に分別して搬出してください。</li>
182 
-              <li id="access">2トン車以下の車でお願いします。</li>
342 
+              <li id="access">2トン車以下(車体に記載)の車でお願いします。</li>
183 343 
               <li id="access">生ごみは持ち込めません。 </li>
184 344 
               <li id="access">古紙類については、子供会の集団回収にご協力ください。</li>
185 345 
             </ul>
 
@@ -191,7 +351,10 @@
191 351 
               <li id="life">リサイクル棟を出て、内側を一周して再度計量機にて計量。手数料を支払う。</li>
192 352 
               <li id="life">リサイクル棟を一周して、出口から退場する。</li>
193 353 
             </ol>
194 
-            <img src="../../fourth/lifeguide/garbage/images/creanrecyclecard.jpg" alt="クリーンリサイクル入場券" /><br />
354 
+            <div class="template_imageWrapper_mobile">
355 
+              <img class="template_image_mobile" src="../../fourth/lifeguide/garbage/images/creanrecyclecard.jpg"
356 
+                alt="クリーンリサイクル入場券" /><br />
357 
+            </div>
195 358 
             <p class="paragraphT10"><strong id="life">無償譲渡会</strong><br />
196 359 
               町民から粗大ごみとして排出されたもので、再使用が可能と思われるものをプラザ棟に展示し、年に1・2回無償譲渡会を開催しています。（開催日は広報にて）</p>
197 360 
           </span>
 
@@ -212,16 +375,33 @@
212 375 
     </div>
213 376
214 377 
     <footer>
215 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
216 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
217 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
218 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
378 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
379 
+      <div class="footer_mobile">
380 
+        <div class="footer_mobile_title">
381 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
382 
+          <h1 class="footerMobile__text">北方町役場</h1>
383 
+        </div>
384 
+        <div class="footer_mobile_address">
385 
+          <span class="footerTextWrap__text">
386 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
387 
+          </span><br>
388 
+          電話:058-323-1111(代)<br>
389 
+          FAX:058-323-2963<br>
390 
+          開庁日：8時30分～17時15分<br>
391 
+          （土・日・祝日、年末年始を除く）<br>
392 
+        </div>
393 
+      </div>
394 
+      <br class="sp__brDisplay">
395 
+      <p class="footer_text">
396 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
397 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
398 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
399 
+      </p>
219 400 
     </footer>
220 401
221 
-
222 402 
   </div>
223 403 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Recycling_Center" height="1"
224 404 
     width="1" />
225 405 
 </body>
226 406
227 
-</html>
407 
+</html>

+ 195
- 25
third/living/Waste_separation.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,12 +11,28 @@
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 
   <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
20 37 
     <!--セクション 操作-->
21 38 
     <section id="operation">
 
@@ -30,24 +47,20 @@
30 47 
         <article id="bgcolor">
31 48 
           <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 49 
           <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
50 
+            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
36 53 
           </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 54 
         </article>
41 
-
42 55 
         <!--セクション 文字サイズ-->
43 56 
         <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
57 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+            <div id="charsize_img">
59 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+            </div>
63 
+            </article>-->
51 64
52 65 
         <!--セクション サイトマップ-->
53 66 
         <article id="sitemap">
 
@@ -83,6 +96,7 @@
83 96 
         </div>
84 97 
       </div>
85 98 
     </section>
99 
+
86 100 
     <!--ヘッダーデータ-->
87 101 
     <header>
88 102 
       <div id="header" class="gothic">
 
@@ -119,6 +133,144 @@
119 133 
         </div>
120 134 
       </div>
121 135 
     </header>
136 
+
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+      <div class="headerLogo">
140 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+            src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+      </div>
143 
+      <div class="headerTitle">
144 
+        <a href="../../index.html" class="header_link">
145 
+          <h1 class="headerTitle__text">北方町</h1>
146 
+        </a>
147 
+      </div>
148 
+      <div class="headerSubTitle">
149 
+        <a href="../../index.html" class="header_link">
150 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+        </a>
152 
+      </div>
153 
+      <div id="h-menu">
154 
+        <span></span>
155 
+        <span></span>
156 
+        <span></span>
157 
+        <div id="h-text">menu</div>
158 
+      </div>
159 
+      <div id="h-nav">
160 
+        <div class="h-menu_main_block_top">
161 
+          <div class="h-menu_main_block">
162 
+            <div class="h-menu_block">
163 
+              <a href="../../second/living.html">
164 
+                <div class="h-menu_block_text h-menu_block_before">
165 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                </div>
167 
+              </a>
168 
+            </div>
169 
+          </div>
170 
+          <div class="h-menu_main_block">
171 
+            <div class="h-menu_block">
172 
+              <a href="../../second/tourism.html">
173 
+                <div class="h-menu_block_text h-menu_block_before">
174 
+                  <div class="h-menu_block_text_center">
175 
+                    観光
176 
+                  </div>
177 
+                </div>
178 
+              </a>
179 
+            </div>
180 
+          </div>
181 
+          <div class="h-menu_main_block">
182 
+            <div class="h-menu_block">
183 
+              <a href="../../second/business.html">
184 
+                <div class="h-menu_block_text h-menu_block_before">
185 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
186 
+                </div>
187 
+              </a>
188 
+            </div>
189 
+          </div>
190 
+          <div class="h-menu_main_block">
191 
+            <div class="h-menu_block">
192 
+              <a href="../../second/town_admini_info.html">
193 
+                <div class="h-menu_block_text h-menu_block_before">
194 
+                  <div class="h-menu_block_text_center">町政情報</div>
195 
+                </div>
196 
+              </a>
197 
+            </div>
198 
+          </div>
199 
+          <div class="h-menu_main_block">
200 
+            <div class="h-menu_block h-menu_block_before">
201 
+              <a href="../../second/sitemap.html">
202 
+                <div class="h-menu_block_text h-menu_block_before">
203 
+                  <div class="h-menu_block_text_center">
204 
+                    サイトマップ
205 
+                  </div>
206 
+                </div>
207 
+              </a>
208 
+            </div>
209 
+          </div>
210 
+          <div class="h-menu_main_block">
211 
+            <div class="h-menu_block h-menu_block_before">
212 
+              <a href="https://ai-staff.net/kitagata/chat">
213 
+                <div class="h-menu_block_text  h-menu_block_before">
214 
+                  <div class="h-menu_block_text_center">
215 
+                    AIチャット
216 
+                  </div>
217 
+                </div>
218 
+              </a>
219 
+            </div>
220 
+          </div>
221 
+          <div class="h-menu_main_block">
222 
+            <div class="h-menu_block h-menu_block_before">
223 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                <div class="h-menu_block_text">
225 
+                  <div class="h-menu_block_text_center">
226 
+                    お問い合わせ一覧
227 
+                  </div>
228 
+                </div>
229 
+              </a>
230 
+            </div>
231 
+          </div>
232 
+          <div class="h-menu_main_block">
233 
+            <div class="h-menu_lang">
234 
+              <div class="h-menu_block_lang">
235 
+                <div class="h-menu_block_text_center">
236 
+                  <div class="h-menu_block_text_line">
237 
+                    背景変更
238 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                    </div>
240 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                    </div>
242 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                    </div>
244 
+                  </div>
245 
+                  <script>
246 
+                    getBackgNumber2();
247 
+                  </script>
248 
+                  <div class="h-menu_block_text_line">言語選択
249 
+                    <div class="mobile_translation">
250 
+                      <div id="google_translate_element"></div>
251 
+                    </div>
252 
+                  </div>
253 
+                </div>
254 
+              </div>
255 
+            </div>
256 
+          </div>
257 
+          <div class="h-menu_main_block">
258 
+            <div class="h-menu_search">
259 
+              <div class="h-menu_block_search">
260 
+                <form action="https://www.google.com/search">
261 
+                  <input type="hidden" name="hl" value="ja" />
262 
+                  <input type="hidden" name="ie" value="UTF-8">
263 
+                  <input type="hidden" name="oe" value="UTF-8">
264 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
265 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
266 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
267 
+                </form>
268 
+              </div>
269 
+            </div>
270 
+          </div>
271 
+        </div>
272 
+      </div>
273 
+    </header>
122 274 
     　　　　　　　　　　　　　　　　　　　
123 275 
     <div id="third_body">
124 276 
       <!--セクション space-->
 
@@ -141,11 +293,12 @@
141 293 
           </div>
142 294 
           <span id="template_article_block">
143 295 
             <p class="paragraphT10">
144 
-              <a href="../../fourth/lifeguide/garbage/pdf/gabage_rule2021.pdf" target="_blank"><img
145 
-                  src="../../fourth/lifeguide/garbage/images/gabage_rule2021.png" alt="ごみの出し方案内" width="200"
146 
-                  height="293" id="left" /></a></p><br />
296 
+              <a href="../../fourth/lifeguide/garbage/pdf/gabage_rule2022.pdf" target="_blank"><img
297 
+                  src="../../fourth/lifeguide/garbage/images/gabage_rule2022.png" alt="ごみの出し方案内" width="200"
298 
+                  height="293" id="left" /></a>
299 
+            </p><br />
147 300 
             <a href="../../fourth/lifeguide/garbage/pdf/gabage_rule2020.pdf" target="_blank">詳しくはPDF「ごみの出し方案内(PDF
148 
-              約1.1MB)」をご覧ください。</a>&emsp;
301 
+              約5.4MB)」をご覧ください。</a>&emsp;
149 302 
             <a href="../../fourth/lifeguide/garbage/images/gabage_rule2017_english.pdf"
150 303 
               target="_blank">English</a>&emsp;
151 304 
             <a href="../../fourth/lifeguide/garbage/images/gabage_rule2017_chinese.pdf" target="_blank">中文</a>
 
@@ -172,16 +325,33 @@
172 325 
     </div>
173 326
174 327 
     <footer>
175 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
176 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
177 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
178 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
328 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
329 
+      <div class="footer_mobile">
330 
+        <div class="footer_mobile_title">
331 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
332 
+          <h1 class="footerMobile__text">北方町役場</h1>
333 
+        </div>
334 
+        <div class="footer_mobile_address">
335 
+          <span class="footerTextWrap__text">
336 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
337 
+          </span><br>
338 
+          電話:058-323-1111(代)<br>
339 
+          FAX:058-323-2963<br>
340 
+          開庁日：8時30分～17時15分<br>
341 
+          （土・日・祝日、年末年始を除く）<br>
342 
+        </div>
343 
+      </div>
344 
+      <br class="sp__brDisplay">
345 
+      <p class="footer_text">
346 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
347 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
348 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
349 
+      </p>
179 350 
     </footer>
180 351
181 
-
182 352 
   </div>
183 353 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Waste_separation" height="1"
184 354 
     width="1" />
185 355 
 </body>
186 356
187 
-</html>
357 
+</html>

+ 456
- 261
third/living/Waste_that_can_not_be_recovered.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,293 +11,487 @@
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">
18 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
19 
+    <link rel="stylesheet" href="../../css/image.css">
20 
+    <link rel="stylesheet" href="../../css/image_mobile.css">
13 21 
     <script src="../../js/operation.js"></script>
22 
+    <script src="../../js/menu.js"></script>
23 
+    <script src="../../js/accordion.js"></script>
14 24 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 25 
 </head>
17 26
18 27 
 <body id="back">
19 
-<div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-        <!--セクション 住所-->
23 
-        <article id="address">
24 
-            <address id="operation_add">
25 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
27 
-            </address>
28 
-        </article>
29 
-        <div id="controle_panel">
30 
-            <!--セクション 背景色-->
31 
-            <article id="bgcolor">
32 
-                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 
-                <div id="bgcolor_img">
34 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                           onClick="setBackground3(1)">
36 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                           onClick="setBackground3(2)">
38 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                           onClick="setBackground3(3)">
40 
-                </div>
41 
-                <script>
42 
-                    getBackgNumber3();
43 
-                </script>
28 
+    <script type="text/javascript">
29 
+        function googleTranslateElementInit() {
30 
+            new google.translate.TranslateElement({
31 
+                pageLanguage: 'ja',
32 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
33 
+            }, 'google_translate_element');
34 
+        }
35 
+    </script>
36 
+    <script type="text/javascript"
37 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
38 
+    <div id="main" class="gothic">
39 
+        <!--セクション 操作-->
40 
+        <section id="operation">
41 
+            <!--セクション 住所-->
42 
+            <article id="address">
43 
+                <address id="operation_add">
44 
+                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
45 
+                        TEL:058-323-1111(代)</span>
46 
+                </address>
44 47 
             </article>
48 
+            <div id="controle_panel">
49 
+                <!--セクション 背景色-->
50 
+                <article id="bgcolor">
51 
+                    <img src="../../css/img/013.png" alt="背景色変更ボックス" />
52 
+                    <div id="bgcolor_img">
53 
+                        <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目"
54 
+                            onClick="setBackground3(1)">
55 
+                        <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目"
56 
+                            onClick="setBackground3(2)">
57 
+                        <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目"
58 
+                            onClick="setBackground3(3)">
59 
+                    </div>
60 
+                </article>
61 
+                <!--セクション 文字サイズ-->
62 
+                <!--<article id="charsize" >
63 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
64 
+      <div id="charsize_img">
65 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
66 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
67 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
68 
+      </div>
69 
+      </article>-->
45 70
46 
-            <!--セクション 文字サイズ-->
47 
-            <!--<article id="charsize" >
48 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-            <!--セクション サイトマップ-->
57 
-            <article id="sitemap">
58 
-                <div id="sitemap_img">
59 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                             alt="サイトマップ"/></a>
61 
-                </div>
62 
-            </article>
63 
-            <!--セクション お問い合わせ-->
64 
-            <article id="contact">
65 
-                <div id="contact_img">
66 
-                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
67 
-                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
68 
-                </div>
69 
-            </article>
70 
-            <!--セクション 翻訳-->
71 
-            <article id="translation">
72 
-                <div id="translation_img">
73 
-                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-                    <div id="google_translate_element"></div>
75 
-                    <script type="text/javascript">
76 
-                        function googleTranslateElementInit() {
77 
-                            new google.translate.TranslateElement({
78 
-                                pageLanguage: 'ja',
79 
-                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-                            }, 'google_translate_element');
81 
-                        }
82 
-                    </script>
83 
-                    <script type="text/javascript"
71 
+                <!--セクション サイトマップ-->
72 
+                <article id="sitemap">
73 
+                    <div id="sitemap_img">
74 
+                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
75 
+                                alt="サイトマップ" /></a>
76 
+                    </div>
77 
+                </article>
78 
+                <!--セクション お問い合わせ-->
79 
+                <article id="contact">
80 
+                    <div id="contact_img">
81 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
82 
+                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
83 
+                    </div>
84 
+                </article>
85 
+                <!--セクション 翻訳-->
86 
+                <article id="translation">
87 
+                    <div id="translation_img">
88 
+                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
89 
+                        <div id="google_translate_element"></div>
90 
+                        <script type="text/javascript">
91 
+                            function googleTranslateElementInit() {
92 
+                                new google.translate.TranslateElement({
93 
+                                    pageLanguage: 'ja',
94 
+                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
95 
+                                }, 'google_translate_element');
96 
+                            }
97 
+                        </script>
98 
+                        <script type="text/javascript"
84 99 
                             src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
100 
+                    </div>
101 
+                </article>
102 
+                <div id="claer">
85 103 
                 </div>
86 
-            </article>
87 
-            <div id="claer">
88 104 
             </div>
89 
-        </div>
90 
-    </section>
105 
+        </section>
91 106
92 
-    <!--ヘッダーデータ-->
93 
-    <header>
94 
-        <div id="header" class="gothic">
95 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                                            height="260px"/></a>
97 
-            <div id="h_block_1">
98 
-                <div class="h_line">
107 
+        <!--ヘッダーデータ-->
108 
+        <header>
109 
+            <div id="header" class="gothic">
110 
+                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
111 
+                        height="260px" /></a>
112 
+                <div id="h_block_1">
113 
+                    <div class="h_line">
114 
+                    </div>
115 
+                    <article class="h_text_l">
116 
+                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
117 
+                    </article>
118 
+                    <article class="h_text_l">
119 
+                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
120 
+                    </article>
121 
+                    <article class="h_text_l">
122 
+                        <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
123 
+                    </article>
124 
+                    <article class="h_text_l">
125 
+                        <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
126 
+                    </article>
127 
+                </div>
128 
+                <div id="h_block_search">
129 
+                    <div class="h_line"></div>
130 
+                    <article class="h_search">
131 
+                        <div class="space10"></div>
132 
+                        <form action="http://www.google.com/search">
133 
+                            <input type="hidden" name="hl" value="ja" />
134 
+                            <input type="hidden" name="ie" value="UTF-8">
135 
+                            <input type="hidden" name="oe" value="UTF-8">
136 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
137 
+                            <input type="text" name="q" size="16" maxlength="256" value="" />
138 
+                            <input type="submit" name="btnG" value="検索" />
139 
+                        </form>
140 
+                    </article>
99 141 
                 </div>
100 
-                <article class="h_text_l">
101 
-                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-                </article>
103 
-                <article class="h_text_l">
104 
-                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-                </article>
106 
-                <article class="h_text_l">
107 
-                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
108 
-                </article>
109 
-                <article class="h_text_l">
110 
-                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
111 
-                </article>
112 142 
             </div>
113 
-            <div id="h_block_search">
114 
-                <div class="h_line"></div>
115 
-                <article class="h_search">
116 
-                    <div class="space10"></div>
117 
-                    <form action="http://www.google.com/search">
118 
-                        <input type="hidden" name="hl" value="ja"/>
119 
-                        <input type="hidden" name="ie" value="UTF-8">
120 
-                        <input type="hidden" name="oe" value="UTF-8">
121 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
122 
-                        <input type="text" name="q" size="16" maxlength="256" value=""/>
123 
-                        <input type="submit" name="btnG" value="検索"/>
124 
-                    </form>
125 
-                </article>
143 
+        </header>
144 
+
145 
+        <!-- mobile header -->
146 
+        <header class="header">
147 
+            <div class="headerLogo">
148 
+                <a href="../../index.html" class="header_link"><img class="headerLogo__image"
149 
+                        src="../../image/logo_kitagata_green_S.png" alt=""></a>
126 150 
             </div>
127 
-        </div>
128 
-    </header>
151 
+            <div class="headerTitle">
152 
+                <a href="../../index.html" class="header_link">
153 
+                    <h1 class="headerTitle__text">北方町</h1>
154 
+                </a>
155 
+            </div>
156 
+            <div class="headerSubTitle">
157 
+                <a href="../../index.html" class="header_link">
158 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
159 
+                </a>
160 
+            </div>
161 
+            <div id="h-menu">
162 
+                <span></span>
163 
+                <span></span>
164 
+                <span></span>
165 
+                <div id="h-text">menu</div>
166 
+            </div>
167 
+            <div id="h-nav">
168 
+                <div class="h-menu_main_block_top">
169 
+                    <div class="h-menu_main_block">
170 
+                        <div class="h-menu_block">
171 
+                            <a href="../../second/living.html">
172 
+                                <div class="h-menu_block_text h-menu_block_before">
173 
+                                    <div class="h-menu_block_text_center">くらしの情報</div>
174 
+                                </div>
175 
+                            </a>
176 
+                        </div>
177 
+                    </div>
178 
+                    <div class="h-menu_main_block">
179 
+                        <div class="h-menu_block">
180 
+                            <a href="../../second/tourism.html">
181 
+                                <div class="h-menu_block_text h-menu_block_before">
182 
+                                    <div class="h-menu_block_text_center">
183 
+                                        観光
184 
+                                    </div>
185 
+                                </div>
186 
+                            </a>
187 
+                        </div>
188 
+                    </div>
189 
+                    <div class="h-menu_main_block">
190 
+                        <div class="h-menu_block">
191 
+                            <a href="../../second/business.html">
192 
+                                <div class="h-menu_block_text h-menu_block_before">
193 
+                                    <div class="h-menu_block_text_center">事業者向け情報</div>
194 
+                                </div>
195 
+                            </a>
196 
+                        </div>
197 
+                    </div>
198 
+                    <div class="h-menu_main_block">
199 
+                        <div class="h-menu_block">
200 
+                            <a href="../../second/town_admini_info.html">
201 
+                                <div class="h-menu_block_text h-menu_block_before">
202 
+                                    <div class="h-menu_block_text_center">町政情報</div>
203 
+                                </div>
204 
+                            </a>
205 
+                        </div>
206 
+                    </div>
207 
+                    <div class="h-menu_main_block">
208 
+                        <div class="h-menu_block h-menu_block_before">
209 
+                            <a href="../../second/sitemap.html">
210 
+                                <div class="h-menu_block_text h-menu_block_before">
211 
+                                    <div class="h-menu_block_text_center">
212 
+                                        サイトマップ
213 
+                                    </div>
214 
+                                </div>
215 
+                            </a>
216 
+                        </div>
217 
+                    </div>
218 
+                    <div class="h-menu_main_block">
219 
+                        <div class="h-menu_block h-menu_block_before">
220 
+                            <a href="https://ai-staff.net/kitagata/chat">
221 
+                                <div class="h-menu_block_text  h-menu_block_before">
222 
+                                    <div class="h-menu_block_text_center">
223 
+                                        AIチャット
224 
+                                    </div>
225 
+                                </div>
226 
+                            </a>
227 
+                        </div>
228 
+                    </div>
229 
+                    <div class="h-menu_main_block">
230 
+                        <div class="h-menu_block h-menu_block_before">
231 
+                            <a href="../../third/town_admini_info/administrative_organization_chart.html">
232 
+                                <div class="h-menu_block_text">
233 
+                                    <div class="h-menu_block_text_center">
234 
+                                        お問い合わせ一覧
235 
+                                    </div>
236 
+                                </div>
237 
+                            </a>
238 
+                        </div>
239 
+                    </div>
240 
+                    <div class="h-menu_main_block">
241 
+                        <div class="h-menu_lang">
242 
+                            <div class="h-menu_block_lang">
243 
+                                <div class="h-menu_block_text_center">
244 
+                                    <div class="h-menu_block_text_line">
245 
+                                        背景変更
246 
+                                        <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
247 
+                                        </div>
248 
+                                        <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
249 
+                                        </div>
250 
+                                        <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
251 
+                                        </div>
252 
+                                    </div>
253 
+                                    <script>
254 
+                                        getBackgNumber2();
255 
+                                    </script>
256 
+                                    <div class="h-menu_block_text_line">言語選択
257 
+                                        <div class="mobile_translation">
258 
+                                            <div id="google_translate_element"></div>
259 
+                                        </div>
260 
+                                    </div>
261 
+                                </div>
262 
+                            </div>
263 
+                        </div>
264 
+                    </div>
265 
+                    <div class="h-menu_main_block">
266 
+                        <div class="h-menu_search">
267 
+                            <div class="h-menu_block_search">
268 
+                                <form action="https://www.google.com/search">
269 
+                                    <input type="hidden" name="hl" value="ja" />
270 
+                                    <input type="hidden" name="ie" value="UTF-8">
271 
+                                    <input type="hidden" name="oe" value="UTF-8">
272 
+                                    <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
273 
+                                    <input type="text" name="q" size="16" maxlength="256" value=""
274 
+                                        class="mobile_form_input" />
275 
+                                    <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
276 
+                                </form>
277 
+                            </div>
278 
+                        </div>
279 
+                    </div>
280 
+                </div>
281 
+            </div>
282 
+        </header>
129 283
130 
-    <div id="third_body">
131 
-        <!--セクション space-->
284 
+        <div id="third_body">
285 
+            <!--セクション space-->
132 286
133 
-        <!--セクション template-->
134 
-        <section id="template">
135 
-            <article id="breadcrumb">
136 
-                <div id="breadcrumb_title">
137 
-                    <div id="breadcrumb_title_block">
138 
-							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
287 
+            <!--セクション template-->
288 
+            <section id="template">
289 
+                <article id="breadcrumb">
290 
+                    <div id="breadcrumb_title">
291 
+                        <div id="breadcrumb_title_block">
292 
+                            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 293 
                                     href="../../second/living.html">くらしの情報</a>><a
140 294 
                                     href="../../second/Trash.html">ごみ・リサイクル</a>>町で回収できないごみ</span>
295 
+                        </div>
141 296 
                     </div>
142 
-                </div>
143 
-            </article>
144 
-            <article id="template">
145 
-                <div id="template_title" class="gothic">
146 
-                    <div id="template_title_block">
147 
-                        <span id="template_title">町で回収できないごみ</span>
297 
+                </article>
298 
+                <article id="template">
299 
+                    <div id="template_title" class="gothic">
300 
+                        <div id="template_title_block">
301 
+                            <span id="template_title">町で回収できないごみ</span>
302 
+                        </div>
148 303 
                     </div>
149 
-                </div>
150 
-                <span id="template_article_block">
151 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
152 
-						<img src="../../fourth/lifeguide/garbage/images/009_03_r5.gif" alt="ゴミの分別表（回収できないゴミ）"/><br/>
153 
-						<p class="paragraphT10"><summary>（１）家電４品目（エアコン、冷蔵庫・冷凍庫、テレビ（ブラウン管・液晶・プラズマ式）、洗濯機・衣類乾燥機）</summary></p>
154 
-						<p class="paragraphT10">次のいずれかの方法で処理してください。</p>
155 
-						<ol>
156 
-							<li id="life">買われた販売店に引取を依頼する。（リサイクル料金＋運搬料）</li>
157 
-							<li id="life">許可業者に依頼する。（リサイクル料金＋運搬料）<br/>
158 
-								・揖斐・本巣クリーナー　TEL 323-0707<br/>
159 
-								・（株）富士　　　　　　TEL 323-0485</li>
160 
-							<li id="life">指定引取り業者に自分で持ち込む。（リサイクル料金のみ）<br/>
161 
-								郵便局でリサイクル券を購入してください。<br/>
162 
-								（メーカー及び対象品目により料金が異なりますので、郵便局窓口にてご確認ください。法律の改正により対象品目・料金等の改正がありますのでご注意願います）<br/>
163 
-								北方町近郊の指定引取り業者<br/>
164 
-								　（株）斉藤商店　　揖斐郡大野町加納1330-10 TEL 0585-34-3855<br/>
165 
-								　西濃運輸(株)六条倉庫　岐阜市六条大溝1-10 TEL 058-272-0155（注1）<br/>
166 
-								（注1） 事前に郵便局でリサイクル券を購入してください。<br/>
167 
-								メーカー及び対象品目により料金が異なりますので、郵便局窓口にてご確認ください。<br/>
168 
-								法律等の改正により対象品目・料金等を変更する場合がありますのでご注意願います。</li>
169 
-						</ol>
170 
-</details>
171 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
172 
-                        <p class="paragraphT10"><summary>（２）パソコンについて</summary></p>
173 
-                ご家庭で不要となったパソコン(パソコンディスプレイ含む)を処分する場合は、<strong>「宅配便による回収を利用する」</strong>または<strong>「パソコンメーカーに回収を依頼」</strong>してください。<br/>
174 
-                町では回収していませんので、ご注意ください。<br/>
175 
-                <h4 id="life">1. 宅配便による無料回収</h4>
176 
-                町の連携・協力事業者であるリネットジャパンリサイクル株式会社が、宅配便による回収を行っています。回収品目にパソコン本体が含まれている場合、<span
177 
-                            style="color: red;">1箱分の回収料金が無料となります</span>。プリンターなどの周辺機器も一緒に回収できます。<br/>
178 
-                (無料となる箱のサイズと重量の上限は、3辺合計140 cm以内、重量 20 kg以下です。)<br/>
179 
-                個人情報のデータ消去サービスもあります。<br/>
180 
-                回収方法、回収対象品目等の詳細は、<a href="https://www.renet.jp/"
181 
-                                    target="_blank">リネットジャパンリサイクル株式会社ホームページ〈外部リンク〉</a>をご覧ください。<br/>
182 
-                <img src="../../fourth/lifeguide/garbage/images/Waste_that_can_not_be_recovered_2020.png"
183 
-                     width="100%"><br/>
184 
-                <br/>
185 
-                <b>申し込み方法</b><br/>
186 
-                インターネットまたは FAX にてお申し込みください。<br/>
187 
-                宅配業者が、ご希望の日時に回収に伺います。<br/>
188 
-                <br/>
189 
-                1.インターネットによる申し込み<br/>
190 
-                申し込み先はリネットジャパンリサイクル株式会社になります。<br/>
191 
-                <a href="https://entry.renet.jp/index.html"
192 
-                   target="_blank">こちらの申し込みファームからお申し込みください。〈外部リンク〉</a><br/>
193 
-                <br/>
194 
-                2.FAXによる申し込み<br/>
195 
-                専用申請書に必要事項をご記入の上、リネットジャパンリサイクル株式会社にご送付ください。<br/>
196 
-                <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_1.pdf"
197 
-                   target="_blank">専用申込書</a><br/>
198 
-                <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_2.pdf"
199 
-                   target="_blank">専用申込書　※記入例</a><br/>
200 
-                <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_3.pdf"
201 
-                   target="_blank">FAX申込案内</a><br/>
202 
-                <br/>
203 
-                <h4 id="life">2.パソコンメーカーによる回収</h4><br/>
204 
-                家庭で不要になったパソコン(パソコンディスプレイを含みます)は、「資源有効利用促進法(資源の有効な利用の促進に関する法律)」に基づてメーカーが回収し、資源として再利用されます。<br/>
205 
-                各メーカーの連絡先、回収方法、回収・再資源化料金等の詳細は、<a href="https://www.pc3r.jp/"
206 
-                                                 target="_blank">一般社団法人パソコン3R推進協会のホームページ〈外部リンク〉</a>をご覧になるか、同協会(電話番号03-5282-7685)へお問い合わせください。<br/>
207 
-</details>
208 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
209 
-                        <p class="paragraphT10"><summary>（３）家庭用消火器</summary></p>
210 
-                <p class="paragraphT10">下記業者にお問い合わせください。<br/>
211 
-                    （株）三陽商会　TEL 058-251-6070<br/>
212 
-                    （株）ウスイ消防　TEL 058-262-2106<br/>
213 
-                    アンシンク（株）TEL 058-294-8896</p>
214 
-</details>
304 
+                    <span id="template_article_block">
305 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
306 
+                            <div class="canNotCollectGarbage_img">
307 
+                                <img class="template_image_mobile"
308 
+                                    src="../../fourth/lifeguide/garbage/images/009_03_r5.gif"
309 
+                                    alt="ゴミの分別表（回収できないゴミ）" /><br />
310 
+                            </div>
311 
+                            <p class="paragraphT10">
312 
+                                <summary>（１）家電４品目（エアコン、冷蔵庫・冷凍庫、テレビ（ブラウン管・液晶・プラズマ式）、洗濯機・衣類乾燥機）</summary>
313 
+                            </p>
314 
+                            <p class="paragraphT10">次のいずれかの方法で処理してください。</p>
315 
+                            <ol>
316 
+                                <li id="life">買われた販売店に引取を依頼する。（リサイクル料金＋運搬料）</li>
317 
+                                <li id="life">許可業者に依頼する。（リサイクル料金＋運搬料）<br />
318 
+                                    ・揖斐・本巣クリーナー　TEL 323-0707<br />
319 
+                                    ・（株）富士　　　　　　TEL 323-0485</li>
320 
+                                <li id="life">指定引取り業者に自分で持ち込む。（リサイクル料金のみ）<br />
321 
+                                    ※郵便局でリサイクル券を購入してください。<br />
322 
+                                    （メーカー及び対象品目により料金が異なりますので、(財)家電製品協会家電リサイクルセンター(0120-319640)又は、郵便局窓口にてご確認ください。法律の改正により対象品目・料金等の改正がありますのでご注意願います）<br />
323 
+                                    北方町近郊の指定引取り業者<br />
324 
+                                    　（株）斉藤商店　　揖斐郡大野町加納1330-10 TEL 0585-34-3855<br />
325 
+                                    　西濃運輸(株)六条倉庫　岐阜市六条大溝1-10 TEL 058-272-0155（注1）<br />
326 
+                                    （注1） 事前に郵便局でリサイクル券を購入してください。<br />
327 
+                                    メーカー及び対象品目により料金が異なりますので、郵便局窓口にてご確認ください。<br />
328 
+                                    法律等の改正により対象品目・料金等を変更する場合がありますのでご注意願います。</li>
329 
+                            </ol>
330 
+                        </details>
331 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
332 
+                            <p class="paragraphT10">
333 
+                                <summary>（２）パソコンについて</summary>
334 
+                            </p>
335 
+                            ご家庭で不要となったパソコン(パソコンディスプレイ含む)を処分する場合は、<strong>「宅配便による回収を利用する」</strong>または<strong>「パソコンメーカーに回収を依頼」</strong>してください。<br />
336 
+                            町では回収していませんので、ご注意ください。<br />
337 
+                            <h4 id="life">1. 宅配便による無料回収</h4>
338 
+                            町の連携・協力事業者であるリネットジャパンリサイクル株式会社が、宅配便による回収を行っています。回収品目にパソコン本体が含まれている場合、<span
339 
+                                style="color: red;">1箱分の回収料金が無料となります</span>。プリンターなどの周辺機器も一緒に回収できます。<br />
340 
+                            (無料となる箱のサイズと重量の上限は、3辺合計140 cm以内、重量 20 kg以下です。)<br />
341 
+                            個人情報のデータ消去サービスもあります。<br />
342 
+                            回収方法、回収対象品目等の詳細は、<a href="https://www.renet.jp/"
343 
+                                target="_blank">リネットジャパンリサイクル株式会社ホームページ〈外部リンク〉</a>をご覧ください。<br />
344 
+                            <div class="template_imageWrapper_mobile">
345 
+                                <img class="template_image_mobile"
346 
+                                    src="../../fourth/lifeguide/garbage/images/Waste_that_can_not_be_recovered_2020.png"
347 
+                                    width="100%"><br />
348 
+                            </div>
349 
+                            <br />
350 
+                            <b>申し込み方法</b><br />
351 
+                            インターネットまたは FAX にてお申し込みください。<br />
352 
+                            宅配業者が、ご希望の日時に回収に伺います。<br />
353 
+                            <br />
354 
+                            1.インターネットによる申し込み<br />
355 
+                            申し込み先はリネットジャパンリサイクル株式会社になります。<br />
356 
+                            <a href="https://entry.renet.jp/index.html"
357 
+                                target="_blank">こちらの申し込みファームからお申し込みください。〈外部リンク〉</a><br />
358 
+                            <br />
359 
+                            2.FAXによる申し込み<br />
360 
+                            専用申請書に必要事項をご記入の上、リネットジャパンリサイクル株式会社にご送付ください。<br />
361 
+                            <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_1.pdf"
362 
+                                target="_blank">専用申込書</a><br />
363 
+                            <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_2.pdf"
364 
+                                target="_blank">専用申込書　※記入例</a><br />
365 
+                            <a href="../../fourth/lifeguide/garbage/pdf/Waste_that_can_not_be_recovered_2021_3.pdf"
366 
+                                target="_blank">FAX申込案内</a><br />
367 
+                            <br />
368 
+                            <h4 id="life">2.パソコンメーカーによる回収</h4><br />
369 
+                            家庭で不要になったパソコン(パソコンディスプレイを含みます)は、「資源有効利用促進法(資源の有効な利用の促進に関する法律)」に基づてメーカーが回収し、資源として再利用されます。<br />
370 
+                            各メーカーの連絡先、回収方法、回収・再資源化料金等の詳細は、<a href="https://www.pc3r.jp/"
371 
+                                target="_blank">一般社団法人パソコン3R推進協会のホームページ〈外部リンク〉</a>をご覧になるか、同協会(電話番号03-5282-7685)へお問い合わせください。<br />
372 
+                        </details>
373 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
374 
+                            <p class="paragraphT10">
375 
+                                <summary>（３）家庭用消火器</summary>
376 
+                            </p>
377 
+                            <p class="paragraphT10">下記業者にお問い合わせください。<br />
378 
+                                <span style="display: inline-block;width: 8em;">（株）三陽商会</span>　TEL 058-267-6556<br />
379 
+                                <span style="display: inline-block;width: 8em;">（株）ウスイ消防</span>　TEL 058-262-2106<br />
380 
+                                <span style="display: inline-block;width: 8em;">アンシンク（株）</span>　TEL 058-268-6801
381 
+                            </p>
382 
+                        </details>
215 383
216 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
217 
-                        <p class="paragraphT10"><summary>（４）二輪車</summary><br/>
218 
-                    2004年10月より二輪車リサイクルシステムが稼働しています。このシステムでは廃棄二輪車を二輪車販売店（廃棄二輪車取扱店）や指定取引窓口において引取り、これらをリサイクル施設において適正に処理・リサイクルを行うものです。二輪車を廃棄する場合には、このシステムを活用して資源の有効活用・適正処理のご協力をお願いします。
219 
-                </p>
384 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
385 
+                            <p class="paragraphT10">
386 
+                                <summary>（４）二輪車</summary><br />
387 
+                                2004年10月より二輪車リサイクルシステムが稼働しています。このシステムでは廃棄二輪車を二輪車販売店（廃棄二輪車取扱店）や指定取引窓口において引取り、これらをリサイクル施設において適正に処理・リサイクルを行うものです。二輪車を廃棄する場合には、このシステムを活用して資源の有効活用・適正処理のご協力をお願いします。
388 
+                            </p>
220 389
221 
-                <p class="paragraphT10">詳しくは<a href="http://www.jarc.or.jp/"
222 
-                                               target="_blank">（財）自動車リサイクル促進センターのページ</a>をご覧いただくか二輪車リサイクルコールセンター（電話
223 
-                    050-3000-0727）までお問い合わせください。</p>
224 
-</details>
390 
+                            <p class="paragraphT10">詳しくは<a href="http://www.jarc.or.jp/"
391 
+                                    target="_blank">（財）自動車リサイクル促進センターのページ</a>をご覧いただくか二輪車リサイクルコールセンター（電話
392 
+                                050-3000-0727）までお問い合わせください。</p>
393 
+                        </details>
225 394
226 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
227 
-                        <p class="paragraphT10"><summary>（５）事業活動に伴うごみ</summary></p>
228 
-                <p class="paragraphT10">
229 
-                    事業者（商店、飲食店、医療機関など）から出るごみ（空きカン、ビン、蛍光管、乾電池など）は、事業者の責任で適正に処理してください。<br/>
230 
-                    町の許可業者に依頼（有料）するか、可燃物は西濃環境整備組合に直接搬入（町の許可申請が必要）してください。</p>
231 
-</details>
232 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
233 
-                        <p class="paragraphT10"><summary>（６）一時的な多量のごみ</summary></p>
234 
-                <p class="paragraphT10">改築、建具や畳の入れ替え、剪定した庭木などの一時的に排出される多量のごみは、請負業者か町の許可業者に直接依頼してください。</p>
235 
-</details>
236 
-                    <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
237 
-                        <p class="paragraphT10"><summary>（７）その他</summary></p>
238 
-                <p class="paragraphT10">
239 
-                    農機具、農業用廃ビニール、ピアノ、便槽、LPガスボンベ、バッテリー、タイヤ、薬品や油の入ったもの、危険物、耐火金庫、焼却灰等。請負業者や町の許可業者に直接依頼してください。
240 
-                </p>
395 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
396 
+                            <p class="paragraphT10">
397 
+                                <summary>（５）事業活動に伴うごみ</summary>
398 
+                            </p>
399 
+                            <p class="paragraphT10">
400 
+                                事業者（商店、飲食店、医療機関など）から出るごみ（空きカン、ビン、蛍光管、乾電池など）は、事業者の責任で適正に処理してください。<br />
401 
+                                町の許可業者に依頼（有料）するか、可燃物は西濃環境整備組合に直接搬入（町の許可申請が必要）してください。</p>
402 
+                        </details>
403 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
404 
+                            <p class="paragraphT10">
405 
+                                <summary>（６）一時的な多量のごみ</summary>
406 
+                            </p>
407 
+                            <p class="paragraphT10">改築、建具や畳の入れ替え、剪定した庭木などの一時的に排出される多量のごみは、請負業者か町の許可業者に直接依頼してください。</p>
408 
+                        </details>
409 
+                        <details style="border:#aaa solid 1px; padding: 8px; border-radius: 5px; margin-bottom: 8px">
410 
+                            <p class="paragraphT10">
411 
+                                <summary>（７）その他</summary>
412 
+                            </p>
413 
+                            <p class="paragraphT10">
414 
+                                農機具、農業用廃ビニール、ピアノ、便槽、LPガスボンベ、バッテリー、タイヤ、薬品や油の入ったもの、危険物、耐火金庫、焼却灰等。請負業者や町の許可業者に直接依頼してください。
415 
+                            </p>
241 416
242 
-                <p class="paragraphT10"><strong>一般廃棄物収集運搬許可業者一覧表</strong></p>
243 
-                <table width="450" border="0" cellpadding="3" cellspacing="1" id="infokitagata">
244 
-                    <tr align="center">
245 
-                        <th width="30%" bgcolor="#ADD8E6">名称</th>
246 
-                        <th width="50%" bgcolor="#ADD8E6">所在地</th>
247 
-                        <th width="20%" bgcolor="#ADD8E6">電話番号</th>
248 
-                    </tr>
249 
-                    <tr>
250 
-                        <td>（株）富士</td>
251 
-                        <td>北方町小柳1丁目14番地</td>
252 
-                        <td>323-0485</td>
253 
-                    </tr>
254 
-                    <tr>
255 
-                        <td>（有）揖斐・本巣クリーナー</td>
256 
-                        <td>本巣市仏生寺391番地の1</td>
257 
-                        <td>323-0707</td>
258 
-                    </tr>
259 
-                    <tr>
260 
-                        <td>東海環境サービスセンター</td>
261 
-                        <td>大垣市墨俣町墨俣527番地</td>
262 
-                        <td>0584-62-6662</td>
263 
-                    </tr>
264 
-                    <tr>
265 
-                        <td>（株）野々村商店</td>
266 
-                        <td>岐阜市則松2丁目157番地</td>
267 
-                        <td>239-9921</td>
268 
-                    </tr>
269 
-                </table>
270 
-                    </details>
271 
-                </span>
272 
-            </article>
273 
-            <article id="template_list_title">
274 
-                <div id="template_title2" class="gothic">
275 
-                    <div id="template_title_block">
276 
-                        <span id="template_title2">お問い合わせ</span>
417 
+                            <p class="paragraphT10"><strong>一般廃棄物収集運搬許可業者一覧表</strong></p>
418 
+                            <div class="scroll_table">
419 
+                                <table width="100%" border="0" cellpadding="3" cellspacing="1" id="infokitagata">
420 
+                                    <tr align="center">
421 
+                                        <th width="30%" bgcolor="#ADD8E6">名称</th>
422 
+                                        <th width="50%" bgcolor="#ADD8E6">所在地</th>
423 
+                                        <th width="20%" bgcolor="#ADD8E6">電話番号</th>
424 
+                                    </tr>
425 
+                                    <tr>
426 
+                                        <td>（株）富士</td>
427 
+                                        <td>北方町小柳1丁目14番地</td>
428 
+                                        <td>323-0485</td>
429 
+                                    </tr>
430 
+                                    <tr>
431 
+                                        <td>（有）揖斐・本巣クリーナー</td>
432 
+                                        <td>本巣市仏生寺391番地の1</td>
433 
+                                        <td>323-0707</td>
434 
+                                    </tr>
435 
+                                    <tr>
436 
+                                        <td>東海環境サービスセンター</td>
437 
+                                        <td>大垣市墨俣町墨俣527番地</td>
438 
+                                        <td>0584-62-6662</td>
439 
+                                    </tr>
440 
+                                    <tr>
441 
+                                        <td>（株）野々村商店</td>
442 
+                                        <td>岐阜市則松2丁目157番地</td>
443 
+                                        <td>239-9921</td>
444 
+                                    </tr>
445 
+                                </table>
446 
+                            </div>
447 
+                        </details>
448 
+                    </span>
449 
+                </article>
450 
+                <article id="template_list_title">
451 
+                    <div id="template_title2" class="gothic">
452 
+                        <div id="template_title_block">
453 
+                            <span id="template_title2">お問い合わせ</span>
454 
+                        </div>
277 455 
                     </div>
278 
-                </div>
279 
-                <span id="template_article_block">
280 
-						都市環境課<br/>
281 
-						Tel 058-323-1114<br/>
282 
-						<a href="../../second/Inquiry_form_urban.html">お問い合わせフォーム</a>
283 
-					</span>
284 
-            </article>
285 
-        </section>
286 
-    </div>
456 
+                    <span id="template_article_block">
457 
+                        都市環境課<br />
458 
+                        Tel 058-323-1114<br />
459 
+                        <a href="../../second/Inquiry_form_urban.html">お問い合わせフォーム</a>
460 
+                    </span>
461 
+                </article>
462 
+            </section>
463 
+        </div>
287 464
288 
-    <footer>
289 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
290 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
291 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
292 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
293 
-    </footer>
465 
+        <footer>
466 
+            <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
467 
+            <div class="footer_mobile">
468 
+                <div class="footer_mobile_title">
469 
+                    <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
470 
+                    <h1 class="footerMobile__text">北方町役場</h1>
471 
+                </div>
472 
+                <div class="footer_mobile_address">
473 
+                    <span class="footerTextWrap__text">
474 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
475 
+                    </span><br>
476 
+                    電話:058-323-1111(代)<br>
477 
+                    FAX:058-323-2963<br>
478 
+                    開庁日：8時30分～17時15分<br>
479 
+                    （土・日・祝日、年末年始を除く）<br>
480 
+                </div>
481 
+            </div>
482 
+            <br class="sp__brDisplay">
483 
+            <p class="footer_text">
484 
+                <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
485 
+                <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
486 
+                <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
487 
+            </p>
488 
+        </footer>
294 489
295 490
296 
-</div>
297 
-<img class="cgipageview"
298 
-     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Waste_that_can_not_be_recovered" height="1"
299 
-     width="1"/>
491 
+    </div>
492 
+    <img class="cgipageview"
493 
+        src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Waste_that_can_not_be_recovered" height="1"
494 
+        width="1" />
300 495 
 </body>
301 496
302 
-</html>
497 
+</html>

+ 331
- 143
third/living/recom_d_compost_intro.html Переглянути файл 

@@ -1,171 +1,359 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-		<link rel="stylesheet" href="../../css/pageview.css" >
13 
-<script src="../../js/operation.js"></script>
14 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>北方町ホームページ</title>
8 
+	<link rel="stylesheet" href="../../css/base.css">
9 
+	<link rel="stylesheet" href="../../css/second_header.css">
10 
+	<link rel="stylesheet" href="../../css/footer.css">
11 
+	<link rel="stylesheet" href="../../css/section.css">
12 
+	<link rel="stylesheet" href="../../css/third_template.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">
18 
+	<script src="../../js/operation.js"></script>
19 
+	<script src="../../js/menu.js"></script>
20 
+	<script src="../../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 </head>
16 23
17 24 
 <body id="back">
18 
-<div id="main" class="gothic">
19 
-<!--セクション 操作-->
20 
-<section id="operation" >
21 
-<!--セクション 住所-->
22 
-<article id="address" >
23 
-<address id="operation_add">
24 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25 
-</address>
26 
-</article>
27 
-<div id="controle_panel">
28 
-<!--セクション 背景色-->
29 
-<article id="bgcolor" >
30 
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
31 
-<div id="bgcolor_img">
32 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
33 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35 
-</div>
36 
-<script>
37 
-getBackgNumber3();
38 
-</script>
39 
-</article>
25 
+	<script type="text/javascript">
26 
+		function googleTranslateElementInit() {
27 
+			new google.translate.TranslateElement({
28 
+				pageLanguage: 'ja',
29 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+			}, 'google_translate_element');
31 
+		}
32 
+	</script>
33 
+	<script type="text/javascript"
34 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
40 35
41 
-<!--セクション 文字サイズ-->
42 
-<!--<article id="charsize" >
43 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
44 
-<div id="charsize_img">
45 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
46 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
47 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
48 
-</div>
49 
-</article>-->
36 
+	<div id="main" class="gothic">
37 
+		<!--セクション 操作-->
38 
+		<section id="operation">
39 
+			<!--セクション 住所-->
40 
+			<article id="address">
41 
+				<address id="operation_add">
42 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
43 
+						TEL:058-323-1111(代)</span>
44 
+				</address>
45 
+			</article>
46 
+			<div id="controle_panel">
47 
+				<!--セクション 背景色-->
48 
+				<article id="bgcolor">
49 
+					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
50 
+					<div id="bgcolor_img">
51 
+						<input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目"
52 
+							onClick="setBackground3(1)">
53 
+						<input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目"
54 
+							onClick="setBackground3(2)">
55 
+						<input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目"
56 
+							onClick="setBackground3(3)">
57 
+					</div>
58 
+				</article>
59 
+				<!--セクション 文字サイズ-->
60 
+				<!--<article id="charsize" >
61 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
62 
+            <div id="charsize_img">
63 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
64 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
65 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
66 
+            </div>
67 
+            </article>-->
50 68
51 
-<!--セクション サイトマップ-->
52 
-<article id="sitemap" >
53 
- <div id="sitemap_img">
54 
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
55 
- </div>
56 
-</article>
57 
-<!--セクション お問い合わせ-->
58 
-<article id="contact" >
59 
- <div id="contact_img">
60 
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
61 
- </div>
62 
-</article>
63 
-<!--セクション 翻訳-->
64 
-<article id="translation" >
65 
-<div id="translation_img">
66 
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 
-<div id="google_translate_element"></div>
68 
-<script type="text/javascript">
69 
-function googleTranslateElementInit() {
70 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
71 
-}
72 
-</script>
73 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
74 
-</div>
75 
-</article>
76 
-<div id="claer">
77 
-</div>
78 
-</div>
79 
-</section>
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
69 
+				<!--セクション サイトマップ-->
70 
+				<article id="sitemap">
71 
+					<div id="sitemap_img">
72 
+						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
73 
+								alt="サイトマップ" /></a>
74 
+					</div>
75 
+				</article>
76 
+				<!--セクション お問い合わせ-->
77 
+				<article id="contact">
78 
+					<div id="contact_img">
79 
+						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
80 
+								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
99 81 
 					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
82 
+				</article>
83 
+				<!--セクション 翻訳-->
84 
+				<article id="translation">
85 
+					<div id="translation_img">
86 
+						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
87 
+						<div id="google_translate_element"></div>
88 
+						<script type="text/javascript">
89 
+							function googleTranslateElementInit() {
90 
+								new google.translate.TranslateElement({
91 
+									pageLanguage: 'ja',
92 
+									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
93 
+								}, 'google_translate_element');
94 
+							}
95 
+						</script>
96 
+						<script type="text/javascript"
97 
+							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
113 98 
 					</div>
99 
+				</article>
100 
+				<div id="claer">
114 101 
 				</div>
115 
-			</header>
102 
+			</div>
103 
+		</section>
116 104
117 
-			<div id="third_body">
118 
-				<!--セクション space-->
119 
-                <!--
120 
-				<div id="space">
121 
-					<article id="space" >
122 
-						<div id="space_title" class="gothic">
123 
-							<div id="space_title_block"><span id="space_title">hogefoobar</span></div>
124 
-						</div>
105 
+		<!--ヘッダーデータ-->
106 
+		<header>
107 
+			<div id="header" class="gothic">
108 
+				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
109 
+						height="260px" /></a>
110 
+				<div id="h_block_1">
111 
+					<div class="h_line">
112 
+					</div>
113 
+					<article class="h_text_l">
114 
+						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
115 
+					</article>
116 
+					<article class="h_text_l">
117 
+						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
118 
+					</article>
119 
+					<article class="h_text_l">
120 
+						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
121 
+					</article>
122 
+					<article class="h_text_l">
123 
+						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
125 124 
 					</article>
126 125 
 				</div>
127 
-                -->
128 
-				<!--セクション template-->
129 
-				<section id="template" >
130 
-					<article id="breadcrumb" >
131 
-						<div id="breadcrumb_title">
132 
-							<div id="breadcrumb_title_block">
133 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/living.html">くらしの情報</a>>ごみ・リサイクル>ダンボールコンポストの導入を推奨しています！</span></div>
134 
-						</div>
126 
+				<div id="h_block_search">
127 
+					<div class="h_line"></div>
128 
+					<article class="h_search">
129 
+						<div class="space10"></div>
130 
+						<form action="http://www.google.com/search">
131 
+							<input type="hidden" name="hl" value="ja" />
132 
+							<input type="hidden" name="ie" value="UTF-8">
133 
+							<input type="hidden" name="oe" value="UTF-8">
134 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
135 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
136 
+							<input type="submit" name="btnG" value="検索" />
137 
+						</form>
135 138 
 					</article>
136 
-					<article id="template" >
137 
-						<div id="template_title" class="gothic">
138 
-							<div id="template_title_block">
139 
-								<span id="template_title">ダンボールコンポストの導入を推奨しています！</span>
139 
+				</div>
140 
+			</div>
141 
+		</header>
142 
+
143 
+		<!-- mobile header -->
144 
+		<header class="header">
145 
+			<div class="headerLogo">
146 
+				<a href="../../index.html" class="header_link"><img class="headerLogo__image"
147 
+						src="../../image/logo_kitagata_green_S.png" alt=""></a>
148 
+			</div>
149 
+			<div class="headerTitle">
150 
+				<a href="../../index.html" class="header_link">
151 
+					<h1 class="headerTitle__text">北方町</h1>
152 
+				</a>
153 
+			</div>
154 
+			<div class="headerSubTitle">
155 
+				<a href="../../index.html" class="header_link">
156 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
157 
+				</a>
158 
+			</div>
159 
+			<div id="h-menu">
160 
+				<span></span>
161 
+				<span></span>
162 
+				<span></span>
163 
+				<div id="h-text">menu</div>
164 
+			</div>
165 
+			<div id="h-nav">
166 
+				<div class="h-menu_main_block_top">
167 
+					<div class="h-menu_main_block">
168 
+						<div class="h-menu_block">
169 
+							<a href="../../second/living.html">
170 
+								<div class="h-menu_block_text h-menu_block_before">
171 
+									<div class="h-menu_block_text_center">くらしの情報</div>
172 
+								</div>
173 
+							</a>
174 
+						</div>
175 
+					</div>
176 
+					<div class="h-menu_main_block">
177 
+						<div class="h-menu_block">
178 
+							<a href="../../second/tourism.html">
179 
+								<div class="h-menu_block_text h-menu_block_before">
180 
+									<div class="h-menu_block_text_center">
181 
+										観光
182 
+									</div>
183 
+								</div>
184 
+							</a>
185 
+						</div>
186 
+					</div>
187 
+					<div class="h-menu_main_block">
188 
+						<div class="h-menu_block">
189 
+							<a href="../../second/business.html">
190 
+								<div class="h-menu_block_text h-menu_block_before">
191 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
192 
+								</div>
193 
+							</a>
194 
+						</div>
195 
+					</div>
196 
+					<div class="h-menu_main_block">
197 
+						<div class="h-menu_block">
198 
+							<a href="../../second/town_admini_info.html">
199 
+								<div class="h-menu_block_text h-menu_block_before">
200 
+									<div class="h-menu_block_text_center">町政情報</div>
201 
+								</div>
202 
+							</a>
203 
+						</div>
204 
+					</div>
205 
+					<div class="h-menu_main_block">
206 
+						<div class="h-menu_block h-menu_block_before">
207 
+							<a href="../../second/sitemap.html">
208 
+								<div class="h-menu_block_text h-menu_block_before">
209 
+									<div class="h-menu_block_text_center">
210 
+										サイトマップ
211 
+									</div>
212 
+								</div>
213 
+							</a>
214 
+						</div>
215 
+					</div>
216 
+					<div class="h-menu_main_block">
217 
+						<div class="h-menu_block h-menu_block_before">
218 
+							<a href="https://ai-staff.net/kitagata/chat">
219 
+								<div class="h-menu_block_text  h-menu_block_before">
220 
+									<div class="h-menu_block_text_center">
221 
+										AIチャット
222 
+									</div>
223 
+								</div>
224 
+							</a>
225 
+						</div>
226 
+					</div>
227 
+					<div class="h-menu_main_block">
228 
+						<div class="h-menu_block h-menu_block_before">
229 
+							<a href="../../third/town_admini_info/administrative_organization_chart.html">
230 
+								<div class="h-menu_block_text">
231 
+									<div class="h-menu_block_text_center">
232 
+										お問い合わせ一覧
233 
+									</div>
234 
+								</div>
235 
+							</a>
236 
+						</div>
237 
+					</div>
238 
+					<div class="h-menu_main_block">
239 
+						<div class="h-menu_lang">
240 
+							<div class="h-menu_block_lang">
241 
+								<div class="h-menu_block_text_center">
242 
+									<div class="h-menu_block_text_line">
243 
+										背景変更
244 
+										<div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
245 
+										</div>
246 
+										<div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
247 
+										</div>
248 
+										<div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
249 
+										</div>
250 
+									</div>
251 
+									<script>
252 
+										getBackgNumber2();
253 
+									</script>
254 
+									<div class="h-menu_block_text_line">言語選択
255 
+										<div class="mobile_translation">
256 
+											<div id="google_translate_element"></div>
257 
+										</div>
258 
+									</div>
259 
+								</div>
260 
+							</div>
261 
+						</div>
262 
+					</div>
263 
+					<div class="h-menu_main_block">
264 
+						<div class="h-menu_search">
265 
+							<div class="h-menu_block_search">
266 
+								<form action="https://www.google.com/search">
267 
+									<input type="hidden" name="hl" value="ja" />
268 
+									<input type="hidden" name="ie" value="UTF-8">
269 
+									<input type="hidden" name="oe" value="UTF-8">
270 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
271 
+									<input type="text" name="q" size="16" maxlength="256" value=""
272 
+										class="mobile_form_input" />
273 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
274 
+								</form>
275 
+							</div>
276 
+						</div>
277 
+					</div>
278 
+				</div>
279 
+			</div>
280 
+		</header>
281 
+
282 
+		<div id="third_body">
283 
+			<!--セクション space-->
284 
+			<!--
285 
+        <div id="space">
286 
+            <article id="space" >
287 
+                <div id="space_title" class="gothic">
288 
+                    <div id="space_title_block"><span id="space_title">hogefoobar</span></div>
289 
+                </div>
290 
+            </article>
291 
+        </div>
292 
+        -->
293 
+			<!--セクション template-->
294 
+			<section id="template">
295 
+				<article class="breadcrumb breadcrumb2">
296 
+					<div id="breadcrumb_title">
297 
+						<div id="breadcrumb_title_block">
298 
+							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
299 
+									href="../../second/living.html">くらしの情報</a>>ごみ・リサイクル>ダンボールコンポストの導入を推奨しています！</span>
300 
+						</div>
301 
+					</div>
302 
+				</article>
303 
+				<article id="template">
304 
+					<article id="template_2lins">
305 
+						<div id="template_title_2lins" class="gothic">
306 
+							<div id="template_title_block_2lins">
307 
+								<span id="template_title_2lins">ダンボールコンポストの導入を推奨しています！</span>
140 308 
 							</div>
141 309 
 						</div>
142 310 
 					</article>
143 
-                    <article id="template_list_title" >
311 
+					<article id="template_list_title">
144 312 
 						<span id="template_article_block">
145 
-                        　北方町ではダンボールコンポストの使用を推奨しています。ダンボールコンポストとは、生ごみを微生物に分解させ、堆肥化する資材です。生ごみを堆肥にする資源活用の効果に加え、生ごみの減量化にも繋がるため、より多くのご家庭に使っていただきたいと考えています。平成26年4月から、町が半額助成し600円で販売を行っていますので、ご利用をお考えの方は都市環境農政課までお問い合わせ下さい。<br />
313 
+							　北方町ではダンボールコンポストの使用を推奨しています。ダンボールコンポストとは、生ごみを微生物に分解させ、堆肥化する資材です。生ごみを堆肥にする資源活用の効果に加え、生ごみの減量化にも繋がるため、より多くのご家庭に使っていただきたいと考えています。平成26年4月から、町が半額助成し販売を行っていますので、ご利用をお考えの方は都市環境農政課までお問い合わせ下さい。<br />
146 314 
 						</span>
147 315 
 					</article>
148 
-					<article id="template_list_title" >
316 
+					<article id="template_list_title">
149 317 
 						<div id="template_title2" class="gothic">
150 318 
 							<div id="template_title_block">
151 319 
 								<span id="template_title2">お問い合わせ</span>
152 320 
 							</div>
153 321 
 						</div>
154 322 
 						<span id="template_article_block">
155 
-						都市環境課<br />
156 
-                        Tel 058-323-1114
157 
-                        </span>
323 
+							都市環境課<br />
324 
+							Tel 058-323-1114
325 
+						</span>
158 326 
 					</article>
159 
-				</section>
327 
+			</section>
328 
+		</div>
329 
+
330 
+		<footer>
331 
+			<img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
332 
+			<div class="footer_mobile">
333 
+				<div class="footer_mobile_title">
334 
+					<img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
335 
+					<h1 class="footerMobile__text">北方町役場</h1>
336 
+				</div>
337 
+				<div class="footer_mobile_address">
338 
+					<span class="footerTextWrap__text">
339 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
340 
+					</span><br>
341 
+					電話:058-323-1111(代)<br>
342 
+					FAX:058-323-2963<br>
343 
+					開庁日：8時30分～17時15分<br>
344 
+					（土・日・祝日、年末年始を除く）<br>
345 
+				</div>
160 346 
 			</div>
161 
-
162 
-						<footer>
163 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
164 
-                <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
165 
-			</footer>
347 
+			<br class="sp__brDisplay">
348 
+			<p class="footer_text">
349 
+				<a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
350 
+				<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
351 
+				<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
352 
+			</p>
353 
+		</footer>
166 354
167 
-
168 
-		</div>
169 
-		<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" />
170 
-	</body>
171 
-</html>
355 
+	</div>
356 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" />
357 
+</body>
358 
+
359 
+</html>

Писати Попередній перегляд
Завантаження…
Відмінити
Зберегти