coming soon\n\t\t\t\n\t\t\n\t);\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useRest } from '@karpeleslab/react-klbfw-hooks';\nimport moment from \"moment\";\n// import { HashLink } from 'react-router-hash-link';\nimport { useTranslation } from \"react-i18next\";\nimport { getLocale } from \"@karpeleslab/klbfw\";\n// import ScrollLock from 'react-scrolllock';\nimport classNames from 'classnames';\n// import { useWindowWidth } from '@react-hook/window-size';\n// import Modal from \"react-modal\";\n\n// component\nimport ComingSoon from \"components/comingsoon/comingsoon\";\n\n// img\nimport mvSp from \"assets/img/rocket-on/img-home-mainVisual--sp.jpg\";\nimport mvPc from \"assets/img/rocket-on/img-home-mainVisual--pc@2x.jpg\";\nimport topicsDefault from \"assets/img/rocket-on/img-topics-default.png\";\n\nexport default function Index() {\n\tconst { t } = useTranslation();\n\tconst currentLng = getLocale();\n\t// const [ langModal, setLangModal ] = useState(false);\n\t// const [ toggleLock, setToggleLock ] = useState(false);\n\t// const [ scrollLock, setScrollLock ] = useState(false);\n\n\t// const onlyWidth = useWindowWidth();\n\tconst [infoList] = useRest(\"Content/Cms/@news:search\",{\n\t\tresults_per_page: 5,\n\t\tquery: {\n\t\t\ttag: 'info'\n\t\t},\n\t\tsort: \"published:desc\"\n\t});\n\n\tconst imageVariation = 'format=jpeg&strip&scale_crop=374x247';\n\tconst [topicsList] = useRest(\"Content/Cms/@news:search\",{\n\t\tresults_per_page:8,\n\t\tquery: {\n\t\t\ttag: 'events'\n\t\t},\n\t\t\"image_variation\": imageVariation,\n\t\tsort: \"published:desc\"\n\t});\n\n\tconst buildTopics = () => {\n\n\t\tif (topicsList === null) return false;\n\t\t\n\t\tif (topicsList.data.data.length === 0) {\n\t\t\treturn \n\t\t\t\t\t{\n\t\t\t\t\t\tinfoList.data.data.map((item, idx) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{moment(item.Published.unix * 1000).format('YYYY/MM/DD')} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t \n\t\t\t)\n\t\t}\t\n\t}\n\n\t// const buildTopInfo = () => {\n\n\t// \tif (infoList === null) return false;\n\t\t\n\t// \tif (infoList.data.data.length === 0) {\n\t// \t\treturn null\n\t// \t}\n\t// \telse {\n\t// \t\treturn (\n\t// \t\t\t\n\t// \t\t\t\t
\n\t// \t\t\t\t\t
\n\t// \t\t\t\t\t\t
{t('title_info')} \n\t// \t\t\t\t\t\t
\n\t// \t\t\t\t\t\t\t
{infoList.data.data[0].Title}
\n\t// \t\t\t\t\t\t
\n\t// \t\t\t\t\t\t
{\n\t// \t\t\t\t\t\t\te.preventDefault(); \n\t// \t\t\t\t\t\t\te.stopPropagation(); \n\t// \t\t\t\t\t\t\treturn false\n\t// \t\t\t\t\t\t}} style={{\n\t// \t\t\t\t\t\t\tbackgroundImage: `url(${require('assets/img/rocket-on/bullet-footerNav.svg')})`\n\t// \t\t\t\t\t\t}}> \n\t// \t\t\t\t\t
\n\t// \t\t\t\t
\n\t// \t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t
{t('common_ihic')} - Industrial Heritage Information Centre \n\t\t\t
\n\t\t\t\tVIDEO \n\n\t\t\t\t {handleModal()}} className=\"aniversary-modal__closeBtn js-modal--close\"> \n\t\t\t */}\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{/*
{handleModal()}}>{t(\"home_anniversary_btn\")} */}\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{t('common_ihic')} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{t('text_free_asmission')}
\n\t\t\t\t\t\t\t
{t('text_reservation_required')}
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
{t('subtitle_info_booking')} \n\t\t\t\t\t
{t('text_info_booking')}
\n\t\t\t\t\t{currentLng === 'en-US' &&
{t('text_info_booking_2')}
}\n\t\t\t\t\t
{t('btn_booking')}
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{t('common_ihic')} \n\t\t\t\t\t\t\t\t{t('text-en-ihic')} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
{t('Text-top-ihic-desc_1')}
\n\t\t\t\t\t\t\t
{t('Text-top-ihic-desc_2')}
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text-en-exhibits')} \n\t\t\t\t\t\t\t{t('top-text-exhibits')} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-home-overview-exhibits.jpg')} alt=\"\" className=\"\"/>\n\t\t\t\t\t\t\t
{t('btn_more')}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text-en-usersguide')} \n\t\t\t\t\t\t\t{t('top-text-usersguide')} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-home-overview-userGuide.jpg')} alt=\"\" className=\"\"/>\n\t\t\t\t\t\t\t
{t('btn_more')}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{currentLng === 'en-US' &&
{t('title_passing')} }\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{t('common_event_title_en')} \n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t{buildTopics()}\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{t('common_booking')} \n\t\t\t
\n\t\t\t\t{t('common_user_guide')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_user_guide')} \n\t\t\t\t\t{t('common_en_user_guide')} \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{t('subtitle_info_booking')}
\n\t\t\t\t\t{t('text_info_booking')}
\n\t\t\t\t\t{currentLng === 'en-US' && {t('text_info_booking_3')}
}\n\t\t\t\t\t\n\t\t\t\t\t\t{t('btn_booking')} \n\t\t\t\t\t
\n\t\t\t\t \n\t\t\t
\n\t\t\t\t{t('text_extra_safety')} \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
{t('text_admission')}
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text_body_temperature')} \n\t\t\t\t\t\t\t{t('text_face_cover')} \n\t\t\t\t\t\t\t{t('text_hand_sanitiser')} \n\t\t\t\t\t\t\t{t('text_personal_card')} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
{t('text_extra_text')}
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{t('text_extra_safety_2')}
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text_extra_keep')} \n\t\t\t\t\t\t\t{t('text_extra_touch')} \n\t\t\t\t\t\t\t{t('text_extra_book')} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
{t('text_extra_alchol')}
\n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{t('text_business_hours')} \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t('text_business_hour')} \n\t\t\t\t\t\t\t\t\t{t('text_business_hour_time')} \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t('text_closed')} \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t{t('text_access_info')}
\n\t\t\t\t\t\t{currentLng === 'ja-JP' && {t('text_access_info_5')}
}\n\t\t\t\t\t\t{t('text_access_info_2')}
\n\t\t\t\t\t\t{t('text_access_info_3')}
\n\t\t\t\t\t\t{currentLng !== 'en-US' && {t('text_access_info_4')}
}\n\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text_admission_pay')} \n\t\t\t\t\t\t\t{t('text_admission_free')}
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('text_location_title')} \n\t\t\t\t\t\t\t{t('text_location_text')}
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t{t('text_accessibility_title')} \n\t\t\t\t\n\t\t\t\t\t{t('text_accessibility_text')} \n\t\t\t\t\t{t('text_hearing')} \n\t\t\t\t \n\t\t\t \n\n\t\t\t\n\t\t\t\t{t('text_enquiry')} \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t('text_tell')} \n\t\t\t\t\t\t\t\t{t('text_tell_number')} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t
{t('text_booking_more')}
\n\t\t\t\t\t
{t('common_booking')}
\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t{t('common_access')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_access')} \n\t\t\t\t\tACCESS \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\n\t\t\t\t{t('access_address_title')} \n\n\t\t\t\t\n\n\t\t\t\t {e.preventDefault(); e.stopPropagation(); return false}} src={buildMap()} alt=\"産業遺産情報センター マップ\" className=\"c-topics__img\"/>
{t('access_map_about')}
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('access_step1')} \n\t\t\t\t\t\t\t{t('access_step2')} \n\t\t\t\t\t\t\t{t('access_step3')} \n\t\t\t\t\t\t\t{t('access_step4')} \n\t\t\t\t\t\t\t{t('access_step5')} \n\t\t\t\t\t\t\t{t('access_step6')} \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\n\t);\n}\n","import React, { useRef, createRef } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { getLocale } from \"@karpeleslab/klbfw\";\n\n// component\nimport GuideNav from \"components/guideNav/guidNav\";\nimport Helmet from 'components/helmet/helmet';\n\nexport default function Faq() {\n\tconst { t } = useTranslation();\n\tconst currentLng = getLocale();\n\n\tconst faq = [\n\t\t[\n\t\t\tt('faq_hours'),\n\t\t\tt('faq_hours_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_charge'),\n\t\t\tt('faq_charge_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_how_to_get'),\n\t\t\tt('faq_how_to_get_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_parking'),\n\t\t\tt('faq_parking_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_booking'),\n\t\t\tt('faq_booking_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_book'),\n\t\t\tt('faq_book_answer', {lang: currentLng}),\n\t\t],\n\t\t[\n\t\t\tt('faq_guide'),\n\t\t\tt('faq_guide_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_document'),\n\t\t\tt('faq_document_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_need'),\n\t\t\tt('faq_need_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_what'),\n\t\t\tt('faq_what_answer'),\n\t\t],\n\t\t[\n\t\t\tt('faq_exhibited'),\n\t\t\t`${t('faq_exhibited_answer_1')}\n\t\t\t\t\t {handleFaq(idx)}} className=\"c-faq__question\">{item[0]} \n\t\t\t\t\t
\n\t\t\t)\n\t\t})\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{t('common_faq')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_faq')} \n\t\t\t\t\tFAQ \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t{buildList()}\n\t\t\t \n\t\t\n\t);\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { getLocale } from \"@karpeleslab/klbfw\";\n\n// component\nimport GuideNav from \"components/guideNav/guidNav\";\nimport Helmet from 'components/helmet/helmet';\n\nexport default function Manners() {\n\tconst { t } = useTranslation();\n\tconst currentLng = getLocale();\n\n\tconst manners = [\n\t\t[\n\t\t\t'light',\n\t\t\tt('title_attension'),\n\t\t\tt('text_attension')\n\t\t],\n\t\t[\n\t\t\t'quietness',\n\t\t\tt('title_unacceptable'),\n\t\t\tt('text_unacceptable')\n\t\t],\n\t\t[\n\t\t\t'photo',\n\t\t\tt('title_photo'),\n\t\t],\n\t\t[\n\t\t\t'touch',\n\t\t\tt('title_case'),\n\t\t],\n\t\t[\n\t\t\t'eating',\n\t\t\tt('title_eat'),\n\t\t\tt('text_eat')\n\t\t],\n\t\t[\n\t\t\t'smoking',\n\t\t\tt('title_smoking'),\n\t\t\tt('text_smoking')\n\t\t],\n\t\t[\n\t\t\t'tel',\n\t\t\tt('title_mobile'),\n\t\t],\n\t\t[\n\t\t\t'pet',\n\t\t\tt('title_pet'),\n\t\t],\n\t\t[\n\t\t\t'drink',\n\t\t\tt('text_alcohol'),\n\t\t],\n\t\t[\n\t\t\t'fire',\n\t\t\tt('title_bring'),\n\t\t],\n\t\t[\n\t\t\t'baggage',\n\t\t\tt('title_locker'),\n\t\t],\n\t\t[\n\t\t\t'papers',\n\t\t\tt('title_document'),\n\t\t],\n\t\t[\n\t\t\t'activity',\n\t\t\tt('title_politial'),\n\t\t]\n\t]\n\n\n\tconst buildText = (item) => {\n\n\t\tif (item[2] === void 0) {\n\t\t\treturn (\n\t\t\t\t{item[1]}
\n\t\t\t)\n\t\t} else if (item[0] === 'light' && currentLng === 'en-US') {\n\t\t\treturn (\n\t\t\t\t{item[1]}
\n\t\t\t)\n\t\t} else if (item[0] === 'smoking' && currentLng === 'en-US') {\n\t\t\treturn (\n\t\t\t\t{item[1]}
\n\t\t\t)\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)\n\t\t}\n\t}\n\n\tconst buildList = () => {\n\t\treturn manners.map((item, idx) => {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t})\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{t('common_manners')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_manners')} \n\t\t\t\t\tETIQUETTE \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t{t('title_museum_rules')} \n\t\t\t\t
\n\t\t\t\t{t('title_etiquittes')} \n\t\t\t\t\n\t\t\t\t\t{buildList()}\n\t\t\t\t
\n\t\t\t \n\t\t\n\t\t\n\t);\n}\n","import React from \"react\";\nimport { useLocation, Link } from \"react-router-dom\";\nimport classNames from 'classnames';\nimport { useTranslation } from \"react-i18next\";\n\nexport default function GuideNav() {\n\n\tconst { t } = useTranslation();\n\tconst location = useLocation();\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
{t('about_director')}
\n\t\t\t\t\t{t('about_kato_name')}
\n\t\t\t\t\t{t('about_director_sub')}
\n\t\t\t\t\n\t\t\t)\n\t\tcase \"ko-KR\":\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{t('about_director')}
\n\t\t\t\t\t{t('about_director_sub')} {t('about_kato_name')}
\n\t\t\t\t\n\t\t\t)\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{t('about_director')}
\n\t\t\t\t\t{t('about_director_sub')} {t('about_kato_name')}
\n\t\t\t\t\n\t\t\t)\n\t\t}\n\t}\n\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{t('common_about_us')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_ihic')} \n\t\t\t\t\tINDUSTRIAL HERITAGE \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
{t('common_ihic')} \n\t\t\t\t\t
{t('about_text_about')}
\n\t\t\t\t\t
{t('about_text_about_2')}
\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{t('about_img_lg')} \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t{t('about_img_pannel')} \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t{t('about_img_tablet')} \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
{t('about_greetings')} \n\n\t\t\t\t\t
{t('about_kato')}
\n\t\t\t\t\t
{t('about_kato_1')}
\n\t\t\t\t\t
{t('about_kato_2')}
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-about-profile-president.jpg')} alt=\"\" className=\"p-about-profile__photo\"/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{buildProfile()}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
{t('about_businesses')} \n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('about_think_tank')} \n\t\t\t\t\t\t\t{t('about_research')} \n\t\t\t\t\t\t\t{t('about_management')} \n\t\t\t\t\t\t\t{t('about_training')} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('about_strategy')} \n\t\t\t\t\t\t\t{t('about_digital')} \n\t\t\t\t\t\t\t{t('about_local')} \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
{t('about_activities')} \n\t\t\t\t\t
{t('about_updated')}
\n\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
{t('about_document')} \n\t\t\t\t\t
{t('about_reference')}
\n\t\t\t\t
\n\n\t\t\t
{\n \t\tpreviewClose(e);\n\t\t\t\t\tsetPreviewLoad(true);\n \t}} className={style[\"preview-overlay\"]}>\n\t\t\t\t\t{ previewLoad &&
}\n\t\t\t\t
{\n\t\t\t\t\t\tpreviewClose(e);\n\t\t\t\t\t\tsetPreviewLoad(true);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
{\n\t\t\t\t\t\t\ttransformComponentRef.current.resetTransform();\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tconst imgRect = previerImg.current.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight;\n\t\t\t\t\t\t\t\tconst windowWidth = window.innerWidth;\n\t\t\t\t\t\t\t\tif(imgRect.height > windowHeight && imgRect.width <= windowWidth) {\n\t\t\t\t\t\t\t\t\tconst initialX = (windowWidth - imgRect.width) / 2;\n\t\t\t\t\t\t\t\t\ttransformComponentRef.current.setTransform(initialX, 0, 1, 0)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ttransformComponentRef.current.centerView(undefined, 0);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetPreviewLoad(false);\n\t\t\t\t\t\t\t}, 201);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tref={transformComponentRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
{\n\t\t\t\t\tsliderRef.current.slickPrev();\n\t\t\t\t}} className={`${style[\"preview-list-btn\"]} ${style[\"preview-list-btn--prev\"]}`}>＜
\n\t\t\t\t
{\n\t\t\t\t\tsliderRef.current.slickNext();\n\t\t\t\t}} className={`${style[\"preview-list-btn\"]} ${style[\"preview-list-btn--next\"]}`}>＞
\n\t\t\t\t
\n\t\t\t\t\t{imgs.map((item, idx) => {\n\t\t\t\t\t\tif (item.link === void 0) {\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t
{\n\t\t\t\t\t\t\t\t\tif (clickable) {\n\t\t\t\t\t\t\t\t\t\tsetScrollLock(true);\n\t\t\t\t\t\t\t\t\t\tsetCurrentImg(item.preview);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}} className={style[\"preview-item\"]} src={item.thumd} alt=\"\" />\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t{t('common_what_to_see')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_what_to_see')} \n\t\t\t\t\tEXHIBITION \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{t('exhibition_about_exhibition_text_based')} \n\t\t\t\t\t\t{t('exhibition_about_exhibition_text_regardless')} \n\t\t\t\t\t\t{t('exhibition_about_exhibition_text_improving')} \n\t\t\t\t\t \n\t\t\t\t\t{currentLng === \"ja-JP\" &&\n\t\t\t\t\t\t
{t('exhibition_about_exhibition_btn')}
\n\t\t\t\t\t}\n\t\t\t\t\t{currentLng === \"en-US\" &&\n\t\t\t\t\t\t
{t('exhibition_about_exhibition_btn')}
\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
{t('exhibition_floor')}
\n\t\t\t\t\t
{t('exhibition_divided')}
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t{t('exhibition_zone1')} \n\t\t\t\t\t\t\t{t('exhibition_intro')} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
{t('exhibition_about_zone1')}
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-exhibition-liquidGalaxy.jpg')} alt=\"\" className=\"p-exhibition-zone-figure__img\"/>\n\t\t\t\t\t\t
{t('about_img_lg')}
\n\t\t\t\t\t\t
{t('exhibition_about_lg')}
\n\t\t\t\t\t
\n\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t{t('exhibition_zone2')} \n\t\t\t\t\t\t\t{t('exhibition_main')} \n\t\t\t\t\t\t
\n\t\t\t\t\t\t{t('exhibition_tracing')} \n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-exhibition-panel.jpg')} alt=\"\" className=\"p-exhibition-zone-figure__img\"/>\n\t\t\t\t\t\t
{t('about_img_pannel')}
\n\t\t\t\t\t\t
{t('exhibition_about_panel')}
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-exhibition-tablet.jpg')} alt=\"\" className=\"p-exhibition-zone-figure__img\"/>\n\t\t\t\t\t\t
{t('about_img_tablet')}
\n\t\t\t\t\t\t
{t('exhibition_about_tablet')}
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t{t('exhibition_zone3')} \n\t\t\t\t\t\t\t{t('exhibition_salon')} \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
{t('exhibition_access')}
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('exhibition_list_a')} \n\t\t\t\t\t\t\t{t('exhibition_list_b')} \n\t\t\t\t\t\t\t{t('exhibition_list_c')} \n\t\t\t\t\t\t \n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{t('exhibition_list_d')} \n\t\t\t\t\t\t\t{t('exhibition_list_e')} \n\t\t\t\t\t\t\t{t('exhibition_list_f')} \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-exhibition-reference01.jpg')} alt=\"資料写真\" className=\"p-exhibition-zone-reference-img__photo\"/>\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={require('assets/img/rocket-on/img-exhibition-reference02.jpg')} alt=\"資料写真\" className=\"p-exhibition-zone-reference-img__photo\"/>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
{t('exhibition_about_guide')} \n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t{/* */}\n\t\t\n\t\t\n\t);\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { getLocale } from \"@karpeleslab/klbfw\";\n\n// component\nimport Helmet from 'components/helmet/helmet';\n\nexport default function Guidebook() {\n\tconst { t } = useTranslation();\n\tconst currentLng = getLocale();\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{t('common_guidebook')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_guidebook')} \n\t\t\t\t\tGUIDEBOOK \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
{t('guidebook_text')}
\n\t\t\t\t\t{currentLng === 'ja-JP' &&
{t('guidebook_text_1')}
}\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
{t('guidebook_pinkbook')}
\n\t\t\t\t\t{currentLng !== 'en-US' &&
{t('guidebook_pinkbook_1')}
}\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{t('guidebook_get_2')} \n\t\t\t\t\t\t{t('guidebook_get_3')} \n\t\t\t\t\t\t{t('guidebook_get_4')} \n\t\t\t\t\t\t{t('guidebook_get_5')} \n\t\t\t\t\t\t{t('guidebook_get_6')} \n\t\t\t\t\t \n\t\t\t\t\t
{t('guidebook_map')}
\n\t\t\t\t
\n\n\t\t\t
\n\t\t\t\t\t{\n\t\t\t\t\t\titem.map((child, idx) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t {handleModal(child[1])}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})\n\n\t\t\t\t\t}\n\t\t\t\t \n\t\t\t\n\t\t)\n\t}\n\n\tconst buildList = () => {\n\t\treturn (\n\t\t\theritages.map((item, idx) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t
AREA {idx + 1}
\n\t\t\t\t\t\t{item.map((detail, idx2) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
{detail[0]}
\n\t\t\t\t\t\t\t\t\t{buildChildList(detail[1])}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{item[0]}
\n\t\t\t\t\t\t
{item[1]}
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={`${require(`assets/img/rocket-on/${item[2]}`)}`} alt=\"遠賀川水源地ポンプ室の写真\" className=\"p-heritage-modal__img\"/>\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{modalVal[4]}
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{modalVal[6][0][1]}
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{e.preventDefault(); e.stopPropagation(); return false}} src={`${require(`assets/img/rocket-on/${modalVal[6][0][2]}`)}`} alt=\"遠賀川水源地ポンプ室の写真\" className=\"p-heritage-modal__img\"/>\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
{modalVal[4]}
\n\t\t\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{modalVal[2]} \n\t\t\t\t\t\t\t\t\t\t\t\t\t{modalVal[3]} \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{buildArticle()}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t {handleModalClose()}} className=\"p-heritage-modal__close js-modal--close\">閉じる \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
{handleModalClose()}} className=\"p-heritage-modal__closeBtn js-modal--close\"> \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{t('common_industrial')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_industrial')} \n\t\t\t\t\tSITES OF JAPAN’S \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{buildList()}\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t{t('common_privacy')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_privacy')} \n\t\t\t\t\tPRIVACY POLICY \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\n\t\t\t\t
{t('privacy_text_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_1')} \n\n\t\t\t\t
{t('privacy_text_1_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_2')} \n\n\t\t\t\t
{t('privacy_subtitle_2_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_3')} \n\n\t\t\t\t
{t('privacy_subtitle_3_1')}
\n\n\t\t\t\t
\n\t\t\t\t\t{t('privacy_subtitle_3_1_list1')} \n\t\t\t\t\t{t('privacy_subtitle_3_1_list2')} \n\t\t\t\t\t{t('privacy_subtitle_3_1_list3')} \n\t\t\t\t \n\n\t\t\t\t
{t('privacy_subtitle_4')} \n\n\t\t\t\t
{t('privacy_subtitle_4_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_5')} \n\n\t\t\t\t
{t('privacy_subtitle_5_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_6')} \n\n\t\t\t\t
{t('privacy_subtitle_6_1')}
\n\t\t\t\t
{t('privacy_subtitle_6_2')}
\n\n\t\t\t\t
{t('privacy_subtitle_7')} \n\n\t\t\t\t
{t('privacy_subtitle_7_1')}
\n\n\t\t\t\t
{t('privacy_subtitle_8')} \n\n\t\t\t\t
{t('privacy_subtitle_8_1')}
\n\t\t\t\t
{t('privacy_subtitle_8_2')}
\n\t\t\t\t
{t('privacy_subtitle_8_3')}
\n\t\t\t\t
{t('privacy_subtitle_8_4')}
\n\n\t\t\t
\n\t\t\t\t{t('common_publications')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_publications')} \n\t\t\t\t\tPUBLICATIONS \n\t\t\t\t
\n\t\t\t\n\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t\t
\n\t\t\t\t{t('common_sitemap')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_sitemap')} \n\t\t\t\t\tSITE MAP \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t('common_booking')} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t
{t('paging_prev')} \n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\treturn (\n\t\t\t\t\t{t('paging_next')} \n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t{buildTo('prev')}\n\t\t\t\t
\n\t\t\t\t\t{buildPageNum()}\n\t\t\t\t \n\t\t\t\t{buildTo('next')}\n\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tarticleList.data.data.map((item, idx) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{moment(item.Published.unix * 1000).format('YYYY/MM/DD')} \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t{t('common_info')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t{t('common_info')} \n\t\t\t\t\tINFORMATION \n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{menuYaer.map((item, idx) => {\n\t\t\t\t\t\t\tif (item >= 2020) {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{buildArticle()}\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t404 not found : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_404')} \n\t\t\t\t\tNot Found \n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
{t('common_404_text')}
\n\t\t\t\t
{t('common_404_text_2')}
\n\t\t\t\t
\n\t\t\t
{t('article_not')}
\n\t\t}\n\t\telse {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t{article.data.content_cms_entry_data.Title} : {t('common_ihic')} \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{moment(article.data.content_cms_entry_data.Published.unix * 1000).format('YYYY/MM/DD')} \n\t\t\t\t\t\t\t{article.data.content_cms_entry_data.Title} \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)\n\t\t}\t\n\t}\n\n\n\tif ( article === false ) return \n\t\t\t\t
\n\t\t\t\t\t{t('common_info')} \n\t\t\t\t\tINFORMATION \n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t{t('common_event_title')} : {t('common_ihic')} \n\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\t\t{t('common_event_title')} \n\t\t\t\t\t{t(\"common_event_title_en\")} \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\t{buildArticle()}\n\t\t\t
\n\n\t\t\n\t);\n}\n","import React from \"react\";\nimport { useRest } from '@karpeleslab/react-klbfw-hooks';\nimport { Link, useParams } from \"react-router-dom\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\nimport classNames from 'classnames';\nimport { getLocale } from \"@karpeleslab/klbfw\";\n\n// component\nimport Helmet from 'components/helmet/helmet';\nimport NotFound from 'views/notfound/notfound';\n\nexport default function EventDetail() {\n\n\tconst { t } = useTranslation();\n\tconst { slug } = useParams();\n\tconst [article] = useRest(`Content/Cms/@news:loadSlug`, { slug: slug }, true);\n\tconst currentLng = getLocale();\n\n\tconst buildMainImg = () => {\n\n\t\tif (article.data.content_cms_entry_data.Top_Drive_Item__ === null) {\n\t\t\treturn null\n\t\t} else {\n\t\t\treturn {t('article_not')}
\n\t\t}\n\t\telse {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t{article.data.content_cms_entry_data.Title} : {t('common_ihic')} \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{moment(article.data.content_cms_entry_data.Published.unix * 1000).format('YYYY/MM/DD')} \n\t\t\t\t\t\t\t{article.data.content_cms_entry_data.Title} \n\t\t\t\t\t\t \n\t\t\t\t\t\t{buildMainImg()}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{/*
前のトピックへ */}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{/*
次のトピックへ
*/}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{t('common_event_title')} \n\t\t\t\t\t{t(\"common_event_title_en\")} \n\t\t\t\t
\n\t\t\t
\n\t \n}\n\n\nconst Pages = () => {\n\treturn \n\t\t\n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t \n\t \n}\n\nconst Core = () => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t \n\t\t \n\t);\n}\n\nconst Routing = () => {\n\treturn }){kind=icon}
\n\t\t\t\t\t\n\t\t\t\t})
}\n\t\t\t\t