\n \n \n \n \n \n
\n \n \n {data.discription && (\n \n \n
\n \n \n 
\n
\n \n {renderHTML(data.discription)}\n
\n )}\n \n
\n \n );\n } else {\n return null;\n }\n}\n","import * as React from \"react\";\nimport \"@aws-amplify/ui/dist/style.css\";\nimport Index from \"components/pages/front/Index\";\nimport Layout from \"components/layouts/Common\";\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\";\nimport { graphql } from \"gatsby\";\n\ntype Props = {\n pageContext: any;\n data: any;\n};\n\nexport default function App(props: Props) {\n const { data, pageContext } = props;\n\n const page = data.appsync.listTopPages.items\n ? data.appsync.listTopPages.items[0]\n : null;\n\n return (\n \n \n \n\n \n {activeShows.length > 0 && (\n <>\n \n {activeShows.map((show) => (\n navigate(`/${show.slug}`)}>\n \n ))}\n \n \n )}\n \n\n \n {comingShows.length > 0 && (\n <>\n \n {comingShows.map((show) => (\n navigate(`/${show.slug}`)}>\n \n ))}\n \n \n )}\n \n\n \n {archiveShows.length > 0 && (\n <>\n \n {archiveShows.map((show) => (\n navigate(`/${show.slug}`)}>\n \n ))}\n \n \n )}\n \n
\n {data.title}
\n {renderHTML(data.contents)}\n開催中のオンラインショー
\n開催予定のオンラインショー
\n過去開催したオンラインショー
\n\n \n \n )}\n
\n );\n}\nexport const query = graphql`\n {\n appsync {\n listTopPages(limit: 1) {\n items {\n backgroundImage {\n alternate\n id\n owner\n url\n updatedAt\n }\n contents\n discription\n title\n }\n }\n }\n }\n`;\n","import \"core-js/modules/es6.array.index-of\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { chainPropTypes } from '@material-ui/utils';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'block',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n\n /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n media: {\n width: '100%'\n },\n\n /* Styles applied to the root element if `component=\"picture or img\"`. */\n img: {\n // ⚠️ object-fit is not supported by IE 11.\n objectFit: 'cover'\n }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n image = props.image,\n src = props.src,\n style = props.style,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n\n var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n var composedStyle = !isMediaComponent && image ? _extends({\n backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n }, style) : style;\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n ref: ref,\n style: composedStyle,\n src: isMediaComponent ? image || src : undefined\n }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardMedia'\n})(CardMedia);","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// @material-ui/icons\n// import Chat from \"@material-ui/icons/Chat\";\n// import VerifiedUser from \"@material-ui/icons/VerifiedUser\";\n// import Fingerprint from \"@material-ui/icons/Fingerprint\";\n// core components\nimport GridContainer from \"components/uikit/Grid/GridContainer.js\";\nimport GridItem from \"components/uikit/Grid/GridItem.js\";\n// import InfoArea from \"components/uikit/InfoArea/InfoArea.js\";\nimport renderHTML from \"react-render-html\";\n\nimport styles from \"assets/jss/material-kit-react/views/landingPageSections/productStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function ProductSection(props) {\n const { children } = props;\n const classes = useStyles();\n return (\n \n \n \n \n \n
\n );\n}\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport ButtonBase from '../ButtonBase';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'block',\n textAlign: 'inherit',\n width: '100%',\n '&:hover $focusHighlight': {\n opacity: theme.palette.action.hoverOpacity\n },\n '&$focusVisible $focusHighlight': {\n opacity: 0.12\n }\n },\n\n /* Pseudo-class applied to the ButtonBase root element if the action area is keyboard focused. */\n focusVisible: {},\n\n /* Styles applied to the overlay that covers the action area when it is keyboard focused. */\n focusHighlight: {\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit',\n opacity: 0,\n backgroundColor: 'currentcolor',\n transition: theme.transitions.create('opacity', {\n duration: theme.transitions.duration[\"short\"]\n })\n }\n };\n};\nvar CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n focusVisibleClassName = props.focusVisibleClassName,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"focusVisibleClassName\"]);\n\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n className: clsx(classes.root, className),\n focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible),\n ref: ref\n }, other), children, /*#__PURE__*/React.createElement(\"span\", {\n className: classes.focusHighlight\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardActionArea'\n})(CardActionArea);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n padding: 16,\n '&:last-child': {\n paddingBottom: 24\n }\n }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardContent'\n})(CardContent);"],"sourceRoot":""}{children}
\n