https://activityjapan.com/_next/static/chunks/8174-16ab40b85f303769.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8174],{18174:(e,t,a)=>{a.d(t,{default:()=>L});var l=a(95155),n=a(12115),s=a(67909),r=a(33823);let i=["ログイン","探す","設定・ヘルプ","言語"],c={ログイン:[{name:"マイページ",href:r.BV.SITE.MYPAGE},{name:"お気に入り",href:r.BV.SITE.FAVORITE}],探す:[{name:"体験から探す",href:r.BV.SITE.SEARCH},{name:"エリアから探す",href:r.BV.SITE.SEARCH},{name:"特集から探す",href:r.BV.SITE.ARTICLE}],"設定・ヘルプ":[{name:"よくある質問",href:r.BV.SITE.FAQ}],言語:[{name:"English",href:"https://en.activityjapan.com/"},{name:"繁體中文",href:"https://zh-cht.activityjapan.com/"},{name:"简体中文",href:"https://zh-chs.activityjapan.com/"},{name:"한국어",href:"https://ko.activityjapan.com/"},{name:"ไทย",href:"https://th.activityjapan.com/"}]};var h=a(40507),d=a(64269);let o=e=>{let{className:t}=e;return(0,l.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",className:(0,d.cn)("text-dim-gray fill-current block lg:hidden",t),children:[(0,l.jsx)("rect",{width:"18",height:"2"}),(0,l.jsx)("rect",{y:"8",width:"18",height:"2"}),(0,l.jsx)("rect",{y:"16",width:"18",height:"2"})]})};var m=a(15507),x=a(52619),u=a.n(x),f=a(5140);let j=e=>{let{href:t,text:a}=e;return(0,l.jsx)("li",{className:"border-gray-200 border-b-2 last:border-b-0",children:(0,l.jsxs)(u(),{href:t,prefetch:!1,className:"flex items-center justify-between py-3",children:[(0,l.jsx)(m.o5,{variant:"sm",className:"text-sm",children:a}),(0,l.jsx)(f.G,{variant:"right",className:"w-5 h-5 self-center lg:hidden"})]})})};var v=a(38747),g=a(57419),p=a(46512);let b=async e=>{let t=await fetch(e);if(!t.ok)throw Error("Failed to fetch area activity list");return t.json()};function y(){(0,g.uv)(r.BV.API.AREA_ACTIVITY_LIST,b)}function N(){var e,t;let{enabled:a=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{data:l,error:n,isLoading:s}=(0,p.Ay)(a?r.BV.API.AREA_ACTIVITY_LIST:null,b,{revalidateOnFocus:!1,revalidateIfStale:!1,dedupingInterval:6e4});return{areas:null!=(e=null==l?void 0:l.areas)?e:[],activities:null!=(t=null==l?void 0:l.activities)?t:[],error:n,isLoading:s}}var w=a(4214);let A=(0,s.default)(()=>Promise.all([a.e(2856),a.e(4053),a.e(9206),a.e(235),a.e(8921)]).then(a.bind(a,70235)).then(e=>e.AreaActivityContent),{loadableGenerated:{webpack:()=>[70235]},ssr:!1,loading:()=>(0,l.jsx)("div",{className:"flex items-center justify-center h-[90vh]",children:(0,l.jsx)("span",{className:"text-dim-gray",children:"読み込み中"})})}),z=e=>{let{text:t,variant:a,onNavigate:s}=e,[i,c]=(0,n.useState)(!1),{areas:d,activities:o}=N({enabled:i}),x=()=>{c(!1),null==s||s()};return(0,l.jsxs)("li",{className:"border-gray-200 border-b-2 last:border-b-0",children:[(0,l.jsxs)("button",{type:"button",onClick:()=>c(!0),className:"flex items-center justify-between py-3 w-full",children:[(0,l.jsx)(m.o5,{variant:"sm",className:"text-sm",children:t}),(0,l.jsx)(f.G,{variant:"right",className:"w-5 h-5 self-center"})]}),i&&(0,l.jsx)(h.h9,{open:i,onOpenChange:e=>!e&&x(),children:(0,l.jsx)(h.Ap,{children:(0,l.jsxs)(h.Js,{className:"pb-0",children:[(0,l.jsx)(w.F,{comp:"button",onClick:()=>c(!1),size:"size-5",color:"text-dim-gray",className:"z-20 absolute top-14 left-4"}),(0,l.jsx)(A,{initialTab:a,activityData:o,areaData:d,urlAreaActivityValue:v.QC,basePath:r.BV.SITE.SEARCH,onNavigate:x})]})})})]})},E=e=>{let{title:t,dictionary:a,onNavigate:n}=e,s="言語"===t;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(m.o5,{variant:"h3",className:"bg-gray-100 p-2",children:a[t]}),(0,l.jsx)("ul",{className:"pl-2",children:c[t].map(e=>"体験から探す"===e.name||"エリアから探す"===e.name?(0,l.jsx)(z,{text:a[e.name],variant:"体験から探す"===e.name?"activity":"area",onNavigate:n},e.name):(0,l.jsx)(j,{href:e.href,text:s?e.name:a[e.name]},e.name))})]})};function C(e){let{dictionary:t,onNavigate:a}=e;return(0,l.jsx)(l.Fragment,{children:i.map(e=>(0,l.jsx)(E,{title:e,dictionary:t,onNavigate:a},e))})}var V=a(92648),I=a(61414);function k(e){let{dictionary:t}=e,{drawerOpen:a,handleDrawer:s,setDrawerOpen:r}=(0,I.A)();return(0,n.useEffect)(()=>{a&&y()},[a]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(h._s,{open:a,onOpenChange:s,children:[(0,l.jsx)(h.Uz,{className:"block lg:hidden ml-auto focus:outline-hidden",children:(0,l.jsx)(o,{})}),a&&(0,l.jsx)(V._,{children:(0,l.jsx)(h.Js,{children:(0,l.jsx)(C,{dictionary:t,onNavigate:()=>{r(!1)}})})})]})})}var M=a(97075);let S=()=>(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",id:"\\u30EC\\u30A4\\u30E4\\u30FC_1",x:0,y:0,className:"w-40 h-8",viewBox:"0 0 500 100",children:[(0,l.jsx)("style",{children:".aj-icon-st0{fill:#007bc0}"}),(0,l.jsx)("path",{d:"M475.2 92.4c-2.5-3.6-10.9-14-10.4-17.5.6-4.1 5.9-4 7-3.9 2.9.4 1.9-1-.3-1.6-.9-.2-5.2-.6-4.9-4.1.1-1 1-1.8 2.3-2.4 2.2-1 2.1-4.3-.2-5.1-1.8-.6-3.1-1.4-3.4-2.2-.6-2.1 1.6-3.5 2.8-5.3.9-1.4.9-2.1-.9-1.2-1.7.8-5.3 2.7-6.2 1.6-.5-.6.4-4 1-5.5 1.1-2.2-.6-2.8-2.9-1.9-1 .4-2.9.9-3.4.9-.7 0-1.3-1.3-1.9-3.3-.7-2.4-4-2.8-5.2-.6-.9 1.8-1.6 4.4-3.2 4.8-1.2.3-3.4-2.9-4.9-5.3-1.3-2.2-4-1.1-3.1.9.7 1.6 1.6 4.9-.3 6.2-.7.5-4.7.1-5.8-.1-2.3-.5-3.2.3-2.2 2.4 1 2 2.1 4.6 1.8 5.8-.3.9-2.6 1.3-4 1.5-2.2.2-3.1 2.1-.4 2.8 1 .3 6.1 1.2 5.8 4-.3 2.7-3.4 2.7-5.5 2.9-2.4.3-1.8 2.2-.4 2.5 1.8.4 5.6.3 5.8 1.1 1.1 4-2.3 5.6-3.7 6.7-1.8 1.4-1.4 3.5 1 2.6 2-.8 5.7-2.5 7.9-1.2 3.3 2.1 2.7 8.2 1.6 14.2-.5 2.9 1 4.1 1.8 1.2 1.5-5.3 4.7-12.9 6.6-13 3.2-.1 3.3 3.3 4.3 4.7 1.5 2.1 2.2 1.7 2.2-.9 0-1.6-.5-4.8 1.9-4.7 5 .1 14.1 12.2 17.8 14.8 2.6 1.5 3.3.7 1.6-1.8z",style:{fill:"#f4e327"}}),(0,l.jsx)("path",{d:"M441.7 28.8V50l-19.5-20.8h-10v17l9 20.6h2.2v-21l19.5 21H453v-38zM264.9 42l-8.4-11.9v12.6H254l5.

