{"version":3,"sources":["webpack:///./src/pages/sweets-sweets.jsx","webpack:///./src/components/SmallImageWithLogo.jsx","webpack:///./src/features/brand-pages/components/ContentContainer.jsx","webpack:///./src/features/brand-pages/components/Headline.jsx","webpack:///./src/features/brand-pages/components/Items.jsx","webpack:///./src/features/brand-pages/components/PageContent.jsx"],"names":["SweetsSweetsPage","allStrapiBrandPage","pageData","allStrapiProducts","products","useStaticQuery","query","React","createElement","Layout","SEO","name","content","PageContent","nodes","slug","Tesla","styled","div","withConfig","displayName","componentId","media","tablet","css","sp","SmallImageWithLogo","_ref","fluid","brand","text","brandSlug","productSlug","className","Image","Link","to","StyledContentContainer","theme","colors","primary","brown","ContentContainer","_ref2","children","StyledHeadline","Headline","dangerouslySetInnerHTML","__html","ItemsSection","Items","map","product","mainImage","childImageSharp","catchPhrase","truncateCatchPhrase","key","id","backgroundImageSrcset","mainLogoSrcset","Fragment","HeaderVisual","backImage","pageMainVisual","mainLogo","underContents","ProductLinks"],"mappings":"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","file":"component---src-pages-sweets-sweets-jsx-5022a853f92fa37b4809.js","sourcesContent":["import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Layout from \"../components/Layout\"\nimport SEO from \"../components/SEO\"\nimport { PageContent } from \"../features/brand-pages\"\n\nexport default function SweetsSweetsPage() {\n  const {\n    allStrapiBrandPage: pageData,\n    allStrapiProducts: products,\n  } = useStaticQuery(query)\n  return (\n    <Layout>\n      <SEO>\n        <title>Sweets&nbsp;Sweets｜フランソア</title>\n        <meta\n          name=\"description\"\n          content=\"おいしい。そしてヘルシー。フランソアのパン商品ラインナップ。\"\n        />\n      </SEO>\n      <PageContent\n        pageData={pageData.nodes[0]}\n        products={products.nodes}\n        slug={pageData.nodes[0].slug}\n      />\n    </Layout>\n  )\n}\n\nconst query = graphql`\n  {\n    allStrapiBrandPage(filter: { slug: { eq: \"sweets-sweets\" } }) {\n      nodes {\n        id\n        slug\n        strapiId\n        underContents\n        pageMainVisual {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid_withWebp_noBase64\n            }\n          }\n        }\n        mainLogo {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid_tracedSVG\n            }\n          }\n        }\n      }\n    }\n    allStrapiProducts(\n      filter: {\n        brand: { slug: { eq: \"sweets-sweets\" } }\n        isDisplay: { eq: true }\n      }\n      sort: { order: ASC, fields: order }\n    ) {\n      nodes {\n        id\n        name\n        excerpt\n        catchPhrase\n        slug\n        mainImage {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport Image from \"gatsby-image\"\nimport styled, { css } from \"styled-components\"\nimport { media } from \"../styles/media\"\n\nconst Tesla = styled.div`\n  width: 30%;\n  margin: 20px 1.5%;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  a {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n  .model3 {\n    width: 45%;\n    .gatsby-image-wrapper {\n      width: 100%;\n    }\n  }\n  .modelY {\n    width: 52%;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: flex-start;\n    justify-content: flex-start;\n    .gatsby-image-wrapper {\n      width: 25%;\n    }\n    h5 {\n      font-weight: bold;\n      font-size: 0.9em;\n    }\n    p {\n      font-size: 0.8em;\n      line-height: 1.05em;\n      padding: 10px 0;\n      margin: 0 auto;\n    }\n  }\n  ${() =>\n    media.tablet(css`\n      width: 46%;\n      margin: 20px 2%;\n    `)}\n  ${() =>\n    media.sp(css`\n      width: 100%;\n      margin: 5px auto;\n    `)}\n`\n\nconst SmallImageWithLogo = ({\n  fluid,\n  brand,\n  text,\n  name,\n  brandSlug,\n  productSlug,\n}) => {\n  return (\n    <Tesla>\n      <div className=\"model3\">{fluid && <Image fluid={fluid} />}</div>\n      <div className=\"modelY\">\n        {brand && <Image fluid={brand} />}\n        <p>{text}</p>\n        <h5>{name}</h5>\n      </div>\n      <Link to={\"/\" + brandSlug + \"/\" + productSlug + \"/\"}></Link>\n    </Tesla>\n  )\n}\n\nexport default SmallImageWithLogo\n","import React from \"react\"\nimport { css } from \"styled-components\"\nimport styled from \"styled-components\"\n\nconst StyledContentContainer = styled.div(\n  ({ theme }) => css`\n    padding: 50px 5% 100px;\n    max-width: 1300px;\n    margin: 0 auto;\n    h3 {\n      font-size: 1.32em;\n      line-height: 1.62em;\n      color: ${theme.colors.primary.brown};\n    }\n  `\n)\n\nexport default function ContentContainer({ children }) {\n  return <StyledContentContainer>{children}</StyledContentContainer>\n}\n","import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { media } from \"../../../styles/media\"\nconst StyledHeadline = styled.div`\n  width: 100%;\n  .os1 {\n    padding-bottom: 30px;\n    line-height: 20px;\n  }\n  .os2 {\n    width: 100%;\n    margin: 0 auto;\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: flex-start;\n    justify-content: flex-start;\n    padding-inline-start: 4rem;\n    .os2a {\n      color: #663100;\n      font-weight: bold;\n      padding-right: 20px;\n      font-size: 1.32em;\n    }\n    .os2b {\n      border-left: 1px solid #663100;\n      padding-left: 20px;\n      p {\n        color: #663100;\n        font-size: 0.85em;\n      }\n    }\n    ${() =>\n      media.sp(css`\n        padding-inline-start: 0;\n      `)}\n  }\n`\nexport default function Headline({ content }) {\n  return <StyledHeadline dangerouslySetInnerHTML={{ __html: content }} />\n}\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport SmallImageWithLogo from \"../../../components/SmallImageWithLogo\"\nimport { truncateCatchPhrase } from \"../../../utils/helper\"\n\nconst ItemsSection = styled.div`\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  padding: 50px 0 0px;\n  .resultArticle {\n    margin-bottom: 50px;\n    width: 30%;\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n    justify-content: center;\n    .resultImage {\n      width: 40%;\n      .gatsby-image-wrapper {\n        width: 100%;\n      }\n    }\n    .resultTxt {\n      width: 60%;\n      p {\n        font-size: 0.7em;\n        margin-bottom: 0.62em;\n      }\n      h3 {\n        font-weight: bold;\n        line-height: 15px;\n      }\n    }\n  }\n`\n\nexport default function Items({ products, slug }) {\n  return (\n    <ItemsSection>\n      {products.map(product => (\n        <SmallImageWithLogo\n          fluid={product.mainImage.childImageSharp.fluid}\n          text={product.catchPhrase && truncateCatchPhrase(product.catchPhrase)}\n          name={product.name}\n          brandSlug={slug}\n          productSlug={product.slug}\n          key={product.id}\n        />\n      ))}\n    </ItemsSection>\n  )\n}\n","import React from \"react\"\nimport ContentContainer from \"./ContentContainer\"\nimport Headline from \"./Headline\"\nimport Items from \"./Items\"\nimport HeaderVisual from \"../../../components/HeaderVisual\"\nimport ProductLinks from \"../../../components/ProductLinks\"\n\nexport default function PageContent({\n  pageData,\n  products,\n  slug,\n  backgroundImageSrcset = \"\",\n  mainLogoSrcset = \"\",\n}) {\n  return (\n    <>\n      <HeaderVisual\n        backImage={\n          backgroundImageSrcset || pageData.pageMainVisual.childImageSharp.fluid\n        }\n        mainLogo={mainLogoSrcset || pageData.mainLogo.childImageSharp.fluid}\n      />\n      <ContentContainer>\n        <Headline content={pageData.underContents} />\n        <Items products={products} slug={slug} />\n        <ProductLinks />\n      </ContentContainer>\n    </>\n  )\n}\n"],"sourceRoot":""}