{"version":3,"file":"ea81e968da764be2ed044dda0993a80af0e9ed97-01733e3d8aacf33e0d75.js","mappings":"0KAKA,IAAMA,GAAO,qjBAwEb,IAjB2B,kBACzB,QAACA,EAAD,MAME,QAAC,EAAAC,KAAD,CAAMC,UAAU,OAAOC,IAAIC,EAAAA,EAAAA,GAAc,kBAAzC,W,0DChEEJ,GAAO,uCAiBb,IAXgB,kBACd,QAACA,EAAD,CAASE,UAAU,aACjB,eAAKG,MAAM,6BAA6BC,QAAQ,cAC9C,gBACEC,EAAE,+QACFC,UAAU,6BACVC,KAAK,gB,iHCPPT,GAAO,sWAkCTU,EAAAA,EAAAA,MAlCS,sRAgOb,IAjJ0B,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,SAC3B,GAAoBC,EAAAA,EAAAA,WAAU,GAAvBC,EAAP,KAAWC,EAAX,KACMC,GAAcX,EAAAA,EAAAA,GAClB,kHAEIY,GAAcZ,EAAAA,EAAAA,GAClB,kHAEIa,GAAcb,EAAAA,EAAAA,GAClB,kHAEIc,GAAcd,EAAAA,EAAAA,GAClB,kHAEIe,GAAcf,EAAAA,EAAAA,GAClB,kHAEIgB,GAAchB,EAAAA,EAAAA,GAClB,kHAEIiB,GAAcjB,EAAAA,EAAAA,GAClB,kHAEIkB,GAAclB,EAAAA,EAAAA,GAClB,kHAEImB,GAAcnB,EAAAA,EAAAA,GAClB,8HAMF,OAHAoB,EAAAA,EAAAA,YAAU,WACRV,EAAMW,KAAKC,MAAsB,EAAhBD,KAAKE,aACrB,KAED,yBACE,QAAC3B,EAAD,MACE,oBAAOW,IACP,sBACE,eAAKT,UAAU,eACb,QAAC,IAAD,MACQ,IAAPW,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMd,EAAae,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMb,EAAac,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMZ,EAAaa,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMX,EAAaY,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMV,EAAaW,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMT,EAAaU,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMR,EAAaS,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,SASI,IAAPpB,IACC,eAAKe,GAAG,iBACN,aAAGC,KAAMP,EAAaQ,OAAO,SAASC,IAAI,eACxC,eACEC,IAAI,4CACJC,IAAI,cAHR,UASJ,eAAK/B,UAAU,iBACb,QAAC,IAAD,CACE2B,KAAMN,EACNO,OAAO,SACPI,MAAM,oBACNC,MAAM,eAIV,QAAC,IAAD","sources":["webpack://beaver-help/./src/components/atoms/columnBackAndForth.tsx","webpack://beaver-help/./src/components/atoms/wingSvg.tsx","webpack://beaver-help/./src/components/organisms/columnDetailsBody.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  margin: 40px 0 60px;\n\n  a {\n    border-radius: 25vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: solid 2px #3ec7b3;\n    margin: 0 3px;\n    font-weight: 600;\n    color: #3ec7b3;\n\n    &.forth,\n    &.back {\n      width: 120px;\n      height: 40px;\n\n      span {\n        margin: 0 5px;\n      }\n    }\n\n    &.list {\n      width: 120px;\n      height: 50px;\n    }\n\n    &:hover {\n      opacity: 1;\n      background: #3ec7b3;\n      color: #ffffff;\n      text-decoration: underline solid rgba(255, 255, 255, 0);\n    }\n\n    &.off {\n      border-color: #e5e5e5;\n      color: #e5e5e5;\n\n      &:hover {\n        background: #ffffff;\n        color: #e5e5e5;\n      }\n    }\n  }\n`\n\n/**\n * 記事前後移動ボタンセット\n * @param props\n * @constructor\n */\nconst ColumnBackAndForth = (): JSX.Element => (\n  <Wrapper>\n    {/** TODO 川上申し送り事項：前の記事に遷移します。遷移する記事がない場合は off を付けます\n         <Link className=\"forth off\" to=\"/column/list\"\n         &lt;<span>前の記事</span>\n         </Link>> */}\n    {/** TODO 川上申し送り事項：記事一覧に遷移します */}\n    <Link className=\"list\" to={useRouteParam('/column/list/')}>\n      記事一覧\n    </Link>\n    {/** TODO 川上申し送り事項：前の記事に移動します。移動する記事がない場合は off を付けます\n         <Link className=\"back\" to=\"/column/list\">\n         <span>次の記事</span>&gt;\n         </Link> */}\n  </Wrapper>\n)\n\nexport default ColumnBackAndForth\n","import styled from '@emotion/styled'\nimport React from 'react'\n\nconst Wrapper = styled.div``\n\n/**\n * SVGアイコンコンポーネント\n * 羽ペン\n */\nconst WingSvg = (): JSX.Element => (\n  <Wrapper className=\"svg-icon\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\">\n      <path\n        d=\"M188.107,4.847c-11.748,1.621-22.994,23.66-28.53,33.861-1.392,2.566,1.038,3.9,2.469,1.445,1.029-1.764,3.536-6.883,4.892-6.618,6.475,1.079,9.929-3.144,7.477-5.8,8.237.169,12.321-4.362,9.984-7.115a12.336,12.336,0,0,0,9.225-1.058C200.368,15.882,199.96,3.212,188.107,4.847Z\"\n        transform=\"translate(-158.161 -2.702)\"\n        fill=\"#243650\"\n      />\n    </svg>\n  </Wrapper>\n)\nexport default WingSvg\n","import styled from '@emotion/styled'\nimport React, { ReactNode, useEffect, useState } from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnOfficialBnr from '../atoms/columnOfficialBnr'\nimport ColumnSideNewList from '../molecules/columnSideNewList'\nimport AdsenseSide300x250 from '../atoms/adsenseSide300x250'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n  background: #ffffff;\n  margin: 0 auto;\n  padding: 60px 0;\n  width: 1080px;\n  display: flex;\n  justify-content: space-between;\n\n  main {\n    width: 100%;\n    max-width: 700px;\n  }\n\n  aside {\n    width: 300px;\n\n    .ad-wrap {\n      width: 300px;\n      height: 250px;\n      background: #cccccc;\n      margin-bottom: 30px;\n    }\n\n    .fixed-wrap {\n      position: sticky;\n      top: 130px;\n\n      #randomBanner {\n        text-align: center;\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  ${BreakPoints.large} {\n    display: block;\n    width: calc(100vw - 20px);\n\n    main {\n      padding: 0 10px;\n    }\n\n    aside {\n      padding: 0 10px;\n      width: calc(100% - 20px);\n\n      .ad-wrap {\n        margin: 0 auto 30px;\n      }\n    }\n\n    .fixed-wrap {\n      position: sticky;\n      top: 130px;\n\n      #randomBanner,\n      .download-bnr {\n        margin: 0 auto;\n        width: 300px;\n\n        a {\n          margin: 0 auto;\n          display: block;\n          width: 300px;\n        }\n      }\n    }\n  }\n`\n\ntype Props = {\n  /** 子要素 */\n  children: ReactNode\n}\n\n/**\n * コラム用メイン部分レイアウト_記事詳細用\n * @constructor\n */\nconst columnDetailsBody = ({ children }: Props) => {\n  const [no, setNo] = useState(-1)\n  const routeParam1 = useRouteParam(\n    'https://www.kintaicloud.jp/lpa/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/lpb/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam3 = useRouteParam(\n    'https://www.kintaicloud.jp/lpa/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam4 = useRouteParam(\n    'https://www.kintaicloud.jp/lpb/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam5 = useRouteParam(\n    'https://www.kintaicloud.jp/lpa/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam6 = useRouteParam(\n    'https://www.kintaicloud.jp/lpb/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam7 = useRouteParam(\n    'https://www.kintaicloud.jp/lpa/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam8 = useRouteParam(\n    'https://www.kintaicloud.jp/lpb/?utm_source=column&utm_medium=side-banner&utm_campaign=2206&utm_content=details'\n  )\n  const routeParam9 = useRouteParam(\n    'https://www.kintaicloud.jp/download/?utm_source=column&utm_medium=side_banner&utm_campaign=document_download&utm_id=banner'\n  )\n\n  useEffect(() => {\n    setNo(Math.floor(Math.random() * 8))\n  }, [])\n  return (\n    <>\n      <Wrapper>\n        <main>{children}</main>\n        <aside>\n          <div className=\"fixed-wrap\">\n            <ColumnSideNewList />\n            {no === 0 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam1} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner001.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 1 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam2} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner002.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 2 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam3} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner001.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 3 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam4} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner002.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 4 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam5} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner001.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 5 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam6} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner002.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 6 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam7} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner001.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            {no === 7 && (\n              <div id=\"randomBanner\">\n                <a href={routeParam8} target=\"_blank\" rel=\"noreferrer\">\n                  <img\n                    src=\"/images/column/common/sideLpBanner002.png\"\n                    alt=\"キンクラの導入効果\"\n                  />\n                  導入効果\n                </a>\n              </div>\n            )}\n            <div className=\"download-bnr\">\n              <ColumnOfficialBnr\n                href={routeParam9}\n                target=\"_blank\"\n                imgId=\"sideBanner001.png\"\n                label=\"資料ダウンロード\"\n              />\n            </div>\n            {/** 広告挿入テスト：キンクラ_ディスプレイ_固定_サイドメニュー用_300x250 */}\n            <AdsenseSide300x250 />\n          </div>\n        </aside>\n      </Wrapper>\n    </>\n  )\n}\n\nexport default columnDetailsBody\n"],"names":["Wrapper","Link","className","to","useRouteParam","xmlns","viewBox","d","transform","fill","BreakPoints","children","useState","no","setNo","routeParam1","routeParam2","routeParam3","routeParam4","routeParam5","routeParam6","routeParam7","routeParam8","routeParam9","useEffect","Math","floor","random","id","href","target","rel","src","alt","imgId","label"],"sourceRoot":""}