レジャパス北信越 - 便利でお得なおでかけのサブスク

<html lang=ja> <head> <title> レジャパス北信越 - 便利でお得なおでかけのサブスク </title> <meta charset="utf-8"> <meta name="description" content="北陸朝日放送株式会社と株式会社オリグレスが提携して生まれた「レジャパス北信越」は、定額制のお出かけサービスです。様々なレジャー・エンタメ施設をご利用いただけます。このサービスでは、毎月定額の料金を支払うことで、遊園地、動物園、温泉、スポーツ観戦などのレジャー・エンタメ施設を利用できます。"> <meta name="keywords" content="レジャパス北信越,エンタメサービス,定額制サービス,レジャー施設,エンターテイメント,石川県,北信越地方,動物園,温泉,スポーツ観戦,遊園地,予約サービス,プレミアム会員,レジャコイン,地域創生,サブスク,交流人口,ファミリープラン,キャンペーン,登録,コンテンツ企業,情報発信,笑い,安心,安全,スポーツ,健康,幅広い層,地域活性化,思い出,石川,オリグレス,北陸朝日放送"> <meta name="author" content="ORIGRESS PARKS Inc."> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no"> <meta name="google" value="notranslate" /> <meta name="facebook-domain-verification" content="banipa3p0ehagve7noptmkckfddtsp" /> <link rel="icon" href="https://lejapass-hokushinetsu.com/favicon.ico" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="https://lejapass-hokushinetsu.com/css/owl.carousel.min.css" /> <link rel="stylesheet" type="text/css" href="https://lejapass-hokushinetsu.com/css/owl.theme.default.min.css" /> <link href="https://lejapass-hokushinetsu.com/css/app.css?version=20230626" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://lejapass-hokushinetsu.com/css/fullcalendar.css" /> <link rel="canonical" href="https://lejapass-hokushinetsu.com/">  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-57KRDGVC'); </script>   </head> <body class="relative bg-white" id="content-wrapper" style="background: none; height: 100%; width: 100%; z-index: -1;">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57KRDGVC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header class="fixed top-0 left-0 right-0 z-[100]"> <div class="h-[50px] container mx-auto bg-white items-center justify-between px-[20px] shadow-header flex md:hidden relative"> <div class="w-max"> <a href="/"> <img src="https://lejapass-hokushinetsu.com/images/v2/logo.png" class="w-[150px]" alt="logo" /></a> </div> <div class="flex items-center justify-center gap-4"> <a href="https://lejapass-hokushinetsu.com/login" class="flex justify-center items-center flex-col font-bold text-[10px]"> <img class="w-[24px] h-[24px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/login.svg" alt="icon"> ログイン </a> <a href="https://lejapass-hokushinetsu.com/registration/enter-email-password" class="flex justify-center items-center flex-col font-bold text-[10px]"> <img class="w-[24px] h-[24px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/register.svg" alt="icon"> 会員登録 </a> <a href="https://lejapass-hokushinetsu.com/category-park-list" class="flex justify-center items-center flex-col font-bold text-[10px]"> <img src="https://lejapass-hokushinetsu.com/images/v2/icons/search-gray-icon.svg" alt="search-icon"> 検索 </a> <nav> <div class="container flex items-center justify-between mx-auto"> <div class="flex items-center"> <button id="menu-toggle" class="text-white focus:outline-none" data-toggle="collapse"> <span id="openIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none" class="show" data-menu="open" class="duration-300 ease-in-out"> <path d="M0 16V13.3333H24V16H0ZM0 9.33333V6.66667H24V9.33333H0ZM0 2.66667V0H24V2.66667H0Z" fill="#1C1B1F" /> </svg> </span> <span id="closeIcon" class="hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" data-menu="close" class="w-[24px] h-[24px] ease-in-out duration-300"> <rect width="32" height="32" fill="#333333" /> <mask id="mask0_850_4759" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32"> <rect width="32" height="32" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_850_4759)"> <path d="M11.176 22.7007L9.30005 20.834L14.124 16.0007L9.30005 11.2007L11.176 9.33398L16 14.1543L20.7907 9.33398L22.6667 11.2007L17.8427 16.0007L22.6667 20.834L20.7907 22.7007L16 17.8803L11.176 22.7007Z" fill="white" /> </g> </svg> </span> </button> </div> <ul id="menu-items" class="h-0 md:flex space-x-4 text-white absolute left-0 w-full top-[50px] z-50 ease-in-out duration-300 overflow-hidden"> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://lejapass-hokushinetsu.com/registration/enter-email-password"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[20px] h-[20px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/register.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>会員登録</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://lejapass-hokushinetsu.com/service"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/using-Icon.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>レジャパス北信越の使い方 </div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://lejapass-hokushinetsu.com/about-lejacoin"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="" src="https://lejapass-hokushinetsu.com/images/v2/icons/rejacoin-icon.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>レジャコインについて</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="/price"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="" src="https://lejapass-hokushinetsu.com/images/v2/icons/yen-icon.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>料金表・プランについて </div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja" target="_blank"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/question-icon.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>よくある質問</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja/requests/new" target="_blank"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/email-icon.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>お問い合わせ</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="h-[60px] border-b border-mercury !mr-0 !ml-0 bg-white"> <a href="https://lejapass-hokushinetsu.com/login"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[20px] h-[20px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/login.svg" alt="icon"> <div class='text-sm font-normal cursor-pointer text-shaft'>ログイン</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </li> <li class="bg-[#80808069] h-full w-full !mr-0 !ml-0" id="coverage-menu"></li> </ul> </div> </nav> </div> </div> <div class="h-[50px] mx-auto bg-white items-center justify-between px-[20px] shadow-sm hidden md:flex"> <div class="w-max"> <a href="/"> <img src="https://lejapass-hokushinetsu.com/images/v2/logo.png" class="w-[150px]" alt="logo" /></a> </div> <div class="flex gap-[16px] text-main items-center"> <a href="https://lejapass-hokushinetsu.com/category-park-list" class="px-[10px]">お出かけスポットを探す</a> <a href="https://lejapass-hokushinetsu.com/service" class="px-[10px]">レジャパス北信越の使い方</a> <a href="https://lejapass-hokushinetsu.com/about-lejacoin" class="px-[10px]">レジャコインについて</a> <a href="https://lejapass-hokushinetsu.com/price" class="px-[10px]">プランについて</a> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja" target="_blank" class="pl-[10px] pr-[20px]">よくある質問</a> <div class="pl-5"> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/registration/enter-email-password';" class="cursor-pointer h-[40px] w-[70px] text-[14px] font-bold rounded-[4px] flex justify-center items-center text-white bg-main">会員登録</button> </div> <div> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/login';" class="cursor-pointer border border-scorpion h-[40px] w-[70px] text-[14px] font-bold rounded-[4px] flex justify-center items-center text-tundora bg-white">ログイン</button> </div> </div> </div> </header> <script> $(document).ready(function() { $('#menu-toggle').click(function() { $('#menu-items').toggleClass('h-[100vh]'); $('#openIcon').toggleClass('hidden'); $('#closeIcon').toggleClass('hidden'); $('#coin_mobile').toggleClass('hidden'); }); $('#coverage-menu').click(function() { $('#menu-items').toggleClass('h-[100vh]'); $('#openIcon').toggleClass('hidden'); $('#closeIcon').toggleClass('hidden'); $('#coin_mobile').toggleClass('hidden'); }) }); </script> <div class="fixed top-[80%] left-[10%] w-[35vw] h-auto register_button_position hidden" id="background-button"> <a href="https://lejapass-hokushinetsu.com/registration/enter-email-password"> <div class="btn-main w-[672px] h-[76px] text-white flex text-[28px] font-700 gap-x-[20px] items-center"> <div class="flex flex-col text-[20px] h-[50px] items-center justify-between ml-[50px]"> <div>1分で</div> <div>完了♪</div> </div> <div class="ml-[80px] flex">今すぐ会員登録！ <div class="ml-[20px]">▶︎</div></div> </div> </a> </div> <div class="w-full md:max-w-md absolute md:right-[0%] lg:left-[60%] inset-y-0 sm:inset-x-auto bg-white" style="z-index: 1"> <main class="pt-[50px] px-0 bg-white"> <header class="fixed top-0 left-0 right-0 z-50"> <div class="h-[50px] container mx-auto bg-white items-center justify-between px-[20px] shadow-sm flex md:hidden"> <div class="w-max"> <a href="/"> <img src="https://lejapass-hokushinetsu.com/images/v2/logo.png" class="w-[150px]" alt="logo" /></a> </div> <div class="flex gap-[14px]"> <div> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/registration/enter-email-password';" class="cursor-pointer h-[30px] w-[65px] text-[12px] font-bold rounded-[4px] flex justify-center items-center text-white bg-main">会員登録</button> </div> <div> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/login';" class="cursor-pointer border border-scorpion h-[30px] w-[65px] text-[12px] font-bold rounded-[4px] flex justify-center items-center text-tundora bg-white">ログイン</button> </div> </div> </div> <div class="h-[50px] mx-auto bg-white items-center justify-between px-[20px] shadow-sm hidden md:flex"> <div class="w-max"> <a href="/"> <img src="https://lejapass-hokushinetsu.com/images/v2/logo.png" class="w-[150px]" alt="logo" /></a> </div> <div class="flex gap-[16px] text-main items-center"> <a href="https://lejapass-hokushinetsu.com/category-park-list" class="px-[10px]">お出かけスポットを探す</a> <a href="https://lejapass-hokushinetsu.com/service" class="px-[10px]">レジャパス北信越の使い方</a> <a href="https://lejapass-hokushinetsu.com/price" class="px-[10px]">プランについて</a> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja" target="_blank" class="pl-[10px] pr-[20px]">よくある質問</a> <div> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/registration/enter-email-password';" class="cursor-pointer h-[40px] w-[70px] text-[14px] font-bold rounded-[4px] flex justify-center items-center text-white bg-main">会員登録</button> </div> <div> <button type="button" onclick="location.href='https://lejapass-hokushinetsu.com/login';" class="cursor-pointer border border-scorpion h-[40px] w-[70px] text-[14px] font-bold rounded-[4px] flex justify-center items-center text-tundora bg-white">ログイン</button> </div> </div> </div> </header> <section style="max-width: 640px; margin: 0 auto;" class="flex flex-col gap-4"> <div class="relative flex items-center justify-center w-full bg-white"> <div class="relative w-full aspect-square overflow-hidden"> <img src="https://lejapass-hokushinetsu.com/images/v2/FV/hokushin_kv_20250213.jpg" alt="origress parks" /> </div> </div>  <div class="px-[33px]"> <a href="/service" class="w-full"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/register_service.jpg" alt="questionnaire"> </div> </a> </div> <div class="px-[33px]"> <div> <div class="text-[15px] font-bold flex justify-center">＼　今すぐ<span class="text-red">会員登録</span>して遊びつくそう！　／</div> <a href="/registration/enter-email-password" class='w-full'> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white bg-main"> <img src="https://lejapass-hokushinetsu.com/images/v2/plan/hokushin_touroku_banner.jpg" alt="about_plan" /> </div> </a> </div> </div> <div class="px-[33px]"> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja/articles/35140164959385-%E5%85%A8%E5%9B%BD%E3%82%A8%E3%83%AA%E3%82%A2%E6%8B%A1%E5%A4%A7%E6%A9%9F%E8%83%BD%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B" class="w-full" target="_blank"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/hokushin_area.png" alt="questionnaire"> </div> </a> </div> <div class="px-[33px]"> <a href="/category-park-list" class="w-full"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/searchbanner.png" alt="questionnaire"> </div> </a> </div> <div class="px-[33px]"> <a href="https://www.youtube.com/watch?v=PJSdPOXjkKA&list=PLifVGdqsTJWizw106cWH50jsI0haCILvX&index=20" class="w-full" target="_blank"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/video_banner.jpg" alt="questionnaire"> </div> </a> </div> <div class="px-[33px]"> <a href="https://www.youtube.com/watch?v=ShDyGXdN56U" class="w-full" target="_blank"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/cm_banner.jpg" alt="questionnaire"> </div> </a> </div> <div class="px-[33px]"> <a href="https://kanazawa-ya.com/shop/local/local22/" class="w-full" target="_blank"> <div class="cursor-pointer relative w-full text-base font-bold rounded-[4px] flex justify-center items-center text-white"> <img src="https://lejapass-hokushinetsu.com/images/v2/banner/kanazawaya_banner_20250213.jpg" alt="questionnaire"> </div> </a> </div> </section> <section class="pl-[18px] mt-[22px]"> <div class="mt-[50px]"> <div class="flex items-center flex-col pr-[18px]"> <div class="text-[20px] font-bold text-main text-center leading-[29px]"> おすすめ施設 </div> <div class="w-full h-[5px] bg-main mt-[7px]"></div> </div> <div class="owl-carousel normal-slide1 mt-[14px]"> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1328" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1731907329.webp" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1328"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 富山グラウジーズ </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 富山県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> スポーツ観戦 </div> </div> </div> </div> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1262" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1722947845.jfif" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1262"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 金沢武士団 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> スポーツ観戦 </div> </div> </div> </div> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1264" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1723015855.jpg" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1264"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 日本自動車博物館 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 美術館・博物館 </div> </div> </div> </div> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1288" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1725606940.jpg" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1288"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> ハートランドヒルズin能登いおりリゾート </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> キャンプ </div> </div> </div> </div> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/977" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1703497307.jpeg" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/977"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> いこいの村　能登半島(ファミリーパークゴーカート) </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> アクティビティ </div> </div> </div> </div> <div class=""> <div class=""> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1224" class='w-full h-full'><img class='object-cover object-center w-full h-full' src="https://du31ebjcu10hv.cloudfront.net/park_images/1721726138.jpg" /></a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1224"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> ヴィテン乗馬クラブ・クレイン金沢 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> アクティビティ </div> </div> </div> </div> </div> </div> <script src="https://lejapass-hokushinetsu.com/js/jquery.min.js"></script> <script src="https://lejapass-hokushinetsu.com/js/owl.carousel.min.js"></script> <script> $('.owl-carousel.normal-slide1').owlCarousel({ loop: true, margin: 13, nav: true, mouseDrag: false, navText: [ "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px]'>", "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px] rotate-180'>" ], responsive: { 0: { items: 1.7 }, } }); </script> </section> <section class="pl-[18px] mt-[22px]"> <div class="mt-[50px]"> <div class="flex items-center flex-col pr-[18px]"> <div class="text-[20px] font-bold text-main text-center leading-[29px]"> 新しく追加された施設 </div> <div class="w-full h-[5px] bg-main mt-[7px]"></div> </div> <div class="owl-carousel normal-slide5 mt-[14px]"> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1357" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1742368563.png" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1357"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 佐久プラザボウル </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 長野県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> ボウリング</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1351" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1741324491.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1351"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 煮込み屋寅ひげ </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> その他</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1339" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1735008723.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1339"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 天然温泉湯来楽 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1338" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1735010228.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1338"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 湯けむり屋敷和おんの湯 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1336" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1735005016.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1336"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 桑おんま温泉楽ちんの湯 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1330" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1732068368.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1330"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 権堂温泉テルメDOME </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 長野県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1328" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1731907329.webp" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1328"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 富山グラウジーズ </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 富山県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> スポーツ観戦</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1326" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1731904274.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1326"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> コワーキングスペース千里浜（能登千里浜レストハウス） </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> その他</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1324" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1731567094.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1324"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 百万石リゾートレーン </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> ボウリング</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1317" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1729659326.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1317"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 加賀伝統工芸村ゆのくにの森 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 観光施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1315" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1729497758.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1315"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 山中温泉湯畑の宿花つばき </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1313" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1729488448.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1313"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> ホテルおがわ </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 富山県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1293" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1726111483.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1293"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 金沢ドームスタジアム </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> バッティング</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1292" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1726106126.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1292"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 小松バッティングセンター </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> バッティング</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1290" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1725952652.jpeg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1290"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> ウチナダノハコ片町/はちゅうるいばーLIRIO </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> その他</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1288" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1725606940.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1288"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> ハートランドヒルズin能登いおりリゾート </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> キャンプ</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1286" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1724053159.webp" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1286"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 高岡スカイボウル </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 富山県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> ボウリング</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1284" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1723793345.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1284"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> あそびの森かほっくる </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> キッズパーク</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1277" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1723125531.jpg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1277"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> 法林寺温泉 </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 富山県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> サウナ・温浴施設</div> </div> </div> <div class="col"> <div class="aspect-[4/3] w-full relative overflow-hidden"> <a href="https://lejapass-hokushinetsu.com/user-blog/1275" class='w-full h-full'> <img class='w-full h-full object-cover object-center' src="https://du31ebjcu10hv.cloudfront.net/park_images/1723123561.jpeg" /> </a> </div> <a href="https://lejapass-hokushinetsu.com/user-blog/1275"> <h3 class="text-center line-clamp-1 font-bold text-[18px] leading-[26px] mt-2 text-mine"> そらのあそびばハレノチクモリ </h3> </a> <div class="flex justify-center gap-[10px] text-[11px] text-gray mt-[6px] mb-[6px]"> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> 石川県</div> <div class='border-gray-1 border rounded-[3px] py-1 px-3 cursor-pointer'> キッズパーク</div> </div> </div> </div> </div> <script src="https://lejapass-hokushinetsu.com/js/jquery.min.js"></script> <script src="https://lejapass-hokushinetsu.com/js/owl.carousel.min.js"></script> <script> $('.owl-carousel.normal-slide5').owlCarousel({ loop: true, margin: 13, nav: true, mouseDrag: false, navText: [ "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px]'>", "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px] rotate-180'>" ], responsive: { 0: { items: 1.7, }, } }); </script> </section> <section class="px-[18px] mt-[22px]"> <a href="https://lejapass-hokushinetsu.com/category-park-list" class='w-full'> <div class="flex items-center flex-col"> <div class="text-[14px] font-bold text-main leading-[29px]"> 4月 7日（月）時点での遊べる場所 <br/> </div> <div class="text-[18px] font-bold text-main leading-[29px]"> <span class="px-1 text-3xl"> 53</span> 施設 </div> <div class="w-full h-[5px] bg-main mt-[7px] pr-[18px]"></div> </div> </a> </section> <script> $(document).ready(function() { $('.owl-carousel.slide-5').owlCarousel({ loop: true, margin: 20, nav: false, mouseDrag: true, autoplay: true, autoplayTimeout: 3000, responsive: { 0: { items: 2 } // 600: { // items: 2 // }, // 1000: { // items: 2 // }, // 1200: { // items: 3 // } } }); }); </script> <section class="pl-[18px] mt-[70px]"> <div class="pr-[18px]"> <div class="w-[80%] h-[4px] bg-main mb-5 pr-[18px] mr-auto ml-5 relative"> <div class="absolute w-[4px] h-[23px] bg-main left-[9px] top-[50%] translate-y-[-50%]"></div> </div> <div class="text-[24px] font-bold text-main leading-[35px] text-center px-5"> レジャパス北信越ならではの魅力 </div> <div class="w-[80%] h-[4px] bg-main mt-5 pr-[18px] ml-auto relative mr-5"> <div class="absolute w-[4px] h-[23px] bg-main right-[9px] top-[50%] translate-y-[-50%]"></div> </div> </div> <div class="mt-6 flex slide-5"> <div class="mb-md-5"> <div> <div class="relative flex justify-center"> <div class='w-[50%] relative'> <div class="relative z-10 w-full"> <img class="w-[83px] h-[83px]" src="https://lejapass-hokushinetsu.com/images/v2/greatEntertainmentSlider/intro1.png" alt="サブスクならではの新しい発見"> </div> </div> </div> <h3 class="text-center font-bold text-[13px] leading-[19px] mt-[18px] line-clamp-2 h-[40px]"> サブスクならではの新しい発見 </h3> <div class="text-[12px] font-normal leading-[17x] text-black mt-[7px] text-left line-clamp-5 mx-2"> 定額制なので、迷っていた施設にも思い切ってチャレンジ！新しい発見が、そこにあるはず。 </div> </div> </div> <div class="mb-md-5"> <div> <div class="relative flex justify-center"> <div class='w-[50%] relative'> <div class="relative z-10 w-full"> <img class="w-[83px] h-[83px]" src="https://lejapass-hokushinetsu.com/images/v2/greatEntertainmentSlider/intro3.png" alt="レジャコインで<br>みんなレジャパス"> </div> </div> </div> <h3 class="text-center font-bold text-[13px] leading-[19px] mt-[18px] line-clamp-2 h-[40px]"> レジャコインで<br>みんなレジャパス </h3> <div class="text-[12px] font-normal leading-[17x] text-black mt-[7px] text-left line-clamp-5 mx-2"> コインを使えば会員ではない人の分も予約可能。「予約しておいたよ」と言って、自然に友達・恋人を誘いましょう。 </div> </div> </div> </div> <script src="https://lejapass-hokushinetsu.com/js/jquery.min.js"></script> <script src="https://lejapass-hokushinetsu.com/js/owl.carousel.min.js"></script> </section> <section class="px-[18px]" id="map"> <div class="mt-[21px]"> <div class=''> <iframe src="https://www.google.com/maps/d/embed?mid=1nbCZqXL9a0ECQ_udJ_vBW3y7JkQp5Rg&ehbc=2E312F" width="100%" height="480"></iframe> </div> </div> </section> <script> $(document).ready(function(){ var hash = window.location?.hash; if(hash === '#map'){ $('html, body').animate({ scrollTop: $('#map').offset().top }, 0); } }) </script> <section class="mt-[60px]"> <div class="flex items-center flex-col px-[18px]"> <div class="text-[20px] font-bold text-main leading-[29px]"> エリア </div> <div class="w-full h-[5px] bg-main mt-[7px]"></div> </div> <div name="area-list" class="mt-[21px] grid grid-cols-2 border-t border-l border-nobel"></div> <script> const area_template = ` <div onClick="onAreaClicked(this)" area="" class='bg-gray-1 center h-[80px] px-2 w-full border-b border-r border-nobel'> <a href="" class='w-full h-full center'> <p class='text-[20px] text-center line-clamp-2 text-black-3 font-bold'></p> </a> </div> `; let area_data = JSON.parse('[{\u0022id\u0022:17,\u0022area\u0022:\u0022\\u77f3\\u5ddd\\u770c\u0022},{\u0022id\u0022:16,\u0022area\u0022:\u0022\\u5bcc\\u5c71\\u770c\u0022},{\u0022id\u0022:18,\u0022area\u0022:\u0022\\u798f\\u4e95\\u770c\u0022},{\u0022id\u0022:20,\u0022area\u0022:\u0022\\u9577\\u91ce\\u770c\u0022},{\u0022id\u0022:15,\u0022area\u0022:\u0022\\u65b0\\u6f5f\\u770c\u0022}]'); area_data.forEach(area => { let area_html = $.parseHTML(area_template); let area_name = area['area']; $(area_html).attr('area', area_name); $(area_html).find('p').text(area_name); $(area_html).find('a').attr("href", "https://lejapass-hokushinetsu.com/category-park-list?area=" + area_name); $("div[name='area-list']").append(area_html); }); function onAreaClicked(elem) { let area = $(elem).attr('area'); resetSearchOptions(); $("select[name='area']").find(`option[value=${area}]`).prop('selected', true); updatePagenationBarAndParkList('all'); } </script> </section> <section class="mt-[60px]"> <div class="flex items-center flex-col px-[18px]"> <div class="text-[20px] font-bold text-main leading-[29px]"> カテゴリー </div> <div class="w-full h-[5px] bg-main mt-[7px]"></div> </div> <div name="category-block" class="mt-[21px] grid grid-cols-3 border-nobel"></div> <script> let category_template = ` <div category_id="" class='justify-center flex items-center text-center cursor-pointer border-nobel w-full aspect-[131/79] relative'> <a href="" class='w-full h-full center'> <img src="" alt="" class='w-full h-full object-cover object-center absolute inset-0'> <p class='leading-[19px] text-[13px] text-center line-clamp-2 text-white font-bold px-2 z-20'></p> <div class="absolute inset-0 bg-black z-10 bg-opacity-40"></div> </a> </div> `; let category_data = JSON.parse('[{\u0022name\u0022:\u0022\\u30b5\\u30a6\\u30ca\\u30fb\\u6e29\\u6d74\\u65bd\\u8a2d\u0022,\u0022image\u0022:\u0022cate_id_3.JPG\u0022,\u0022id\u0022:3},{\u0022name\u0022:\u0022\\u30ad\\u30c3\\u30ba\\u30d1\\u30fc\\u30af\u0022,\u0022image\u0022:\u0022cate_id_26.JPG\u0022,\u0022id\u0022:26},{\u0022name\u0022:\u0022\\u7f8e\\u8853\\u9928\\u30fb\\u535a\\u7269\\u9928\u0022,\u0022image\u0022:\u0022cate_id_13.jpg\u0022,\u0022id\u0022:13},{\u0022name\u0022:\u0022\\u30c6\\u30fc\\u30de\\u30d1\\u30fc\\u30af\u0022,\u0022image\u0022:\u0022cate_id_6.jpg\u0022,\u0022id\u0022:6},{\u0022name\u0022:\u0022\\u30dc\\u30a6\\u30ea\\u30f3\\u30b0\u0022,\u0022image\u0022:\u0022cate_id_8.JPG\u0022,\u0022id\u0022:8},{\u0022name\u0022:\u0022\\u30ab\\u30e9\\u30aa\\u30b1\u0022,\u0022image\u0022:\u0022cate_id_24.JPG\u0022,\u0022id\u0022:24},{\u0022name\u0022:\u0022\\u30a2\\u30af\\u30c6\\u30a3\\u30d3\\u30c6\\u30a3\u0022,\u0022image\u0022:\u0022cate_id_27.jpg\u0022,\u0022id\u0022:27},{\u0022name\u0022:\u0022\\u30b9\\u30dd\\u30fc\\u30c4\\u89b3\\u6226\u0022,\u0022image\u0022:\u0022category_id_21.jfif\u0022,\u0022id\u0022:21},{\u0022name\u0022:\u0022\\u5168\\u3066\u0022,\u0022image\u0022:\u0022cate_id_5.png\u0022,\u0022id\u0022:5}]'); category_data.forEach(category => { let category_html = $.parseHTML(category_template); let category_name = category['name']; let img_url = 'images/v2/categoryImages/' + category['image']; let img_source = "https://lejapass-hokushinetsu.com/" + img_url; $(category_html).attr({'category_id':category['id'], 'alt':category['name']}); $(category_html).find('img').attr("src", img_source); $(category_html).find('a').attr("href", "https://lejapass-hokushinetsu.com/category-park-list?category=" + category['id']); $(category_html).find('p').text(category['name']); $("div[name='category-block']").append(category_html); }); </script> </section> <footer class="pt-[40px] bg-white">  <div class="h-[60px] border-b border-mercury"> <div class='flex items-center justify-between h-full px-5'> <div class='text-[14px] font-normal'>レジャパス北信越を詳しく知る</div> </div> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://lejapass-hokushinetsu.com/service"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/using-Icon.svg" alt="icon"> <div class='text-[13px] font-normal cursor-pointer text-shaft'>レジャパス北信越の使い方</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://lejapass-hokushinetsu.com/about-lejacoin"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/p-icon.svg" alt="icon"> <div class='text-[13px] font-normal cursor-pointer text-shaft'>レジャコインについて</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://lejapass-hokushinetsu.com/price"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[14px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/cart-icon.svg" alt="icon"> <div class='text-[13px] font-normal cursor-pointer text-shaft'>料金表・プランについて</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja" target="_blank"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/question-icon.svg" alt="icon"> <div class='text-[13px] font-normal cursor-pointer text-shaft'>よくある質問</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://hokushinetsulejapass.zendesk.com/hc/ja/requests/new" target="_blank"> <div class='flex items-center justify-between h-full px-5'> <div class='flex items-center gap-2'> <img class="w-[16px] h-[13px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/email-icon.svg" alt="icon"> <div class='text-[13px] font-normal cursor-pointer text-shaft'>お問い合わせ</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div> <div class="h-[60px] border-b border-mercury"> <a href="https://forms.gle/s7tAsBrj2pscuEha9" target="_blank"> <div class="flex items-center justify-between h-full px-5"> <div class="flex items-center gap-2"> <img class="w-[20px] h-[20px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/park-question.svg" alt="icon"> <div class="text-[13px] font-normal cursor-pointer text-shaft">施設加盟のお問合せ</div> </div> <div> <img class="w-[10px] h-[16px]" src="https://lejapass-hokushinetsu.com/images/v2/icons/arrow-right-black.svg" alt="icon"> </div> </div> </a> </div>   <div class='flex flex-col justify-center items-center gap-3 mt-7'> <a href="https://lejapass-hokushinetsu.com/terms"> <div class='cursor-pointer font-normal leading-[12px] text-[11px] text-dove'>利用規約</div> </a> <a href="https://lejapass-hokushinetsu.com/privacy_policy"> <div class='cursor-pointer font-normal leading-[12px] text-[11px] text-dove'>プライバシーポリシー</div> </a> <a href="https://lejapass-hokushinetsu.com/specified"> <div class='cursor-pointer font-normal leading-[12px] text-[11px] text-dove'>特定商取引法に基づく表記</div> </a> <div class='font-normal leading-[12px] text-[11px] text-black mt-[20px]'>運営会社</div> <div class="flex gap-x-[24px] items-center mb-[20px] w-[264px]"> <a href="https://www.hab.co.jp/" target="_blank"> <img src="https://lejapass-hokushinetsu.com/images/v2/hokushinetsu/HAB_logo.png" alt="HAB logo" width="120px" height="73px"/> </a> <a href="https://origress.com/" target='_blank' class="w-[80%]"> <img src="https://lejapass-hokushinetsu.com/images/v2/origress.jpg" alt="icon"> </a> </div> <div class="w-full center pb-8"> <a href="/"> <img src="https://lejapass-hokushinetsu.com/images/v2/logo.png" class="w-[120px] block" alt="logo"> </a> </div> </div>  </footer> <script> $('.owl-carousel.no-nav-slider').owlCarousel({ loop: true, margin: 13, nav: false, mouseDrag: false, responsive: { 0: { items: 1.5 }, 640: { items: 2.5 }, 1024: { items: 3.5 }, } }); $('.owl-carousel.normal-slide').owlCarousel({ loop: true, margin: 13, nav: true, mouseDrag: false, navText: [ "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px]'>", "<img src='https://lejapass-hokushinetsu.com/images/v2/icons/left-arrow-slider-icon.svg' alt='right-arrow-index-app' class='w-3 h-[16px] rotate-180'>" ], responsive: { 0: { items: 1.7 }, 640: { items: 2.7 }, 1024: { items: 3.7 }, } }); </script> </main> </div> </body> </html> <script> const removePCCompo = () => { const wrapper = document.getElementById("content-wrapper"); const pcButton = document.getElementById("background-button"); const md = 768; if(window.innerWidth < md){ wrapper.style.background = "none"; pcButton.classList.add("hidden"); }else{ wrapper.style.background = `url(https://lejapass-hokushinetsu.com/images/bg-pc.png) center / cover no-repeat fixed`; pcButton.classList.remove("hidden"); } } window.addEventListener("load", removePCCompo); window.addEventListener("resize", removePCCompo); </script>

CINXE.COM

レジャパス北信越 - 便利でお得なおでかけのサブスク