{"version":3,"file":"component---src-pages-index-js-63d0b0b4462f618724b6.js","mappings":"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","sources":["webpack://love_and_peace/./src/components/projects/List.js","webpack://love_and_peace/./src/assets/css/projects/p-list.module.styl","webpack://love_and_peace/./src/components/blocks/IndexBanner.js","webpack://love_and_peace/./src/components/blocks/IndexAbout.js","webpack://love_and_peace/./src/assets/css/blocks/b-index-about.module.styl","webpack://love_and_peace/./src/components/projects/Tags.js","webpack://love_and_peace/./src/assets/css/projects/p-tags.module.styl","webpack://love_and_peace/./src/components/blocks/IndexCaution.js","webpack://love_and_peace/./src/components/projects/Grid.js","webpack://love_and_peace/./src/assets/css/projects/p-grid.module.styl","webpack://love_and_peace/./src/components/blocks/IndexMembership.js","webpack://love_and_peace/./src/components/projects/Column.js","webpack://love_and_peace/./src/assets/css/projects/p-column.module.styl","webpack://love_and_peace/./src/components/blocks/IndexMembershipFee.js","webpack://love_and_peace/./src/components/blocks/IndexStage.js","webpack://love_and_peace/./src/components/blocks/IndexLogin.js","webpack://love_and_peace/./src/assets/css/blocks/b-index-login.module.styl","webpack://love_and_peace/./src/components/blocks/Index.js","webpack://love_and_peace/./src/pages/index.js"],"sourcesContent":["import React from \"react\"\nimport * as css from \"@css/projects/p-list.module.styl\"\n// import Tags from \"@projects/Tags\"\nimport { Image } from \"@atoms/Image\"\n\nfunction List({ data }) {\n    return (\n        <div className={css.pList}>\n            <ul>\n                {data.map(({img, title, text}, i) => {\n                    return (\n                        <li key={i}>\n                            <figure className={css.aImage}>\n                                <Image data={img}/>\n                            </figure>\n                            <div className={css.aDetail}>\n                                <p className={css.aTitle} dangerouslySetInnerHTML={{ __html: title }}/>\n                                <p className={css.aText} dangerouslySetInnerHTML={{__html: text}}/>\n                            </div>\n                        </li>\n                    )\n                })}\n            </ul>\n        </div>\n    )\n}\n\nexport { List }","// extracted by mini-css-extract-plugin\nexport var pList = \"jd\";\nexport var aImage = \"kd\";\nexport var aDetail = \"ld\";\nexport var aTitle = \"md\";\nexport var aText = \"nd\";\nexport var animationMarquee = \"od\";","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\n// import { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\nimport * as css from \"@css/blocks/b-top-banner.module.styl\"\nimport { TransitionLink } from \"@atoms/Link\"\n// import Border from \"@atoms/Border\"\n\nimport Slider from \"react-slick\"\nimport \"slick-carousel/slick/slick.css\";\nimport \"@css/vender/slick-theme.css\";\n\nexport default function IndexBanner()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            empty : file(relativePath: { eq: \"Common__img__empty-banner.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n            banners: allWpPublicTopBanners {\n                edges {\n                    node {\n                        acf_topbanners {\n                            url\n                        }\n                        title\n                        date(formatString: \"YYYY.MM.DD\")\n                        thumbnail: featuredImage {\n                            node {\n                                localFile {\n                                    childImageSharp {\n                                        gatsbyImageData(\n                                            width: 424\n                                            height: 238\n                                            placeholder: BLURRED\n                                            formats: [AUTO, WEBP]\n                                            quality: 100\n                                        )\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    `)\n    const settings = {\n        dots: true,\n        infinite: true,\n        lazyLoad: 'progressive',\n        speed: 500,\n        centerMode: true,\n        slidesToShow: 1,\n        slidesToScroll: 1,\n        variableWidth: true,//max-width用\n        centerPadding: 0,//variablewidthと競合\n        arrows: false,\n        responsive: [\n            {\n                breakpoint: 424,\n                settings: {\n                    variableWidth: false\n                }\n            }\n        ]\n    }\n    let bannersData = [...q.banners.edges]\n    if (q.banners.edges.length < 3){\n        let count = 3 - q.banners.edges.length\n        for( let i = 0; i < count; i++){\n            bannersData.push({\n                node: {\n                    title: 'empty',\n                    thumbnail: q.empty\n                }\n            })\n        }\n    }\n\n    return(\n        <>\n            {\n                q.banners.edges.length === 0 ?\n                    null\n                :\n                    <section className={css.pTopBanner} id=\"banner\">\n                        <div className={css.pTopBanner__inner}>\n                            <Slider {...settings}>\n                                {\n                                    bannersData.map(({ node }, i) => {\n                                        let { title, thumbnail, acf_topbanners} = node\n                                        if (title !== 'empty' ){\n                                            return (\n                                                <TransitionLink className={css.pTopBanner__item} key={i} to={acf_topbanners.url} blank>\n                                                    <div className={css.aInner}>\n                                                        <Image data={thumbnail.node.localFile} alt={title} />\n                                                    </div>\n                                                </TransitionLink>\n                                            )\n                                        } else {\n                                            return (\n                                                <TransitionLink to=\"/\" scroll=\"#about\" className={css.pTopBanner__itemEmpty} key={i}>\n                                                    <div className={css.aInner}>\n                                                        <Image data={thumbnail} alt={title} />\n                                                    </div>\n                                                </TransitionLink>\n                                            )\n                                        }\n                                    })\n                                }\n                            </Slider>\n                        </div>\n                    </section>\n            }\n        </>\n    )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\nimport { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\nimport * as css from \"@css/blocks/b-index-about.module.styl\"\nimport { TransitionLink } from \"../atoms/Link\"\nimport Border from \"@atoms/Border\"\nimport { loginHandler, registerHandler } from \"@utility/UrlData\"\n\nexport default function IndexAbout()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            bg : file(relativePath: { eq: \"IndexAbout__img__bg.jpg\" }) {\n                publicURL\n            }\n            main : file(relativePath: { eq: \"IndexAbout__img__main.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n        }\n    `)\n    return(\n        <div className={css.bIndexAbout} id=\"about\">\n            <div className={css.bIndexAbout__bg} style={{ backgroundImage: `url(${q.bg.publicURL})` }} />\n            <div className={css.bIndexAbout__inner}>\n                <Section isMargin={false}>\n                    <SectionHeader\n                        title=\"About\"\n                        text=\"ファンクラブについて\"\n                    />\n                    <SectionContent>\n                        <section>\n                            <p>\n                                Welcome to brand new “LOVE & PEACE”!!\n                            </p>\n                            <p>\n                                2011年に発足したオフィシャルファンクラブ「Love & Peace」ですが、2021年9月より、今まで以上に皆様にお楽しみいただけるコンテンツを用意し、OFFICIAL FAN CLUB『LOVE&PEACE』として新たなスタートを切りました。\n                            </p>\n                            <p>\n                                『LOVE&PEACE』（通称：ラブピ）では、ファンクラブでしか手にいれることの出来ない”城田優”情報を発信。「YU to YOU」と名付けた城田優から皆さんへのメッセージコンテンツ、SNSでは見ることの出来ない特別な写真や動画の配信、出演する舞台・コンサート等のチケットをどこよりも早く手にいれることが出来る先行受付の実施、そして、城田優本人の発案で継続年数による会員のステージランクアップ。常に楽しみを届けていきたい、応援してくださる皆様に感謝の気持ちを届けたい、そんな気持ちを込めて、応援期間に応じて楽しみが増えていく形を作りました。\n                            </p>\n                            <p>\n                                城田優のモットーである”ラブ＆ピース”の想いを届け、感じていただける特別な場所『ラブピ』で、ファンの皆様とともに素敵な時間を過ごせればと思います。\n                                <br />\n                                ― Make love & peace together.  \n                            </p>\n                            <TransitionLink className={sectionCss.aButton3} to=\"/how-to-join-2022/\">入会の流れ</TransitionLink>\n                        </section>\n                        <Border/>\n                        <figure className={sectionCss.aFullImage}>\n                            <Image data={q.main} alt=\"LOVE & PEACE YU SHIROTA\" />\n                        </figure>\n                    </SectionContent>\n                    <SectionMoreLink\n                        title=\"JOIN US\"\n                        text=\"新規登録はこちら\"\n                        to={registerHandler}\n                    />\n                </Section>\n            </div>\n        </div>\n    )\n}\n","// extracted by mini-css-extract-plugin\nexport var bIndexAbout = \"Ud\";\nexport var bIndexAbout__bg = \"Vd\";\nexport var bIndexAbout__inner = \"Wd\";\nexport var animationMarquee = \"Xd\";","import React from \"react\"\nimport * as css from \"@css/projects/p-tags.module.styl\"\n\nfunction Tags({ data, isCenter }) {\n    return (\n        <div className={css.pTags} style={isCenter && {textAlign: 'center'}}>\n            <ul>\n                {data.map((val, i) => {\n                    return <li key={i}>{val}</li>\n                })}\n            </ul>\n        </div>\n    )\n}\nexport default Tags","// extracted by mini-css-extract-plugin\nexport var pTags = \"wh\";\nexport var animationMarquee = \"xh\";","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\n// import * as css from \"@css/blocks/b-index-hero.module.styl\"\n// import { TransitionLink } from \"../atoms/Link\"\nimport Tags from \"@projects/Tags\"\nimport IconLimited from \"@atoms/IconLimited\"\nimport Border from \"@atoms/Border\"\n\nexport default function IndexCaution()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            bg : file(relativePath: { eq: \"IndexAbout__img__bg.jpg\" }) { childImageSharp {\n                ...Background\n            } }\n            icon_lmited : file(relativePath: { eq: \"Common__icn__limited.svg\" }) {\n                publicURL\n            }\n        }\n    `)\n    return(\n        <Section id=\"caution\">\n            <SectionHeader\n                title=\"Caution\"\n                text=\"注意事項\"\n            />\n            <SectionContent>\n                <section>\n                    <p>\n                        ※ご入会・ファンクラブサイトの閲覧は、パソコン・スマートフォン・タブレットからのみとなります。フィーチャーフォン（ガラケー）は対応しておりませんので、予めご了承ください。<br/>\n                        ※「会員規約」、「チケット規約」をよくご確認いただき、ご了承の上ご入会くださいますようお願い申し上げます。<br />\n                        ※入会のお手続きをしていただいた時点で「会員規約」、「チケット規約」に同意されたものといたします。<br />\n                        ※入会特典は、入会後約1ヶ月～1ヶ月半後にお届けいたします。入会時期によっては前後することがございます。予めご了承ください。なお、初回入会特典の発送は、2022年1月より順次行います。発送が完了次第、改めてお知らせいたしますので、お待ちください。<br />\n                        ※新規登録は身分証明書と同様の正式な表記でお願いいたします。<br />\n                        ※会員期限は、ご入金をいただいた日の翌月1日から1年後です。<br />\n                        例) 2021年9月25日ご入金→会員期限：2021年10月1日～ 2022年9月30日<br />\n                        ※すべて日本語でのサービス提供となります。また、ご入会は日本国内に発送物の受取先があること、日本円決済が条件となります。\n                    </p>\n                </section>\n            </SectionContent>\n            {/* <SectionMoreLink\n                title=\"JOIN US\"\n                text=\"新規登録はこちら\"\n                to=\"#\"\n            /> */}\n        </Section>\n    )\n}\n","import React from \"react\"\nimport * as css from \"@css/projects/p-grid.module.styl\"\nimport Tags from \"@projects/Tags\"\nimport { Image } from \"@atoms/Image\"\n\nfunction Grid({ data }) {\n    return (\n        <div className={css.pGrid}>\n            <ul>\n                {data.map(({label,title,img,text,tags}, i) => {\n                    return (\n                        <li key={i}>\n                            <p className={css.aLabel}>{label}</p>\n                            <p className={css.aTitle} dangerouslySetInnerHTML={{ __html: title }}/>\n                            { img && <figure className={css.aImage}>\n                                <Image data={img}/>\n                            </figure> }\n                            { tags && <div className={css.aGrid}>\n                                <Tags data={tags} isCenter/>\n                            </div>}\n                            <div className={css.aText}>\n                                {text}\n                            </div>\n                        </li>\n                    )\n                })}\n            </ul>\n        </div>\n    )\n}\nexport { Grid }","// extracted by mini-css-extract-plugin\nexport var pGrid = \"ph\";\nexport var aLabel = \"qh\";\nexport var aTitle = \"rh\";\nexport var aImage = \"sh\";\nexport var aText = \"th\";\nexport var aGrid = \"uh\";\nexport var animationMarquee = \"vh\";","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\n// import * as css from \"@css/blocks/b-index-hero.module.styl\"\n// import { TransitionLink } from \"../atoms/Link\"\nimport Tags from \"@projects/Tags\"\n// import IconLimited from \"@atoms/IconLimited\"\nimport Border from \"@atoms/Border\"\nimport { Grid } from \"@projects/Grid\"\nimport { TransitionLink } from \"../atoms/Link\"\n\nexport default function IndexMembership()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            grid_1 : file(relativePath: { eq: \"IndexMembership__img__01.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n            grid_2 : file(relativePath: { eq: \"IndexMembership__img__02.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n            grid_3 : file(relativePath: { eq: \"IndexMembership__img__03.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n            grid_4 : file(relativePath: { eq: \"IndexMembership__img__04.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n            grid_5 : file(relativePath: { eq: \"IndexMembership__img__04.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n        }\n    `)\n    return(\n        <Section id=\"membership\">\n            <SectionHeader\n                title=\"Membership\"\n                text=\"会員特典\"\n            />\n            <SectionContent>\n                <Grid data={\n                    [\n                        {\n                            label: 'benefits 01',\n                            title: 'チケット先行予約',\n                            img: q.grid_1,\n                            tags: [],\n                            text: <div>\n                                出演する舞台・ミュージカルやイベントのチケット先行予約にお申し込みいただけます。<br/>\n                                ※公演によっては先行予約の受付が行えない場合がございます。<br/>\n                                ※お申し込み多数の場合は、抽選となります。\n                            </div>\n                        }, {\n                            label: 'benefits 02',\n                            title: '会員限定コンテンツ',\n                            img: q.grid_2,\n                            tags: [],\n                            text: <div>\n                                『LOVE＆PEACE』でしか見ることのできない撮影現場での様子、お仕事の裏側などをオフショット写真や動画でお届けします！<br/>\n                                また、インタビューや公演レポートを掲載します。\n                            </div>\n                        }, {\n                            label: 'benefits 03',\n                            title: '動画配信＆会員限定生配信',\n                            img: q.grid_3,\n                            tags: [],\n                            text: <div>\n                                城田優がみなさんからの質問や相談にお答えする動画コンテンツ「YUtoYOU」を配信します！〔月1回〕<br/>\n                                そして、会員限定の生配信もあり！リアルタイムに繋がれます！〔不定期〕\n                            </div>\n                        }, {\n                            label: 'benefits 04',\n                            title: '会員Stage＆デジタル会員証',\n                            img: q.grid_4,\n                            tags: [],\n                            text: <div>\n                                会員Stageは、城田優本人の発案で継続年数が増えると会員ステージがひとつずつアップし、各ステージに応じた特別な画像や限定アイテムをお届けします。そして、デジタル会員証はステージに応じてデザインが変わります！<br/>\n                                会員Stageの詳細は、<TransitionLink href=\"/\" scroll=\"stage\">コチラ</TransitionLink>からご確認ください。\n                            </div>\n                        },\n                        // {\n                        //     label: 'benefits 05',\n                        //     title: '会報「LOVE＆PEACE」SpecialBook発行\t',\n                        //     img: q.grid_5,\n                        //     tags: [],\n                        //     text: '年に1回会報を発行〔時期は不定期〕<br>1年間で「LOVE＆PEACE」サイトにて配信したコンテンツのまとめと撮りおろしビジュアルを納めたSpecialBookを発行します！'\n                        // }, {\n                        //     label: '',\n                        //     title: '',\n                        //     img: false,\n                        //     tags: false,\n                        //     text: ''\n                        // },\n                    ]\n                }/>\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        入会特典\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\",\"3ヶ月\",\"無料\"]}/>\n                    </div> */}\n                    <p>\n                        限定グッズプレゼント！〔入会時のみ〕\n                    </p>\n                </section>\n                {/* <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        デジタル会員証\n                    </h3>\n                    <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\",\"3ヶ月\",\"無料\"]}/>\n                    </div> \n                    <p>\n                        ファンクラブ会員の証として、デジタル会員証を表示！\n                    </p>\n                </section> */}\n                <Border/>\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        バースデーメッセージ\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\"]} />\n                    </div> */}\n                    <p>\n                        お誕生日当日、城田優からのお祝いメッセージをメールにてお届け！\n                    </p>\n                </section>\n                <Border />\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        番組観覧・イベントご招待\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\"]} />\n                    </div> */}\n                    <p>\n                        出演するテレビ番組やイベント等の観覧へご応募いただけます。\n                    </p>\n                </section>\n                <Border />\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        メールマガジン\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\", \"3ヶ月\", \"無料\"]} />\n                    </div> */}\n                    <p>\n                        城田優の最新情報をメールにて配信！〔不定期〕\n                    </p>\n                </section>\n                <Border />\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        ファンクラブ会員限定イベント\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\", \"3ヶ月\"]} />\n                    </div> */}\n                    <p>\n                        ※お申し込み多数の場合は、抽選となります。\n                    </p>\n                </section>\n                <Border />\n                <section>\n                    <h3 className={sectionCss.aTitle1}>\n                        ファンクラブ会員限定グッズ販売\n                    </h3>\n                    {/* <div className={sectionCss.aTags}>\n                        <Tags data={[\"年間\", \"3ヶ月\"]} />\n                    </div> */}\n                </section>\n            </SectionContent>\n            {/* <SectionMoreLink\n                title=\"JOIN US\"\n                text=\"新規登録はこちら\"\n                to=\"#\"\n            /> */}\n        </Section>\n    )\n}\n","import React from \"react\"\nimport * as css from \"@css/projects/p-column.module.styl\"\n// import Tags from \"@projects/Tags\"\n// import { Image } from \"@atoms/Image\"\n\nfunction Column2({ children }) {\n    return (\n        <div className={css.pColumn2}>\n            { children}\n        </div>\n    )\n}\nexport { Column2 }","// extracted by mini-css-extract-plugin\nexport var pColumn2 = \"Ch\";\nexport var animationMarquee = \"Dh\";","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\nimport { Section, SectionHeader, SectionContent, SectionMoreLink,sectionCss} from \"@layouts/Section\"\n// import * as css from \"@css/blocks/b-index-hero.module.styl\"\n// import { TransitionLink } from \"../atoms/Link\"\n// import { MinScreen } from \"@hooks/useMediaQuery\"\n// import Tags from \"@projects/Tags\"\nimport { Column2 } from \"@projects/Column\"\n// import IconLimited from \"@atoms/IconLimited\"\nimport Border from \"@atoms/Border\"\n\nexport default function IndexMembership()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            grid_1 : file(relativePath: { eq: \"IndexMembership__img__01.jpg\" }) { childImageSharp {\n                ...Thumbnail\n            } }\n        }\n    `)\n    return(\n        <Section id=\"membershipfee\">\n            <SectionHeader\n                title=\"Membership fee\"\n                text=\"会費\"\n            />\n            <SectionContent>\n                <Column2>\n                    <section>\n                        <h3 className={sectionCss.aTitle1}>\n                            新規入会\n                        </h3>\n                        <p>\n                            ⚫︎入会金：500円（税込）<br/>\n                            ⚫︎年会費：5,500円（税込）<br/>\n                            ※別途事務手数料220円（税込）がかかります。\n                        </p>\n                    </section>\n                    <div className=\"tb-sp\">\n                        <Border/>\n                    </div>\n                    <section>\n                        <h3 className={sectionCss.aTitle1}>\n                            継続\n                        </h3>\n                        <p>\n                            ⚫︎年会費：5,500円（税込）<br/>\n                            ※別途事務手数料220円（税込）がかかります。\n                        </p>\n                        \n                    </section>\n                </Column2>\n            </SectionContent>\n            {/* <SectionMoreLink\n                title=\"JOIN US\"\n                text=\"新規登録はこちら\"\n                to=\"#\"\n            /> */}\n        </Section>\n    )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\nimport { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\n// import * as css from \"@css/projects/p-index-hero.module.styl\"\n// import { TransitionLink } from \"../atoms/Link\"\n// import Tags from \"@projects/Tags\"\n// import IconLimited from \"@atoms/IconLimited\"\nimport Border from \"@atoms/Border\"\nimport { List } from \"@projects/List\"\n\nexport default function IndexStage()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            card_white : file(relativePath: { eq: \"Common__img__card-white.png\" }) { childImageSharp {\n                ...Card\n            } }\n            card_silver : file(relativePath: { eq: \"Common__img__card-silver.png\" }) { childImageSharp {\n                ...Card\n            } }\n            card_gold : file(relativePath: { eq: \"Common__img__card-gold.png\" }) { childImageSharp {\n                ...Card\n            } }\n            card_plutina : file(relativePath: { eq: \"Common__img__card-plutina.png\" }) { childImageSharp {\n                ...Card\n            } }\n            card_legend : file(relativePath: { eq: \"Common__img__legend.png\" }) { childImageSharp {\n                ...Card\n            } }\n        }\n    `)\n    return(\n        <Section id=\"stage\">\n            <SectionHeader\n                title=\"Stage\"\n                text=\"会員ステージ\"\n            />\n            <SectionContent>\n                <section>\n                    <p>\n                        城田優を応援すればするほど楽しみが増えていくサービスが登場しました。ずっと応援してくれているラブピ会員の皆様に喜んでいただきたい、そして「ありがとう」の感謝の気持ちを込めて、城田優自ら発案したサービスです。\n                    </p>\n                    <p>\n                        継続年数が増えると会員ステージがひとつずつアップし、各ステージに応じた特別な画像、限定アイテムをお届けいたします。<br />\n                        ステージは、ホワイトステージからダイヤモンドステージまでの計5ステージをご用意いたしました。各ステージの特典内容に関しては、下記をご覧ください。\n                    </p>\n                    <p>\n                        ※各ステージの特典内容は、急遽変更となる場合があります。<br />\n                        ※一度退会されますと、継続年数はリセットとなり、それまでに取得された特典もご覧いただけなくなります。予めご了承ください。\n                    </p>\n                </section>\n                <Border/>\n                <List data={[\n                    {\n                        img: q.card_white,\n                        title: 'ホワイト / 1年',\n                        text: '・記念スペシャル画像'\n                    }, {\n                        img: q.card_silver,\n                        title: 'シルバー / 3年',\n                        text: `・記念スペシャル画像<br>\n                        ・オリジナルイラスト待受画像<br>\n                        ・毎日聴きたくなるボイス`\n                    }, {\n                        img: q.card_gold,\n                        title: 'ゴールド / 5年',\n                        text: `・記念スペシャル画像<br>\n                        ・オリジナルイラスト待受画像<br>\n                        ・毎日聴きたくなるボイス<br>\n                        ・限定オリジナルソング<br>\n                        ・5年記念ゴールド会員証発行`\n                    }, {\n                        img: q.card_plutina,\n                        title: 'プラチナ / 7年',\n                        text: `・記念スペシャル画像<br>\n                        ・オリジナルイラスト待受画像<br>\n                        ・毎日聴きたくなるボイス<br>\n                        ・限定オリジナルソング<br>\n                        ・記念スペシャルグッズ<br>\n                        ・ラッキーセブン！プラチナ会員限定イベント`\n                    }, {\n                        img: q.card_legend,\n                        title: 'ダイヤモンド / 10年以上',\n                        text: `・記念スペシャル画像<br>\n                        ・オリジナルイラスト待受画像<br>\n                        ・毎日聴きたくなるボイス<br>\n                        ・限定オリジナルソング<br>\n                        ・10年記念スペシャル会員証発行<br>\n                        ・ダイヤモンド会員限定スペシャルコンサート<br>\n                        ・メモリアルデジタルフォトギャラリー（※）<br>\n                        <br>\n                        （※）お客様が、ラブピ会員になってから10年間の未公開秘蔵カットをご覧いただけます。`\n                    }\n                ]} />\n            </SectionContent>\n            {/* <SectionMoreLink\n                title=\"JOIN US\"\n                text=\"新規登録はこちら\"\n                to=\"#\"\n            /> */}\n        </Section>\n    )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\n// import { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\nimport * as css from \"@css/blocks/b-index-login.module.styl\"\nimport { TransitionLink } from \"@atoms/Link\"\n// import Tags from \"@projects/Tags\"\n// import IconLimited from \"@atoms/IconLimited\"\n// import Border from \"@atoms/Border\"\n// import { List } from \"@projects/List\"\nimport { loginHandler, registerHandler, clickLoginHandler} from \"@utility/UrlData\"\n\nexport default function IndexLogin()\n{\n    const q = useStaticQuery(graphql`\n        query {\n            bg : file(relativePath: { eq: \"Common__img__joinus.png\" }) {\n                publicURL\n                childImageSharp {\n                    fluid {\n                        src\n                    }\n                }\n            }\n        }\n    `)\n    let loginText = q.bg.publicURL\n    return(\n        <section className={css.pIndexLogin} id=\"login\">\n            { q.bg &&\n                <div className={css.pIndexLogin__bg}>\n                <div style={{ backgroundImage: `url(${loginText})`}}/>\n                <div style={{ backgroundImage: `url(${loginText})` }} />\n                <div style={{ backgroundImage: `url(${loginText})` }} />\n                </div>\n            }\n            <div className={css.pIndexLogin__inner}>\n                <div className={css.aButtons}>\n                    <button className={css.aButtonRegister} onClick={registerHandler}>新規登録はこちら</button>\n                    <button className={css.aButtonLogin} onClick={clickLoginHandler}>ログインはこちら</button>\n                </div>\n            </div>\n        </section>\n    )\n}\n","// extracted by mini-css-extract-plugin\nexport var aButton1 = \"Yd\";\nexport var aButton2 = \"Zd\";\nexport var aButton3 = \"_d\";\nexport var aButton4 = \"ae\";\nexport var aButton5 = \"be\";\nexport var aButtonHeaderLogin = \"ce\";\nexport var aButtonHeaderRegister = \"de\";\nexport var aButtonBig = \"ee\";\nexport var aButtonRegister = \"fe\";\nexport var aButtonLogin = \"ge\";\nexport var aButtonContinuation = \"he\";\nexport var icon = \"ie\";\nexport var aButtonHeaderSpLogin = \"je\";\nexport var pIndexLogin = \"ke\";\nexport var pIndexLogin__inner = \"le\";\nexport var pIndexLogin__bg = \"me\";\nexport var bgSlider = \"ne\";\nexport var aButtons = \"oe\";\nexport var animationMarquee = \"pe\";","import React from \"react\";\n// import { graphql, useStaticQuery } from \"gatsby\"\n// import { Image } from \"@atoms/Image\"\n// import { StaticImage } from \"gatsby-plugin-image\"\n// import { Section, SectionHeader, SectionContent, SectionMoreLink, sectionCss} from \"@layouts/Section\"\n// import * as css from \"@css/blocks/b-index-about.module.styl\"\n// import { TransitionLink } from \"../atoms/Link\"\n// import Border from \"@atoms/Border\"\nimport Hero from \"@blocks/IndexHero\";\nimport TopNews from \"@blocks/TopNews\";\nimport TopBanner from \"@blocks/IndexBanner\";\nimport About from \"@blocks/IndexAbout\";\nimport Limited from \"@blocks/IndexLimited\";\nimport Caution from \"@blocks/IndexCaution\";\nimport Membership from \"@blocks/IndexMembership\";\nimport MembershipFee from \"@blocks/IndexMembershipFee\";\nimport Stage from \"@blocks/IndexStage\";\nimport Login from \"@blocks/IndexLogin\";\nimport Campaign from \"@blocks/IndexCampaign\";\n// import YULetter from \"@blocks/IndexYULetter\"\n\nexport default function IndexBlock() {\n\treturn (\n\t\t<main>\n\t\t\t<Hero />\n\t\t\t<TopBanner />\n\t\t\t{/* <Campaign /> */}\n\t\t\t<TopNews />\n\t\t\t<About />\n\t\t\t<MembershipFee />\n\t\t\t{/* <Limited /> */}\n\t\t\t<Caution />\n\t\t\t<Membership />\n\t\t\t<Stage />\n\t\t\t{/* <YULetter /> */}\n\t\t\t<Login />\n\t\t</main>\n\t);\n}\n","import * as React from \"react\"\nimport { graphql, navigate} from \"gatsby\"\nimport IndexBlcok from \"@blocks/Index\"\nimport Seo from \"@atoms/Seo\"\nfunction IndexPage({data})\n{\n    // const [userLogin] = useRecoilState(userLoginState)\n    // const [login, setLogin] = React.useState(false)\n    // React.useEffect(()=>{\n    //     setLogin(userLogin)\n    // },[userLogin])\n\n    return(\n        <>\n            <Seo/>\n            <IndexBlcok/>\n        </>\n    )\n}\n\nexport const pagerQuery = graphql`\n    fragment Background on ImageSharp {\n        gatsbyImageData(\n            width: 1440\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n    fragment Thumbnail on ImageSharp {\n        gatsbyImageData(\n            width: 1440\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n    fragment BigCard on ImageSharp {\n        gatsbyImageData(\n            layout: FULL_WIDTH\n            width: 515\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n    fragment Card on ImageSharp {\n        gatsbyImageData(\n            layout: FULL_WIDTH\n            width: 230\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n`\nexport default IndexPage\n"],"names":["List","data","className","map","i","img","title","text","key","Image","dangerouslySetInnerHTML","__html","IndexBanner","q","useStaticQuery","settings","dots","infinite","lazyLoad","speed","centerMode","slidesToShow","slidesToScroll","variableWidth","centerPadding","arrows","responsive","breakpoint","bannersData","banners","edges","length","count","push","node","thumbnail","empty","css","id","acf_topbanners","to","url","blank","localFile","alt","scroll","IndexAbout","style","backgroundImage","bg","publicURL","isMargin","sectionCss","main","registerHandler","isCenter","textAlign","val","IndexCaution","Grid","label","tags","IndexMembership","grid_1","grid_2","grid_3","grid_4","href","Column2","children","IndexStage","card_white","card_silver","card_gold","card_plutina","card_legend","IndexLogin","loginText","onClick","clickLoginHandler","IndexBlock","TopNews","Seo"],"sourceRoot":""}