1<!doctype html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8" /> 5 <title>ç½ç¥ã«ã¬ã³ãã¼ï¼»ç½ç¥å±±å°ã¢ã¯ãã£ããã£äºç´Webãµã¤ãï¼½</title> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 7 <meta name="format-detection" content="telephone=no,email=no,address=no" /> 8 <meta name="description" content="ç½ç¥å±±å°ã®ä½é¨ããã°ã©ã äºç´ãµã¤ãããã¬ããã³ã°ãã©ããã£ã³ã°ãæ¨ç»ãéã³ãªããããåå£ä½ã®å¤å½©ãªãã©ã³ã䏿ã«ãç´¹ä»ãã¾ãï¼" /> 9 <meta name="keywords" content="" /> 10 11 <meta property="og:title" content="ç½ç¥ã«ã¬ã³ãã¼ï¼»ç½ç¥å±±å°ã¢ã¯ãã£ããã£äºç´Webãµã¤ãï¼½"> 12 <meta property="og:description" content="ç½ç¥å±±å°ã®ä½é¨ããã°ã©ã äºç´ãµã¤ãããã¬ããã³ã°ãã©ããã£ã³ã°ãæ¨ç»ãéã³ãªããããåå£ä½ã®å¤å½©ãªãã©ã³ã䏿ã«ãç´¹ä»ãã¾ãï¼"> 13 <meta property="og:type" content="website"> 14 <meta property="og:url" content="https://shirakami-cal.jp"> 15 <meta property="og:image" content="https://shirakami-cal.jp/img/OGP.png"> 16 <meta property="og:site_name" content="ç½ç¥ã«ã¬ã³ãã¼ï¼»ç½ç¥å±±å°ã¢ã¯ãã£ããã£äºç´Webãµã¤ãï¼½"> 17 <meta property="og:locale" content="ja_JP"> 18 19 <link rel="icon" href="./favicon.png"> 20 <link rel="apple-touch-icon" href="./apple-touch-icon.png"> 21 22 23 <!-- Import CSS --> 24 <link rel="stylesheet" href="./css/global.css" /> 25 <link rel="stylesheet" href="./css/style.css" /> 26 27 <link rel="stylesheet" href="./css/gtranslate.css"> 28<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 28-29
28 29<script async src="https://www.googletagmanager.com/gtag/js?id=
29G-RE97WDKTRC
vendor: 12 bytes, line 29
29"></script>
30<script> 31
vendor: 134 bytes, lines 31-35
31window.dataLayer = window.dataLayer || []; 32 function gtag(){dataLayer.push(arguments);} 33 gtag('js', new Date()); 34 35 gtag('config', '
35G-RE97WDKTRC
vendor: 4 bytes, line 35
35');
36</script>
36 37 38<!-- Google Analytics START-->
39<script>
vendor: 339 bytes, lines 39-45
39 40 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 41 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 42 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 43 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 44 45 ga('create', '
45UA-69343170-1
vendor: 39 bytes, lines 45-47
45', 'auto'); 46 ga('send', 'pageview'); 47
48</script>
48 49 </head> 50 <body> 51 52 <aside class="bg_slider"> 53 <div class="splide"> 54 <div class="splide__track"> 55 <div class="splide__list"> 56 <div class="splide__slide"> 57 <picture> 58 <source srcset="./img/bg_slider/slide_01_pc.webp" media="(min-width: 750px)"> 59 <img src="./img/bg_slider/slide_01_sp.webp" alt="ç½ç¥ã®æ¥"> 60 </picture> 61 </div> 62 <div class="splide__slide"> 63 <picture> 64 <source srcset="./img/bg_slider/slide_02.webp" media="(min-width: 750px)"> 65 <img src="./img/bg_slider/slide_02.webp" alt="ç½ç¥ã®å¤"> 66 </picture> 67 </div> 68 <div class="splide__slide"> 69 <picture> 70 <source srcset="./img/bg_slider/slide_03.webp" media="(min-width: 750px)"> 71 <img src="./img/bg_slider/slide_03.webp" alt="ç½ç¥ã®ç§"> 72 </picture> 73 </div> 74 <div class="splide__slide"> 75 <picture> 76 <source srcset="./img/bg_slider/slide_04.webp" media="(min-width: 750px)"> 77 <img src="./img/bg_slider/slide_04.webp" alt="ç½ç¥ã®å¬"> 78 </picture> 79 </div> 80 </div> 81 </div> 82 </div> 83 </aside> 84 <header class="toppage"> 85 <div class="wrap"> 86 <p class="title"> 87 ç½ç¥å±±å°ã®ã¢ã¯ãã£ããã£äºç´ãµã¤ã 88 </p> 89 <h1 class="sitelogo"> 90 <img class="" src="./img/common/site_logo.svg" alt="ç½ç¥å±±å°ã®ã¢ã¯ãã£ããã£äºç´ãµã¤ã"> 91 </h1> 92 <p class="message"> 93 ä¸çèªç¶éºç£ãç½ç¥å±±å°ãã§<span class="inline-block">å°ããªåéºãã</span><br> 94 è±ããªèªç¶ã¨ã¢ã¯ãã£ããã£ã<br> 95 ããªããå¾ ã£ã¦ãã¾ãï¼ 96 </p> 97 </div> 98 </header> 99 100 101 <aside class="menu_btn"> 102 <span></span> 103 </aside> 104 105 <aside id="gnav" class="menu"> 106 <div class="wrap"> 107 <div class="spc_120 pc-spc_95"></div> 108 <div class="menu_btn full"> 109 <div class="inner"> 110 <a class="panel_white" href="//shirakami-cal.jp/activities/search"> 111 <span>ã¢ã¯ãã£ããã£<span class="inline-block small">ã</span>ããã</span> 112 </a> 113 </div> 114 </div> 115 <div class="menu_btn"> 116 <div class="inner"> 117 <a class="panel_white" href="./about.html"> 118 <span>ç½ç¥<span class="inline-block">ã«ã¬ã³ãã¼</span><span class="inline-block small">ã¨ã¯ï¼</span></span> 119 </a> 120 </div> 121 <div class="inner"> 122 <a class="panel_white" href="./shirakamimountains.html"> 123 <span>ç½ç¥å±±å°<span class="inline-block small">ã¨ã¯ï¼</span></span> 124 </a> 125 </div> 126 <div class="inner"> 127 <a class="panel_white" href="./organization/"> 128 <span>主å¬å£ä½<span class="inline-block small">ç´¹ä»</span></span> 129 </a> 130 </div> 131 <div class="inner"> 132 <a class="panel_white" href="./meetingpoint/"> 133 <span>éåå ´æ<span class="inline-block small">ç´¹ä»</span></span> 134 </a> 135 </div> 136 <div class="inner"> 137 <a class="panel_white" href="./walking_area/"> 138 <span>æ£çã¨ãªã¢<span class="inline-block small">ç´¹ä»</span></span> 139 </a> 140 </div> 141 <div class="inner"> 142 <a class="panel_white" href="./area/"> 143 <span>å¨è¾ºã¨ãªã¢<span class="inline-block small">ç´¹ä»</span></span> 144 </a> 145 </div> 146 <div class="inner"> 147 <a class="panel_white" href="./access.html"> 148 <span>ç½ç¥å±±å°<span class="inline-block">ã¨ãªã¢ããã</span></span> 149 </a> 150 </div> 151 <div class="inner sp_w100"> 152 <ul class="triangle"> 153 <li><a href="./out_a_plan.html">ç½ç¥è¿·åã«ãªããªãããã«</a></li> 154 <li><a href="./faq.html">ããããã質å</a></li> 155 </ul> 156 </div> 157 <div class="inner sp_w100"> 158 <ul class="triangle"> 159 <li><a href="./privacy.html">ãã©ã¤ãã·ã¼ã»ããªã·ã¼</a><br></li> 160 <li><a href="./agency.html">観å äºæ¥è ã»ã¡ãã£ã¢ã®æ¹ã¸</a><br></li> 161 <li><a href="./links.html">é¢é£ãªã³ã¯</a></li> 162 </ul> 163 </div> 164 165 </div> 166 167 <div class="menu_form"> 168 <div class="spc_20 pc-spc_50"></div> 169 170 <div class="flex pc-gap-45"> 171 <div class="inner_full pc-inner_w308"> 172 <a class="btn-reservation_activity" href="//shirakami-cal.jp/
172activities/"><span>宿½ä¸ã®ã¢ã¯ãã£ããã£ä¸è¦§</span></a> 173 </div> 174 <div class="inner_full pc-inner_w308"> 175 <a class="btn-contact" href="//shirakami-cal.jp/activities/contact/" target="_blank">ãåãåãã</a> 176 </div> 177 </div> </div> 178 179 <div class="spc_30 pc-spc_50"></div> 180 181 <div class="menu_comment"> 182 <div class="inner"> 183 <p>äºåå±ï¼æ´¥è»½ç½ç¥ãã¢ã¼</p> 184 </div> 185 <div class="inner"> 186 <p class="note">åä½é¨ããã°ã©ã ã® å 容ã«é¢ãã¦ã¯ä¸»å¬å£ä½ã«ãåãåããã ããã</p> 187 </div> 188 </div> 189 190 <div class="spc_30"></div> 191 192 <div class="menu_img"> 193 <img src="./img/common/menu_sirakami.svg" alt="æ¥ãããç½ç¥å±±å°ã"> 194 </div> 195 196 <div class="spc_30"></div> 197 198 <div class="menu_dedicated"> 199 200 <div class="dedicated"> 201 <div class="flex-none"> 202 <p> 203 主å¬å£ä½å°ç¨ãã¼ã¸ 204 </p> 205 </div> 206 <div class="flex-none"> 207 <a class="btn-entry_activity" href="//shirakami-cal.jp/activities/login">ã¢ã¯ãã£ããã£ç»é²ç³è«ã»å¤æ´ä¾é ¼ãã©ã¼ã </a> 208 </div> 209 </div> 210 </div> 211 <div class="spc_50"></div> 212 </div> 213 </aside> 214 <main class="toppage"> 215 <div class=" bg-translucent_blue"> 216 <div class="w1300_wrap"> 217 <div class="spc_50"></div> 218 <div class="w1000_wrap"> 219 <p class="toppage_comment"> 220 ç½ç¥å±±å°ãæºå«ããã¢ã¯ãã£ããã£ãéãããã¼ã¿ã«ãµã¤ããç½ç¥ã«ã¬ã³ãã¼ã<br> 221 ç½ç¥å±±å°ãç¥ãå°½ãããã¬ã¤ãã¨å å®ããããã°ã©ã ã®äºç´ãã§ãã¾ãã<br> 222 ããªãã®å¤§åãªæ ã«ããã²ãæ´»ç¨ãã ããã 223 </p> 224 225 <div class="spc_35 pc-spc_25"></div> 226 227 <div class="flex_center gap130"> 228 <div> 229 <a href="./about.html" class="link-panel_calendar"><span>ä»®äºç´ã®ãªãã</span></a> 230 </div> 231 <div> 232 <a class="link-panel_calendar" href="//shirakami-cal.jp/activities/search"><span>ã¢ã¯ãã£ããã£ã<br>ããã</span></a> 233 </div> 234 </div> 235 <div class="spc_35"></div> 236 237 <div class="flex_center gap130"> 238 <div> 239 <a class="link-other_left" href="https://www.instagram.com/shirakamisanchi_visitorcenter/?hl=ja" target="_blank"><span>ç½ç¥å±±å°ã®<br>ã¤ãã³ãæ å ±</span></a> 240 </div> 241 <div> 242 <a class="link-other_right" href="https://www.shirakami-visitor.jp/" target="_blank"><span>ç½ç¥å±±å°ã®<br>äº¤éæ å ±</span></a> 243 </div> 244 </div> 245 <div class="spc_35"></div> 246 247 <div class="flex_center"> 248 <div> 249 <a class="link-other" href="https://business.form-mailer.jp/lp/7ca0acbc338757" target="_blank"> 250 <img src="./img/toppage/bnr_shirakamibase.svg" alt="ç½ç¥ãã¼ã¹"> 251 </a> 252 </div> 253 <div> 254 <a class="link-other" href="./shirakamifes2026" target="_blank"> 255 <img src="./img/toppage/bnr_shirakami_festival.png" alt="ç½ç¥ãã§ã¹ãã£ãã«"> 256 </a> 257 </div> </div> 258 </div> 259 <div class="spc_50"></div> 260 </div> 261 </div> 262 263 <div class="w1300_wrap "> 264 <div class="w1000_wrap"> 265 <div class="spc_60"></div> 266 267 <div class="description"> 268 <div class="heading"> 269 <h2><span>ç½ç¥å±±å°ã¨ã¯ï¼</span></h2> 270 </div> 271 <div class="content"> 272 <div class="inner"> 273 <div class="left"> 274 <div class="img aspect-square"> 275 <img src="./img/toppage/thumb01.jpg" alt="ç½ç¥å±±å°ã¨ã¯ï¼"> 276 </div> 277 </div> 278 <div class="right"> 279 <div class="flex_between flex_column"> 280 <p> 281 ç½ç¥å±±å°ã¯ã人ã®å½±é¿ãã»ã¨ãã©åãã¦ããªãåççãªããå¤©ç¶æãã¢ã¸ã¢æå¤§ç´ã®è¦æ¨¡ã§åå¸ãããã¨ãè©ä¾¡ããã1993å¹´ã«æ¥æ¬ã§åãã¦ä¸çéºç£ï¼èªç¶éºç£ï¼ã«ç»é²ãããå°åã§ãã 282 </p> 283 <a class="btn-mountain" href="./shirakamimountains.html"><span>ãã£ã¨è©³ãã</span></a> 284 </div> 285 </div> 286 </div> 287 </div> 288 </div> 289 290 <div class="spc_40 pc-spc_80"></div> 291 292 <div class="description rev"> 293 <div class="heading"> 294 <h2><span>主å¬å£ä½ç´¹ä»</span></h2> 295 </div> 296 <div class="content"> 297 <div class="inner"> 298 <div class="left"> 299 <div class="img aspect-square"> 300 <img src="./img/toppage/thumb02.jpg" alt="主å¬å£ä½ç´¹ä»"> 301 </div> 302 </div> 303 <div class="right"> 304 <div class="flex_between flex_column"> 305 <p>
306 ç½ç¥å±±å°ãç¥ãã¤ãããããã®ã¬ã¤ããã¡ãããã®æãããã§ãã使ã§ããªãã¢ã¯ãã£ããã£ãèæ¡ã<br> 307 ä¸çéºç£ç½ç¥å±±å°ãå ¨èº«ã§ä½æããå¿ããããªãæ³ãåºã¥ããããã¾ãããï¼ 308 </p> 309 <a class="btn-binoculars" href="./organization"><span>ãã£ã¨è©³ãã</span></a> 310 </div> 311 </div> 312 </div> 313 </div> 314 </div> 315 316 <div class="spc_60"></div> 317 </div> 318 </div> 319 </main> 320 321 <aside id="btn_pagetop" class="topmove_btn"> 322 <span></span> 323 </aside> 324 <footer> 325 326 <div class="bg-translucent_blue"> 327 <div class="spc_50"></div> 328 <div class="w1300_wrap"> 329 <div class="w1000_wrap"> 330 <div class="flag_wrap"> 331 <div class="inner"> 332 <a href="./meetingpoint/" class="link-flag_yellow"> 333 <span class="sub">ã¢ã¯ãã£ããã£ã®æ ç¹</span><br> 334 <span class="name">éåå ´æç´¹ä»</span> 335 </a> 336 </div> 337 <div class="inner"> 338 <a href="./walking_area/" class="link-flag_white"> 339 <span class="sub">ãããªå ´æã§æ¥½ããï¼</span><br> 340 <span class="name">æ£çã¨ãªã¢æ å ±</span> 341 </a> 342 </div> 343 <div class="inner"> 344 <a href="./area/" class="link-flag_yellow"> 345 <span class="sub">ã¤ãã§ã«è¡ãããã!?</span><br> 346 <span class="name">å¨è¾ºã¨ãªã¢æ å ±</span> 347 </a> 348 </div> 349 </div> 350 </div> 351 </div> 352 <div class="spc_50"></div> 353 </div> 354 355 <div class="bg-translucent_blue"> 356 <div class="spc_20"></div> 357 <div class="carabiner_wrap"> 358 <div class="inner pc-only wauto"> 359 </div> 360 <div class="inner knot"> 361 <a href="./out_a_plan.html" class="link-carabiner"> 362 <span>ç½ç¥è¿·åã«<br>ãªããªãããã«</span> 363 </a> 364 </div> 365 <div class="inner pc-only w145"> 366 </div> 367 <div class="inner knot"> 368 <a href="./faq.html" class="link-carabiner"> 369 <span>ããããã質å</span> 370 </a> 371 </div> 372 <div class="inner pc-only wauto"> 373 </div> 374 </div> 375 <div class="spc_60 pc-spc_70"></div> 376 </div> 377 378 <div class="bg-transparent"> 379 <div class="w1000_wrap"> 380 <div class="panel_wrap"> 381 <div class="inner"> 382 <a class="link-panel_pin" href="./access.html#car"> 383 <figure> 384 <div> 385 <img src="./img/icon/car.svg" alt="ãã¯ã«ãã§ãè¶ãã®æ¹ç¨ã¢ã¯ã»ã¹ããã"> 386 </div> 387 <figcaption> 388 <span class="sub">ãã¯ã«ãã§ãè¶ãã®æ¹ç¨</span> 389 <span class="name">ACCESS MAP</span> 390 </figcaption> 391 </figure> 392 </a> 393 </div> 394 <div class="inner"> 395 <a class="link-panel_pin" href="./access.html#bus"> 396 <figure> 397 <div> 398 <img src="./img/icon/bus.svg" alt="ãã¹ã»é»è»ã§ãè¶ãã®æ¹ç¨ã¢ã¯ã»ã¹ããã"> 399 </div> 400 <figcaption> 401 <span class="sub">ãã¹ã»é»è»ã§ãè¶ãã®æ¹ç¨</span><br> 402 <span class="name">ACCESS MAP</span> 403 </figcaption> 404 </figure> 405 </a> 406 </div> 407 <div class="inner"> 408 <a class="link-panel_pin" href="./access.html#mountain"> 409 <figure> 410 <div> 411 <img src="./img/icon/mountain.svg" alt="ç½ç¥å±±å°å¨è¾ºã¨ãªã¢ããã"> 412 </div> 413 <figcaption> 414 <span class="sub">ç½ç¥å±±å°å¨è¾º</span><br> 415 <span class="name">AREA MAP</span> 416 </figcaption> 417 </figure> 418 </a> 419 </div> 420 </div> 421 </div> 422 </div> 423 424 <div class="bg-transparent overflow-hidden"> 425<div class="spc_40"></div> 426 427 428<div class="banner_slider splide"> 429 <div class="splide__track"> 430 <div class="splide__list"> 431 <div class="banner_item splide__slide"> 432 <a href="https://www.pref.aomori.lg.jp/soshiki/kankyo/shizen/shirakami.html" target="_blank"> 433 <img class="banner" src="./img/banner/bnr_01.png" alt="鿣®çåºãã¼ã ãã¼ã¸ã»ç°å¢ã¨ãã«ã®ã¼é¨èªç¶ä¿è·èª²ãä¸çéºç£ç½ç¥å±±å°ã"> 434 </a> 435 </div> 436 <div class="banner_item splide__slide">
437 <a href="http://www.shirakami-visitor.jp/" target="_blank"> 438 <img class="banner" src="./img/banner/bnr_02.png" alt="ç½ç¥å±±å°ã®é åã¨èªç¶æ å ±çã®çºä¿¡åã³èªç¶ãµãããæ´»åæ¨é²ã®æ ç¹æ½è¨ãç½ç¥å±±å°ãã¸ã¿ã¼ã»ã³ã¿ã¼ã"> 439 </a> 440 </div> 441 <div class="banner_item splide__slide"> 442 <a href="https://aomori-tourism.com/" target="_blank"> 443 <img class="banner" src="./img/banner/bnr_03.png" alt="鿣®çè¦³å æ å ±ãµã¤ã Amazing AOMORI"> 444 </a> 445 </div> 446 <div class="banner_item splide__slide"> 447 <a href="https://www.facebook.com/shirakamisampo" target="_blank"> 448 <img class="banner" src="./img/banner/bnr_04.png" alt="Facebookãã¼ã¸ãç½ç¥ããã½ï¼ã"> 449 </a> 450 </div> 451 <div class="banner_item splide__slide"> 452 <a href="http://www.city.hirosaki.aomori.jp/" target="_blank"> 453 <img class="banner" src="./img/banner/bnr_05.png" alt="鿣®çå¼åå¸"> 454 </a> 455 </div> 456 <div class="banner_item splide__slide"> 457 <a href="http://www.nishimeya.jp/" target="_blank"> 458 <img class="banner" src="./img/banner/bnr_06.png" alt="鿣®ç䏿´¥è»½é¡è¥¿ç®å±æ"> 459 </a> 460 </div> 461 <div class="banner_item splide__slide"> 462 <a href="https://www.town.fukaura.lg.jp/" target="_blank"> 463 <img class="banner" src="./img/banner/bnr_07.png" alt="ä¸çéºç£ã¨å¤é½ã¨ãã°ãã®ã¾ã¡ã鿣®çè¥¿æ´¥è»½é¡æ·±æµ¦çºã"> 464 </a> 465 </div> 466 <div class="banner_item splide__slide"> 467 <a href="https://www.town.ajigasawa.lg.jp/" target="_blank"> 468 <img class="banner" src="./img/banner/bnr_08.png" alt="鿣®ç西津軽é¡é°ºã¶æ²¢çº"> 469 </a> 470 </div> 471 <div class="banner_item splide__slide"> 472 <a href="https://sites.google.com/view/shiraichi/top" target="_blank"> 473 <img class="banner" src="./img/banner/bnr_09.jpg" alt="ã·ã©ã¤ã"> 474 </a> 475 </div> 476 <div class="banner_item splide__slide"> 477 <a href="https://sites.google.com/view/shirakami-kentei/top" target="_blank"> 478 <img class="banner" src="./img/banner/bnr_10.jpg" alt="ç½ç¥æ¤å®"> 479 </a> 480 </div> 481 </div> 482 </div> 483 484</div> 485 486<div class="spc_110"></div> 487 </div> 488 489 <div class="bg-white"> 490 <div class="spc_60 pc-spc_40"></div> 491 <div class="w1000_wrap"> 492 493 <div class="flex gap-25"> 494 <div class="flex-none logo"> 495 <a href="./"> 496 <img src="./img/common/footer_logo.svg" alt="ç½ç¥å±±å°ã®ã¢ã¯ãã£ããã£äºç´ãµã¤ã ç½ç¥ã«ã¬ã³ãã¼"> 497 </a> 498 </div> 499 <div class="flex-auto link_list pc-only"> 500 <div class="flex justify-between"> 501 <div class="flex-1"> 502 <ul class="triangle"> 503 <li><a href="./about.html">ç½ç¥ã«ã¬ã³ãã¼ã¨ã¯ï¼</a></li> 504 <li><a href="./shirakamimountains.html">ç½ç¥å±±å°ã¨ã¯ï¼</a></li> 505 <li><a href="./organization/">主å¬å£ä½ç´¹ä»</a></li> 506 <li><a href="./meetingpoint/">éåå ´æç´¹ä»</a></li> 507 </ul> 508 </div> 509 <div class="flex-1"> 510 <ul class="triangle"> 511 <li><a href="./walking_area/">æ£çã¨ãªã¢ç´¹ä»</a></li> 512 <li><a href="./area/">å¨è¾ºã¨ãªã¢ç´¹ä»</a></li> 513 <li><a href="./out_a_plan.html">ç½ç¥è¿·åã«ãªããªãããã«</a></li> 514 <li><a href="./faq.html">ããããã質å</a></li> 515 </ul> 516 </div> 517 <div class="flex-1"> 518 <ul class="triangle"> 519 <li><a href="./access.html">ç½ç¥å±±å°ã¨ãªã¢ããã</a></li> 520 <li><a href="./privacy.html">ãã©ã¤ãã·ã¼ã»ããªã·ã¼</a></li> 521 <li><a href="./agency.html">観å äºæ¥è ã»ã¡ãã£ã¢ã®æ¹ã¸</a></li> 522 <li><a href="./links.html">é¢é£ãªã³ã¯</a></li> 523 </ul> 524 </div> 525 </div> 526 <div class="spc_20 pc-only"></div> 527 <div class="sp_bottom_fixed"> 528 529 <div class="flex pc-gap-45"> 530 <div class="inner_full pc-inner_w308"> 531 <a class="btn-reservation_activity" href="//shirakami-cal.jp/activities/"><span>宿½ä¸ã®ã¢ã¯ãã£ããã£ä¸è¦§</span></a> 532 </div> 533 <div class="inner_full pc-inner_w308">
534 <a class="btn-contact" href="//shirakami-cal.jp/activities/contact/" target="_blank">ãåãåãã</a> 535 </div> 536 </div> </div> 537 </div> 538 </div> 539 </div> 540 <div class="spc_50 pc-spc_25"></div> 541 </div> 542 543 <div class="sp_bottom_fixed sp-only"> 544 545 <div class="flex pc-gap-45"> 546 <div class="inner_full pc-inner_w308"> 547 <a class="btn-reservation_activity" href="//shirakami-cal.jp/activities/"><span>宿½ä¸ã®ã¢ã¯ãã£ããã£ä¸è¦§</span></a> 548 </div> 549 <div class="inner_full pc-inner_w308"> 550 <a class="btn-contact" href="//shirakami-cal.jp/activities/contact/" target="_blank">ãåãåãã</a> 551 </div> 552 </div> </div> 553 554 <div class="box_dedicated"> 555 <div class="w1000_wrap"> 556 <div class="sp-only"> 557 <p class="text-fs15">äºåå±ï¼æ´¥è»½ç½ç¥ãã¢ã¼</p> 558 <p class="text-fs15 note">åä½é¨ããã°ã©ã ã® å 容ã«é¢ãã¦ã¯ä¸»å¬å£ä½ã«ãååããã ããã</p> 559 <div class="spc_15"></div> 560 </div> 561 562 <div class="dedicated"> 563 <div class="flex-none"> 564 <p> 565 主å¬å£ä½å°ç¨ãã¼ã¸ 566 </p> 567 </div> 568 <div class="flex-none"> 569 <a class="btn-entry_activity" href="//shirakami-cal.jp/activities/login">ã¢ã¯ãã£ããã£ç»é²ç³è«ã»å¤æ´ä¾é ¼ãã©ã¼ã </a> 570 </div> 571 </div> 572 </div> 573 </div> 574 575 576 577 </footer> 578 579 580 <div class="gtranslate-wrapper" id="gtranslate-wrapper"> 581 <button class="lang-btn" id="btn-translate-en" onclick="gtranslateSwitch('en')" title="Translate to English"> 582 <span class="gtranslate-spinner"></span> 583 <span class="flag">ð¬ð§</span> 584 <span class="lang-label">English</span> 585 </button> 586 <button class="lang-btn" id="btn-translate-ja" onclick="gtranslateSwitch('ja')" title="æ¥æ¬èªã«æ»ã" 587 style="display:none;"> 588 <span class="gtranslate-spinner"></span> 589 <span class="flag">ð¯ðµ</span> 590 <span class="lang-label">æ¥æ¬èª</span> 591 </button> 592 </div> 593 <div id="google_translate_element" style="display:none;"></div> 594
594<script src="./js/gtranslate.js"></script>
594 595
595<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
595 596 597 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.css" integrity="sha512-DKdRaC0QGJ/kjx0U0TtJNCamKnN4l+wsMdION3GG0WVK6hIoJ1UPHRHeXNiGsXdrmq19JJxgIubb/Z7Og2qJww==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 598 <link rel="stylesheet" href="./css/lightbox_fix.css"> 599 600
600<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
600 601
601<script src="./js/function.js"></script>
601 602 603
603<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.min.js" integrity="sha512-KbRFbjA5bwNan6DvPl1ODUolvTTZ/vckssnFhka5cG80JVa5zSlRPCr055xSgU/q6oMIGhZWLhcbgIC0fyw3RQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
603 604 605
605<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js" integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw=" crossorigin="anonymous"></script>
605 606 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" integrity="sha256-5uKiXEwbaQh9cgd2/5Vp6WmMnsUr3VZZw0a8rKnOKNU=" crossorigin="anonymous"> 607 608 <link rel="stylesheet" href="./css/splide_fix.css"> 609
610<script> 611 lightbox.option({ 612 'fadeDuration': 300, 613 'resizeDuration': 200, 614 'disableScrolling': true, 615 'maxWidth' : 1000, 616 'maxHeight' : 768, 617 'wrapAround': true, 618 'albumLabel': '%2æä¸ã%1æç®ã®ç»å' 619 }); 620 621 new Splide(".banner_slider.splide", { 622 type: 'loop', 623 autoplay: 'true', 624 easing: 'ease', 625 interval: 4000, 626 speed: 1000, 627 gap: 20, 628 arrows: false, 629 perMove: 1, 630 focus : 'center', 631 autoWidth: true, 632 pagination: true, 633 }).mount(); 634 635 new Splide(".bg_slider .splide", { 636 type: 'fade', 637 rewind: 'true', 638 autoplay: 'true', 639 easing: 'ease', 640 interval: 4000, 641 speed: 3000, 642 arrows: false, 643 perMove: 1, 644 focus : 'center', 645 pagination: false, 646 }).mount(); 647</script>
647 648 649 </body> 650</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.