{"version":3,"sources":["webpack:///./src/assets/jss/material-kit-react/components/buttonStyle.js","webpack:///./src/components/uikit/CustomButtons/Button.js","webpack:///./src/assets/jss/material-kit-react/components/customDropdownStyle.js","webpack:///./src/components/uikit/CustomDropdown/CustomDropdown.js","webpack:///./src/assets/jss/material-kit-react/tooltipsStyle.js","webpack:///./src/assets/jss/material-kit-react/components/headerLinksStyle.js","webpack:///./src/components/atoms/NaviLink.tsx","webpack:///./src/components/uikit/Header/HeaderLinks.jsx","webpack:///./src/components/atoms/Cover.tsx","webpack:///./src/components/uikit/Header/HeaderCategories.jsx","webpack:///./src/components/pages/front/Category.tsx","webpack:///./src/templates/Category.tsx","webpack:///./src/components/organisims/articles/CategoryAritlcesBlock.tsx","webpack:///./node_modules/@material-ui/core/styles/makeStyles.js"],"names":["buttonStyle","button","minHeight","minWidth","backgroundColor","grayColor","color","boxShadow","border","borderRadius","position","padding","margin","fontSize","fontWeight","textTransform","letterSpacing","willChange","transition","lineHeight","textAlign","whiteSpace","verticalAlign","touchAction","cursor","display","top","marginRight","width","height","transform","left","fullWidth","primary","primaryColor","info","infoColor","success","successColor","warning","warningColor","danger","dangerColor","rose","roseColor","white","twitter","facebook","google","github","simple","background","transparent","disabled","opacity","pointerEvents","lg","sm","round","block","link","justIcon","paddingLeft","paddingRight","makeStyles","customDropdownStyle","theme","popperClose","dropdown","zIndex","listStyle","backgroundClip","menuList","popperResponsive","breakpoints","down","float","marginTop","dropdownItem","defaultFont","clear","blackHover","primaryHover","primaryBoxShadow","infoHover","infoBoxShadow","successHover","successBoxShadow","warningHover","warningBoxShadow","dangerHover","dangerBoxShadow","roseHover","roseBoxShadow","dropdownItemRTL","dropdownDividerItem","overflow","buttonIcon","caret","marginLeft","borderTop","borderRight","borderLeft","caretActive","caretRTL","dropdownHeader","noLiPadding","styles","tooltipsStyle","tooltip","maxWidth","fontFamily","fontStyle","textShadow","wordBreak","wordSpacing","wordWrap","lineBreak","headerLinksStyle","list","paddingTop","paddingBottom","listItem","content","listItemText","headerButton","textDecoration","navLink","marginBottom","justifyContent","notificationNavLink","registerNavLink","navLinkActive","icons","socialIcons","dropdownLink","marginRight5","NavLink","styled","span","useStyles","HeaderLinks","props","classes","categories","React","useState","setViewCategories","useEffect","slice","List","className","ListItem","Button","target","href","Cover","div","isS3","getCfUrl","src","map","category","key","slug","name","Page","articles","isMobile","useMediaQuery","url","mainImage","Header","brand","fixed","leftLinks","rightLinks","changeColorOnScroll","style","Container","jName","description","CategoryAritlcesBlock","showTitle","App","pageContext","footers","title","openGraph","site_name","type","images","alt","Helmet","Title","h2","ArticlesBox","limit","tag","showCategory","to","defaultProps","_interopRequireDefault","Object","defineProperty","exports","value","_extends2","_styles","_defaultTheme","_default","stylesOrCreator","options","arguments","length","undefined","defaultTheme"],"mappings":"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","file":"component---src-templates-category-tsx-3035f5760c14aab8340b.js","sourcesContent":["import {\n  grayColor,\n  roseColor,\n  primaryColor,\n  infoColor,\n  successColor,\n  warningColor,\n  dangerColor\n} from \"assets/jss/material-kit-react.js\";\n\nconst buttonStyle = {\n  button: {\n    minHeight: \"auto\",\n    minWidth: \"auto\",\n    backgroundColor: grayColor,\n    color: \"#FFFFFF\",\n    boxShadow:\n      \"0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)\",\n    border: \"none\",\n    borderRadius: \"3px\",\n    position: \"relative\",\n    padding: \"12px 30px\",\n    margin: \".3125rem 1px\",\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    textTransform: \"uppercase\",\n    letterSpacing: \"0\",\n    willChange: \"box-shadow, transform\",\n    transition:\n      \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\n    lineHeight: \"1.42857143\",\n    textAlign: \"center\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    touchAction: \"manipulation\",\n    cursor: \"pointer\",\n    \"&:hover,&:focus\": {\n      color: \"#FFFFFF\",\n      backgroundColor: grayColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)\"\n    },\n    \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n      position: \"relative\",\n      display: \"inline-block\",\n      top: \"0\",\n      fontSize: \"1.1rem\",\n      marginRight: \"4px\",\n      verticalAlign: \"middle\"\n    },\n    \"& svg\": {\n      position: \"relative\",\n      display: \"inline-block\",\n      top: \"0\",\n      width: \"18px\",\n      height: \"18px\",\n      marginRight: \"4px\",\n      verticalAlign: \"middle\"\n    },\n    \"&$justIcon\": {\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        marginRight: \"0px\",\n        position: \"absolute\",\n        width: \"100%\",\n        transform: \"none\",\n        left: \"0px\",\n        top: \"0px\",\n        height: \"100%\",\n        lineHeight: \"41px\",\n        fontSize: \"20px\"\n      }\n    }\n  },\n  fullWidth: {\n    width: \"100%\"\n  },\n  primary: {\n    backgroundColor: primaryColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: primaryColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2)\"\n    }\n  },\n  info: {\n    backgroundColor: infoColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: infoColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2)\"\n    }\n  },\n  success: {\n    backgroundColor: successColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: successColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2)\"\n    }\n  },\n  warning: {\n    backgroundColor: warningColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: warningColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2)\"\n    }\n  },\n  danger: {\n    backgroundColor: dangerColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: dangerColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2)\"\n    }\n  },\n  rose: {\n    backgroundColor: roseColor,\n    boxShadow:\n      \"0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: roseColor,\n      boxShadow:\n        \"0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2)\"\n    }\n  },\n  white: {\n    \"&,&:focus,&:hover,&:visited\": {\n      backgroundColor: \"#FFFFFF\",\n      color: grayColor\n    }\n  },\n  twitter: {\n    backgroundColor: \"#55acee\",\n    color: \"#fff\",\n    boxShadow:\n      \"0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12)\",\n    \"&:hover,&:focus,&:visited\": {\n      backgroundColor: \"#55acee\",\n      color: \"#fff\",\n      boxShadow:\n        \"0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2)\"\n    }\n  },\n  facebook: {\n    backgroundColor: \"#3b5998\",\n    color: \"#fff\",\n    boxShadow:\n      \"0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#3b5998\",\n      color: \"#fff\",\n      boxShadow:\n        \"0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2)\"\n    }\n  },\n  google: {\n    backgroundColor: \"#dd4b39\",\n    color: \"#fff\",\n    boxShadow:\n      \"0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#dd4b39\",\n      color: \"#fff\",\n      boxShadow:\n        \"0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2)\"\n    }\n  },\n  github: {\n    backgroundColor: \"#333333\",\n    color: \"#fff\",\n    boxShadow:\n      \"0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12)\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"#333333\",\n      color: \"#fff\",\n      boxShadow:\n        \"0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2)\"\n    }\n  },\n  simple: {\n    \"&,&:focus,&:hover,&:visited\": {\n      color: \"#FFFFFF\",\n      background: \"transparent\",\n      boxShadow: \"none\"\n    },\n    \"&$primary\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: primaryColor\n      }\n    },\n    \"&$info\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: infoColor\n      }\n    },\n    \"&$success\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: successColor\n      }\n    },\n    \"&$warning\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: warningColor\n      }\n    },\n    \"&$rose\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: roseColor\n      }\n    },\n    \"&$danger\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: dangerColor\n      }\n    },\n    \"&$twitter\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#55acee\"\n      }\n    },\n    \"&$facebook\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#3b5998\"\n      }\n    },\n    \"&$google\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#dd4b39\"\n      }\n    },\n    \"&$github\": {\n      \"&,&:focus,&:hover,&:visited\": {\n        color: \"#333333\"\n      }\n    }\n  },\n  transparent: {\n    \"&,&:focus,&:hover,&:visited\": {\n      color: \"inherit\",\n      background: \"transparent\",\n      boxShadow: \"none\"\n    }\n  },\n  disabled: {\n    opacity: \"0.65\",\n    pointerEvents: \"none\"\n  },\n  lg: {\n    padding: \"1.125rem 2.25rem\",\n    fontSize: \"0.875rem\",\n    lineHeight: \"1.333333\",\n    borderRadius: \"0.2rem\"\n  },\n  sm: {\n    padding: \"0.40625rem 1.25rem\",\n    fontSize: \"0.6875rem\",\n    lineHeight: \"1.5\",\n    borderRadius: \"0.2rem\"\n  },\n  round: {\n    borderRadius: \"30px\"\n  },\n  block: {\n    width: \"100% !important\"\n  },\n  link: {\n    \"&,&:hover,&:focus\": {\n      backgroundColor: \"transparent\",\n      color: \"#999999\",\n      boxShadow: \"none\"\n    }\n  },\n  justIcon: {\n    paddingLeft: \"12px\",\n    paddingRight: \"12px\",\n    fontSize: \"20px\",\n    height: \"41px\",\n    minWidth: \"41px\",\n    width: \"41px\",\n    \"& .fab,& .fas,& .far,& .fal,& svg,& .material-icons\": {\n      marginRight: \"0px\"\n    },\n    \"&$lg\": {\n      height: \"57px\",\n      minWidth: \"57px\",\n      width: \"57px\",\n      lineHeight: \"56px\",\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        fontSize: \"32px\",\n        lineHeight: \"56px\"\n      },\n      \"& svg\": {\n        width: \"32px\",\n        height: \"32px\"\n      }\n    },\n    \"&$sm\": {\n      height: \"30px\",\n      minWidth: \"30px\",\n      width: \"30px\",\n      \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n        fontSize: \"17px\",\n        lineHeight: \"29px\"\n      },\n      \"& svg\": {\n        width: \"17px\",\n        height: \"17px\"\n      }\n    }\n  }\n};\n\nexport default buttonStyle;\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n\n// @material-ui/core components\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport Button from \"@material-ui/core/Button\";\n\n// core components\n\nimport buttonStyle from \"assets/jss/material-kit-react/components/buttonStyle.js\";\n\nconst makeComponentStyles = makeStyles(() => ({\n  ...buttonStyle,\n}));\n\nconst RegularButton = React.forwardRef((props, ref) => {\n  const {\n    color,\n    round,\n    children,\n    fullWidth,\n    disabled,\n    simple,\n    size,\n    block,\n    link,\n    justIcon,\n    className,\n    ...rest\n  } = props;\n\n  const classes = makeComponentStyles();\n\n  const btnClasses = classNames({\n    [classes.button]: true,\n    [classes[size]]: size,\n    [classes[color]]: color,\n    [classes.round]: round,\n    [classes.fullWidth]: fullWidth,\n    [classes.disabled]: disabled,\n    [classes.simple]: simple,\n    [classes.block]: block,\n    [classes.link]: link,\n    [classes.justIcon]: justIcon,\n    [className]: className,\n  });\n  return (\n    <Button {...rest} ref={ref} className={btnClasses}>\n      {children}\n    </Button>\n  );\n});\n\nRegularButton.propTypes = {\n  color: PropTypes.oneOf([\n    \"primary\",\n    \"info\",\n    \"success\",\n    \"warning\",\n    \"danger\",\n    \"rose\",\n    \"white\",\n    \"facebook\",\n    \"twitter\",\n    \"google\",\n    \"github\",\n    \"transparent\",\n  ]),\n  size: PropTypes.oneOf([\"sm\", \"lg\"]),\n  simple: PropTypes.bool,\n  round: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  disabled: PropTypes.bool,\n  block: PropTypes.bool,\n  link: PropTypes.bool,\n  justIcon: PropTypes.bool,\n  children: PropTypes.node,\n  className: PropTypes.string,\n};\n\nexport default RegularButton;\n","import {\n  defaultFont,\n  primaryColor,\n  primaryBoxShadow,\n  infoColor,\n  infoBoxShadow,\n  successColor,\n  successBoxShadow,\n  warningColor,\n  warningBoxShadow,\n  dangerColor,\n  dangerBoxShadow,\n  roseColor,\n  roseBoxShadow\n} from \"assets/jss/material-kit-react.js\";\n\nconst customDropdownStyle = theme => ({\n  popperClose: {\n    pointerEvents: \"none\"\n  },\n  dropdown: {\n    borderRadius: \"3px\",\n    border: \"0\",\n    boxShadow: \"0 2px 5px 0 rgba(0, 0, 0, 0.26)\",\n    top: \"100%\",\n    zIndex: \"1000\",\n    minWidth: \"160px\",\n    padding: \"5px 0\",\n    margin: \"2px 0 0\",\n    fontSize: \"14px\",\n    textAlign: \"left\",\n    listStyle: \"none\",\n    backgroundColor: \"#fff\",\n    backgroundClip: \"padding-box\"\n  },\n  menuList: {\n    padding: \"0\"\n  },\n  popperResponsive: {\n    zIndex: \"1200\",\n    [theme.breakpoints.down(\"sm\")]: {\n      zIndex: \"1640\",\n      position: \"static\",\n      float: \"none\",\n      width: \"auto\",\n      marginTop: \"0\",\n      backgroundColor: \"transparent\",\n      border: \"0\",\n      boxShadow: \"none\",\n      color: \"black\"\n    }\n  },\n  dropdownItem: {\n    ...defaultFont,\n    fontSize: \"13px\",\n    padding: \"10px 20px\",\n    margin: \"0 5px\",\n    borderRadius: \"2px\",\n    position: \"relative\",\n    transition: \"all 150ms linear\",\n    display: \"block\",\n    clear: \"both\",\n    fontWeight: \"400\",\n    height: \"fit-content\",\n    color: \"#333\",\n    whiteSpace: \"nowrap\",\n    minHeight: \"unset\"\n  },\n  blackHover: {\n    \"&:hover\": {\n      boxShadow:\n        \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4)\",\n      backgroundColor: \"#212121\",\n      color: \"#fff\"\n    }\n  },\n  primaryHover: {\n    \"&:hover\": {\n      backgroundColor: primaryColor,\n      color: \"#FFFFFF\",\n      ...primaryBoxShadow\n    }\n  },\n  infoHover: {\n    \"&:hover\": {\n      backgroundColor: infoColor,\n      color: \"#FFFFFF\",\n      ...infoBoxShadow\n    }\n  },\n  successHover: {\n    \"&:hover\": {\n      backgroundColor: successColor,\n      color: \"#FFFFFF\",\n      ...successBoxShadow\n    }\n  },\n  warningHover: {\n    \"&:hover\": {\n      backgroundColor: warningColor,\n      color: \"#FFFFFF\",\n      ...warningBoxShadow\n    }\n  },\n  dangerHover: {\n    \"&:hover\": {\n      backgroundColor: dangerColor,\n      color: \"#FFFFFF\",\n      ...dangerBoxShadow\n    }\n  },\n  roseHover: {\n    \"&:hover\": {\n      backgroundColor: roseColor,\n      color: \"#FFFFFF\",\n      ...roseBoxShadow\n    }\n  },\n  dropdownItemRTL: {\n    textAlign: \"right\"\n  },\n  dropdownDividerItem: {\n    margin: \"5px 0\",\n    backgroundColor: \"rgba(0, 0, 0, 0.12)\",\n    height: \"1px\",\n    overflow: \"hidden\"\n  },\n  buttonIcon: {\n    width: \"20px\",\n    height: \"20px\"\n  },\n  caret: {\n    transition: \"all 150ms ease-in\",\n    display: \"inline-block\",\n    width: \"0\",\n    height: \"0\",\n    marginLeft: \"4px\",\n    verticalAlign: \"middle\",\n    borderTop: \"4px solid\",\n    borderRight: \"4px solid transparent\",\n    borderLeft: \"4px solid transparent\"\n  },\n  caretActive: {\n    transform: \"rotate(180deg)\"\n  },\n  caretRTL: {\n    marginRight: \"4px\"\n  },\n  dropdownHeader: {\n    display: \"block\",\n    padding: \"0.1875rem 1.25rem\",\n    fontSize: \"0.75rem\",\n    lineHeight: \"1.428571\",\n    color: \"#777\",\n    whiteSpace: \"nowrap\",\n    fontWeight: \"inherit\",\n    marginTop: \"10px\",\n    minHeight: \"unset\",\n    \"&:hover,&:focus\": {\n      backgroundColor: \"transparent\",\n      cursor: \"auto\"\n    }\n  },\n  noLiPadding: {\n    padding: \"0\"\n  }\n});\n\nexport default customDropdownStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport MenuList from \"@material-ui/core/MenuList\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Grow from \"@material-ui/core/Grow\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Popper from \"@material-ui/core/Popper\";\n\n// core components\nimport Button from \"components/uikit/CustomButtons/Button.js\";\n\nimport styles from \"assets/jss/material-kit-react/components/customDropdownStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CustomDropdown(props) {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const handleClick = (event) => {\n    if (anchorEl && anchorEl.contains(event.target)) {\n      setAnchorEl(null);\n    } else {\n      setAnchorEl(event.currentTarget);\n    }\n  };\n  const handleClose = (param) => {\n    setAnchorEl(null);\n    if (props && props.onClick) {\n      props.onClick(param);\n    }\n  };\n  const handleCloseAway = (event) => {\n    if (anchorEl.contains(event.target)) {\n      return;\n    }\n    setAnchorEl(null);\n  };\n  const classes = useStyles();\n  const {\n    buttonText,\n    buttonIcon,\n    dropdownList,\n    buttonProps,\n    dropup,\n    dropdownHeader,\n    caret,\n    hoverColor,\n    left,\n    rtlActive,\n    noLiPadding,\n  } = props;\n  const caretClasses = classNames({\n    [classes.caret]: true,\n    [classes.caretActive]: Boolean(anchorEl),\n    [classes.caretRTL]: rtlActive,\n  });\n  const dropdownItem = classNames({\n    [classes.dropdownItem]: true,\n    [classes[hoverColor + \"Hover\"]]: true,\n    [classes.noLiPadding]: noLiPadding,\n    [classes.dropdownItemRTL]: rtlActive,\n  });\n  let icon = null;\n  switch (typeof buttonIcon) {\n    case \"object\":\n      icon = <props.buttonIcon className={classes.buttonIcon} />;\n      break;\n    case \"string\":\n      icon = <Icon className={classes.buttonIcon}>{props.buttonIcon}</Icon>;\n      break;\n    default:\n      icon = null;\n      break;\n  }\n  return (\n    <div>\n      <div>\n        <Button\n          aria-label=\"Notifications\"\n          aria-owns={anchorEl ? \"menu-list\" : null}\n          aria-haspopup=\"true\"\n          {...buttonProps}\n          onClick={handleClick}\n        >\n          {icon}\n          {buttonText !== undefined ? buttonText : null}\n          {caret ? <b className={caretClasses} /> : null}\n        </Button>\n      </div>\n      <Popper\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        transition\n        disablePortal\n        placement={\n          dropup\n            ? left\n              ? \"top-start\"\n              : \"top\"\n            : left\n            ? \"bottom-start\"\n            : \"bottom\"\n        }\n        className={classNames({\n          [classes.popperClose]: !anchorEl,\n          [classes.popperResponsive]: true,\n        })}\n      >\n        {() => (\n          <Grow\n            in={Boolean(anchorEl)}\n            id=\"menu-list\"\n            style={\n              dropup\n                ? { transformOrigin: \"0 100% 0\" }\n                : { transformOrigin: \"0 0 0\" }\n            }\n          >\n            <Paper className={classes.dropdown}>\n              <ClickAwayListener onClickAway={handleCloseAway}>\n                <MenuList role=\"menu\" className={classes.menuList}>\n                  {dropdownHeader !== undefined ? (\n                    <MenuItem\n                      onClick={() => handleClose(dropdownHeader)}\n                      className={classes.dropdownHeader}\n                    >\n                      {dropdownHeader}\n                    </MenuItem>\n                  ) : null}\n                  {dropdownList.map((prop, key) => {\n                    if (prop.divider) {\n                      return (\n                        <Divider\n                          key={key}\n                          onClick={() => handleClose(\"divider\")}\n                          className={classes.dropdownDividerItem}\n                        />\n                      );\n                    }\n                    return (\n                      <MenuItem\n                        key={key}\n                        onClick={() => handleClose(prop)}\n                        className={dropdownItem}\n                      >\n                        {prop}\n                      </MenuItem>\n                    );\n                  })}\n                </MenuList>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n}\n\nCustomDropdown.defaultProps = {\n  caret: true,\n  hoverColor: \"primary\",\n};\n\nCustomDropdown.propTypes = {\n  hoverColor: PropTypes.oneOf([\n    \"black\",\n    \"primary\",\n    \"info\",\n    \"success\",\n    \"warning\",\n    \"danger\",\n    \"rose\",\n  ]),\n  buttonText: PropTypes.node,\n  buttonIcon: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  dropdownList: PropTypes.array,\n  buttonProps: PropTypes.object,\n  dropup: PropTypes.bool,\n  dropdownHeader: PropTypes.node,\n  rtlActive: PropTypes.bool,\n  caret: PropTypes.bool,\n  left: PropTypes.bool,\n  noLiPadding: PropTypes.bool,\n  // function that retuns the selected item\n  onClick: PropTypes.func,\n};\n","const tooltipsStyle = {\n  tooltip: {\n    padding: \"10px 15px\",\n    minWidth: \"130px\",\n    color: \"#555555\",\n    lineHeight: \"1.7em\",\n    background: \"#FFFFFF\",\n    border: \"none\",\n    borderRadius: \"3px\",\n    boxShadow:\n      \"0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)\",\n    maxWidth: \"200px\",\n    textAlign: \"center\",\n    fontFamily: '\"Helvetica Neue\",Helvetica,Arial,sans-serif',\n    fontSize: \"0.875em\",\n    fontStyle: \"normal\",\n    fontWeight: \"400\",\n    textShadow: \"none\",\n    textTransform: \"none\",\n    letterSpacing: \"normal\",\n    wordBreak: \"normal\",\n    wordSpacing: \"normal\",\n    wordWrap: \"normal\",\n    whiteSpace: \"normal\",\n    lineBreak: \"auto\"\n  }\n};\n\nexport default tooltipsStyle;\n","import { defaultFont } from \"assets/jss/material-kit-react.js\";\n\nimport tooltip from \"assets/jss/material-kit-react/tooltipsStyle.js\";\n\nconst headerLinksStyle = (theme) => ({\n  list: {\n    ...defaultFont,\n    fontSize: \"14px\",\n    margin: 0,\n    paddingLeft: \"0\",\n    listStyle: \"none\",\n    paddingTop: \"0\",\n    paddingBottom: \"0\",\n    color: \"inherit\",\n  },\n  listItem: {\n    float: \"left\",\n    color: \"inherit\",\n    position: \"relative\",\n    display: \"block\",\n    width: \"auto\",\n    margin: \"0\",\n    padding: \"0\",\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"100%\",\n      \"&:after\": {\n        width: \"calc(100% - 30px)\",\n        content: '\"\"',\n        display: \"block\",\n        height: \"1px\",\n        marginLeft: \"15px\",\n        backgroundColor: \"#e5e5e5\",\n      },\n    },\n  },\n  listItemText: {\n    padding: \"0 !important\",\n  },\n  headerButton: {\n    textDecoration: \"none\",\n    color: \"inherit\",\n  },\n  navLink: {\n    color: \"inherit\",\n    position: \"relative\",\n    padding: \"0.9375rem\",\n    fontWeight: \"bold\",\n    fontSize: \"15px\",\n    textTransform: \"uppercase\",\n    borderRadius: \"3px\",\n    lineHeight: \"20px\",\n    textDecoration: \"none\",\n    margin: \"0px\",\n    display: \"inline-flex\",\n    \"&:hover,&:focus\": {\n      color: \"inherit\",\n      background: \"rgba(200, 200, 200, 0.2)\",\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: \"calc(100% - 30px)\",\n      marginLeft: \"15px\",\n      marginBottom: \"8px\",\n      marginTop: \"8px\",\n      textAlign: \"left\",\n      \"& > span:first-child\": {\n        justifyContent: \"flex-start\",\n      },\n    },\n  },\n  notificationNavLink: {\n    color: \"inherit\",\n    padding: \"0.9375rem\",\n    fontWeight: \"400\",\n    fontSize: \"12px\",\n    textTransform: \"uppercase\",\n    lineHeight: \"20px\",\n    textDecoration: \"none\",\n    margin: \"0px\",\n    display: \"inline-flex\",\n    top: \"4px\",\n  },\n  registerNavLink: {\n    top: \"3px\",\n    position: \"relative\",\n    fontWeight: \"400\",\n    fontSize: \"12px\",\n    textTransform: \"uppercase\",\n    lineHeight: \"20px\",\n    textDecoration: \"none\",\n    margin: \"0px\",\n    display: \"inline-flex\",\n  },\n  navLinkActive: {\n    color: \"inherit\",\n    backgroundColor: \"rgba(255, 255, 255, 0.1)\",\n  },\n  icons: {\n    width: \"20px\",\n    height: \"20px\",\n    marginRight: \"3px\",\n  },\n  socialIcons: {\n    position: \"relative\",\n    fontSize: \"20px !important\",\n    marginRight: \"4px\",\n  },\n  dropdownLink: {\n    \"&,&:hover,&:focus\": {\n      color: \"inherit\",\n      textDecoration: \"none\",\n      display: \"block\",\n      padding: \"10px 20px\",\n    },\n  },\n  ...tooltip,\n  marginRight5: {\n    marginRight: \"5px\",\n  },\n});\n\nexport default headerLinksStyle;\n","import styled from \"styled-components\";\n\nconst NavLink = styled.span`\n  border-right: solid 1px rgba(0, 0, 0, 0.5);\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  padding-right: 12px;\n`;\n\nexport default NavLink;\n","/*eslint-disable*/\nimport React from \"react\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// react components for routing our app without refresh\nimport { Link } from \"gatsby\";\n// import { window } from 'ssr-window';\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { List, ListItem, Tooltip } from \"@material-ui/core\";\n\n\n\n// @material-ui/icons\nimport { Apps, CloudDownload } from \"@material-ui/icons\";\n\n// core components\nimport CustomDropdown from \"components/uikit/CustomDropdown/CustomDropdown.js\";\n// import Button from \"components/uikit/CustomButtons/Button.js\";\n\nimport { Button } from \"@material-ui/core\";\n\nimport styles from \"assets/jss/material-kit-react/components/headerLinksStyle.js\";\nimport NavLink from \"components/atoms/NaviLink\";\nconst useStyles = makeStyles(styles);\n\nexport default function HeaderLinks(props) {\n  const classes = useStyles();\n  const {categories} = props;\n  const [viewCateories, setViewCategories] = React.useState([]);\n\n  React.useEffect(()=>{\n    setViewCategories(categories.slice(0, 4))\n  }, [categories]);\n\n  return (\n    <List className={classes.list}>\n      {/* <ListItem className={classes.listItem}>\n        <CustomDropdown\n          noLiPadding\n          buttonText=\"カテゴリー\"\n          buttonProps={{\n            className: classes.navLink,\n            color: \"transparent\"\n          }}\n          buttonIcon={Apps}\n          dropdownList={[\n            <Link to=\"/categories/イベント情報\" className={classes.dropdownLink}>\n              イベント情報\n            </Link>,\n            <a\n              href=\"https://creativetimofficial.github.io/material-kit-react/#/documentation?ref=mkr-navbar\"\n              target=\"_blank\"\n              className={classes.dropdownLink}\n            >\n              Documentation\n            </a>\n          ]}\n        />\n      </ListItem> */}\n      <ListItem className={classes.listItem}>\n        <Button　target=\"_blank\" href={`http://www.kazi.co.jp/`} className={classes.navLink}>\n          <NavLink>舵社HP</NavLink>\n        </Button>\n      </ListItem>\n\n      <ListItem className={classes.listItem}>\n        <Button　target=\"_blank\" href={`https://www.seaplaza.jp/`} className={classes.navLink}>\n          <NavLink>KAZIオンラインショップ</NavLink>\n        </Button>\n      </ListItem>\n\n      {/* <ListItem className={classes.listItem}>\n        <Button\n          className={classes.navLink}\n        >\n          お問い合わせ\n        </Button>\n      </ListItem> */}\n      {/* {viewCateories.map((category,key)=> \n        <ListItem className={classes.listItem} key={key}>\n        <Button\n          href={`/categories/${category.name}`}\n          className={classes.navLink}\n        >\n          {category.name}\n        </Button>\n      </ListItem>)\n      } */}\n      {/* <ListItem className={classes.listItem}>\n          <Tooltip\n            id=\"instagram-twitter\"\n            title=\"Follow us on twitter\"\n            placement={window && window.innerWidth > 959 ? \"top\" : \"left\"}\n            classes={{ tooltip: classes.tooltip }}\n          >\n            <Button\n              href=\"https://twitter.com/CreativeTim?ref=creativetim\"\n              target=\"_blank\"\n              color=\"transparent\"\n              className={classes.navLink}\n            >\n              <i className={classes.socialIcons + \" fab fa-twitter\"} />\n            </Button>\n          </Tooltip>\n      </ListItem>\n      <ListItem className={classes.listItem}>\n        <Tooltip\n          id=\"instagram-facebook\"\n          title=\"公式Facebookページ\"\n          placement={window && window.innerWidth > 959 ? \"top\" : \"left\"}\n          classes={{ tooltip: classes.tooltip }}\n        >\n          <Button\n            color=\"transparent\"\n            href=\"https://www.facebook.com/onlineboatshow/\"\n            target=\"_blank\"\n            className={classes.navLink}\n          >\n            <i className={classes.socialIcons + \" fab fa-facebook\"} />\n          </Button>\n        </Tooltip>\n      </ListItem>\n      <ListItem className={classes.listItem}>\n        <Tooltip\n          id=\"instagram-tooltip\"\n          title=\"公式インスタグラムページ\"\n          placement={window && window.innerWidth > 959 ? \"top\" : \"left\"}\n          classes={{ tooltip: classes.tooltip }}\n        >\n          <Button\n            color=\"transparent\"\n            href=\"https://www.instagram.com/CreativeTimOfficial?ref=creativetim\"\n            target=\"_blank\"\n            className={classes.navLink}\n          >\n            <i className={classes.socialIcons + \" fab fa-instagram\"} />\n          </Button>\n        </Tooltip>\n      </ListItem> */}\n    </List>\n  );\n}\n","import styled from \"styled-components\";\nimport { getCfUrl } from \"settings/storageSettings\";\n\nconst Cover = styled.div`\n  position: relative;\n  width: 100%;\n  min-width: 320px;\n  background-size: cover;\n  padding-top: 28.3%;\n  background-position: center center;\n  background-image: url(${(props) =>\n    props.isS3 ? getCfUrl(props.src) : props.src});\n  /* &:before {\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    display: block;\n    left: 0;\n    top: 0;\n    content: \"\";\n    background: rgba(0, 0, 0, 0.4);\n  } */\n`;\n\nexport default Cover;\n","/*eslint-disable*/\nimport React from \"react\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// react components for routing our app without refresh\nimport { Link } from \"gatsby\";\n// import { window } from 'ssr-window';\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { List, ListItem, Tooltip } from \"@material-ui/core\";\n\n// @material-ui/icons\nimport { Apps, CloudDownload } from \"@material-ui/icons\";\n\n// core components\nimport CustomDropdown from \"components/uikit/CustomDropdown/CustomDropdown.js\";\n// import Button from \"components/uikit/CustomButtons/Button.js\";\n\nimport { Button } from \"@material-ui/core\";\n\nimport styles from \"assets/jss/material-kit-react/components/headerLinksStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function HeaderLinks(props) {\n  const classes = useStyles();\n  const {categories} = props;\n\n  return (\n    <List className={classes.list}>\n      {categories.map((category,key)=> \n        <ListItem className={classes.listItem} key={key}>\n        <Button\n          href={`/categories/${category.slug}`}\n          className={classes.navLink}\n        >\n          {category.name}\n        </Button>\n      </ListItem>)\n      }\n    </List>\n  );\n}\n","import React from \"react\";\nimport CategoryAritlcesBlock from \"components/organisims/articles/CategoryAritlcesBlock\";\nimport Container from \"components/atoms/Container\";\nimport RightLinks from \"components/uikit/Header/HeaderLinks\";\nimport Cover from \"../../atoms/Cover\";\nimport HeaderCategories from \"components/uikit/Header/HeaderCategories\";\nimport Header from \"components/uikit/Header/Header\";\nimport { useMediaQuery } from \"@material-ui/core\";\n\ntype Props = {\n  articles: any;\n  category: any;\n  categories: any;\n};\n\nexport default function Page(props: Props) {\n  const { category, articles, categories } = props;\n  const isMobile = useMediaQuery(\"(max-width: 960px)\");\n\n  const url = category?.mainImage?.url || \"\";\n\n  return (\n    <>\n      <Header\n        color=\"white\"\n        brand=\"Kazi ONLINE\"\n        fixed\n        leftLinks={<HeaderCategories categories={categories} />}\n        rightLinks={<RightLinks categories={categories} />}\n        changeColorOnScroll={{\n          height: 20,\n          color: \"white\",\n        }}\n      />\n\n      <div style={{ paddingTop: isMobile ? 162 : 121 }}>\n        {category?.mainImage && category.url && (\n          <a href={category.url} target=\"_bank\">\n            <Cover\n              // @ts-ignore\n              src={url}\n              height={33}\n              isS3\n              style={{ cursor: \"pointer\" }}\n            />\n          </a>\n        )}\n\n        {category?.mainImage && !category.url && (\n          // @ts-ignore\n          <Cover src={url} height={33} isS3 />\n        )}\n\n        <Container style={{ boxShadow: \"none\" }}>\n          <div style={{ paddingBottom: \"40px\", paddingTop: \"40px\" }}>\n            <div style={{ textAlign: \"center\" }}>\n              <h2\n                style={{\n                  fontSize: \"32px\",\n                  fontWeight: \"bold\",\n                }}\n              >\n                {category?.name}\n              </h2>\n              <div style={{ fontSize: \"12px\" }}>{category?.jName}</div>\n              <div\n                style={{\n                  textAlign: \"left\",\n                  fontSize: \"12px\",\n                  padding: \"12px\",\n                  marginBottom: \"12px\",\n                }}\n              >\n                {category?.description}\n              </div>\n            </div>\n\n            <CategoryAritlcesBlock\n              showTitle={false}\n              category={category}\n              articles={articles}\n            />\n          </div>\n        </Container>\n      </div>\n    </>\n  );\n}\n","import * as React from \"react\";\nimport \"@aws-amplify/ui/dist/style.css\";\nimport Layout from \"components/layouts/Common\";\nimport { Helmet } from \"react-helmet\";\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\";\nimport Category from \"components/pages/front/Category\";\nimport { getCfUrl } from \"settings/storageSettings\";\n\ntype Props = {\n  pageContext: any;\n};\n\nexport default function App(props: Props) {\n  const { articles, category, categories, footers } = props.pageContext;\n\n  return (\n    <>\n      <GatsbySeo\n        title={`${category?.name} 舵オンライン │ 船遊びの情報サイト`}\n        description={category?.description}\n        openGraph={{\n          url: `https://www.kazi-online.com/categories/${category?.slug}`,\n          title: `${category?.name} 舵オンライン │ 船遊びの情報サイト`,\n          description: category?.description,\n          site_name: \"舵オンライン │ 船遊びの情報サイト\",\n          type: \"website\",\n          images: [\n            {\n              url:\n                category?.mainImage && category?.mainImage?.url\n                  ? getCfUrl(category?.mainImage.url)\n                  : \"\",\n              alt: category?.name,\n            },\n          ],\n        }}\n      />\n      <Helmet>\n        <title>{category?.name} 舵オンライン │ 船遊びの情報サイト</title>\n      </Helmet>\n      <Layout footers={footers}>\n        <Category\n          category={category}\n          categories={categories}\n          articles={articles}\n        />\n      </Layout>\n    </>\n  );\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport ArticleCards from \"components/molecures/ArticleCards\";\nimport { Link } from \"gatsby\";\ntype Props = {\n  tag?: any;\n  category?: any;\n  showTitle?: boolean;\n  articles: any;\n  limit?: number;\n};\n\nconst Title = styled.h2`\n  color: #000000;\n  font-size: 32px;\n  padding-bottom: 8px;\n  padding-top: 8px;\n  width: 100%;\n  font-weight: 800;\n  opacity: 0.9;\n`;\n\nconst defaultProps = {\n  showTitle: true,\n};\n\nexport default function ArticlesBox(props: Props) {\n  const { category, showTitle, limit, tag, articles } = props;\n\n  return (\n    <>\n      {showTitle && !tag && (\n        <Title>{category ? category?.name : \"新着記事\"}</Title>\n      )}\n      {showTitle && tag && <Title>{tag?.name}</Title>}\n      <ArticleCards\n        articles={articles}\n        showCategory={category ? false : true}\n      />\n      {limit && category && (\n        <Link to={`/categories/${category?.slug}`}>\n          {category.name} をもっと読む\n        </Link>\n      )}\n    </>\n  );\n}\n\nArticlesBox.defaultProps = defaultProps;\n","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _styles = require(\"@material-ui/styles\");\n\nvar _defaultTheme = _interopRequireDefault(require(\"./defaultTheme\"));\n\nfunction makeStyles(stylesOrCreator) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  return (0, _styles.makeStyles)(stylesOrCreator, (0, _extends2[\"default\"])({\n    defaultTheme: _defaultTheme[\"default\"]\n  }, options));\n}\n\nvar _default = makeStyles;\nexports[\"default\"] = _default;"],"sourceRoot":""}