{"version":3,"sources":["webpack:///./src/templates/machines/e-plus-sr-page.tsx","webpack:///./src/templates/chloasma/chloasma-ranking-page.tsx","webpack:///./src/templates/wrinkle/wrinkle-ranking-page.tsx","webpack:///./src/templates/gap-pore/gap-pore-ranking-page.tsx","webpack:///./src/templates/slack-and-lift-up/slack-and-lift-up-ranking-page.tsx"],"names":["EPlusSRPageTemplate","_ref","title","content","contentComponent","React","createElement","Fragment","className","Link","to","ePlusSPData","length","operating_description","map","item","contents","text","mode","index","time_table_title","time_table","table_title","tabelItem","table_contents","contentsItem","caution","expect_actions","lables","description","treatment_interval","flow_treatment","treatment_pain","downtime","aftercare","precaution","onClick","onPressToMoveScreenWithQuery","hash","navigate","window","location","ChloasmaRankingPageTemplate","FrecklesRankingPageTemplate","SlackAndLiftUpRankingPageTemplate","GapPoreRankingPageTemplate","WrinkleRankingPageTemplate","EPlusSRPage","_ref2","data","markdownRemark","post","Layout","frontmatter","SharePartsOfTroublePagePreview","SharePlacesPageTemplate","SharePickupNewsPageTemplate","ShareHistoryPageTemplate","ShareInfomationPageTemplate","link","chloasmaData","key","v4","rank_name","rank_title","label","others","ChloasmaRankingPage","wrinkleData","WrinkleRankingPage","gapPoreData","GapPoreRankingPage","slackAndLeftUpData","SlackAndLiftUpRankingPage"],"mappings":"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","file":"component---src-templates-machines-e-plus-sr-page-tsx-73fed87ac4619ef36f2d.js","sourcesContent":["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\";\nimport { SlackAndLiftUpRankingPageTemplate } from \"../slack-and-lift-up/slack-and-lift-up-ranking-page\";\nimport { GapPoreRankingPageTemplate } from \"../gap-pore/gap-pore-ranking-page\";\nimport { WrinkleRankingPageTemplate } from \"../wrinkle/wrinkle-ranking-page\";\n\n// data\nimport ePlusSPData from \"./../../data/machines/e_plus_sp.json\";\n\nconst onPressToMoveScreenWithQuery = hash => {\n  navigate(`/beauty-medical-treatment/price${hash}`);\n};\n\nexport const EPlusSRPageTemplate = ({ 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              {ePlusSPData[0] && ePlusSPData[0].title.length\n                ? ePlusSPData[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              {ePlusSPData[0] && ePlusSPData[0].title.length\n                ? ePlusSPData[0].title\n                : null}\n            </h2>\n          </div>\n\n          {/* {\n            ePlusSPData[0] && ePlusSPData[0].duration.length ? (\n              ePlusSPData[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\">{item.title}</h3>\n                      </div>\n\n                      <div className=\"c-tile2\">\n                        <div className=\"c-tile2__inner\">\n                          <div className=\"c-tile2__head\">\n                            {\n                              item && item.time_table[index].table_title[index].text.length ? (\n                                item.time_table[index].table_title.map((tabelItem) => {\n                                  return (\n                                    <div className=\"c-tile2__head__item\">\n                                      <p className=\"c-tile2__head__text\">{tabelItem.text}</p>\n                                    </div>\n                                  )\n                                })\n                              ):null\n                            }\n                          </div>\n                          <div className=\"c-tile2__body\">\n                            <div className=\"c-tile2__body__row\">\n                              {\n                                item && item.time_table[index].table_contents[index].text.length ? (\n                                  item.time_table[index].table_contents.map((contentsItem) => {\n                                    return (\n                                      <div className=\"c-tile2__body__item\">\n                                        <p className=\"c-tile2__body__text\">{contentsItem.text}</p>\n                                      </div>\n                                    )\n                                  })\n                                ):null\n                              }\n                              </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      {\n                        item && item.caution.length ? (\n                          item.caution.map((item) => {\n                            return (\n                              <div className=\"c-text u-pc-mt20 u-sp-mt10\">{item.text}</div>\n                            )\n                          })\n                        ) : null\n                      }\n                    </section>\n                  </>\n                )\n              })\n            ) : null\n          } */}\n\n          {/* {\n            ePlusSPData[0] && ePlusSPData[0].expect_actions.length ? (\n              ePlusSPData[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\">{item.title}</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                              {\n                                item.lables.map((item) => {\n                                  return (\n                                    <div className=\"c-tile3__body__item\">\n                                      <p className=\"c-tile3__body__text\">{item.text}</p>\n                                    </div>\n                                  )\n                                })\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </section>\n                  </>\n                )\n              })\n            ) : null\n          } */}\n\n          {ePlusSPData[0] && ePlusSPData[0].operating_description.length\n            ? ePlusSPData[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          {ePlusSPData[0] && ePlusSPData[0].mode.length\n            ? ePlusSPData[0].mode.map((item, index) => {\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                      <section>\n                        <div className=\"c-border-bottom-simple-title\">\n                          <h4 className=\"c-border-bottom-simple-title__text\">\n                            {item.time_table_title}\n                          </h4>\n                        </div>\n\n                        <div className=\"c-tile2\">\n                          <div className=\"c-tile2__inner\">\n                            <div className=\"c-tile2__head\">\n                              {item && item.time_table[0].table_title.length\n                                ? item.time_table[0].table_title.map(\n                                    tabelItem => {\n                                      {\n                                        tabelItem.text === \"\" ? null : (\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                                  )\n                                : null}\n                            </div>\n                            <div className=\"c-tile2__body\">\n                              <div className=\"c-tile2__body__row\">\n                                {item &&\n                                item.time_table[0].table_contents.length\n                                  ? item.time_table[0].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                      {item && item.expect_actions.length\n                        ? item.expect_actions.map(item => {\n                            return (\n                              <>\n                                <section className=\"u-pc-mt70 u-sp-mt40\">\n                                  <div className=\"c-border-bottom-simple-title\">\n                                    <h4 className=\"c-border-bottom-simple-title__text\">\n                                      {item.title}\n                                    </h4>\n                                  </div>\n\n                                  <div className=\"c-tile3 u-mt00\">\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                      {item && item.description.length\n                        ? item.description.map(item => {\n                            return (\n                              <>\n                                <section className=\"u-pc-mt70 u-sp-mt40\">\n                                  <div className=\"c-border-bottom-simple-title\">\n                                    <h4 className=\"c-border-bottom-simple-title__text\">\n                                      {item.title}\n                                    </h4>\n                                  </div>\n\n                                  <ul className=\"c-text-list\">\n                                    {item.contents.map(item => {\n                                      return (\n                                        <li className=\"c-text-list__item\">\n                                          {item.text}\n                                        </li>\n                                      );\n                                    })}\n                                  </ul>\n                                </section>\n                              </>\n                            );\n                          })\n                        : null}\n                    </section>\n                  </>\n                );\n              })\n            : null}\n\n          {ePlusSPData[0] && ePlusSPData[0].treatment_interval.length\n            ? ePlusSPData[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          {ePlusSPData[0] && ePlusSPData[0].flow_treatment.length\n            ? ePlusSPData[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          {/* {\n            ePlusSPData[0] && ePlusSPData[0].episode_care.length ? (\n              ePlusSPData[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\">{item.title}</h3>\n                      </div>\n\n                      <ul className=\"c-text-list\">\n                        {\n                          item.contents.map((item) => {\n                            return (\n                              <li className=\"c-text-list__item\">\n                                {item.text}\n                              </li>\n                            )\n                          })\n                        }\n                      </ul>\n                    </section>\n                  </>\n                )\n              })\n            ) : null\n          } */}\n\n          {ePlusSPData[0] && ePlusSPData[0].treatment_pain.length\n            ? ePlusSPData[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          {ePlusSPData[0] && ePlusSPData[0].downtime.length\n            ? ePlusSPData[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          {ePlusSPData[0] && ePlusSPData[0].aftercare.length\n            ? ePlusSPData[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          {ePlusSPData[0] && ePlusSPData[0].precaution.length\n            ? ePlusSPData[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-e-plus-sr\")}\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\n          {typeof window !== \"undefined\" &&\n            window.location.hash === \"#prev-slack-and-lift-up-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                <SlackAndLiftUpRankingPageTemplate />\n              </>\n            )}\n\n          {typeof window !== \"undefined\" &&\n            window.location.hash === \"#prev-gap-pore-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                <GapPoreRankingPageTemplate />\n              </>\n            )}\n\n          {typeof window !== \"undefined\" &&\n            window.location.hash === \"#prev-wrinkle-screen\" && (\n              <>\n                <div className=\"c-simple-title -small u-pc-mt100 u-sp-mt50\">\n                  <h2 className=\"c-simple-title__text\">しわ施術ランキング</h2>\n                </div>\n\n                <WrinkleRankingPageTemplate />\n              </>\n            )}\n        </div>\n      </section>\n    </>\n  );\n};\n\nEPlusSRPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst EPlusSRPage = ({ data }) => {\n  const { markdownRemark: post } = data;\n\n  return (\n    <Layout>\n      <EPlusSRPageTemplate title={post.frontmatter.title} />\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nEPlusSRPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default EPlusSRPage;\n\nexport const ePlusSRPageQuery = graphql`\n  query EPlusSRPage($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 { 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 { 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 wrinkleData from \"./../../data/rankings/wrinkle.json\";\n\nconst screenName = \"wrinkle\";\n\nconst onPressToMoveScreenWithQuery = link => {\n  navigate(`/machines/${link}#prev-${screenName}-screen`);\n};\n\nexport const WrinkleRankingPageTemplate = ({\n  title,\n  content,\n  contentComponent\n}) => {\n  return (\n    <>\n      {wrinkleData[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            <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  );\n};\n\nWrinkleRankingPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst WrinkleRankingPage = ({ 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              {wrinkleData[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              {wrinkleData[0].title}施術ランキング\n            </h2>\n          </div>\n          <WrinkleRankingPageTemplate title={post.frontmatter.title} />\n        </div>\n      </section>\n\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nWrinkleRankingPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default WrinkleRankingPage;\n\nexport const wrinkleRankingPageQuery = graphql`\n  query WrinkleRankingPage($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 { 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 gapPoreData from \"./../../data/rankings/gap_pore.json\";\n\nconst screenName = \"gap-pore\";\n\nconst onPressToMoveScreenWithQuery = link => {\n  navigate(`/machines/${link}#prev-${screenName}-screen`);\n};\n\nexport const GapPoreRankingPageTemplate = ({\n  title,\n  content,\n  contentComponent\n}) => {\n  return (\n    <>\n      {gapPoreData[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            <p className=\"u-text u-border-t-gray\">{item.description}</p>\n            {item.label === \"\" ? null : (\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            )}\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          {gapPoreData[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\">{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\nGapPoreRankingPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst GapPoreRankingPage = ({ 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              {gapPoreData[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              {gapPoreData[0].title}施術ランキング\n            </h2>\n          </div>\n          <GapPoreRankingPageTemplate title={post.frontmatter.title} />\n        </div>\n      </section>\n\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nGapPoreRankingPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default GapPoreRankingPage;\n\nexport const gapPoreRankingPageQuery = graphql`\n  query GapPoreRankingPage($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 { 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 slackAndLeftUpData from \"./../../data/rankings/slack_and_left_up.json\";\n\nconst screenName = \"slack-and-lift-up\";\n\nconst onPressToMoveScreenWithQuery = link => {\n  navigate(`/machines/${link}#prev-${screenName}-screen`);\n};\n\nexport const SlackAndLiftUpRankingPageTemplate = ({\n  title,\n  content,\n  contentComponent\n}) => {\n  return (\n    <>\n      {slackAndLeftUpData[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            <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  );\n};\n\nSlackAndLiftUpRankingPageTemplate.propTypes = {\n  title: PropTypes.string\n};\n\nconst SlackAndLiftUpRankingPage = ({ 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              {slackAndLeftUpData[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              {slackAndLeftUpData[0].title}施術ランキング\n            </h2>\n          </div>\n          <SlackAndLiftUpRankingPageTemplate title={post.frontmatter.title} />\n        </div>\n      </section>\n\n      <SharePartsOfTroublePagePreview />\n      <SharePlacesPageTemplate />\n      <SharePickupNewsPageTemplate />\n      <ShareHistoryPageTemplate />\n      <ShareInfomationPageTemplate />\n    </Layout>\n  );\n};\n\nSlackAndLiftUpRankingPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  title: PropTypes.string\n};\n\nexport default SlackAndLiftUpRankingPage;\n\nexport const slackAndLiftUpRankingPageQuery = graphql`\n  query SlackAndLiftUpRankingPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}