11 7.3v16.8h11.4V50.1h.1l14.7-20.9h-11.4zM252.2 29.2h-30.6v9.1h9.6v28.5h11.3V38.3l9.7.1zM209.9 29.2l-4.1 9.4v28.2h11.4V29.2zM205.5 29.2h-11.4l-10.6 24.5-10.7-24.5h-7.2v9.7l12.2 27.9h11.4zM154.2 29.2v13.7h-4.4v23.9h11.4V29.2zM149.4 29.2h-33.6v.6c2.4 2.2 4.1 5.1 5 8.6h6.9v28.5H139V38.4h10.4v-9.2zM102.4 38.6c.2.2.3.3.4.5.4.6.8 1.2 1.1 1.9.3.7.6 1.5.8 2.4.1.3.2.6.2.9h10.8V43c0-.7-.1-1.4-.2-2.2-.1-.9-.3-1.7-.6-2.6-.2-.6-.4-1.1-.6-1.7-.3-.7-.6-1.3-1-1.9-.2-.4-.5-.8-.8-1.1-.7-1-1.6-1.8-2.6-2.6-1.1-.8-2.3-1.6-3.8-2.1-.9-.4-2-.7-3.1-.9-.4-.1-.8-.1-1.2-.2-.4-.1-.8-.1-1.2-.2H95.5c-.2 0-.5 0-.7.1-.4 0-.8 0-1.3.1h-.1c-.4 0-.8.1-1.2.2-.6.1-1.1.2-1.6.3h-.1c-.4.1-.7.2-1 .3-.6.2-1.2.4-1.7.6v.1c-.9.4-1.7.8-2.5 1.2-.8.5-1.5 1-2.2 1.6-1.4 1.1-2.5 2.5-3.4 4-.7 1.2-1.2 2.4-1.7 3.8-.5 1.5-.8 3.1-.9 4.8l9.6 21.7c.4.2.8.4 1.2.5v.1c.9.3 1.8.6 2.8.9h.1c.5.1 1.1.2 1.6.3.4.1.8.1 1.2.2h.7c.4 0 .9.1 1.3.1h2.2c1 0 2 0 2.9-.1.8-.1 1.6-.2 2.4-.4l.1.1c1-.2 1.9-.4 2.7-.7.3-.1.5-.2.8-.3.5-.2.9-.5 1.4-.7 5.4-2.8 7.5-8 7.8-13.4v-1.3h-10.8c-.1.3-.1.6-.2.9-.2.9-.5 1.7-.8 2.4-.4 1-1 1.8-1.6 2.4-.4.4-.8.7-1.3 1-.3.2-.6.3-.9.4-.5.2-1 .3-1.5.4-.2 0-.4.1-.6.1h-.6c-.3 0-.7 0-1-.1-1.3-.1-2.5-.6-3.4-1.3-.7-.5-1.4-1.2-1.9-2-.8-1.2-1.3-3-1.6-5.2-.1-.9-.1-1.8-.1-2.8 0-1 0-1.9.1-2.8.2-2.2.7-4 1.6-5.2.6-.8 1.2-1.5 1.9-2 .4-.3.9-.5 1.3-.7.4-.2.8-.3 1.3-.4.6-.1 1.2-.2 1.8-.2.4 0 .8 0 1.2.1 1.5.4 2.7 1 3.6 2zM61.1 22.5H45.8L25.9 68h14l2.9-7h21.5l2.9 7h14L61.1 22.5zM46.9 50.9l6.6-16.4 6.6 16.4H46.9zM399.4 29.2h-12.7l-2.8 6.4c.7 1.7 1.1 3.5 1.1 5.4 0 6.1-3.9 11.3-9.3 13.4l-5.5 12.5h11.6l2.4-5.8h17.5l2.5 5.8h11.5l-16.3-37.7zm-11.5 23.4 5.1-11.7 5.1 11.7h-10.2zM370.8 52.2c.9-.2 1.7-.6 2.4-1 .4-.2.7-.4 1.1-.7.1-.1.2-.1.3-.2.5-.4.9-.7 1.3-1.1 2.1-2.1 3.4-5 3.4-8.3 0-.6-.1-1.1-.1-1.6-.2-1.3-.6-2.6-1.2-3.7-.5-.9-1.1-1.8-1.8-2.5l-1.2-1.2c-.6-.5-1.2-.9-1.9-1.3-1.7-.9-3.6-1.4-5.6-1.4h-17.7v20.6l7.4 17h3.9V52.7h6.3c1.4-.1 2.4-.2 3.4-.5zm-4.5-7.5c-.5.2-1.1.4-1.8.4h-3.2V36h3.2c.6 0 1.2.1 1.8.4 1.4.6 2.4 1.8 2.7 3.3.1.3.1.6.1.9 0 .3 0 .6-.1.9-.3 1.5-1.3 2.7-2.7 3.2zM335.6 29.2h-12.7l-10.3 23.6v14H318l2.4-5.8h17.5l2.5 5.8h11.5l-16.3-37.6zm-11.4 23.4 5.1-11.7 5.1 11.7h-10.2zM308.1 29.2h-12v38.4c0 2.8-1.5 5.6-4.8 6.6-.6.2-1.2.3-1.9.3V86c2-.1 4-.4 5.9-1 4.6-1.5 12.6-6.1 12.8-15.7V29.2z",className:"aj-icon-st0"})]});var T=a(59291),B=a(68534),F=a(41726);let _=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-250px 0px",[a,l]=(0,n.use

1State)([]),[s,r]=(0,n.useState)(null),i=(0,n.useCallback)(()=>{let t=e.filter(e=>document.getElementById(e.id));l(t);let a=t.map(e=>document.getElementById(e.id)).filter(Boolean);return{filteredTargets:t,targets:a}},[e]);return(0,n.useEffect)(()=>{let{filteredTargets:e,targets:a}=i();var l=a,n=e,s=r,c={rootMargin:t};let h=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting?s(t.target.id):t.target.id===n[0].id&&t.boundingClientRect.y>0&&s("")},c);return l.forEach(e=>{h.observe(e)}),()=>{h.disconnect()}},[i,t]),{filteredDynamicHeader:a,currentSection:s,setCurrentSection:r}};function H(e){let{dictionary:t}=e,{drawerOpen:a,handleDrawer:s,setDrawerOpen:r}=(0,I.A)();(0,n.useEffect)(()=>{a&&y()},[a]);let{filteredDynamicHeader:i,currentSection:c,setCurrentSection:d}=_(F.nO);return(0,l.jsx)(l.Fragment,{children:i.length>0&&null!==c?(0,l.jsx)("div",{className:"flex lg:hidden w-full items-center",children:""!==c?(0,l.jsx)(B.A,{currentSection:c,sectionData:i,setCurrentSection:d}):(0,l.jsxs)("div",{className:"flex w-full",children:[(0,l.jsx)("a",{href:"/",children:(0,l.jsx)(S,{})}),(0,l.jsxs)(h._s,{open:a,onOpenChange:s,children:[(0,l.jsx)(h.Uz,{className:"block lg:hidden ml-auto focus:outline-hidden",children:(0,l.jsx)(o,{})}),a&&(0,l.jsx)(V._,{children:(0,l.jsx)(h.Js,{children:(0,l.jsx)(C,{dictionary:t,onNavigate:()=>{r(!1)}})})})]})]})}):(0,l.jsx)(T.A,{className:"block lg:hidden h-8 w-full my-auto"})})}var R=a(68904),O=a(56579);let G=(0,s.default)(()=>Promise.all([a.e(2856),a.e(4053),a.e(9206),a.e(235),a.e(8921)]).then(a.bind(a,70235)).then(e=>e.AreaActivityContent),{loadableGenerated:{webpack:()=>[70235]},ssr:!1,loading:()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"sticky top-0 px-4 bg-white z-10",children:[(0,l.jsx)("div",{className:"flex items-center justify-between gap-4 lg:py-4 mb-4",children:(0,l.jsx)("div",{className:"ml-8 h-10 w-full rounded-lg bg-gray-100 animate-pulse"})}),(0,l.jsxs)("div",{className:"flex border-b",children:[(0,l.jsx)("span",{className:"flex-1 py-2 px-4 text-center font-bold text-gray-300",children:"エリアから探す"}),(0,l.jsx)("span",{className:"flex-1 py-2 px-4 text-center font-bold text-gray-300",children:"体験から探す"})]})]}),(0,l.jsx)("div",{className:"flex items-center justify-center h-[clamp(200px,50vh,560px)]",children:(0,l.jsx)("span",{className:"text-dim-gray",children:"読み込み中"})})]})});function L(e){let{dictionary:t,variant:a}=e,{open:s,openModal:i,closeModal:h}=(0,R.h)(),{open:d,openModal:o,closeModal:m}=(0,R.h)(),[x,j]=(0,n.useState)("area"),{areas:g,activities:p}=N({enabled:d}),b=()=>{j("activity"),o()},A=()=>{j("area"),o()};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"hidden lg:flex lg:justify-between lg:w-full",children:[(0,l.jsx)("ul",{className:"flex items-center",children:c.探す.map((e,a)=>e.name in t?"体験から探す"===e.name?(0,l.jsx)("li",{children:(0,l.jsx)("button",{type:"button",onClick:b,onMouseEnter:y,className:"mx-4 text-sm text-dim-gray font-bold cursor-pointer",children:t[e.name]})},a):"エリアから探す"===e.name?(0,l.jsx)("li",{children:(0,l.jsx)("button",{type:"button",onClick:A,onMouseEnter:y,className:"mx-4 text-sm text-dim-gray font-bold cursor-pointer",children:t[e.name]})},a):(0,l.jsx)("li",{children:(0,l.jsx)(u(),{href:e.href,className:"mx-4 text-sm text-dim-gray font-bold",prefetch:!1,children:t[e.name]})},a):null)}),(0,l.jsxs)("ul",{className:"flex items-center",children:[c.ログイン.map((e,a)=>e.name in t&&(0,l.jsx)("li",{children:(0,l.jsx)("a",{href:e.href,className:"px-4 text-xs text-dim-gray",children:t[e.name]})},a)),(0,l.jsxs)(M.A,{onHover:()=>{s?h():i()},variant:"hover",children:[(0,l.jsxs)("div",{className:" flex text-xs text-dim-gray items-center cursor-pointer",children:["Language",(0,l.jsx)(f.G,{variant:"down",className:"w-5 h-5 pl-1"})]}),s&&(0,l.jsx)(M.A.List,{children:c.言語.map((e,t)=>(0,l.jsx)(M.A.Item,{href:e.href,name:e.name,children:(0,l.jsx)(f.G,{variant:"right",className:"size-5 self-center"})},t))})]})]})]}),"default"===a?(0,l.jsx)(k,{dictionary:t}):(0,l.jsx)(H,{dictionary:t}),d&&(0,l.jsxs)(O.default,{modalOpen:d,dialogClassName:"max-h-full lg:w-full lg:h-full lg:inset-0 lg:translate-x-0 lg:translate-y-0 lg:transform-none lg:p-0 flex items-center lg:rou

1nded-none lg:bg-transparent",className:"w-full lg:h-auto lg:max-h-[90%] m-auto lg:mx-auto lg:max-w-lg relative bg-white lg:rounded-[20px] block overflow-y-hidden",customCloseButtonUsed:!0,children:[(0,l.jsx)("div",{className:"sticky top-0 right-0 z-20",children:(0,l.jsx)(w.F,{comp:"button",onClick:m,size:"size-5",color:"text-dim-gray",className:"z-20 absolute top-8 left-4"})}),(0,l.jsx)(G,{initialTab:x,activityData:p,areaData:g,urlAreaActivityValue:v.QC,basePath:r.BV.SITE.SEARCH,onNavigate:m})]})]})}},59291:(e,t,a)=>{a.d(t,{A:()=>s});var l=a(95155),n=a(64269);function s(e){let{className:t,...a}=e;return(0,l.jsx)("div",{className:(0,n.cn)("animate-pulse rounded-md bg-gray-100",t),...a})}},68534:(e,t,a)=>{a.d(t,{A:()=>c});var l=a(95155),n=a(15507),s=a(64269),r=a(52619),i=a.n(r);a(12115);let c=e=>{let{sectionData:t,currentSection:a,setCurrentSection:r,containerClass:c}=e;return(0,l.jsx)("div",{className:(0,s.cn)("sticky top-0 flex justify-around items-center w-full h-full",c),children:t.map((e,t)=>(0,l.jsx)(i(),{href:e.href,prefetch:!1,onClick:()=>r(e.id),className:(0,s.cn)("".concat((0,n.M0)({variant:"sm"})," ").concat(a===e.id?"border-b-4 border-navy-blue transition duration-500 font-bold box-border flex items-center h-full pt-1":"transition duration-500"," text-dim-gray")),children:e.text},t))})}}}]);