{"version":3,"file":"6068f0863f88656637c9b58fbe9aaa13bd50caf5-bfe317d1474485f5334c.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/commonBtn.tsx","webpack://beaver-help/./src/components/atoms/commonInput.tsx","webpack://beaver-help/./src/components/atoms/topicPath.tsx","webpack://beaver-help/./src/components/atoms/commonNavLink.tsx","webpack://beaver-help/./src/components/molecules/sectionBtnArea.tsx","webpack://beaver-help/./src/components/organisms/footer.tsx","webpack://beaver-help/./src/components/atoms/searchInput.tsx","webpack://beaver-help/./src/components/molecules/help/helpSpNav.tsx","webpack://beaver-help/./src/components/atoms/searchSvg.tsx","webpack://beaver-help/./src/components/molecules/help/helpSpSearch.tsx","webpack://beaver-help/./src/components/organisms/header.tsx","webpack://beaver-help/./src/components/organisms/headerTop.tsx","webpack://beaver-help/./src/components/organisms/layout.tsx","webpack://beaver-help/./src/types/CategoryKind.ts","webpack://beaver-help/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Button = styled.button`\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n :after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n background-image: radial-gradient(circle, #fff 10%, transparent 11%);\n background-repeat: no-repeat;\n background-position: 50%;\n transform: scale(10, 10);\n opacity: 0;\n transition: transform 0.4s, opacity 1s;\n }\n :active:after {\n transform: scale(0, 0);\n opacity: 0.5;\n transition: 0s;\n }\n &.no-shadow {\n box-shadow: none !important;\n }\n\n &.small {\n display: inline-flex;\n min-width: 68px;\n height: 28px;\n font-size: 13px;\n font-weight: 400;\n border-radius: 6px;\n line-height: 14px;\n padding: 0 15px;\n justify-content: center;\n align-items: center;\n box-shadow: none !important;\n }\n &.medium {\n display: inline-flex;\n min-width: 90px;\n height: 34px;\n font-size: 16px;\n font-weight: 600;\n border-radius: 8px;\n line-height: 16px;\n padding: 0 20px;\n justify-content: center;\n align-items: center;\n box-shadow: none !important;\n }\n &.large {\n display: inline-flex;\n min-width: 120px;\n height: 48px;\n font-size: 16px;\n font-weight: 600;\n border-radius: 8px;\n line-height: 16px;\n padding: 0 20px;\n justify-content: center;\n align-items: center;\n box-shadow: none !important;\n }\n ${BreakPoints.medium} {\n &.large {\n min-width: 50px;\n font-size: 16px;\n height: 34px;\n padding: 0 10px 3px;\n }\n }\n &.mega {\n display: inline-flex;\n min-width: 150px;\n height: 70px;\n font-size: 22px;\n font-weight: 600;\n border-radius: 12px 12px 13px 13px;\n padding: 0 20px 3px;\n justify-content: center;\n align-items: center;\n box-shadow: 0px -8px 1px -4px #45b1ac inset;\n position: relative;\n &:before {\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n content: '';\n width: 100%;\n height: 100%;\n border-radius: 13px;\n background: none;\n border-bottom: solid 3px rgba(182, 206, 200, 0.5);\n }\n ${BreakPoints.small} {\n min-width: 50px;\n height: 60px;\n font-size: 20px;\n padding: 0 15px 3px;\n }\n }\n &.weak {\n color: #00b5a6;\n background: #ffffff;\n border: solid 1px #3ec7b3;\n }\n &.normal {\n color: #00b5a6;\n background: #ffffff;\n border: solid 1px #3ec7b3;\n box-shadow: 0px -8px 1px -3px #3ec7b3 inset;\n &:before {\n border-color: #94d2cd;\n }\n }\n &.strong {\n color: #ffffff;\n background: #3ec7b3;\n border: solid 1px #3ec7b3;\n box-shadow: 0px -8px 1px -3px #61cebe inset;\n &:before {\n border-color: #239793 !important;\n }\n }\n &.weak-caution {\n color: #ff5454;\n background: #454545;\n background-color: #ffffff;\n border: solid 1px #ff5454;\n box-shadow: 0px -8px 1px -3px #ff5454 inset;\n &:before {\n border-color: #e59b9b !important;\n }\n }\n &.caution {\n color: #ffffff;\n background: #d62d2d;\n border: solid 1px #f78787;\n box-shadow: 0px -8px 1px -3px #e36c6c inset;\n &:before {\n border-color: #a40303 !important;\n }\n }\n &.disabled {\n color: rgba(210, 210, 210, 1);\n background: rgba(220, 220, 220, 0.3);\n border: solid 1px rgba(220, 220, 220, 1);\n box-shadow: 0px -8px 1px -4px rgba(220, 220, 220, 1) inset;\n &:before {\n border-bottom-color: rgba(220, 220, 220, 0.2);\n }\n &:hover {\n border-color: rgba(220, 220, 220, 0.8);\n }\n }\n`\n\nexport type ICommonBtnProps = React.DetailedHTMLProps<\n React.ButtonHTMLAttributes,\n HTMLButtonElement\n> & {\n size?: 'small' | 'medium' | 'large' | 'mega'\n level?: 'weak' | 'normal' | 'strong' | 'weak-caution' | 'caution' | 'disabled'\n}\n/**\n * 共通ボタン\n * 強弱/大小で組み合わせて使うぞ\n * 立体感を出したくないときは各画面から.no-shadowを指定するようにする\n * @param props\n */\nconst CommonBtn = (props: ICommonBtnProps): JSX.Element => {\n const { className = '', size = 'small', level = 'weak' } = props\n return (\n \n )\n}\nexport default CommonBtn\n","import React, { ChangeEvent } from 'react'\nimport styled from '@emotion/styled'\n\nconst Wrapper = styled.p`\n display: inline;\n input {\n width: 100%;\n height: 34px;\n color: #454f63;\n border: #ebebeb solid 2px;\n border-radius: 8px;\n padding: 5px;\n transition: 0.3s;\n -webkit-appearance: none;\n &:focus {\n border-color: #3abd9e;\n }\n &:hover {\n border-color: #3abd9e !important;\n background: #ffffff;\n }\n &:disabled,\n &:disabled:hover {\n border-color: #ebebeb !important;\n color: #a9b7c2;\n background: rgba(220, 220, 220, 0.4);\n svg {\n color: #a9b7c2 !important;\n }\n }\n }\n`\n\ntype IProps = React.DetailedHTMLProps<\n React.InputHTMLAttributes,\n HTMLInputElement\n> & {\n /** クラス名 */\n className?: string\n /** 変更時コールバック */\n onChangeValue?: (value: string) => void\n}\n/**\n * 共通1行インプットエリア\n * @param props\n */\nconst CommonInput = (props: IProps): JSX.Element => {\n const { className = '', onChangeValue, ...otherProps } = props\n\n /** 変更時処理 */\n const onChange = (e: ChangeEvent) => {\n onChangeValue && onChangeValue(e.target.value)\n }\n\n return (\n \n \n \n )\n}\nexport default CommonInput\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React, { ReactNode } from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.div`\n font-size: 15px;\n padding: 20px 0 30px;\n\n p,\n span {\n max-width: 390px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n line-height: 1em;\n vertical-align: baseline;\n }\n\n a {\n color: #00bfaf;\n }\n\n .arrow {\n padding: 0 5px;\n }\n\n ${BreakPoints.medium} {\n padding: 5px 10px 15px;\n\n p,\n span {\n max-width: 90vw;\n }\n }\n`\n\nexport type ITopicPath = {\n /** タイトル */\n title: string\n /** リンク */\n link?: string\n}\ntype IProps = {\n paths: ITopicPath[]\n}\n\n/**\n * パンくず\n * @constructor\n */\nconst TopicPath = ({ paths }: IProps) => (\n \n {paths.map(({ title, link }, index) => {\n let node: ReactNode\n if (link) node = {title}\n else node = {title}\n return (\n

\n {node}\n {index < paths.length - 1 && >}\n

\n )\n })}\n \n)\n\nexport default TopicPath\n","import styled from '@emotion/styled'\nimport {Link} from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints';\n\nconst StyledLink = styled(Link)`\n display: flex;\n justify-content: center;\n align-items: center;\n max-width: 160px;\n width: calc(100% / 5.5);\n height: 50px;\n font-size: 1.2em;\n line-height: 1em;\n font-weight: 600;\n border-radius: 8px;\n color: #00b5a6;\n background: #ffffff;\n border: solid 1px #3ec7b3;\n text-decoration: none !important;\n\n &:hover {\n text-decoration: none !important;\n }\n\n &:active {\n background: #3ec7b3;\n }\n\n ${BreakPoints.large} {\n font-size: 13px;\n padding: 0 5px;\n }\n`\n\ntype Props = {\n /** クラス名 */\n className?: string\n /** リンク先 */\n href: string\n /** タイトル */\n label: string\n}\n\n/**\n * 共通ナビボタン風リンクタグ\n * @param props\n * @constructor\n */\nconst CommonNavLink = (props: Props): JSX.Element => {\n const {className = ''} = props\n\n return (\n \n {props.label}\n \n )\n}\n\nexport default CommonNavLink\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport { CategoryKind, CategoryKindType } from '../../types/CategoryKind'\nimport CommonNavLink from '../atoms/commonNavLink'\nimport useRouteParam from '../../hooks/useRouteParam'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.nav`\n width: 100%;\n text-align: center;\n justify-content: space-between;\n display: flex;\n position: sticky;\n top: 0;\n padding: 10px 0;\n background: #f8f8f8;\n z-index: 1;\n\n .select {\n color: #ffffff;\n background: #19ba9b;\n }\n\n ${BreakPoints.large} {\n height: 55px;\n\n a {\n display: none;\n }\n }\n`\ntype IProps = {\n /** ページタイプ */\n categoryKind?: CategoryKindType\n}\n\n/**\n * セクションボタンエリア\n * @constructor\n */\nconst SectionBtnArea = ({ categoryKind }: IProps) => {\n const routeParam = useRouteParam('/help/first/')\n const routeParam2 = useRouteParam('/help/guide/')\n const routeParam3 = useRouteParam('/help/manage/')\n const routeParam4 = useRouteParam('/help/setting/')\n const routeParam5 = useRouteParam('/help/movie/')\n const routeParam6 = useRouteParam('/help/faq/')\n\n return (\n \n \n \n \n \n \n \n \n )\n}\nexport default SectionBtnArea\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport LogoSvg from '../atoms/logoSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.footer`\n width: 100%;\n margin: 0 auto;\n text-align: center;\n clear: both;\n a {\n color: #00b5a6;\n }\n .footer-contact {\n width: 200px;\n }\n .vulnerability-link {\n display: block;\n margin: 10px auto 30px;\n width: fit-content;\n }\n .logo-link {\n height: 64px;\n width: 170px;\n display: flex;\n align-items: center;\n margin: 0 auto 30px;\n .logo {\n margin: 0 5px 0 0;\n padding: 0;\n width: 170px;\n }\n }\n .link-area {\n display: flex;\n justify-content: center;\n align-items: center;\n a {\n margin: 0 20px;\n }\n }\n .copyright {\n padding: 20px 0;\n font-size: 14px;\n color: #555555;\n }\n ${BreakPoints.medium} {\n .link-area {\n justify-content: space-around;\n a {\n margin: 0;\n }\n }\n }\n`\n\n/**\n * フッター\n * @constructor\n */\nconst Footer = () => {\n const routeParam = useRouteParam('/')\n const routeParam2 = useRouteParam('/terms')\n const routeParam3 = useRouteParam('/policy')\n return (\n \n \n \n \n \n

\n ©2021 CLINKS Co., Ltd. All Rights Reserved.\n

\n \n )\n}\n\nexport default Footer\n","import styled from '@emotion/styled'\nimport { navigate } from 'gatsby'\nimport React, { useState } from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport CommonInput from './commonInput'\n\nconst Wrapper = styled.div`\n max-width: 400px;\n min-width: 220px;\n width: 100%;\n margin: 0 auto 0 10px;\n position: relative;\n display: flex;\n\n .svg-icon {\n z-index: 1;\n top: 10px;\n right: 5px;\n width: 28px;\n position: absolute;\n }\n\n .search-input {\n width: 100%;\n\n input {\n background: #ffffff;\n height: 50px;\n border-radius: 8px 0 0 8px;\n border-right: none;\n }\n }\n\n ${BreakPoints.medium} {\n min-width: unset;\n font-size: 0.9em;\n width: 260px;\n margin: 0 auto 0 5px;\n left: 10px;\n }\n\n ${BreakPoints.small} {\n width: 220px;\n left: 0;\n font-size: 0.95em;\n }\n`\nconst Button = styled.button`\n display: inline-flex;\n height: 50px;\n width: 80px;\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n border-radius: 0 8px 8px 0;\n padding: 0 10px;\n justify-content: center;\n align-items: center;\n color: #ffffff;\n background: #19ba9b;\n border: #19ba9b solid 2px;\n border-left: none;\n overflow: hidden;\n`\n\ntype Props = {\n /** クラス名 */\n className?: string\n}\n\n/**\n * 検索フィールド\n * @constructor\n */\nconst SearchInput = (props: Props): JSX.Element => {\n const { className = '' } = props\n const [search, setSearch] = useState('')\n return (\n \n \n e.key === 'Enter' && navigate(`/help/search?word=${search}`)\n }\n className=\"search-input\"\n placeholder=\"検索キーワードを入力\"\n />\n navigate(`/help/search?word=${search}`)}\n >\n 検索\n \n \n )\n}\n\nexport default SearchInput\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../../styles/breakPoints'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\nconst Wrapper = styled.nav`\n display: none;\n\n ${BreakPoints.large} {\n display: block;\n\n .p-nav-area {\n display: flex;\n align-items: center;\n padding: 5px 0 0;\n position: fixed;\n right: 10px;\n z-index: 9998;\n\n .nav-input {\n display: none;\n }\n }\n\n .p-nav-area {\n #nav-content {\n display: contents;\n position: relative;\n padding: 50px 0 20px;\n }\n\n #nav-open {\n width: 34px;\n height: 34px;\n vertical-align: middle;\n cursor: pointer;\n\n display: flex;\n justify-content: center;\n padding-top: 7px;\n }\n\n #nav-open span,\n #nav-open span:before,\n #nav-open span:after {\n position: absolute;\n height: 3px; /*線の太さ*/\n width: 25px; /*長さ*/\n border-radius: 3px;\n background: #3ec7b3;\n display: block;\n content: '';\n z-index: 10000;\n transition: 0.1s;\n }\n\n #nav-open span:before {\n bottom: -8px;\n transition: 0.3s ease-in-out;\n }\n\n #nav-open span:after {\n bottom: -16px;\n transition: 0.3s ease-in-out;\n }\n\n /*閉じる用の薄黒箇所*/\n\n #nav-close {\n display: none;\n position: fixed;\n z-index: 99;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0;\n transition: 0.3s ease-in-out;\n }\n\n /*メニューの中身*/\n\n #nav-content {\n display: block;\n overflow: auto;\n position: fixed;\n top: 0;\n right: -100%;\n z-index: 9999;\n width: 90%;\n max-width: 330px;\n height: 100%;\n background: #fff;\n transition: 0.3s ease-in-out;\n\n a {\n font-size: 20px;\n font-weight: bold;\n display: flex;\n height: 60px;\n align-items: center;\n width: 90%;\n margin: 0 0 0 auto;\n border-bottom: solid 1px #e0e0e0;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .bottom {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n padding: 20px;\n\n a {\n height: 50px;\n border: solid 1px #3ec7b3;\n border-radius: 6px;\n width: 100%;\n justify-content: center;\n\n &:nth-child(2),\n &:nth-child(3) {\n width: calc((100% - 20px) / 2);\n height: 40px;\n font-size: 18px;\n }\n }\n }\n }\n\n #nav-input:checked {\n + #nav-open {\n border: solid 1px #e0e0e0;\n background: white;\n position: relative;\n z-index: 10000;\n border-radius: 100vh;\n }\n\n + #nav-open span {\n width: 0;\n }\n\n + #nav-open span:before {\n width: 25px;\n transform-origin: 50% 50%;\n transform: rotate(45deg) translate(-20%, 325%);\n left: -2px;\n top: 5px;\n }\n\n + #nav-open span:after {\n width: 25px;\n transform-origin: 50% 50%;\n transform: rotate(-45deg) translate(-20%, 325%);\n top: -2px;\n left: -16px;\n }\n }\n\n /*チェックがついたら表示させる*/\n\n #nav-input:checked ~ #nav-close {\n display: block;\n opacity: 0.5;\n }\n\n #nav-input:checked ~ #nav-content {\n right: 0;\n box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);\n }\n }\n }\n`\n\n/**\n * ヘルプスマホ用サイドメニュー\n * @constructor\n */\nconst HelpSpNav = (): JSX.Element => (\n \n
\n \n
\n \n)\n\nexport default HelpSpNav\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div`\n padding: 0;\n svg {\n stroke: #3ec7b3;\n fill: #3ec7b3;\n }\n`\n\n/**\n * SVGアイコンコンポーネント\n * ロゴ\n */\nconst SearchSvg = (): JSX.Element => (\n \n \n \n \n \n \n \n \n \n)\nexport default SearchSvg\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../../styles/breakPoints'\nimport SearchInput from '../../atoms/searchInput'\nimport SearchSvg from '../../atoms/searchSvg'\n\nconst Wrapper = styled.nav`\n display: none;\n\n ${BreakPoints.large} {\n display: block;\n\n .p-nav-area {\n display: flex;\n align-items: center;\n padding: 5px 0 0;\n position: fixed;\n right: 50px;\n\n .nav-search {\n display: none;\n }\n }\n\n .p-nav-area {\n #nav-content {\n display: contents;\n position: relative;\n padding: 50px 0 20px;\n }\n\n #nav-open {\n width: 34px;\n height: 34px;\n vertical-align: middle;\n cursor: pointer;\n\n display: flex;\n justify-content: center;\n padding-top: 7px;\n }\n\n #nav-open span {\n display: block;\n width: 30px;\n\n svg {\n position: relative;\n top: -5px;\n }\n }\n\n #nav-open span:before,\n #nav-open span:after {\n position: absolute;\n height: 3px; /*線の太さ*/\n width: 25px; /*長さ*/\n border-radius: 3px;\n background: #3ec7b3;\n display: block;\n content: '';\n z-index: 10000;\n transition: 0.1s;\n opacity: 0;\n }\n\n #nav-open span:before {\n display: none;\n transition: 0.1s ease-in-out;\n }\n\n #nav-open span:after {\n display: none;\n transition: 0.1s ease-in-out;\n }\n\n /*閉じる用の薄黒箇所*/\n\n #nav-close {\n display: none;\n position: fixed;\n z-index: 99;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0;\n transition: 0.1s ease-in-out;\n }\n\n /*メニューの中身*/\n\n #nav-content {\n display: block;\n overflow: auto;\n position: fixed;\n top: 0;\n z-index: -1;\n visibility: hidden;\n\n * {\n opacity: 0;\n }\n\n .search-input-wrap {\n transform: scale(1.25);\n position: fixed;\n top: 70px;\n bottom: unset;\n width: 350px;\n left: calc(50% - (350px / 2));\n box-shadow: 0 0 5px rgba(0, 0, 0.6);\n border-radius: 8px;\n transition: 0s;\n }\n }\n\n #nav-search:checked {\n + #nav-open {\n border: solid 1px #e0e0e0;\n background: white;\n position: relative;\n z-index: 10002;\n border-radius: 100vh;\n }\n\n + #nav-open span {\n width: 0;\n }\n\n + #nav-open span:before {\n width: 25px;\n transform-origin: 50% 50%;\n transform: rotate(45deg) translate(-20%, 325%);\n left: 14px;\n top: 11px;\n opacity: 1;\n display: block;\n }\n\n + #nav-open span:after {\n width: 25px;\n transform-origin: 50% 50%;\n transform: rotate(-45deg) translate(-20%, 325%);\n top: 4px;\n left: 0;\n display: block;\n opacity: 1;\n }\n }\n\n /*チェックがついたら表示させる*/\n\n #nav-search:checked ~ #nav-close {\n display: block;\n opacity: 0.7;\n }\n\n #nav-search:checked ~ #nav-content {\n z-index: 10001;\n box-shadow: 6px 0 25px rgba(0, 0, 0, 0.5);\n visibility: visible;\n display: contents;\n\n * {\n opacity: 1;\n z-index: 10001;\n }\n }\n }\n }\n`\n\n/**\n * ヘルプスマホ用検索窓\n * @constructor\n */\nconst HelpSpSearch = (): JSX.Element => (\n \n
\n \n
\n \n)\n\nexport default HelpSpSearch\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport CommonBtn from '../atoms/commonBtn'\nimport LogoSvg from '../atoms/logoSvg'\nimport SearchInput from '../atoms/searchInput'\nimport useRouteParam from '../../hooks/useRouteParam'\nimport HelpSpNav from '../molecules/help/helpSpNav'\nimport HelpSpSearch from '../molecules/help/helpSpSearch'\n\nconst Wrapper = styled.header`\n display: flex;\n align-items: center;\n padding: 4px 0 0 10px;\n height: 80px;\n justify-content: space-between;\n position: relative;\n\n a {\n color: #00b5a6;\n }\n\n .logo-link {\n height: 64px;\n display: flex;\n align-items: center;\n\n .logo {\n margin: 0 5px 0 0;\n padding: 0;\n width: 170px;\n }\n\n .txt {\n font-size: 0.6em;\n line-height: 1em;\n }\n\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .search-input {\n input {\n height: 34px !important;\n font-size: 14px;\n }\n }\n\n .search-btn {\n height: 40px;\n }\n\n .right-btn-area {\n display: flex;\n width: 320px;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n button {\n padding: 0 15px;\n min-width: 30px;\n }\n\n a {\n display: block;\n margin: 0 0 0 10px;\n }\n }\n\n &.search-head {\n .nav-search {\n display: none;\n }\n\n .search-input-wrap {\n //p,\n //button {\n // display: none;\n //}\n }\n }\n\n // ${BreakPoints.xLarge} {\n // .right-btn-area {\n // width: 290px;\n //\n // a {\n // display: block;\n // margin: 0 0 0 8px;\n // }\n // }\n // }\n\n ${BreakPoints.large} {\n position: fixed;\n z-index: 100;\n top: 0;\n height: 45px;\n width: 100vw;\n background: #ffffff;\n box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);\n padding: 3px 10px 0;\n justify-content: flex-start;\n\n .logo-link {\n height: 40px;\n\n .logo {\n width: 140px;\n }\n\n .txt {\n color: #243750;\n }\n }\n\n > .search-input-wrap {\n display: none;\n }\n\n .right-btn-area {\n display: none;\n }\n\n .p-nav-area {\n top: 0;\n }\n }\n`\n\ntype Props = {\n /** クラス名 */\n className?: string\n}\n\n/**\n * ヘッダー\n * @constructor\n */\nconst Header = (props: Props): JSX.Element => {\n const { className = '' } = props\n const routeParam = useRouteParam('/support')\n const routeParam2 = useRouteParam('/')\n const routeParam3 = useRouteParam('https://app.kintaicloud.jp')\n return (\n \n

\n \n \n ヘルプ\n \n

\n \n \n \n
\n \n お問い合わせ\n \n \n 製品サイト\n \n window.open(routeParam3)}>\n ログイン\n \n
\n \n )\n}\n\nexport default Header\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport CommonBtn from '../atoms/commonBtn'\nimport LogoSvg from '../atoms/logoSvg'\nimport SearchInput from '../atoms/searchInput'\nimport useRouteParam from '../../hooks/useRouteParam'\nimport HelpSpNav from '../molecules/help/helpSpNav'\n\nconst Wrapper = styled.header`\n .header {\n display: flex;\n flex-wrap: wrap;\n padding: 10px 0 0 10px;\n height: auto;\n align-items: flex-start;\n position: relative;\n background: #fff;\n\n a {\n color: #00b5a6;\n }\n\n .logo-link {\n height: 64px;\n display: flex;\n align-items: center;\n margin: 0 auto 0 0;\n\n .logo {\n margin: 0 5px 0 0;\n padding: 0;\n width: 170px;\n }\n\n .txt {\n font-size: 0.6em;\n line-height: 1em;\n }\n\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n .right-btn-area {\n display: flex;\n width: 320px;\n justify-content: space-between;\n margin: 0 0 0 auto;\n align-items: center;\n position: relative;\n\n button {\n padding: 0 15px;\n min-width: 30px;\n }\n\n a {\n display: block;\n margin: 0 0 0 10px;\n }\n }\n }\n\n .top-search {\n width: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding: 0;\n margin-bottom: 30px;\n\n .inner {\n width: calc(100% + 400px);\n margin: 0 -200px;\n padding: 0 200px;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n background: #fff;\n height: 260px;\n border-bottom-right-radius: 2000px 300px;\n border-bottom-left-radius: 2000px 300px;\n\n .search-wrap {\n margin: 20px auto 30px auto;\n width: 480px;\n justify-content: center;\n align-items: center;\n }\n\n .logo {\n display: flex;\n height: 50px;\n justify-content: center;\n margin-bottom: 20px;\n\n .txt {\n font-weight: bold;\n color: #00b5a6;\n font-size: 28px;\n margin: auto 0 auto 10px;\n }\n }\n\n .search-txt {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n text-align: center;\n height: 72px;\n }\n }\n }\n\n @media screen and (max-width: 870px) {\n .search-wrap.search-input-wrap {\n position: absolute;\n bottom: 0;\n }\n }\n\n ${BreakPoints.large} {\n .header {\n position: fixed;\n z-index: 100;\n top: 0;\n height: 45px;\n width: 100vw;\n background: #ffffff;\n box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);\n padding: 3px 10px 0;\n\n .logo-link {\n height: 40px;\n\n .logo {\n width: 140px;\n }\n\n .txt {\n color: #243750;\n }\n }\n\n .right-btn-area {\n display: none;\n }\n }\n\n .top-search {\n padding-top: 45px;\n\n .inner {\n height: 200px;\n\n .logo {\n margin: 0;\n }\n\n .search-wrap {\n max-width: 400px;\n width: 90vw;\n left: unset;\n margin: 0;\n bottom: 50px;\n font-size: 15px !important;\n }\n\n .logo {\n display: none;\n }\n\n .search-txt {\n position: absolute;\n top: 60px;\n }\n }\n }\n }\n`\n\n/**\n * ヘッダー[TOP]\n * @constructor\n */\nconst HeaderTop = () => {\n const routeParam = useRouteParam('/support')\n const routeParam2 = useRouteParam('/')\n const routeParam3 = useRouteParam('https://app.kintaicloud.jp')\n return (\n \n
\n

\n \n \n ヘルプ\n \n

\n \n
\n \n お問い合わせ\n \n \n 製品サイト\n \n window.open(routeParam3)}>\n ログイン\n \n
\n
\n
\n
\n
\n \n ヘルプ\n
\n
\n

お困りですか？

\n

ヘルプをキーワードで検索することが可能です。

\n
\n \n
\n
\n \n )\n}\n\nexport default HeaderTop\n","import styled from '@emotion/styled'\nimport { WindowLocation } from '@reach/router'\nimport React, { ReactNode } from 'react'\nimport { CategoryKindType } from '../../types/CategoryKind'\nimport TopicPath, { ITopicPath } from '../atoms/topicPath'\nimport SectionBtnArea from '../molecules/sectionBtnArea'\nimport Footer from './footer'\nimport Header from './header'\nimport HeaderTop from './headerTop'\n\nconst Wrapper = styled.div`\n max-width: 1080px;\n margin: 0 auto;\n line-height: 1.4em;\n font-size: 15.5px;\n`\nexport type PageType = 'index' | 'guide' | 'manage' | 'setting' | 'faq'\n\ntype Props = {\n /** window.location */\n location: WindowLocation\n /** パンくずパス */\n paths?: ITopicPath[]\n /** 子要素 */\n children: ReactNode\n /** カテゴリ種別 */\n categoryKind?: CategoryKindType\n}\n\n/**\n * ヘルプ用レイアウト\n * @constructor\n */\nconst Layout = ({ location, paths, children, categoryKind }: Props) => {\n let header\n\n if (location.pathname === '/help' || location.pathname === '/help/') {\n header = \n } else if (location.pathname === '/help/search') {\n header =
\n } else {\n header =
\n }\n\n let navigation\n if (location.pathname === '/help' || location.pathname === '/help/') {\n navigation = <>\n } else {\n navigation = \n }\n\n return (\n
\n {header}\n \n \n {navigation}\n {paths && }\n
{children}
\n
\n )\n}\n\nexport default Layout\n","/**\n * カテゴリ種別\n */\nexport const CategoryKind = {\n /** TOP */\n INDEX: 0,\n /** 初めてガイド */\n FIRST: 1,\n /** ご利用ガイド */\n GUIDE: 2,\n /** 管理職機能 */\n MANAGE: 3,\n /** マニュアル動画 */\n MOVIE: 6,\n /** 各種設定 */\n SETTING: 4,\n /** よくあるご質問 */\n FAQ: 5,\n} as const\nexport type CategoryKindType = typeof CategoryKind[keyof typeof CategoryKind]\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}"],"names":["Button","BreakPoints","props","className","size","level","children","Wrapper","onChangeValue","otherProps","onChange","e","target","value","paths","map","index","node","title","link","Link","to","key","length","StyledLink","href","label","categoryKind","routeParam","useRouteParam","routeParam2","routeParam3","routeParam4","routeParam5","routeParam6","CategoryKind","undefined","rel","useState","search","setSearch","onKeyPress","navigate","placeholder","onClick","id","type","htmlFor","xmlns","viewBox","transform","fill","strokeWidth","cx","cy","r","stroke","width","height","rx","window","open","header","navigation","location","pathname","INDEX","FIRST","GUIDE","MANAGE","MOVIE","SETTING","FAQ","_objectWithoutPropertiesLoose","source","excluded","i","sourceKeys","Object","keys","indexOf"],"sourceRoot":""}