1 2 3 4 5 6<!DOCTYPE HTML> 7<html lang="ja"> 8<head> 9 <meta charset="utf-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 11 <!-- 12 <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 13 --> 14 <link rel="stylesheet" href="./css/bootstrap.min.css"> 15 <link rel="stylesheet" href="./css/ie10-viewport-bug-workaround.css"> 16 17 <!-- 18 <link rel="stylesheet" href="./css/bootstrap-theme.css"> 19 --> 20 21 <link href="./css/to-top.css" rel="stylesheet"> 22 <link type="text/css" rel="stylesheet" href="./css/lightslider.css" /> 23 24 <link rel="stylesheet" href="./css/swiper.css?1790602580"> 25
25<script src="./js/swiper.js"></script>
25 26 27 28 <link rel="stylesheet" href="./style.css?1790602580"> 29 <link rel="stylesheet" href="./style_res.css?1790602580"> 30 31 32 <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> 33 <!--[if lt IE 9]> 34
34<script src="./js/ie8-responsive-file-warning.js"></script>
34 35 <![endif]--> 36
36<script src="./js/ie-emulation-modes-warning.js"></script>
36 37 38 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 39 <!--[if lt IE 9]> 40
40<script src="./js/html5shiv.min.js"></script>
40 41
41<script src="./js/respond.min.js"></script>
41 42 <![endif]--> 43 44
44<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
44 45
45<script src="./js/bootstrap.min.js"></script>
45 46 47 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> 48 49 <link rel="stylesheet" type="text/css" href="./css/zoom.css"> 50 51 <meta name="description" content="TOP - åè²ã¦å¿æ´ã²ãã°ããããã¶ã¯ããä½é¨ããªããå¦ã¶ãæ å ±ãçºä¿¡ããæ¨ªé è³ã§åè²ã¦ãããçãããã¾ã¡ããã¿ã§å¿æ´ãã¾ãããããã¶ã¯æ¨ªé è³å¸ã¨æ¨ªé è³åå·¥ä¼è°æãå¸å äºæ¥è ãä¸ä½ã¨ãªã£ã¦ãå¸å å¨ä½ã®ãçµå©ã»åè²ã¦ä¸ä»£ãã®æ¹ã ã«ããæ¨ªé è³ã«ä½ãã§ããã£ãï¼ãã¨æã£ã¦ãããããããªé åãããµã¼ãã¹ãæä¾ãã¦ããããã¾ã¡ã¥ããå®ä½å¿æ´äºæ¥ãã®æç§°ã§ãã"> 52 <meta name="keywords" content="横é è³,横é è³å¸,ãããã,ã¨ã³ã¹ã«,åã©ã,åè²ã¦,çµå©,ãåº,ã¤ãã³ã,åã©ãåã,ä½é¨ã¤ãã³ã,ä½é¨"> 53 <meta name="author" content="横é è³å¸å½¹æ"> 54 <link rel="icon" href="images/favicon.ico" type="image/x-icon"> 55 <title>TOPï½åè²ã¦å¿æ´ã²ãã° ãããã¶</title> 56 57 <meta property="og:title" content="TOPï½åè²ã¦å¿æ´ã²ãã° ãããã¶"> 58 <meta property="og:type" content="website"> 59 <meta property="og:description" content="TOP - åè²ã¦å¿æ´ã²ãã°ããããã¶ã¯ããä½é¨ããªããå¦ã¶ãæ å ±ãçºä¿¡ããæ¨ªé è³ã§åè²ã¦ãããçãããã¾ã¡ããã¿ã§å¿æ´ãã¾ãããããã¶ã¯æ¨ªé è³å¸ã¨æ¨ªé è³åå·¥ä¼è°æãå¸å äºæ¥è ãä¸ä½ã¨ãªã£ã¦ãå¸å å¨ä½ã®ãçµå©ã»åè²ã¦ä¸ä»£ãã®æ¹ã ã«ããæ¨ªé è³ã«ä½ãã§ããã£ãï¼ãã¨æã£ã¦ãããããããªé åãããµã¼ãã¹ãæä¾ãã¦ããããã¾ã¡ã¥ããå®ä½å¿æ´äºæ¥ãã®æç§°ã§ãã"> 60 <meta property="og:url" content="https://www.sukalive.jp/index.php"> 61 <meta property="og:site_name" content="åè²ã¦å¿æ´ã²ãã° ãããã¶"> 62 <meta property="og:email" content="[email protected]"> 63 <meta property="og:phone_number" content="046-822-8221"> 64 65 66</head> 67 68 69<body> 70 <div class="container"> 71 <div class="logo_header"> 72 <a href="./" title="åè²ã¦å¿æ´ã²ãã°ãããã¶"><img src="images/logo.png?1790602580" alt="åè²ã¦å¿æ´ã²ãã°ãããã¶" class="img-responsive"></a> 73 74 <p> 75 âåè²ã¦å¿æ´ã²ãã° ãããã¶âã¯ããä½é¨ããªããå¦ã¶ãæ å ±ãçºä¿¡ãã<br>横é è³ã§åè²ã¦ãããçãããã¾ã¡ããã¿ã§å¿æ´ãã¾ãã 76 <!-- 77 <a href="https://www.instagram.com/ymmyokosuka" target="_blank"><i class="fab fa-instagram fa-2x fa-color"></i></a> 78 <a href="https://twitter.com/YMMyokosuka" target="_blank"><i class="fab fa-twitter-square fa-2x fa-color"></i></a> 79 <a href="https://www.facebook.com/sukalive.yokosuka/" target="_blank"><i class="fab fa-facebook fa-2x fa-color"></i></a> 80 --> 81 </p> 82 </div> 83 </div> 84 85 <!-- Static navbar --> 86 <nav class="navbar navbar-default"> 87 <div class="container-fluid"> 88 89 <div class="navbar-header"> 90 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 91 <span class="sr-only">Toggle navigation</span> 92 <span class="icon-bar"></span> 93 <span class="icon-bar"></span> 94 <span class="icon-bar"></span> 95 </button> 96 </div> 97 98 <div id="navbar" class="navbar-collapse collapse" style="background-color: #e35504"> 99 <ul class="nav navbar-nav"> 100 <!-- 101 <li><a href="./sukaliveabout.php">ãããã¶ã«ã¤ãã¦</a></li> 102 <li><a href="./goriyou.php">ãå©ç¨ç»é²</a></li> 103 <li><a href="./shop.php">ãµã¼ãã¹æ¤ç´¢</a></li> 104 <li><a href="./event.php">ã¤ãã³ãæ¤ç´¢</a></li> 105 <li><a href="./kyousan.php">åè³äºæ¥è åé</a></li> 106 --> 107 108 <li class="dropdown"> 109 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">åè²ã¦å¿æ´ã²ãã° ãããã¶<span class="caret"></span></a> 110 <ul class="dropdown-menu"> 111 <li><a href="./sukaliveabout.php">åè²ã¦å¿æ´ã²ãã° ãããã¶ã¨ã¯</a></li> 112 <li><a href="./mail_magazine.php">ã¡ã«ãã¬</a></li> 113 <li><a href="./event.php">楽ããã¤ãã³ããããã</a></li> 114 <li><a href="./shop.php">ãããã¶ãµã¼ãã¹ããããåºãããã</a></li> 115 <li>
115<a href="./kosodate_community.php">ããåï¼ããåãããã</a></li> 116 <li><a href="https://www.city.yokosuka.kanagawa.jp/kenko/ninshin/ninshin/index.html" target="_blank">å¦å¨ ã»åºç£æ¯æ´ããããï¼å¤é¨ãµã¤ãï¼</a></li> 117 <li><a href="https://www.city.yokosuka.kanagawa.jp/kenko/index.html" target="_blank">åè²ã¦ã»æè²æ¯æ´ããããï¼å¤é¨ãµã¤ãï¼</a></li> 118 <li><a href="./youzisyoku_recipe.php">ç®¡çæ é¤å£«ã®ããããã¬ã·ã</a></li> 119 <li><a href="./kenkoudayori.php">å»é·ãæããåã©ãã®å¥åº·</a></li> 120 </ul> 121 </li> 122 123 <li class="dropdown"> 124 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">楽ããã¤ãã³ããããã<span class="caret"></span></a> 125 <ul class="dropdown-menu"> 126 <li><a href="./event.php">ã¤ãã³ãä¸è¦§</a></li> 127 <li><a href="./event.php#shisetsu_kengaku">æ½è¨è¦å¦ã¹ãããæ å ±</a></li> 128 <li><a href="./event.php#osanpo_map">ãããã½ããã</a></li> 129 </ul> 130 </li> 131 132 <li class="dropdown"> 133 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ãããã¶ãµã¼ãã¹ããããåºãããã<span class="caret"></span></a> 134 <ul class="dropdown-menu"> 135 <li><a href="./shop.php">ãããã¶ãµã¼ãã¹ããããåº</a></li> 136 <li><a href="./shop.php?SERVICE_C=1&SERVICE_TEXT=å®å¿ã»ä¾¿å©ãªè¨åã®ãããåº">å®å¿ã»ä¾¿å©ãªè¨åã®ãããåº</a></li> 137 <li><a href="./shop.php?SERVICE_A=1&SERVICE_TEXT=ä½é¨ã¤ãã³ãããã£ã¦ãããåº">ä½é¨ã¤ãã³ãããã£ã¦ãããåº</a></li> 138 <li><a href="./shop.php?SERVICE_B=1&SERVICE_TEXT=ã¡ã³ãã¼ãºã¯ã©ãä¼å¡ã«ãå¾ãªãµã¼ãã¹ã®ãããåº">ã¡ã³ãã¼ãºã¯ã©ãä¼å¡ã«ãå¾ãªãµã¼ãã¹ã®ãããåº</a></li> 139 </ul> 140 </li> 141 142 <li class="dropdown"> 143 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ã¡ã³ãã¼ãºã¯ã©ã<span class="caret"></span></a> 144 <ul class="dropdown-menu"> 145 <li><a href="./goriyou.php">æ°è¦ç»é²</a></li> 146 <li><a href="./member_admin.php">夿´ã»æ´æ°ã»åçºè¡</a></li> 147 </ul> 148 </li> 149 150 <!-- 151 <li class="dropdown"> 152 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">SNS<span class="caret"></span></a> 153 <ul class="dropdown-menu"> 154 <li><a href="https://www.facebook.com/sukalive.yokosuka/" target="_blank">Facebook</a></li> 155 </ul> 156 </li> 157 --> 158 159 <li class="dropdown"> 160 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">åè³äºæ¥è <span class="caret"></span></a> 161 <ul class="dropdown-menu"> 162 <li><a href="./kyousan.php">æ°è¦ç»é²</a></li> 163 <li><a href="./jigyosha_admin.php">管çãã¼ã¸ã¸ã®ãã°ã¤ã³</a></li> 164 </ul> 165 </li> 166 </ul> 167 </div><!--/.nav-collapse --> 168 </div><!--/.container-fluid --> 169 </nav> 170 171 172<div id="carousel_sample" class="carousel slide" data-ride="carousel"> 173 <!-- ä¸å¤®ã«è¡¨ç¤ºããã丸ããã¿ã³ --> 174 <ol class="carousel-indicators"> 175 <li data-target="#carousel_sample" data-slide-to="0" class="active"></li> 176 <li data-target="#carousel_sample" data-slide-to="1" class=""></li> 177 </ol> 178 179 <!-- ããããCarouselã®ä¸èº« --> 180 <div class="carousel-inner"> 181 <div class="item active"> 182 <img data-src="./images/slide_37.jpg?1790602580" alt="" src="./images/slide_37.jpg?1790602580"> 183 </div> 184 <div class="item "> 185 <img data-src="./images/slide_38.jpg?1790602580" alt="" src="./images/slide_38.jpg?1790602580"> 186 </div> 187 </div> 188 <!-- ãã¼ã¸éããã¿ã³ããããCarouselã®idåãåããã --> 189 <a class="left carousel-control" href="#carousel_sample" data-slide="prev">
190 <span class="glyphicon glyphicon-chevron-left"></span> 191 </a> 192 <a class="right carousel-control" href="#carousel_sample" data-slide="next"> 193 <span class="glyphicon glyphicon-chevron-right"></span> 194 </a> 195</div> 196
196<script src="./js/ofi.js"></script>
vendor: 2 bytes, line 196
196
197<script> 198 objectFitImages('img.object_fit_img'); 199</script>
199 200 201<style> 202 .object_fit_img { 203 width: 180px; 204 height: 180px; 205 object-fit: cover; 206 font-family: 'object-fit: cover;' 207 } 208 209 @media (max-width: 1200px) { 210 .object_fit_img { 211 width: 140px; 212 height: 140px; 213 object-fit: cover; 214 font-family: 'object-fit: cover;' 215 } 216 } 217 218 @media (max-width: 991px) { 219 .object_fit_img { 220 width: 127px; 221 height: 127px; 222 object-fit: cover; 223 font-family: 'object-fit: cover;' 224 } 225 } 226 227 @media (max-width: 767px) { 228 .object_fit_img { 229 width: 150px; 230 height: 150px; 231 object-fit: cover; 232 font-family: 'object-fit: cover;' 233 } 234 } 235 236 @media (max-width: 680px) { 237 .object_fit_img { 238 width: 130px; 239 height: 130px; 240 object-fit: cover; 241 font-family: 'object-fit: cover;' 242 } 243 } 244 245 @media (max-width: 630px) { 246 .object_fit_img { 247 width: 120px; 248 height: 120px; 249 object-fit: cover; 250 font-family: 'object-fit: cover;' 251 } 252 } 253 254 @media (max-width: 590px) { 255 .object_fit_img { 256 width: 110px; 257 height: 110px; 258 object-fit: cover; 259 font-family: 'object-fit: cover;' 260 } 261 } 262 263 @media (max-width: 568px) { 264 .object_fit_img { 265 width: 160px; 266 height: 160px; 267 object-fit: cover; 268 font-family: 'object-fit: cover;' 269 } 270 } 271 272 @media (max-width: 510px) { 273 .object_fit_img { 274 width: 140px; 275 height: 140px; 276 object-fit: cover; 277 font-family: 'object-fit: cover;' 278 } 279 } 280 281 @media (max-width: 482px) { 282 .object_fit_img { 283 width: 120px; 284 height: 120px; 285 object-fit: cover; 286 font-family: 'object-fit: cover;' 287 } 288 } 289 290 @media (max-width: 444px) { 291 .object_fit_img { 292 width: 100px; 293 height: 100px; 294 object-fit: cover; 295 font-family: 'object-fit: cover;' 296 } 297 } 298 299 @media (max-width: 380px) { 300 .object_fit_img { 301 width: 180px; 302 height: 180px; 303 object-fit: cover; 304 font-family: 'object-fit: cover;' 305 } 306 } 307 308 .facility_list { 309 position: relative; 310 border: solid 10px #f1f1f1; 311 } 312 313 .facility_list span { 314 position: absolute; 315 top: 0px; 316 /*ç»åã®å·¦ä¸ã«é ç½®*/ 317 left: 0px; 318 margin: 0; 319 /*ä½è¨ãªééãé¤ã*/ 320 color: white; 321 /*æåãç½ã«*/ 322 background: #e35504; 323 /*èæ¯è²*/ 324 font-size: 15px; 325 line-height: 1; 326 /*è¡é«ã¯1ã«*/ 327 padding: 5px 10px; 328 /*æåå¨ãã®ä½ç½*/ 329 } 330 331 .topics_list ul { 332 list-style: none; 333 padding-left: 10px; 334 } 335 336 .top_refresh h2 { 337 width: 100%; 338 text-align: center; 339 border: double 5px #e35504; 340 background: #fff; 341 color: #e35504; 342 } 343 344 .top_refresh a { 345 color: #e35504; 346 } 347</style> 348
349<script type="text/javascript"> 350 $(function() { 351 $('a.top_menu img').hover(function() { 352 $(this).attr('src', $(this).attr('src').replace('_off', '_on')); 353 }, function() { 354 if (!$(this).hasClass('currentPage')) { 355 $(this).attr('src', $(this).attr('src').replace('_on', '_off')); 356 } 357 }); 358 }); 359</script>
359 360 361<div class="container"> 362 363 <!-- 364 <div class="row"> 365 <div class="col-sm-6 col-xs-12 top_refresh "> 366 <a href="./jigyousha.php"><img src="./images/banner_jigyosha_shokai.png" alt="ãããã¶äºæ¥è ç´¹ä»ç¹è¨ãã¼ã¸" class="img-responsive center-block" ></a> 367 </div> 368 369 <div class="col-sm-6 col-xs-12 top_refresh "> 370 <a href="./jigyousha.php?ID=99"><img src="./images/banner_jigyosha_onsen.jpg" alt="横é è³æ¸©æ³ããã" class="img-responsive center-block" ></a> 371 </div> 372 </div> 373 --> 374 375 <div class="row"> 376 <div class="col-xs-12 top_refresh" style="text-align:center"> 377 <img src="./images/banner_welcome.png" alt="ãããã¶" class="img-responsive center-block" style="display:inline;"> 378 </div> 379 </div> 380 381 <div class="row"> 382 <div class="col-sm-3 col-xs-6 top_refresh" style="text-align:center"> 383 <a href="./jigyousha.php"><img src="./images/banner_top_03.jpg" alt="ãããã¶äºæ¥è ç´¹ä»ç¹è¨ãã¼ã¸" class="img-responsive center-block" style="display:inline;"></a> 384 </div> 385 386 <div class="col-sm-3 col-xs-6 top_refresh" style="text-align:center"> 387 <a href="./event.php#shisetsu_kengaku"><img src="./images/banner_top_07.jpg" alt="æ½è¨è¦å¦ã¹ãããæ å ±" class="img-responsive center-block" style="display:inline;"></a> 388 </div> 389 390 391 <div class="col-sm-3 col-xs-6 top_refresh" style="text-align:center"> 392 <a href="https://yumeaka.jp/" target="_blank"><img src="./images/banner_top_04.jpg" alt="横é è³å¤¢ããã°ã©ãã³ã°ã¢ã«ããã¼" class="img-responsive center-block" style="display:inline;"></a> 393 </div> 394 395 <div class="col-sm-3 col-xs-6 top_refresh" style="text-align:center"> 396 <a href="https://lin.ee/bnbmans" target="_blank"><img src="./images/banner_top_LINE.png" alt="横é è³å¸å ¬å¼LINE" class="img-responsive center-block" style="display:inline;"></a> 397 </div> 398 </div> 399 400 <div class="row"> 401 402 <!-- 403 <div class="col-sm-3 col-xs-6 top_refresh"> 404 <a href="./sukaliveabout.php"><img src="./images/top_big_sulalive.jpg" class="img-responsive center-block" alt="åè²ã¦å¿æ´ã²ãã° ãããã¶ã¯ããä½é¨ããªããå¦ã¶ãæ å ±ãçºä¿¡ããæ¨ªé è³ã§åè²ã¦ãããçãããã¾ã¡ããã¿ã§å¿æ´ãã¾ããæ¥½ããã¤ãã³ããæ¢ãã§ã¯ã横é è³å¸å ã§éå¬ããã¤ãã³ããä½é¨æå®¤ãæ¤ç´¢ã§ãã¾ããä»ã«ããæ½è¨è¦å¦ãã§ããã¹ãããããæ£æ©ãèªè»¢è»ã§å¸å ãæ¥½ããæ ã§ããããããªã©ãç´¹ä»ãã¦ãã¾ãããåºããããå ´æã«å°ã£ã¦ããæ¹ã¯ãä¸åº¦è¦ãã¦ã¿ã¦ãã ããããããã¶ãµã¼ãã¹ããããåºããããã§ããããã¶ãµã¼ãã¹ãæä¾ãã¦ãããåºãæ¤ç´¢ã§ãã¾ãããããã¶ãµã¼ãã¹ããããåºã¯å¤§ããåãã¦ï¼ç¨®é¡ã(1)ä½é¨æå®¤ãã¤ãã³ããéå¬ãã¦ãããåºã(2)ãå¾ãªå²å¼ãåªå¾ ããããåºã(3)åã©ãã«å®å¿ã»ä¾¿å©ãªè¨åãæ´ã£ã¦ãããåºããããã¶ã¡ã³ãã¼ãºã¯ã©ãä¼å¡éå®ã®ãµã¼ãã¹ãããã¾ãã®ã§ãäºæ¿ãã ããããã®ä»ãç®¡çæ é¤å£«ã®ããããã¬ã·ãã§ç®¡çæ é¤å£«ãããèãããç°¡åã§ããããå¹¼å é£ã»å¦ç£å©¦ã¬ã·ããç´¹ä»ãã¦ãã¾ããåçä»ãã§åãããããç´¹ä»ãã¦ãã¾ãã®ã§ãå¥åº·ãã©ã³ã¹ãç®ç«ã«æ©ãã§ããæ¹ã¯åèã«ãã¦ã¿ã¦ãã ããããå»é·ãæããåã©ãã®å¥åº·ã§ã¯ãåã©ãã®å¥åº·ã§æ°ãä»ãã¦ã»ãããã¨ãããå»è ãããä¸å¯§ã«è§£èª¬ãã¦ãã¾ãããã¼ãã¯æ¯æå¤ãããã©ããããããç¶ãããæ¯ããã«ã¯ç¥ã£ã¦ããã¦ããããããã¨ã°ããã§ãããæéã®ããæ¹ã¯å¿ããã«ãã§ãã¯ããé¡ããã¾ãã"></a> 405 </div> 406 <div class="col-sm-3 col-xs-6 top_refresh"> 407 <p><a href="./goriyou.php" class="top_menu"><img src="./images/top_menu/9_off.jpg" style="max-width:100%" alt="åè²ã¦å¿æ´ã²ãã°ãããã¶ã®ã¡ã³ãã¼ãºã¯ã©ãã«ã¤ãã¦ãæ¡å ãã¦ãã¾ããã¡ã³ãã¼ãºã¯ã©ãã«ç»é²ããã¨ãä½é¨æå®¤ãã¤ãã³ãããå¾ãªå²å¼ãåªå¾ ããããåºã§ä¼å¡éå®ã®ãµã¼ãã¹ãåãããã¾ãã"></a></p> 408 <p><a href="./kyousan.php" class="top_menu"><img src="./images/top_menu/11_off.jpg" style="max-width:100%" alt="ãããã¶äºæ¥è ç»é²"></a></p> 409 </div> 410 --> 411 <div class="col-sm-6 col-xs-12 top_refresh"> 412 <a href="./sukaliveabout.php"><img src="./images/banner_about_sukalive.png" class="img-responsive center-block" alt="åè²ã¦å¿æ´ãããã©ã¤ã³"></a> 413 </div> 414 <div class="col-sm-6 col-xs-12 top_refresh"> 415 <a href="https://www.city.yokosuka.kanagawa.jp/3910/g_info/l100050505.html" target="_blank"><img src="./images/banner_kosodate_hotline.jpg" class="img-responsive center-block" alt="åè²ã¦å¿æ´ãããã©ã¤ã³"></a> 416 </div> 417 </div> 418 419 420 <div class="row"> 421 <div class="col-xs-12"> 422 <h2>åè²ã¦å¿æ´ã²ãã° ãããã¶ã§åºæ¥ãï¼ã¤ã®ãã¨</h2> 423 </div> 424 425 <div class="row li_4"> 426 <ul> 427 <li><a href="./event.php" class="top_menu"><img src="./images/top_menu/1_off.png" style="max-width:100%"></a></li> 428 <li><a href="./shop.php" class="top_menu"><img src="./images/top_menu/2_off.png" style="max-width:100%"></a></li> 429 <li>
429<a href="./kosodate_community.php" class="top_menu"><img src="./images/top_menu/3_off.png" style="max-width:100%"></a></li> 430 <li><a href="https://www.city.yokosuka.kanagawa.jp/kenko/ninshin/ninshin/index.html" target="_blank" class="top_menu"><img src="./images/top_menu/4_off.png" style="max-width:100%"></a></li> 431 <li><a href="https://www.city.yokosuka.kanagawa.jp/kenko/index.html" target="_blank" class="top_menu"><img src="./images/top_menu/5_off.png" style="max-width:100%"></a></li> 432 <li><a href="./youzisyoku_recipe.php" class="top_menu"><img src="./images/top_menu/6_off.png" style="max-width:100%"></a></li> 433 <li><a href="./kenkoudayori.php" class="top_menu"><img src="./images/top_menu/7_off.png" style="max-width:100%"></a></li> 434 <li><a href="./goriyou.php" class="top_menu"><img src="./images/top_menu/8_off.png" style="max-width:100%"></a></li> 435 </ul> 436 </div> 437 </div> 438 439 440 <div class="row"> 441 <div class="col-xs-12"> 442 <h2><a href="./topics.php" style="color:white">ãç¥ãã</a></h2> 443 <div class="topics_list"> 444 <ul> 445 446 <li> 447 <a href="./topics.php?ID=142">ããããã¯ã¹ã ãããã¶ã®æ°åç§°ãæ±ºå®ãã¾ããï¼</a> 448 </li> 449 450 <li> 451 <a href="./topics.php?ID=141">ããããã¯ã¹ã ãããã¾ã¤ãããã¼ã¹åºå±è åéãï½åè³äºæ¥è ãã¾ã®ã¿ï½</a> 452 </li> 453 454 <li> 455 <a href="./topics.php?ID=139">ããããã¯ã¹ã ãåè²ã¦å¿æ´ã²ãã° ãããã¶ãããã¾ããããã¾ãï¼</a> 456 </li> 457 458 <li> 459 <a href="./topics.php?ID=137">ããããã¯ã¹ã âãããã¶ã®æ°åç§°ãåéãã¾ãï¼âããããã¶åç§°å¿åç¹è¨ãã¼ã¸ã</a> 460 </li> 461 462 <li> 463 <a href="./topics.php?ID=136">ããããã¯ã¹ã 2026年度ãããã¶ã¡ã³ãã¼ãºã¯ã©ããç»é²è¨¼æ´æ°ã®ãç¥ãã</a> 464 </li> 465 466 </ul> 467 </div> 468 </div> 469 </div> 470 471 472 <div class="row"> 473 <div class="col-xs-12"> 474 <h2><a href="./topics.php" style="color:white">ã¡ã«ãã¬</a></h2> 475 <div class="topics_list"> 476 <ul> 477 478 <li> 479 <a href="./mail_magazine.php?ID=84">ã2026/09/25ã ãåè²ã¦å¿æ´ã²ãã°ããããã¶ãã¡ã«ã㬠9æ25æ¥å·</a> 480 </li> 481 482 <li> 483 <a href="./mail_magazine.php?ID=83">ã2026/09/17ã ãåè²ã¦å¿æ´ã²ãã°ããããã¶ãã¡ã«ã㬠9æ17æ¥å·</a> 484 </li> 485 486 <li> 487 <a href="./mail_magazine.php?ID=82">ã2026/09/10ã ãåè²ã¦å¿æ´ã²ãã°ããããã¶ãã¡ã«ã㬠9æ10æ¥å·</a> 488 </li> 489 490 <li> 491 <a href="./mail_magazine.php?ID=81">ã2026/09/03ã ãåè²ã¦å¿æ´ã²ãã°ããããã¶ãã¡ã«ã㬠9æ3æ¥å·</a> 492 </li> 493 494 <li> 495 <a href="./mail_magazine.php?ID=80">ã2026/08/20ã ãåè²ã¦å¿æ´ã²ãã°ããããã¶ãã¡ã«ã㬠8æ20æ¥å·</a> 496 </li> 497 498 </ul> 499 </div> 500 </div> 501 </div> 502 503 504 <div class="row"> 505 <div class="col-xs-12"> 506 <h2><a href="./event.php" style="color:white">楽ããã¤ãã³ããããã</a></h2> 507 <div class="swiper-parent"> 508 <div class="swiper-container swiper1"> 509 <div class="swiper-wrapper"> 510 511 512 <div class="swiper-slide facility_list"> 513 <a href="./event.php?ID=2200"><img src="./images/event/2200_1.jpg" class="object_fit_img"></a><span>ã¡ã³ãã¼ãºã¯ã©ãç¹å ¸</span> 514 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 515 <h4>ããã«ã¡ã©ãã³ã伿ï¼ã«ã¡ã©ã®ä½¿ãæ¹ãç¥ãããããã¬ã¤ã«æ®ã£ã¦ã¿ãããã¬ã¿ã...</h4> 516 <p>ãããã ãã¾ãããã</p> 517 <p><a href="./event.php?ID=2200">詳細ã¯ãã¡ã</a></p> 518 </div> 519 520 <div class="swiper-slide facility_list"> 521 <a href="./event.php?ID=2199"><img src="./images/event/2199_1.jpg" class="object_fit_img"></a> 522 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 523 <h4>å¸ããã¡ã親åãµãã³âãã±ããâã²ãã°</h4> 524 <p>ç¦ï¼æ¨ªé è³å¸ç¤¾ä¼ç¦ç¥åè°ä¼</p> 525 <p><a href="./event.php?ID=2199">詳細ã¯ãã¡ã</a></p> 526 </div> 527 528 <div class="swiper-slide facility_list"> 529 <a href="./event.php?ID=2198"><img src="./images/event/2198_1.jpg" class="object_fit_img"></a> 530 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 531 <h4>ããã¡ãã®ç é¢</h4> 532 <p>ç¦ï¼æ¨ªé è³å¸ç¤¾ä¼ç¦ç¥åè°ä¼</p> 533 <p><a href="./event.php?ID=2198">詳細ã¯ãã¡ã</a></p> 534 </div> 535 536 <div class="swiper-slide facility_list"> 537 <a href="./event.php?ID=2197"><img src="./images/event/2197_1.jpg" class="object_fit_img"></a> 538 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 539 <h4>å§å¦¹é½å¸äº¤æå¦çåçå±</h4> 540 <p>横é è³å½é交æµåä¼</p> 541 <p><a href="./event.php?ID=2197">詳細ã¯ãã¡ã</a></p> 542 </div> 543 544 <div class="swiper-slide facility_list"> 545 <a href="./event.php?ID=2196"><img src="./images/event/2196_1.jpg" class="object_fit_img"></a> 546 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 547 <h4>æããå®¶åºã»å°åã¥ãã 親åæä½ãä½é¨</h4> 548 <p>横é è³å¸åè²ã¦æ¯æ´èª²</p> 549 <p><a href="./event.php?ID=2196">詳細ã¯ãã¡ã</a></p> 550 </div> 551 552 <div class="swiper-slide facility_list"> 553 <a href="./event.php?ID=2192"><img src="./images/event/2192_1.jpg" class="object_fit_img"></a><span>ã¡ã³ãã¼ãºã¯ã©ãç¹å ¸</span> 554 <img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"> 555 <h4>10/18(æ¥)ããããã»BE studioãããã¦ã£ã¼ã³ã»ãã¼ãã£ã¼ãã</h4> 556 <p>ãããã»ã®è±èªæå®¤ãBE studio(ãã¼ã»ã¹ã¿ã¸ãª)YRPéæ¯é§ åæå®¤</p> 557 <p><a href="./event.php?ID=2192">詳細ã¯ãã¡ã</a></p> 558 </div> 559 560 <div class="swiper-slide facility_list"> 561 <a href="./event.php?ID=2188"><img src="./images/event/2188_1.jpg" class="object_fit_img"></a> 562 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"> 563 <h4>ãããºãã§ã¹ãã£ãã«</h4> 564 <p>横é è³å½é交æµåä¼</p> 565 <p><a href="./event.php?ID=2188">詳細ã¯ãã¡ã</a></p> 566 </div> 567 568 <div class="swiper-slide facility_list"> 569 <a href="./event.php?ID=2162"><img src="./images/event/2162_1.jpg" class="object_fit_img"></a><span>ã¡ã³ãã¼ãºã¯ã©ãç¹å ¸</span> 570 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 571 <h4>ããï¼ããã¼ä½æ</h4> 572 <p>ã«ããã¨ããããroom</p> 573 <p><a href="./event.php?ID=2162">詳細ã¯ãã¡ã</a></p> 574 </div> 575 576 <div class="swiper-slide facility_list"> 577 <a href="./event.php?ID=2161"><img src="./images/event/2161_1.jpg" class="object_fit_img"></a> 578 <img src="images/taisho/taisho_2.jpg" width="40"> 579 <h4>叿°ã¹ãã¼ãæå®¤ãå¹¼å ã®ä½åã¤ããæå®¤ã</h4> 580 <p>横é è³å¸æåã¹ãã¼ã観å é¨ã¹ãã¼ãæ¯è課</p> 581 <p><a href="./event.php?ID=2161">詳細ã¯ãã¡ã</a></p> 582 </div> 583 584 <div class="swiper-slide facility_list"> 585 <a href="./event.php?ID=2160"><img src="./images/event/2160_1.jpg" class="object_fit_img"></a> 586 <img src="images/taisho/taisho_1.jpg" width="40"><img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 587 <h4>nobinobi 2026</h4> 588 <p>
588ã¤ãã±ã±ç¤¾ã¨ãã¦ããªä»²éãã¡ï¼TSP太é½/ã©ã¤ãã¨ã°ã¶ã /ãã¬ãç¥å¥å·ï¼</p> 589 <p><a href="./event.php?ID=2160">詳細ã¯ãã¡ã</a></p> 590 </div> 591 592 <div class="swiper-slide facility_list"> 593 <a href="./event.php?ID=2086"><img src="./images/event/2086_1.jpg" class="object_fit_img"></a><span>ã¡ã³ãã¼ãºã¯ã©ãç¹å ¸</span> 594 <img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 595 <h4>å°æ£ï¼ãã¼ãã²ã¼ã ã§éã¼ãï½ã</h4> 596 <p>ãããã ãã¾ãããã</p> 597 <p><a href="./event.php?ID=2086">詳細ã¯ãã¡ã</a></p> 598 </div> 599 600 <div class="swiper-slide facility_list"> 601 <a href="./event.php?ID=2085"><img src="./images/event/2085_1.jpg" class="object_fit_img"></a><span>ã¡ã³ãã¼ãºã¯ã©ãç¹å ¸</span> 602 <img src="images/taisho/taisho_2.jpg" width="40"><img src="images/taisho/taisho_3.jpg" width="40"><img src="images/taisho/taisho_4.jpg" width="40"><img src="images/taisho/taisho_5.jpg" width="40"> 603 <h4>webã©ã¸ãªæ¾é ãã¼ã½ããªã㣠ä½é¨</h4> 604 <p>ãããã ãã¾ãããã</p> 605 <p><a href="./event.php?ID=2085">詳細ã¯ãã¡ã</a></p> 606 </div> 607 608 </div> 609 </div> 610 611 <div class="swiper-button-prev swiper-button-black prev1"></div> 612 <div class="swiper-button-next swiper-button-black next1"></div> 613 </div> 614 </div> 615 </div> 616 617 <div class="row"> 618 <div class="col-xs-12"> 619 <h2><a href="./shop.php" style="color:white">ãããã¶ãµã¼ãã¹ããããåºãããã</a></h2> 620 <div class="swiper-parent"> 621 <div class="swiper-container swiper2"> 622 <div class="swiper-wrapper"> 623 624 625 <div class="swiper-slide facility_list"> 626 <a href="./shop.php?ID=485"><img src="./images/shop/485_1.jpg" class="object_fit_img"></a> 627 <h4>ãã³ãã³ã©ã³ã</h4> 628 <p>ææã®å ¨å¤©ååã®åä¾ã®éã³å ´ã¨ã¨ãªãã®åºç»ã§ã¤ãã³ããéå¬ãã¦ãã¾ãã</p> 629 <p><a href="./shop.php?ID=485">詳細ã¯ãã¡ã</a></p> 630 </div> 631 632 <div class="swiper-slide facility_list"> 633 <a href="./shop.php?ID=483"><img src="./images/shop/483_1.jpg" class="object_fit_img"></a> 634 <h4>Hanto Innovation Lab</h4> 635 <p>䏿µ¦åå³¶å°åã§ãå¹´é½¢ãéããæ¹ã ã身ä½ã«ä¸èªç±ãããæ¹ã ãå®å¿ãã¦æ®ããã社ä¼ãç®æããå°åç¦ç¥ã交æµä¿é²ã®åãçµã¿...</p> 636 <p><a href="./shop.php?ID=483">詳細ã¯ãã¡ã</a></p> 637 </div> 638 639 <div class="swiper-slide facility_list"> 640 <a href="./shop.php?ID=482"><img src="./images/shop/482_1.jpg" class="object_fit_img"></a> 641 <h4>marble</h4> 642 <p>åä¾ãã大人ã¾ã§åãã§ããããååãä½é¨ãã§ãã¾ãï¼ä¸å®æï¼</p> 643 <p><a href="./shop.php?ID=482">詳細ã¯ãã¡ã</a></p> 644 </div> 645 646 <div class="swiper-slide facility_list"> 647 <a href="./shop.php?ID=481"><img src="./images/shop/481_1.jpg" class="object_fit_img"></a> 648 <h4>ãã©ã¡ã³ã³ç·´ç¿çã®ä¼ã横é è³ã</h4> 649 <p>ç§éã®ãµã¼ã¯ã«ã¯ãåè²ã¦ä¸ã§ãæ°è»½ã«ãã©ã¡ã³ã³ã楽ãããä¼ã横é è³å¸å ã§ä½ãããã¦çºè¶³ãããã¾ããã 650 651åè²ã¦ä¸ã®ã...</p> 652 <p><a href="./shop.php?ID=481">詳細ã¯ãã¡ã</a></p> 653 </div> 654 655 <div class="swiper-slide facility_list"> 656 <a href="./shop.php?ID=480"><img src="./images/shop/480_1.jpg" class="object_fit_img"></a> 657 <h4>ã¯ã³ãªã親åã®ãã¤ãã±ã¢ãããµã¨ãç´è¡ä¾¿ã</h4> 658 <p>ã»åè²ã¦ä¸ã®æ¹ 659ã»ã¯ã³ãªãã®å¤ãè¾ãæ¹ 660ã»å°åã§ã®ã¤ãªãããæ¬²ããæ¹ 661ã»ã ããã¨ãããã¹ããæ¥½ãã¿ããæ¹ 662ã¯ããã¦ã®...</p> 663 <p><a href="./shop.php?ID=480">詳細ã¯ãã¡ã</a></p> 664 </div> 665 666 <div class="swiper-slide facility_list"> 667 <a href="./shop.php?ID=479"><img src="./images/shop/479_1.jpg" class="object_fit_img"></a> 668 <h4>ç¸ããã</h4> 669 <p>æ¥æ¬ã®æªæ¥ã®å®ã§ããåä¾éããã®åä¾éãæ¯ãããããã¡ãåä¾éã¨ããéã®ä¸¡æ¹ã䏿¯ä»ããããæé·ã§ãããããªã¤ãã³ã...</p> 670 <p><a href="./shop.php?ID=479">詳細ã¯ãã¡ã</a></p> 671 </div> 672 673 <div class="swiper-slide facility_list"> 674 <a href="./shop.php?ID=478"><img src="./images/shop/478_1.jpg" class="object_fit_img"></a> 675 <h4>ãã¼ãã²ã¼ã CLUBâ¢æ¨ªé è³</h4> 676 <p>
676åååå ããããåæ§ã«ã楽ãã¿ãã¬ã¼ã³ã!</p> 677 <p><a href="./shop.php?ID=478">詳細ã¯ãã¡ã</a></p> 678 </div> 679 680 <div class="swiper-slide facility_list"> 681 <a href="./shop.php?ID=475"><img src="./images/shop/475_1.jpg" class="object_fit_img"></a> 682 <h4>ãªã¨ã¾ã³ããã¹ã¹ã¯ã¼ã«æ¨ªé è³</h4> 683 <p>åã©ããã¡ã®éåä¸è¶³ãæ°ã«ãªãã¾ãããï¼ 684å¦ç¿å¡¾ãã²ã¼ã ã®æéãå¢ããéã³å ´ãå°ãªããªã£ã¦ãã¾ãã 685ã§ãããªã¨ã¾ã³ã...</p> 686 <p><a href="./shop.php?ID=475">詳細ã¯ãã¡ã</a></p> 687 </div> 688 689 <div class="swiper-slide facility_list"> 690 <a href="./shop.php?ID=473"><img src="./images/shop/473_1.jpg" class="object_fit_img"></a> 691 <h4>èªå®ãã©ãåè佳幼ç¨å</h4> 692 <p>忬çºã«ããèªå®ãã©ãåã§ãã 693ãã¤ã¬ã»ããã¤äº¤æçããå°ãã®éã«ã声ãããã ããã</p> 694 <p><a href="./shop.php?ID=473">詳細ã¯ãã¡ã</a></p> 695 </div> 696 697 <div class="swiper-slide facility_list"> 698 <a href="./shop.php?ID=472"><img src="./images/shop/472_1.jpg" class="object_fit_img"></a> 699 <h4>ã¿ãã»ã®ã¢ããªã¨æ¨ªé è³</h4> 700 <p>åã©ãã®æªæ¥ãèããã¨ãé¿ãã¦éããªãã®ã¯ããéãã®ãã¨ãã¿ãã»ã®ã¢ããªã¨ã§ã¯ããåãã¾ã®å¦è²»ãªã©ãå°æ¥å¿ è¦ã¨ãªãã...</p> 701 <p><a href="./shop.php?ID=472">詳細ã¯ãã¡ã</a></p> 702 </div> 703 704 <div class="swiper-slide facility_list"> 705 <a href="./shop.php?ID=471"><img src="./images/shop/471_1.jpg" class="object_fit_img"></a> 706 <h4>ã¹ãã¼ã¯è¡£ç¬ </h4> 707 <p>çºéãæ°ã«ãªããåæ§ã«å¯¾ãã¦ãã¹ãã¼ã¯éåçè²Â®ã§ã®çºéæ¯æ´ãè¡ã£ã¦ãã¾ãã 708éåã¨ç¬ãã§ãã¸ãã£ããªäººãã¤ãããã¨ã...</p> 709 <p><a href="./shop.php?ID=471">詳細ã¯ãã¡ã</a></p> 710 </div> 711 712 <div class="swiper-slide facility_list"> 713 <a href="./shop.php?ID=470"><img src="./images/shop/470_1.jpg" class="object_fit_img"></a> 714 <h4>空æé 令空ä¼</h4> 715 <p>横é è³å¸ã®å¤§å¡å°å°å¦æ ¡ãä¹ éæµå°å¦æ ¡ã浦è³å°å¦æ ¡ãææ´å°å¦æ ¡ã馬å å°å¦æ ¡ã森å´å°å¦æ ¡ãé´¨å± å°å¦æ ¡ãå ¬é·å°å¦æ ¡ãSulliva...</p> 716 <p><a href="./shop.php?ID=470">詳細ã¯ãã¡ã</a></p> 717 </div> 718 719 </div> 720 </div> 721 <div class="swiper-button-prev swiper-button-black prev2"></div> 722 <div class="swiper-button-next swiper-button-black next2"></div> 723 </div> 724 </div> 725 </div> 726 727 <!-- Initialize Swiper --> 728
728<script> 729 var swiper = new Swiper('.swiper1', { 730 slidesPerView: 5, 731 spaceBetween: 10, 732 navigation: { 733 nextEl: '.next1', 734 prevEl: '.prev1', 735 }, 736 breakpoints: { 737 991: { 738 slidesPerView: 4, 739 spaceBetween: 10 740 }, 741 767: { 742 slidesPerView: 3, 743 spaceBetween: 10 744 }, 745 568: { 746 slidesPerView: 2, 747 spaceBetween: 10 748 }, 749 380: { 750 slidesPerView: 1, 751 spaceBetween: 10 752 } 753 }, 754 }); 755 </script>
755 756
756<script> 757 var swiper2 = new Swiper('.swiper2', { 758 slidesPerView: 5, 759 spaceBetween: 10, 760 navigation: { 761 nextEl: '.next2', 762 prevEl: '.prev2', 763 }, 764 breakpoints: { 765 991: { 766 slidesPerView: 4, 767 spaceBetween: 10 768 }, 769 767: { 770 slidesPerView: 3, 771 spaceBetween: 10 772 }, 773 568: { 774 slidesPerView: 2, 775 spaceBetween: 10 776 }, 777 380: { 778 slidesPerView: 1, 779 spaceBetween: 10 780 } 781 }, 782 }); 783 </script>
783 784 785 786 </div> 787 </div> 788</div> 789 790<div class="footer"> 791 <div class="jumbotron"> 792 <div class="container"> 793 <div class="col-md-2 col-sm-4 col-xs-6 sns_icon"> 794 <div class="col-xs-4"> 795 <a href="https://www.facebook.com/sukalive.yokosuka/" target="_blank"><img src="./images/banner/banner_fb2.jpg" width="100%"></a> 796 </div> 797 <div class="col-xs-4"> 798 <a href="https://twitter.com/sukalive_yksk" target="_blank"><img src="./images/banner/banner_tw2.jpg" width="100%"></a> 799 </div> 800 <div class="col-xs-4"> 801 <a href="https://www.instagram.com/sukalive_yokosuka/" target="_blank"><img src="./images/banner/banner_insta2.jpg" width="100%"></a> 802 </div> 803 <!-- 804 <a href="https://www.facebook.com/sukalive.yokosuka/" target="_blank"><img src="./images/banner/fb.png" width="100%"></a> 805 --> 806 </div> 807 <div class="col-md-2 col-sm-4 col-xs-6"> 808 <a href="http://www.wakuwaku-yokosuka.jp/" target="_blank"><img src="./images/banner/wakuwaku.jpg" width="100%"></a> 809 </div> 810 <div class="col-md-2 col-sm-4 col-xs-6"> 811 <a href="https://www.cocoyoko.net/" target="_blank"><img src="./images/banner/cocoyoko_logo2.png" width="100%"></a> 812 </div> 813 <div class="col-md-2 col-sm-4 col-xs-6"> 814 <a href="http://www.city.yokosuka.kanagawa.jp/index.html" target="_blank"><img src="./images/banner/yokosukacity.png" width="100%"></a> 815 </div> 816 <div class="col-md-2 col-sm-4 col-xs-6"> 817 <a href="https://yokosuka.gokinjob.net/" target="_blank"><img src="./images/banner/gokinjob.png" width="100%"></a> 818 </div> 819 </div> 820 </div> 821 822 <div class="copyright jumbotron"> 823 <div class="container"> 824 <div class="row"> 825 <div class="list_style_none display_inline_block col-sm-12"> 826 <ul> 827 <li><a href="./">ã»TOP</a></li> 828 <li><a href="./toiawase.php">ã»ãåãåãã</a></li> 829 <li><a href="./faq.php">ã»ãããã質å</a></li> 830 <li><a href="https://www.city.yokosuka.kanagawa.jp/0533/sougo/p_policy.html" target="_blank">ã»å人æ å ±ã®åãæ±ãã«é¢ããèãæ¹</a></li> 831 </ul> 832 </div> 833 </div> 834 <hr> 835 <div class="row"> 836 <div class="col-sm-12"> 837 <p>ãã®ãã¼ã ãã¼ã¸ã«æ²è¼ãããå å®¹ãæ¨ªé è³å¸ã«ç¡æã§ã転ç¨ãããã¨ãç¦ãã¾ãã</p> 838 <p>Copyright © 横é è³å¸ All rights Reserved.</p> 839 </div> 840 </div> 841 </div> 842</div> 843 844<div id="page-top" class="page-top"> 845 <p><a id="move-page-top" class="move-page-top">â² TOP</a></p> 846</div> 847
848<script src="./js/to-top.js"></script>
848 849 850<!-- object-fit -->
851<script type="text/javascript" src="./js/ofi.js"></script>
851 852 853
854<script src="./js/lightslider.js"></script>
854 855
856<script> 857jQuery(function($){ 858 $("#lightSlider").lightSlider({ 859 item:4, 860 auto: true, 861 speed: 500, 862 pause: 4000, 863 gallery:false, 864 thumbItem:5, 865 loop: true, 866 adaptiveHeight:false 867 }); 868 869 $("#lightSlider2").lightSlider({ 870 item:4, 871 auto: true, 872 speed: 500, 873 pause: 4000, 874 gallery:false, 875 thumbItem:5, 876 loop: true, 877 adaptiveHeight:false 878 }); 879}); 880</script>
880 881
882<script> 883$(function () { 884objectFitImages('.object_fit_image'); 885}); 886</script>
886 887
888<script type="text/javascript" src="./js/zoom.js"></script>
888 889
890<script type="text/javascript" src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>
vendor: 2 bytes, line 890
890
891<script> 892$(window).ready(function() { 893 $('#postcode1').jpostal({ 894 postcode : [ 895 '#postcode1', 896 ], 897 address : { 898 '#address1_1' : '%3', 899 '#address1_2' : '%4', 900 '#address1_3' : '%5' 901 } 902 }); 903 $('#postcode2').jpostal({ 904 postcode : [ 905 '#postcode2', 906 ], 907 address : { 908 '#address2_1' : '%3', 909 '#address2_2' : '%4', 910 '#address2_3' : '%5' 911 } 912 }); 913}); 914</script>
914 915
916<script type="text/javascript"> 917function CopyC(objF,fromName,toName){ 918 switch(objF.elements[toName].type){ 919 case "text": 920 case "textarea": 921 case "tel": 922 case "email": 923 case "url": 924 objF.elements[toName].value = objF.elements[fromName].value; 925 break; 926 case "select-one": 927 objF.elements[toName].selectedIndex=objF.elements[fromName].selectedIndex; 928 break; 929 case "radio": 930 objF.elements[toName].checked=objF.elements[fromName].checked; 931 break; 932 } 933} 934</script>
934 935 936<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 936-937
936 937<script async src="https://www.googletagmanager.com/gtag/js?id=
937UA-34529040-1
vendor: 15 bytes, lines 937-938
937"></script> 938
939<script> 940
vendor: 138 bytes, lines 940-944
940window.dataLayer = window.dataLayer || []; 941 function gtag(){dataLayer.push(arguments);} 942 gtag('js', new Date()); 943 944 gtag('config', '
944UA-34529040-1
vendor: 5 bytes, line 944
944');
945</script>
945 946 947</body> 948</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.