{"version":3,"sources":["webpack:///./src/templates/chloasma/chloasma-ranking-page.tsx","webpack:///./src/templates/machines/pico-laser-page.tsx"],"names":["onPressToMoveScreenWithQuery","link","navigate","ChloasmaRankingPageTemplate","_ref","title","content","contentComponent","React","createElement","Fragment","chloasmaData","contents","map","item","className","key","v4","rank_name","rank_title","description","onClick","label","others","ChloasmaRankingPage","_ref2","data","markdownRemark","post","Layout","Link","to","frontmatter","SharePartsOfTroublePagePreview","SharePlacesPageTemplate","SharePickupNewsPageTemplate","ShareHistoryPageTemplate","ShareInfomationPageTemplate","PicoLaserPageTemplate","picoLaserData","length","duration","index","time_table","table_title","text","tabelItem","table_contents","contentsItem","caution","expect_actions","lables","operating_description","treatment_interval","flow_treatment","episode_care","treatment_pain","downtime","aftercare","precaution","hash","window","location","FrecklesRankingPageTemplate","PicoLaserPage"],"mappings":"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","file":"component---src-templates-machines-pico-laser-page-tsx-cb8d2ce08265b2d24fb6.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { graphql, Link } from \"gatsby\";\nimport { navigate } from \"@reach/router\";\nimport { v4 } from \"uuid\";\nimport Layout from \"../../components/Layout\";\nimport Content, { HTMLContent } from \"../../components/Content\";\n\n// share\nimport SharePartsOfTroublePagePreview from \"./../share-parts-of-trouble-page\";\nimport SharePlacesPageTemplate from \"./../share-places-page\";\nimport SharePickupNewsPageTemplate from \"./../share-pickup-news-page\";\nimport ShareHistoryPageTemplate from \"./../share-history-page\";\nimport ShareInfomationPageTemplate from \"./../share-infomation-page\";\n\n// data\nimport chloasmaData from \"./../../data/rankings/chloasma.json\";\n\nconst screenName = \"chloasma\";\n\nconst onPressToMoveScreenWithQuery = link => {\n  navigate(`/machines/${link}#prev-${screenName}-screen`);\n};\n\nexport const ChloasmaRankingPageTemplate = ({\n  title,\n  content,\n  contentComponent\n}) => {\n  return (\n    <>\n      {chloasmaData[0].contents.map(item => {\n        return (\n          <section className=\"l-ranking-hero\" key={v4()}>\n            <div className={`c-ranking-title -${item.rank_name}`}>\n              <h3 className=\"c-ranking-title__text\">{item.rank_title}</h3>\n            </div>\n\n            <p className=\"u-text u-border-t-gray\">{item.description}</p>\n            <div className=\"u-txt-c u-pc-mt60 u-sp-mt30\">\n              <div\n                className=\"c-border-button -arrow\"\n                onClick={() => onPressToMoveScreenWithQuery(item.label)}\n              >\n                <p className=\"c-border-button__text\">詳細を確認</p>\n              </div>\n            </div>\n          </section>\n        );\n      })}\n\n      <section className=\"l-section-lv2 l-main-media-hero\">\n        <div className=\"l-main-media-hero__inner\">\n          <div className=\"c-simple-title\">\n            <h2 className=\"c-simple-title__text\">その他</h2>\n          </div>\n\n          {chloasmaData[0].others.map(item => {\n            return (\n              <section className=\"l-ranking-hero\" key={v4()}>\n                <div className={`c-ranking-title -${item.rank_name}`}>\n                  <h3 className=\"c-ranking-title__text\">{item.rank_title}</h3>\n                </div>\n                <p className=\"u-text u-border-t-gray\">{item.description}</p>\n                <div className=\"u-txt-c u-pc-mt60 u-sp-mt30\">\n                  <div\n                    className=\"c-border-button -arrow\"\n                    onClick={() => onPressToMoveScreenWithQuery(item.label)}\n                  >\n                    <p className=\"c-border-button__text\">詳細を確認</p>\n                  </div>\n                </div>\n              </section>\n            );\n          })}\n        </div>\n      </section>\n    </>\n  );\n};\n\nChloasmaRankingPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst ChloasmaRankingPage = ({ data }) => {\n  const { markdownRemark: post } = data;\n\n  return (\n    <Layout>\n      <div className=\"c-bread\">\n        <div className=\"c-bread__inner\">\n          <div className=\"c-bread__item\">\n            <Link className=\"c-bread__link\" to={\"/\"}>\n              <div className=\"c-bread__text\">トップ</div>\n            </Link>\n          </div>\n          <div className=\"c-bread__item\">\n            <div className=\"c-bread__text\">\n              {chloasmaData[0].title}施術ランキング\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <section className=\"l-section-lv2 l-main-media-hero\">\n        <div className=\"l-main-media-hero__inner\">\n          <div className=\"c-simple-title\">\n            <h2 className=\"c-simple-title__text\">\n              {chloasmaData[0].title}施術ランキング\n            </h2>\n          </div>\n          <ChloasmaRankingPageTemplate title={post.frontmatter.title} />\n        </div>\n      </section>\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nChloasmaRankingPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default ChloasmaRankingPage;\n\nexport const chloasmaRankingPageQuery = graphql`\n  query ChloasmaRankingPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { graphql, Link } from \"gatsby\";\nimport { navigate } from \"@reach/router\";\nimport Layout from \"../../components/Layout\";\nimport Content, { HTMLContent } from \"../../components/Content\";\n\n// share\nimport SharePartsOfTroublePagePreview from \"./../share-parts-of-trouble-page\";\nimport SharePlacesPageTemplate from \"./../share-places-page\";\nimport SharePickupNewsPageTemplate from \"./../share-pickup-news-page\";\nimport ShareHistoryPageTemplate from \"./../share-history-page\";\nimport ShareInfomationPageTemplate from \"./../share-infomation-page\";\nimport { ChloasmaRankingPageTemplate } from \"../chloasma/chloasma-ranking-page\";\nimport { FrecklesRankingPageTemplate } from \"../freckles/freckles-ranking-page\";\n\n// services\nimport SmoothScrolling from \"./../../services/anchorLink\";\n\n// data\nimport picoLaserData from \"./../../data/machines/pico_laser.json\";\n\nconst onPressToMoveScreenWithQuery = hash => {\n  navigate(`/beauty-medical-treatment/price${hash}`);\n};\n\nexport const PicoLaserPageTemplate = ({ title, content, contentComponent }) => {\n  return (\n    <>\n      <div className=\"c-bread\">\n        <div className=\"c-bread__inner\">\n          <div className=\"c-bread__item\">\n            <Link className=\"c-bread__link\" to={\"/\"}>\n              <div className=\"c-bread__text\">トップ</div>\n            </Link>\n          </div>\n          <div className=\"c-bread__item\">\n            <div className=\"c-bread__text\">\n              {picoLaserData[0] && picoLaserData[0].title.length\n                ? picoLaserData[0].title\n                : null}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <section className=\"l-section-lv2 l-main-media-hero\">\n        <div className=\"l-main-media-hero__inner\">\n          <div className=\"c-simple-title -small\">\n            <h2 className=\"c-simple-title__text\">\n              {picoLaserData[0] && picoLaserData[0].title.length\n                ? picoLaserData[0].title\n                : null}\n            </h2>\n          </div>\n\n          {picoLaserData[0] && picoLaserData[0].duration.length\n            ? picoLaserData[0].duration.map((item, index) => {\n                return (\n                  <>\n                    <section>\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <div className=\"c-tile2\">\n                        <div className=\"c-tile2__inner\">\n                          <div className=\"c-tile2__head\">\n                            {item &&\n                            item.time_table[index].table_title[index].text\n                              .length\n                              ? item.time_table[index].table_title.map(\n                                  tabelItem => {\n                                    return (\n                                      <div className=\"c-tile2__head__item\">\n                                        <p className=\"c-tile2__head__text\">\n                                          {tabelItem.text}\n                                        </p>\n                                      </div>\n                                    );\n                                  }\n                                )\n                              : null}\n                          </div>\n                          <div className=\"c-tile2__body\">\n                            <div className=\"c-tile2__body__row\">\n                              {item &&\n                              item.time_table[index].table_contents[index].text\n                                .length\n                                ? item.time_table[index].table_contents.map(\n                                    contentsItem => {\n                                      return (\n                                        <div className=\"c-tile2__body__item\">\n                                          <p className=\"c-tile2__body__text\">\n                                            {contentsItem.text}\n                                          </p>\n                                        </div>\n                                      );\n                                    }\n                                  )\n                                : null}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      {item && item.caution.length\n                        ? item.caution.map(item => {\n                            return (\n                              <div className=\"c-text u-pc-mt20 u-sp-mt10\">\n                                {item.text}\n                              </div>\n                            );\n                          })\n                        : null}\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].expect_actions.length\n            ? picoLaserData[0].expect_actions.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <div className=\"c-tile3\">\n                        <div className=\"c-tile3__inner\">\n                          <div className=\"c-tile3__body\">\n                            <div className=\"c-tile3__body__row\">\n                              {item.lables.map(item => {\n                                return (\n                                  <div className=\"c-tile3__body__item\">\n                                    <p className=\"c-tile3__body__text\">\n                                      {item.text}\n                                    </p>\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].operating_description.length\n            ? picoLaserData[0].operating_description.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].treatment_interval.length\n            ? picoLaserData[0].treatment_interval.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].flow_treatment.length\n            ? picoLaserData[0].flow_treatment.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <div className=\"c-flow-treatment\">\n                        <div className=\"c-flow-treatment__inner\">\n                          {item.contents.map((item, index) => {\n                            return (\n                              <div className=\"c-flow-treatment__item\">\n                                <div className=\"c-flow-treatment__title\">\n                                  {item.title}\n                                </div>\n                                <p className=\"c-flow-treatment__description\">\n                                  {item.description}\n                                </p>\n                                <div className=\"c-flow-treatment__circle\"></div>\n                              </div>\n                            );\n                          })}\n                        </div>\n                      </div>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].episode_care.length\n            ? picoLaserData[0].episode_care.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].treatment_pain.length\n            ? picoLaserData[0].treatment_pain.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].downtime.length\n            ? picoLaserData[0].downtime.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].aftercare.length\n            ? picoLaserData[0].aftercare.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {picoLaserData[0] && picoLaserData[0].precaution.length\n            ? picoLaserData[0].precaution.map(item => {\n                return (\n                  <>\n                    <section className=\"u-pc-mt100 u-sp-mt60\">\n                      <div className=\"c-border-simple-title\">\n                        <h3 className=\"c-border-simple-title__text\">\n                          {item.title}\n                        </h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {item.contents.map(item => {\n                          return (\n                            <li className=\"c-text-list__item\">{item.text}</li>\n                          );\n                        })}\n                      </ul>\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          <div className=\"u-txt-c u-pc-mt100 u-sp-mt60\">\n            <div\n              className=\"c-border-button -arrow\"\n              onClick={() => onPressToMoveScreenWithQuery(\"#female-pico-laser\")}\n            >\n              <p className=\"c-border-button__text\">料金を確認</p>\n            </div>\n          </div>\n\n          {typeof window !== \"undefined\" &&\n            window.location.hash === \"#prev-chloasma-screen\" && (\n              <>\n                <div className=\"c-simple-title -small u-pc-mt100 u-sp-mt50\">\n                  <h2 className=\"c-simple-title__text\">\n                    大きなしみ(老人性色素斑等)施術ランキング\n                  </h2>\n                </div>\n\n                <ChloasmaRankingPageTemplate />\n              </>\n            )}\n\n          {typeof window !== \"undefined\" &&\n            window.location.hash === \"#prev-freckles-screen\" && (\n              <>\n                <div className=\"c-simple-title -small u-pc-mt100 u-sp-mt50\">\n                  <h2 className=\"c-simple-title__text\">\n                    小さなしみ(雀卵斑等)施術ランキング\n                  </h2>\n                </div>\n\n                <FrecklesRankingPageTemplate />\n              </>\n            )}\n        </div>\n      </section>\n    </>\n  );\n};\n\nPicoLaserPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst PicoLaserPage = ({ data }) => {\n  const { markdownRemark: post } = data;\n\n  return (\n    <Layout>\n      <PicoLaserPageTemplate title={post.frontmatter.title} />\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nPicoLaserPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default PicoLaserPage;\n\nexport const picoLaserPageQuery = graphql`\n  query PicoLaserPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}