{"id":21350,"date":"2025-12-23T10:25:32","date_gmt":"2025-12-23T01:25:32","guid":{"rendered":"https:\/\/fotowa.com\/funmily\/?p=21350"},"modified":"2025-12-26T10:00:11","modified_gmt":"2025-12-26T01:00:11","slug":"bd-diagnosis","status":"publish","type":"post","link":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/","title":{"rendered":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01"},"content":{"rendered":"\n<p>\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n\n\n<p>\u300c\u4eca\u5e74\u306f\u3069\u3046\u304a\u795d\u3044\u3057\u3088\u3046\uff1f\u300d\u300c\u3069\u3053\u3067\u64ae\u308b\u306e\u304c\u6b63\u89e3\uff1f\u300d\u3068\u3001\u6570\u30f6\u6708\u524d\u304b\u3089\u60a9\u307f\u59cb\u3081\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3082\u591a\u3044\u306f\u305a\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u300cSNS\u306e\u304a\u3057\u3083\u308c\u306a\u98fe\u308a\u4ed8\u3051\u3001\u81ea\u5206\u306b\u3067\u304d\u308b\u304b\u4e0d\u5b89\u2026\u2026\u300d<\/li><li>\u300c\u30b9\u30bf\u30b8\u30aa\u306f\u5834\u6240\u898b\u77e5\u308a\u3057\u305d\u3046\u3060\u3057\u3001\u4e88\u7d04\u3082\u5927\u5909\u305d\u3046\u300d<\/li><li>\u300c\u7d50\u5c40\u3044\u3064\u3082\u30b9\u30de\u30db\u3002\u305f\u307e\u306b\u306f\u5bb6\u65cf\u5168\u54e1\u306e\u81ea\u7136\u306a\u7b11\u9854\u3092\u6b8b\u3057\u305f\u3044\uff01\u300d<\/li><\/ul>\n\n\n\n<p>\u5b9f\u306f\u3001fotowa\u904b\u55b6\u30b9\u30bf\u30c3\u30d5\u3082\u3001\u540c\u3058\u60a9\u307f\u3092\u62b1\u3048\u308b\u89aa\u306e\u4e00\u4eba\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u3093\u306a\u79c1\u305f\u3061\u304c\u3001\u300c\u3082\u3063\u3068\u81ea\u7531\u306b\u3001\u308f\u304c\u5bb6\u3089\u3057\u304f\u304a\u795d\u3044\u3092\u697d\u3057\u3093\u3067\u307b\u3057\u3044\u300d\u3068\u3044\u3046\u60f3\u3044\u3092\u8fbc\u3081\u3066\u3001\u65b0\u30b3\u30f3\u30c6\u30f3\u30c4<strong>\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\u300f<\/strong>\u3092\u30ea\u30ea\u30fc\u30b9\u3057\u307e\u3057\u305f\uff01\u2728<\/p>\n\n\n\n<!--more-->\n\n\n\n<!-- WordPress\u306e\u300cCustom HTML\u300d\u30d6\u30ed\u30c3\u30af\u306b\u8cbc\u308a\u4ed8\u3051\u308b\u5185\u5bb9 -->\n<!-- \u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\u30c4\u30fc\u30eb -->\n\n<!-- \u30d0\u30ca\u30fc\u753b\u50cf\uff08\u30af\u30ea\u30c3\u30af\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\uff09 -->\n<!-- \u3053\u306e\u753b\u50cf\u306f\u65e2\u5b58\u306eID\u3067\u52d5\u4f5c\u3057\u307e\u3059\u304c\u3001\u30af\u30e9\u30b9\u3082\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u8907\u6570\u7b87\u6240\u306b\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059 -->\n<!-- GA\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0: ga-auto\u30af\u30e9\u30b9\u3068data-ga-*\u5c5e\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u65e2\u5b58\u306eGA\u81ea\u52d5\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0\u306b\u5bfe\u5fdc -->\n<img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/aa47efb8-9b27-4dc6-8bf3-78ef18445a65\" alt=\"\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\" id=\"birthdayDiagnoseBanner\" class=\"birthday-diagnose-trigger ga-auto\" data-ga-cat=\"diagnose\" data-ga-act=\"open\" data-ga-label=\"birthday_diagnose_top\">\n\n<!-- \u30e2\u30fc\u30c0\u30eb\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 -->\n<div class=\"modal-overlay toc-exclude no-toc\" id=\"modalOverlay\">\n    <div class=\"modal-container\">\n        <button class=\"modal-close\" id=\"modalClose\"><\/button>\n        <div class=\"diagnose-container\">\n            <div class=\"backBtnContainer\" id=\"backBtn\" style=\"display: none;\">\n                <button type=\"button\" id=\"backButton\"><\/button>\n            <\/div>\n\n            <!-- \u30ab\u30d0\u30fc\u30da\u30fc\u30b8 -->\n            <div class=\"cover-page\" id=\"coverPage\">\n                <div class=\"cover-main\">\n                    <div class=\"cover-title-section\">\n                        <div class=\"cover-title-image\">\n                            <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/3d46875f-f129-4d08-abd4-514d37de5364\" alt=\"\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\">\n                        <\/div>\n                        <div class=\"cover-images\">\n                            <div class=\"cover-image-left\">\n                                <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/1e8533d6-945f-4ed2-b5ad-ba28bc0b6d38\" alt=\"\u8a95\u751f\u65e5\u5199\u771f1\">\n                            <\/div>\n                            <div class=\"cover-image-right\">\n                                <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/f25b3e88-eb32-4e8e-a20d-9fa0f38b96b0\" alt=\"\u8a95\u751f\u65e5\u5199\u771f2\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"cover-illustration\">\n                            <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/eeb1ff8d-4019-4f4d-9d33-6629b702763d\" alt=\"\u30b1\u30fc\u30ad\u30a4\u30e9\u30b9\u30c8\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"cover-cta-button\" id=\"startDiagnoseBtn\">\u3042\u306a\u305f\u306b\u5408\u3046\u30b9\u30bf\u30a4\u30eb\u3092\u898b\u3064\u3051\u308b<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"slider-wrapper\" id=\"sliderWrapper\" style=\"display: none;\">\n                <div class=\"slider-track\" id=\"sliderTrack\">\n                    <!-- \u8cea\u554f1: \u304a\u5b50\u3055\u3093\u306f -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q1<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar1\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc76 \u304a\u5b50\u3055\u307e\u306f\u3069\u3061\u3089\u304c\u597d\u304d\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-atmosphere=\"positive\" class=\"atmosphere-btn\">\ud83c\udf3f \u304a\u5916\u3067\u904e\u3054\u3059\u6642\u9593\u304c\u597d\u304d<\/button>\n                                <button type=\"button\" data-atmosphere=\"negative\" class=\"atmosphere-btn\">\ud83c\udfe0 \u304a\u3046\u3061\u3067\u904e\u3054\u3059\u6642\u9593\u304c\u597d\u304d<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f2: \u65b9\u5411\u6027 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q2<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar2\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83c\udf89 \u3069\u3093\u306a\u96f0\u56f2\u6c17\u3067\u304a\u795d\u3044\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-direction=\"negative\" class=\"direction-btn\">\n                                    \ud83c\udf80 \u8a95\u751f\u65e5\u611f\u305f\u3063\u3077\u308a\u306e<br>\n                                    \u83ef\u3084\u304b\u306a\u96f0\u56f2\u6c17\n                                <\/button>\n                                <button type=\"button\" data-direction=\"positive\" class=\"direction-btn\">\n                                    \ud83c\udf38 \u5bb6\u65cf\u306e\u65e5\u5e38\u306e\u5ef6\u9577\u307f\u305f\u3044\u306a<br>\n                                    \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f3: \u8863\u88c5\u30fb\u30b3\u30fc\u30c7 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q3<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar3\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc55 \u3069\u3093\u306a\u670d\u3067\u304a\u795d\u3044\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-genre=\"formal\" class=\"genre-btn\">\n                                    \ud83d\udc57 \u305d\u306e\u65e5\u3060\u3051\u306e\u7279\u5225\u306a\u670d\n                                <\/button>\n                                <button type=\"button\" data-genre=\"casual\" class=\"genre-btn\">\n                                    \ud83d\udc56 \u7740\u6163\u308c\u305f\u3044\u3064\u3082\u306e\u670d\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f4: \u64ae\u5f71\u306e\u6e96\u5099\u30b9\u30bf\u30a4\u30eb -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q4<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar4\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83c\udf1f \u64ae\u5f71\u306e\u5c0f\u7269\u306f\u3069\u3046\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-preparation=\"decorate\" class=\"preparation-btn\">\n                                    \ud83c\udfa8 \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u7528\u610f\u3057\u305f\u3044\n                                <\/button>\n                                <button type=\"button\" data-preparation=\"natural\" class=\"preparation-btn\">\n                                    \u2728 \u5c0f\u7269\u3084\u88c5\u98fe\u306f\u306a\u304f\u3066\u3082\u3044\u3044\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f5: \u5168\u4f53\u306e\u30a4\u30e1\u30fc\u30b8 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q5<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar5\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc9d \u304a\u8a95\u751f\u65e5\u306e\u64ae\u5f71\u3067\u3001\u3042\u306a\u305f\u304c\u5927\u5207\u306b\u3057\u305f\u3044\u306e\u306f\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-image=\"polish\" class=\"image-btn\">\n                                    \ud83c\udf3c &#8220;\u305d\u306e\u65e5\u3060\u3051\u306e\u7279\u5225\u611f&#8221;\u3092\u5f62\u306b\u6b8b\u3057\u305f\u3044\n                                <\/button>\n                                <button type=\"button\" data-image=\"natural\" class=\"image-btn\">\n                                    \ud83c\udf40 &#8220;\u3044\u3064\u3082\u306e\u7b11\u9854&#8221;\u3092\u5f62\u306b\u6b8b\u3057\u305f\u3044\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762 -->\n                    <div class=\"slide\">\n                        <div class=\"loadingContainer\">\n                            <div class=\"progressBarContainer\">\n                                <div class=\"progressBarFiller\" id=\"progressBar\"><\/div>\n                            <\/div>\n                            <p>\u8a3a\u65ad\u4e2d&#8230;<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u7d50\u679c\u753b\u9762 -->\n                    <div class=\"slide\">\n                        <div class=\"resultContainer\" id=\"resultContainer\">\n                            <div class=\"confetti-container\" id=\"confettiContainer\"><\/div>\n                            <h1 class=\"no-toc toc-exclude\">\ud83c\udf89 \u8a3a\u65ad\u7d50\u679c \ud83c\udf89<\/h1>\n                            <p class=\"result-subtitle\">\u3042\u306a\u305f\u306b\u5408\u3046\u30b9\u30bf\u30a4\u30eb\u306f\u30fb\u30fb\u30fb<\/p>\n                            <div id=\"resultContent\"><\/div>\n                            <div class=\"restartBtnContainer\">\n                                <button type=\"button\" class=\"btn btn--primary\" id=\"restartBtn\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* WordPress\u306e\u30c7\u30d5\u30a9\u30eb\u30c8CSS\u3068\u306e\u7af6\u5408\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u305f\u3081\u306e\u30ea\u30bb\u30c3\u30c8\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u306eCSS\u306f\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u5b8c\u5168\u306b\u30b9\u30b3\u30fc\u30d7\u3059\u308b *\/\n\/* \u30d8\u30c3\u30c0\u30fc\uff08#header, .header\uff09\u306b\u306f\u4e00\u5207\u5f71\u97ff\u3057\u306a\u3044 *\/\n#modalOverlay *:not(#header):not(#header *):not(.header):not(.header *),\n.diagnose-container *:not(#header):not(#header *):not(.header):not(.header *) {\n    box-sizing: border-box;\n}\n\n\/* WordPress\u306e\u76ee\u6b21\u30d7\u30e9\u30b0\u30a4\u30f3\u304b\u3089\u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u9664\u5916\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay,\n#modalOverlay *,\n#modalOverlay .toc-exclude,\n#modalOverlay .no-toc,\n.diagnose-container,\n.diagnose-container *,\n.diagnose-container .toc-exclude,\n.diagnose-container .no-toc {\n    \/* \u76ee\u6b21\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3053\u306e\u8981\u7d20\u3092\u7121\u8996\u3059\u308b\u3088\u3046\u306b *\/\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u975e\u8868\u793a\u306b\u3059\u308b *\/\n#modalOverlay #toc_container,\n#modalOverlay .toc_container,\n.diagnose-container #toc_container,\n.diagnose-container .toc_container {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    z-index: 10000 !important; \/* \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u4e0b\u306b\u914d\u7f6e *\/\n}\n\n\/* \u30d0\u30ca\u30fc\u753b\u50cf *\/\n#birthdayDiagnoseBanner {\n    cursor: pointer;\n    width: 100%;\n    max-width: 375px;\n    height: auto;\n    display: block;\n    margin: 16px auto;\n    padding: 0 16px;\n    border: none;\n    background: none;\n    box-sizing: border-box;\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u958b\u304f\u30c8\u30ea\u30ac\u30fc\u30dc\u30bf\u30f3\uff08\u8907\u6570\u7b87\u6240\u306b\u914d\u7f6e\u53ef\u80fd\uff09 *\/\n.birthday-diagnose-trigger {\n    cursor: pointer;\n    display: inline-block;\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u7528\u306e\u30b9\u30bf\u30a4\u30eb *\/\n.diagnose-container {\n    max-width: 375px;\n    margin: 0 auto;\n    min-height: 100vh;\n    position: relative;\n    overflow: hidden;\n    background: #FCF7F3;\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n\/* \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .cover-page,\n.diagnose-container .cover-page {\n    background: #FCF7F3;\n    min-height: 100vh;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n#modalOverlay .cover-main,\n.diagnose-container .cover-main {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 0;\n    gap: 0;\n}\n\n#modalOverlay .cover-title-section,\n.diagnose-container .cover-title-section {\n    text-align: center;\n    position: relative;\n    width: 100%;\n    max-width: 375px;\n    height: 535px;\n    margin: 0 auto;\n}\n\n#modalOverlay .cover-title-image,\n.diagnose-container .cover-title-image {\n    position: absolute;\n    top: 63px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80%;\n    max-width: 300px;\n    height: auto;\n    z-index: 1;\n}\n\n#modalOverlay .cover-title-image img,\n.diagnose-container .cover-title-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n#modalOverlay .cover-images,\n.diagnose-container .cover-images {\n    position: absolute;\n    top: 229px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    height: 250px;\n    width: 100%;\n    max-width: 375px;\n    margin: 0 auto;\n}\n\n#modalOverlay .cover-image-left,\n#modalOverlay .cover-image-right,\n.diagnose-container .cover-image-left,\n.diagnose-container .cover-image-right {\n    width: 188px;\n    height: 250px;\n    background-color: #d9d9d9;\n    border-radius: 0;\n    overflow: hidden;\n    position: relative;\n}\n\n#modalOverlay .cover-image-right,\n.diagnose-container .cover-image-right {\n    width: 187px;\n}\n\n#modalOverlay .cover-image-left img,\n#modalOverlay .cover-image-right img,\n.diagnose-container .cover-image-left img,\n.diagnose-container .cover-image-right img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n#modalOverlay .cover-illustration,\n.diagnose-container .cover-illustration {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 406px;\n    width: 108px;\n    height: 103px;\n    z-index: 10;\n}\n\n#modalOverlay .cover-illustration img,\n.diagnose-container .cover-illustration img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n}\n\n#modalOverlay .cover-cta-button,\n.diagnose-container .cover-cta-button {\n    background-color: #BCA2D2;\n    color: #fff;\n    padding: 12px 16px;\n    border-radius: 5px;\n    border: none;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n    transition: all 0.3s ease;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 510px;\n    width: calc(100% - 32px);\n    max-width: 343px;\n    z-index: 20;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#modalOverlay .cover-cta-button:hover,\n.diagnose-container .cover-cta-button:hover {\n    background-color: #a68bc0;\n    transform: translateX(-50%) translateY(-1px);\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.2);\n}\n\n#modalOverlay .cover-cta-button:active,\n.diagnose-container .cover-cta-button:active {\n    transform: translateX(-50%) translateY(0);\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n}\n\n\/* \u30b9\u30e9\u30a4\u30c0\u30fc\u30b3\u30f3\u30c6\u30ca *\/\n\/* \u30b9\u30e9\u30a4\u30c0\u30fc\u30b3\u30f3\u30c6\u30ca\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .slider-wrapper,\n.diagnose-container .slider-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    overflow: hidden;\n}\n\n#modalOverlay .slider-track,\n.diagnose-container .slider-track {\n    display: flex;\n    transition: transform 0.3s ease;\n    height: 100%;\n}\n\n#modalOverlay .slide,\n.diagnose-container .slide {\n    min-width: 100%;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n}\n\n\/* \u8cea\u554f\u30b3\u30f3\u30c6\u30ca\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .questionContainer,\n.diagnose-container .questionContainer {\n    box-sizing: border-box;\n    max-width: 375px;\n    min-height: 100vh;\n    margin: 0 auto;\n    padding: 40px 24px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    background-color: transparent;\n}\n\n\/* \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .stepBarContainer,\n.diagnose-container .stepBarContainer {\n    display: flex !important; \/* WordPress\u306eCSS\u3067\u4e0a\u66f8\u304d\u3055\u308c\u3066\u3082\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b *\/\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-start;\n    gap: 16px;\n    margin-bottom: 20px;\n    width: 100%;\n    box-sizing: border-box;\n    visibility: visible !important;\n}\n\n#modalOverlay .stepBarContainer h2,\n.diagnose-container .stepBarContainer h2 {\n    color: #EC747F;\n    font-size: 20px;\n    font-weight: bold;\n    letter-spacing: 2px;\n    margin: 0;\n    flex-shrink: 0;\n}\n\n#modalOverlay .stepBarContainer .stepBar,\n.diagnose-container .stepBarContainer .stepBar {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n}\n\n#modalOverlay .stepBar,\n.diagnose-container .stepBar {\n    display: flex;\n    place-items: center;\n    gap: 5px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n\/* \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\u30b3\u30f3\u30c6\u30ca\u306eh2\uff08Q1\u3001Q2\u306a\u3069\uff09\u306f\u8868\u793a\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .stepBarContainer h2,\n.diagnose-container .stepBarContainer h2 {\n    display: block !important;\n    color: #EC747F !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important;\n    margin: 0 !important;\n    flex-shrink: 0 !important;\n}\n\n#modalOverlay .stepBar li.line,\n.diagnose-container .stepBar li.line {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    width: 35px;\n    padding: 7px 0;\n    flex-shrink: 1;\n    background: none !important; \/* \u9ec4\u8272\u3044\u80cc\u666f\u3092\u6d88\u3059 *\/\n}\n\n#modalOverlay .stepBar li.line::marker,\n.diagnose-container .stepBar li.line::marker {\n    background: none !important; \/* \u9ec4\u8272\u3044\u80cc\u666f\u3092\u6d88\u3059 *\/\n    background-image: none !important;\n}\n\n#modalOverlay .stepBar li.line hr,\n.diagnose-container .stepBar li.line hr {\n    width: 35px;\n    height: 2px;\n    border: 0;\n    background-color: #CCCCCC;\n}\n\n#modalOverlay .stepBar li.line.done hr,\n.diagnose-container .stepBar li.line.done hr {\n    background-color: #EC747F;\n}\n\n#modalOverlay .stepBar li.badge,\n.diagnose-container .stepBar li.badge {\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background-color: #CCCCCC;\n    position: relative;\n    flex-shrink: 0;\n}\n\n#modalOverlay .stepBar li.badge.active,\n.diagnose-container .stepBar li.badge.active {\n    background-color: transparent;\n    border: 2px solid #EC747F;\n}\n\n#modalOverlay .stepBar li.badge.active::after,\n.diagnose-container .stepBar li.badge.active::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #EC747F;\n}\n\n#modalOverlay .stepBar li.badge.done,\n.diagnose-container .stepBar li.badge.done {\n    background-color: transparent;\n    border: none;\n}\n\n#modalOverlay .stepBar li.badge.done::after,\n.diagnose-container .stepBar li.badge.done::after {\n    content: '\u2713';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: #EC747F;\n    font-size: 12px;\n    font-weight: bold;\n}\n\n\/* \u898b\u51fa\u3057\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .heading,\n.diagnose-container .heading {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    font-size: 22px;\n    text-align: left;\n    font-weight: bold;\n    letter-spacing: 2.2px;\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n\/* \u9078\u629e\u80a2\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .options,\n.diagnose-container .options {\n    display: flex;\n    gap: 16px;\n    flex-direction: column;\n    justify-content: center;\n}\n\n#modalOverlay .options button,\n.diagnose-container .options button {\n    padding: 16px 9px;\n    color: #333333;\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 150%;\n    border-radius: 5px;\n    background-color: #fff;\n    border: 1px solid #CCCCCC;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n#modalOverlay .options button:hover,\n.diagnose-container .options button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);\n}\n\n#modalOverlay .options button.activeBtn,\n.diagnose-container .options button.activeBtn {\n    color: #fff;\n    background-color: #4DA1D4;\n    border-color: #4DA1D4;\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n}\n\n#modalOverlay .direction-btn.activeBtn,\n.diagnose-container .direction-btn.activeBtn {\n    background-color: #4DA1D4;\n    border-color: #4DA1D4;\n}\n\n\/* \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .loadingContainer,\n.diagnose-container .loadingContainer {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 40px 24px;\n    background-color: transparent;\n}\n\n#modalOverlay .progressBarContainer,\n.diagnose-container .progressBarContainer {\n    width: 100%;\n    max-width: 300px;\n    height: 7px;\n    background-color: #ccc;\n    border-radius: 50px;\n    overflow: hidden;\n    margin-bottom: 24px;\n}\n\n#modalOverlay .progressBarFiller,\n.diagnose-container .progressBarFiller {\n    height: 100%;\n    background-color: #BCA2D2;\n    border-radius: inherit;\n    transition: width 3s ease-out;\n    width: 0%;\n}\n\n#modalOverlay .loadingContainer p,\n.diagnose-container .loadingContainer p {\n    font-size: 16px;\n    font-weight: bold;\n}\n\n\/* \u7d50\u679c\u753b\u9762\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .resultContainer,\n.diagnose-container .resultContainer {\n    padding: 20px 24px;\n    min-height: auto;\n    background-color: transparent;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n}\n\n#modalOverlay #resultContent,\n.diagnose-container #resultContent {\n    width: 100%;\n    box-sizing: border-box;\n    flex: 1;\n    min-height: 0;\n}\n\n\/* \u30d5\u30ea\u30c3\u30d7\u30ab\u30fc\u30c9\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .result-card-wrapper,\n.diagnose-container .result-card-wrapper {\n    perspective: 1000px;\n    margin-bottom: 24px;\n}\n\n#modalOverlay .result-card,\n.diagnose-container .result-card {\n    position: relative;\n    width: 100%;\n    transform-style: preserve-3d;\n    transition: transform 0.6s ease;\n}\n\n#modalOverlay .result-card.flipped,\n.diagnose-container .result-card.flipped {\n    transform: rotateY(180deg);\n}\n\n#modalOverlay .result-card-front,\n#modalOverlay .result-card-back,\n.diagnose-container .result-card-front,\n.diagnose-container .result-card-back {\n    position: relative;\n    width: 100%;\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n    background-color: #fff;\n    border-radius: 8px;\n    padding: 24px;\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.result-card-back {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: rotateY(180deg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 200px;\n}\n\n#modalOverlay .result-card-front,\n.diagnose-container .result-card-front {\n    transform: rotateY(0deg);\n}\n\n#modalOverlay .result-card-loading,\n.diagnose-container .result-card-loading {\n    text-align: center;\n    color: #999;\n}\n\n#modalOverlay .result-card-loading::after,\n.diagnose-container .result-card-loading::after {\n    content: '';\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    border: 4px solid #f3f3f3;\n    border-top: 4px solid #EC747F;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    vertical-align: middle;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* \u7d19\u5439\u96ea\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .confetti,\n.diagnose-container .confetti {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: #EC747F;\n    animation: fall linear infinite;\n    pointer-events: none;\n    opacity: 0;\n    top: -100px;\n}\n\n@keyframes fall {\n    0% {\n        transform: translateY(0) rotate(0deg);\n        opacity: 1;\n    }\n    100% {\n        transform: translateY(calc(100vh + 100px)) rotate(360deg);\n        opacity: 0;\n    }\n}\n\n#modalOverlay .confetti-container,\n.diagnose-container .confetti-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#modalOverlay .resultContainer h1,\n.diagnose-container .resultContainer h1 {\n    font-size: 22px;\n    font-weight: bold;\n    margin-bottom: 8px;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n#modalOverlay .result-subtitle,\n.diagnose-container .result-subtitle {\n    font-size: 14px;\n    color: #666;\n    text-align: center;\n    margin-bottom: 12px;\n    line-height: 1.5;\n    flex-shrink: 0;\n}\n\n#modalOverlay .subHeading,\n.diagnose-container .subHeading {\n    font-size: 18px;\n    text-align: center;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n\n#modalOverlay .noResultDescription,\n.diagnose-container .noResultDescription {\n    font-size: 16px;\n    text-align: center;\n    margin-bottom: 24px;\n    line-height: 1.6;\n}\n\n#modalOverlay .noResultSubHeading,\n.diagnose-container .noResultSubHeading {\n    font-size: 18px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n\n#modalOverlay .restartBtnContainer,\n.diagnose-container .restartBtnContainer {\n    text-align: center;\n    margin-top: 4px;\n    margin-bottom: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n\n#modalOverlay .btn,\n.diagnose-container .btn {\n    padding: 0;\n    font-size: 14px;\n    font-weight: bold;\n    border-radius: 5px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    line-height: 1;\n    min-height: 48px;\n    width: auto;\n}\n\n#modalOverlay .btn--primary,\n.diagnose-container .btn--primary {\n    background-color: #999;\n    color: #fff;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);\n    padding: 12px 24px;\n}\n\n#modalOverlay .btn--primary:hover,\n.diagnose-container .btn--primary:hover {\n    background-color: #888;\n    transform: translateY(-1px);\n    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);\n}\n\n#modalOverlay .btn--secondary,\n.diagnose-container .btn--secondary {\n    background-color: #f5f5f5;\n    color: #666;\n    border: 1px solid #ddd;\n    padding: 12px 16px;\n}\n\n#modalOverlay .btn--secondary:hover,\n.diagnose-container .btn--secondary:hover {\n    background-color: #eeeeee;\n    border-color: #ccc;\n}\n\n\/* \u623b\u308b\u30dc\u30bf\u30f3\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .backBtnContainer,\n.diagnose-container .backBtnContainer {\n    position: absolute;\n    bottom: 200px;\n    left: 20px;\n    z-index: 10001;\n}\n\n#modalOverlay .backBtnContainer button,\n.diagnose-container .backBtnContainer button {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background-color: rgba(128, 128, 128, 0.9);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);\n    transition: all 0.3s ease;\n    padding: 0;\n}\n\n#modalOverlay .backBtnContainer button:hover,\n.diagnose-container .backBtnContainer button:hover {\n    background-color: rgba(100, 100, 100, 1);\n    transform: scale(1.1);\n}\n\n#modalOverlay .backBtnContainer button::before,\n.diagnose-container .backBtnContainer button::before {\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    content: '\\f053';\n    font-size: 24px;\n    color: #FFFFFF;\n    line-height: 1;\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb *\/\n\/* \u30e2\u30fc\u30c0\u30eb\u304c\u9589\u3058\u3066\u3044\u308b\u3068\u304d\u306f display: none \u306a\u306e\u3067\u3001\u30d8\u30c3\u30c0\u30fc\u306b\u4e00\u5207\u5f71\u97ff\u3057\u306a\u3044 *\/\n.modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    z-index: 10000; \/* \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3068\u304d\u306f\u3001\u30d8\u30c3\u30c0\u30fc\uff08\u901a\u5e38z-index: 1000\u7a0b\u5ea6\uff09\u3088\u308a\u4e0a\u306b\u8868\u793a *\/\n    overflow-y: auto;\n    overflow-x: visible;\n    box-sizing: border-box;\n}\n\n.modal-overlay.active {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 20px;\n    padding-bottom: 20px;\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30ca\u306e\u4f59\u767d *\/\n@media (min-width: 768px) {\n    .modal-overlay.active {\n        padding-top: 60px;\n        padding-bottom: 60px;\n    }\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3068\u304d\u306f\u3001\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u3092\u30e2\u30fc\u30c0\u30eb\u306e\u4e0b\u306b\u914d\u7f6e *\/\n\/* JavaScript\u3067body\u306bmodal-open\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3059\u308b\u305f\u3081\u3001\u305d\u308c\u3092\u4f7f\u3063\u3066\u5236\u5fa1 *\/\nbody.modal-open #header,\nbody.modal-open .header,\nbody.modal-open #responsive-menu-button,\nbody.modal-open .responsive-menu-button {\n    z-index: 9999 !important; \/* \u30e2\u30fc\u30c0\u30eb\uff08z-index: 10000\uff09\u3088\u308a\u4e0b\u306b\u914d\u7f6e *\/\n    position: relative !important; \/* z-index\u3092\u6709\u52b9\u306b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981 *\/\n}\n\n.modal-container {\n    position: relative;\n    width: 100%;\n    max-width: 375px;\n    min-height: auto;\n    max-height: calc(100vh - 40px);\n    margin: 0 auto;\n    background: #FCF7F3;\n    overflow-y: auto;\n    border-radius: 8px;\n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30ca\u306e\u8abf\u6574 *\/\n@media (min-width: 768px) {\n    .modal-container {\n        min-height: calc(100vh - 120px);\n        max-height: calc(100vh - 120px);\n    }\n}\n\n.diagnose-container {\n    position: relative;\n}\n\n.modal-close {\n    position: fixed !important;\n    top: 12px !important;\n    right: 20px !important;\n    width: 48px !important;\n    height: 48px !important;\n    background-color: rgba(255, 255, 255, 1) !important;\n    border: 2px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 50% !important;\n    cursor: pointer !important;\n    z-index: 10001 !important; \/* \u30e2\u30fc\u30c0\u30eb\uff08z-index: 10000\uff09\u3088\u308a\u4e0a\u306b\u8868\u793a *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 24px !important;\n    color: #333 !important;\n    font-weight: bold !important;\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3) !important;\n    transition: all 0.3s ease !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.modal-close:hover {\n    background-color: #fff !important;\n    transform: scale(1.15) !important;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4) !important;\n    border-color: rgba(0, 0, 0, 0.2) !important;\n}\n\n.modal-close::before {\n    content: '\u00d7';\n    font-size: 36px;\n    line-height: 1;\n    font-weight: bold;\n    display: block;\n    transform: translateY(-2px);\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u00d7\u30dc\u30bf\u30f3\u306e\u4f4d\u7f6e\u8abf\u6574 *\/\n@media (min-width: 768px) {\n    .modal-close {\n        position: fixed !important;\n        top: 60px !important;\n        left: calc(50% + 187.5px + 26px) !important;\n        right: auto !important;\n        width: 52px !important;\n        height: 52px !important;\n    }\n    \n    .modal-close::before {\n        font-size: 40px;\n        transform: translateY(-2px);\n    }\n}\n\n\/* \u975e\u8868\u793a *\/\n.hidden {\n    display: none !important;\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u72b6\u614b\u7ba1\u7406\n    const state = {\n        currentSlide: 0,\n        answers: {\n            atmosphereType: null,\n            directionType: null,\n            genreId: null,\n            preparationType: null,\n            imageType: null\n        },\n        genreList: [],\n        areaList: [],\n        photographerList: [],\n        diagnoseTotalCount: 0,\n        diagnoseSuccess: false,\n        resultType: null\n    };\n\n    let sliderTrack = null;\n    const totalSlides = 7; \/\/ \u8cea\u554f5 + \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 + \u7d50\u679c\n\n    \/\/ \u521d\u671f\u5316\u95a2\u6570\n    function init() {\n        sliderTrack = document.getElementById('sliderTrack');\n        if (!sliderTrack) {\n            console.error('sliderTrack not found');\n            return;\n        }\n\n        \/\/ body\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u30ea\u30bb\u30c3\u30c8\uff08\u30e2\u30fc\u30c0\u30eb\u304c\u9589\u3058\u3066\u3044\u308b\u3068\u304d\u306e\u72b6\u614b\u3092\u78ba\u5b9f\u306b\u4fdd\u8a3c\uff09\n        document.body.classList.remove('modal-open');\n        document.body.style.overflow = '';\n\n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\n        removeTocFromDiagnoseTool();\n\n        \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u8a2d\u5b9a\n        setupEventListeners();\n        \n        \/\/ \u521d\u671f\u5316\n        updateStepBars();\n    }\n\n    \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\u3059\u308b\u95a2\u6570\n    function removeTocFromDiagnoseTool() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (!modalOverlay) return;\n\n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u76ee\u6b21\u30b3\u30f3\u30c6\u30ca\u3092\u63a2\u3057\u3066\u524a\u9664\n        const tocContainers = modalOverlay.querySelectorAll('#toc_container, .toc_container');\n        tocContainers.forEach(toc => {\n            toc.remove();\n        });\n\n        \/\/ \u898b\u51fa\u3057\u304b\u3089\u81ea\u52d5\u8ffd\u52a0\u3055\u308c\u305fid\u5c5e\u6027\u3092\u524a\u9664\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09\n        const headings = modalOverlay.querySelectorAll('h1[id], h2[id], h3[id], h1 span[id], h2 span[id], h3 span[id]');\n        headings.forEach(heading => {\n            \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u898b\u51fa\u3057\u306e\u307fid\u3092\u524a\u9664\n            if (heading.closest('#modalOverlay')) {\n                heading.removeAttribute('id');\n            }\n        });\n\n        \/\/ \u898b\u51fa\u3057\u5185\u306espan\u30bf\u30b0\u304b\u3089\u3082id\u3092\u524a\u9664\n        const spansWithId = modalOverlay.querySelectorAll('h1 span[id], h2 span[id], h3 span[id]');\n        spansWithId.forEach(span => {\n            if (span.closest('#modalOverlay')) {\n                span.removeAttribute('id');\n            }\n        });\n    }\n\n    function goToSlide(index) {\n        if (!sliderTrack || index < 0 || index >= totalSlides) return;\n        state.currentSlide = index;\n        sliderTrack.style.transform = `translateX(-${index * 100}%)`;\n        updateStepBars();\n        updateBackButton();\n    }\n\n    function nextSlide() {\n        if (state.currentSlide < totalSlides - 1) {\n            goToSlide(state.currentSlide + 1);\n        }\n    }\n\n    function prevSlide() {\n        if (state.currentSlide > 0) {\n            goToSlide(state.currentSlide - 1);\n        }\n    }\n\n    function updateBackButton() {\n        const backBtn = document.getElementById('backBtn');\n        if (backBtn) {\n            if (state.currentSlide === 0 || state.currentSlide === totalSlides - 1) {\n                backBtn.style.display = 'none';\n            } else {\n                backBtn.style.display = 'block';\n            }\n        }\n    }\n\n    \/\/ \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\u66f4\u65b0\n    function updateStepBars() {\n        const currentStep = state.currentSlide + 1;\n        if (currentStep > 5) return; \/\/ \u8cea\u554f\u306f5\u3064\u307e\u3067\n\n        for (let i = 1; i <= 5; i++) {\n            const stepBar = document.getElementById(`stepBar${i}`);\n            if (!stepBar) continue;\n\n            stepBar.innerHTML = '';\n            for (let step = 1; step <= 5; step++) {\n                if (step === 1) {\n                    const badge = createBadge(step, currentStep);\n                    stepBar.appendChild(badge);\n                } else {\n                    const line = createLine(step, currentStep);\n                    stepBar.appendChild(line);\n                    const badge = createBadge(step, currentStep);\n                    stepBar.appendChild(badge);\n                }\n            }\n        }\n    }\n\n    function createBadge(step, currentStep) {\n        const li = document.createElement('li');\n        li.className = 'badge';\n        if (step < currentStep) {\n            li.classList.add('done');\n        } else if (step === currentStep) {\n            li.classList.add('active');\n        }\n        return li;\n    }\n\n    function createLine(step, currentStep) {\n        const li = document.createElement('li');\n        li.className = 'line';\n        if (step <= currentStep) {\n            li.classList.add('done');\n            li.innerHTML = '<hr>';\n        } else {\n            li.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"2\" viewBox=\"0 0 40 2\" fill=\"none\"><path d=\"M0 1L40 1\" stroke=\"#CCCCCC\" strokeWidth=\"2\" strokeDasharray=\"4 3\" \/><\/svg>';\n        }\n        return li;\n    }\n\n    \/\/ \u8a3a\u65ad\u7d50\u679c\u30bf\u30a4\u30d7\u3092\u5224\u5b9a\n    function diagnoseResultType() {\n        const answers = state.answers;\n        let scores = {\n            'uchi_deco': 0,      \/\/ \u3046\u3061\u30c7\u30b3\n            'soto_deco': 0,      \/\/ \u305d\u3068\u30c7\u30b3\n            'documentary': 0,    \/\/ \u3046\u3061\u30ca\u30c1\u30e5\n            'location': 0        \/\/ \u305d\u3068\u30ca\u30c1\u30e5\n        };\n\n        \/\/ \u3046\u3061\u30c7\u30b3\n        if (answers.atmosphereType === 'negative') scores.uchi_deco += 2; \/\/ \u304a\u90e8\u5c4b\n        if (answers.directionType === 'negative') scores.uchi_deco += 3; \/\/ \u88c5\u98fe\u3084\u98a8\u8239\n        if (answers.genreId === 'formal') scores.uchi_deco += 2; \/\/ \u30c9\u30ec\u30b9\u3084\u304a\u3081\u304b\u3057\u670d\n        if (answers.preparationType === 'decorate') scores.uchi_deco += 2; \/\/ \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u81ea\u5206\u3067\u3082\u7528\u610f\n        if (answers.imageType === 'polish') scores.uchi_deco += 1; \/\/ \u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u91cd\u8996\n\n        \/\/ \u305d\u3068\u30c7\u30b3\n        if (answers.atmosphereType === 'positive') scores.soto_deco += 2; \/\/ \u81ea\u7136\u306e\u4e2d\n        if (answers.directionType === 'negative') scores.soto_deco += 3; \/\/ \u88c5\u98fe\u3084\u98a8\u8239\n        if (answers.genreId === 'formal') scores.soto_deco += 2; \/\/ \u30c9\u30ec\u30b9\u3084\u304a\u3081\u304b\u3057\u670d\n        if (answers.preparationType === 'decorate') scores.soto_deco += 2; \/\/ \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u81ea\u5206\u3067\u3082\u7528\u610f\n        if (answers.imageType === 'polish') scores.soto_deco += 1; \/\/ \u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u91cd\u8996\n\n        \/\/ \u3046\u3061\u30ca\u30c1\u30e5\n        if (answers.atmosphereType === 'negative') scores.documentary += 2; \/\/ \u304a\u90e8\u5c4b\n        if (answers.directionType === 'positive') scores.documentary += 3; \/\/ \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n        if (answers.genreId === 'casual') scores.documentary += 2; \/\/ \u666e\u6bb5\u7740\n        if (answers.preparationType === 'natural') scores.documentary += 2; \/\/ \u81ea\u7136\u3055\u3092\u5927\u5207\n        if (answers.imageType === 'natural') scores.documentary += 2; \/\/ \u3044\u3064\u3082\u306e\u7b11\u9854\n\n        \/\/ \u305d\u3068\u30ca\u30c1\u30e5\n        if (answers.atmosphereType === 'positive') scores.location += 3; \/\/ \u81ea\u7136\u306e\u4e2d\n        if (answers.directionType === 'positive') scores.location += 2; \/\/ \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n        if (answers.genreId === 'casual') scores.location += 2; \/\/ \u666e\u6bb5\u7740\n        if (answers.preparationType === 'natural') scores.location += 2; \/\/ \u81ea\u7136\u3055\u3092\u5927\u5207\n        if (answers.imageType === 'natural') scores.location += 2; \/\/ \u3044\u3064\u3082\u306e\u7b11\u9854\n\n        \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\uff1a\u30b9\u30b3\u30a2\u3092\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u51fa\u529b\n        console.log('\u8a3a\u65ad\u30b9\u30b3\u30a2:', scores);\n        console.log('\u56de\u7b54:', answers);\n        \n        \/\/ \u6700\u3082\u30b9\u30b3\u30a2\u304c\u9ad8\u3044\u30bf\u30a4\u30d7\u3092\u8fd4\u3059\n        const maxScore = Math.max(...Object.values(scores));\n        \n        \/\/ \u540c\u70b9\u306e\u5834\u5408\u306e\u512a\u5148\u9806\u4f4d: \u305d\u3068\u30ca\u30c1\u30e5 > \u3046\u3061\u30ca\u30c1\u30e5 > \u305d\u3068\u30c7\u30b3 > \u3046\u3061\u30c7\u30b3\n        const priorityOrder = ['location', 'documentary', 'soto_deco', 'uchi_deco'];\n        \n        \/\/ \u512a\u5148\u9806\u4f4d\u306b\u5f93\u3063\u3066\u3001\u6700\u521d\u306b\u6700\u5927\u30b9\u30b3\u30a2\u306b\u9054\u3057\u305f\u30bf\u30a4\u30d7\u3092\u8fd4\u3059\n        for (const type of priorityOrder) {\n            if (scores[type] === maxScore) {\n                console.log('\u9078\u629e\u3055\u308c\u305f\u30bf\u30a4\u30d7:', type, '\u30b9\u30b3\u30a2:', scores[type]);\n                return type;\n            }\n        }\n        \n        \/\/ \u5ff5\u306e\u305f\u3081\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\uff08\u901a\u5e38\u306f\u5230\u9054\u3057\u306a\u3044\uff09\n        console.log('\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af: uchi_deco');\n        return 'uchi_deco';\n    }\n\n    \/\/ \u8a3a\u65ad\u958b\u59cb\n    function startDiagnose() {\n        \/\/ \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3078\n        nextSlide();\n        const backBtn = document.getElementById('backBtn');\n        if (backBtn) backBtn.style.display = 'none';\n\n        \/\/ \u30d7\u30ed\u30b0\u30ec\u30b9\u30d0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n        const progressBar = document.getElementById('progressBar');\n        if (progressBar) progressBar.style.width = '100%';\n\n        \/\/ \u8a3a\u65ad\u7d50\u679c\u30bf\u30a4\u30d7\u3092\u5224\u5b9a\n        state.resultType = diagnoseResultType();\n        state.diagnoseSuccess = true;\n\n        \/\/ \u7d50\u679c\u753b\u9762\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5148\u306b\u6e96\u5099\uff08\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u3082\u958b\u59cb\uff09\n        renderResult();\n\n        \/\/ 3\u79d2\u5f8c\u306b\u7d50\u679c\u753b\u9762\u3078\u8868\u793a\n        setTimeout(() => {\n            if (progressBar) progressBar.style.width = '0%';\n            nextSlide();\n            \/\/ \u7d50\u679c\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u305f\u5f8c\u306b\u7d19\u5439\u96ea\u3092\u751f\u6210\uff08\u30b9\u30e9\u30a4\u30c9\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u5f85\u3064\uff09\n            setTimeout(() => {\n                createConfetti();\n            }, 500);\n        }, 3000);\n    }\n\n    \/\/ \u7d19\u5439\u96ea\u3092\u751f\u6210\n    function createConfetti() {\n        \/\/ \u8907\u6570\u56de\u8a66\u884c\u3059\u308b\n        let attempts = 0;\n        const maxAttempts = 5;\n        \n        function tryCreate() {\n            attempts++;\n            const container = document.getElementById('confettiContainer');\n            \n            if (!container) {\n                console.log('confettiContainer not found, attempt', attempts);\n                if (attempts < maxAttempts) {\n                    setTimeout(tryCreate, 200);\n                }\n                return;\n            }\n            \n            \/\/ \u30b3\u30f3\u30c6\u30ca\u306e\u8868\u793a\u3092\u78ba\u8a8d\n            const containerStyle = window.getComputedStyle(container);\n            if (containerStyle.display === 'none' || containerStyle.visibility === 'hidden') {\n                console.log('confettiContainer is hidden, attempt', attempts);\n                if (attempts < maxAttempts) {\n                    setTimeout(tryCreate, 200);\n                }\n                return;\n            }\n            \n            \/\/ \u65e2\u5b58\u306e\u7d19\u5439\u96ea\u3092\u30af\u30ea\u30a2\n            container.innerHTML = '';\n            \n            const colors = ['#EC747F', '#FFB892', '#FFD23F', '#57BB89', '#4DA1D4', '#FF6B9D'];\n            \n            for (let i = 0; i < 80; i++) {\n                const confetti = document.createElement('div');\n                confetti.className = 'confetti';\n                \n                \/\/ \u8272\u4ed8\u304d\u306e\u7d19\u5439\u96ea\u306e\u307f\n                confetti.style.background = colors[Math.floor(Math.random() * colors.length)];\n                confetti.style.width = Math.random() * 8 + 6 + 'px';\n                confetti.style.height = confetti.style.width;\n                confetti.style.borderRadius = Math.random() > 0.5 ? '50%' : '0';\n                \n                confetti.style.left = Math.random() * 100 + '%';\n                confetti.style.animationDuration = Math.random() * 1.5 + 1 + 's';\n                confetti.style.animationDelay = Math.random() * 1 + 's';\n                \n                container.appendChild(confetti);\n                \n                \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7d42\u4e86\u5f8c\u306b\u524a\u9664\n                setTimeout(() => {\n                    if (confetti.parentNode) {\n                        confetti.remove();\n                    }\n                }, 3000);\n            }\n            \n            console.log('\u7d19\u5439\u96ea\u3092\u751f\u6210\u3057\u307e\u3057\u305f:', container.children.length, '\u500b');\n        }\n        \n        tryCreate();\n    }\n\n    \/\/ \u7d50\u679c\u8868\u793a\n    function renderResult() {\n        const container = document.getElementById('resultContent');\n        if (!container) return;\n        \/\/ \u7d50\u679c\u3092\u30af\u30ea\u30a2\u3057\u3066\u304b\u3089\u65b0\u3057\u3044\u7d50\u679c\u3092\u8868\u793a\n        container.innerHTML = '';\n\n        const resultTypes = {\n            'uchi_deco': {\n                title: '#01 \u601d\u308f\u305a\u30ad\u30e5\u30f3\u3068\u3059\u308b\uff01\u304a\u3046\u3061\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u83ef\u3084\u304b\u306b',\n                description: '\u304a\u3046\u3061\u3067\u98fe\u308a\u4ed8\u3051\u3057\u3066\u795d\u3046\u300c\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/7f2195d5-9308-4b2d-9b2a-0bc0714b9c70',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/01'\n            },\n            'soto_deco': {\n                title: '#02 \u304a\u6c17\u306b\u5165\u308a\u3068\u4e00\u7dd2\u306b \u3044\u3064\u3082\u306e\u516c\u5712',\n                description: '\u304a\u5916\u3067\u98fe\u308a\u4ed8\u3051\u3057\u3066\u795d\u3046\u300c\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/6f83b63a-e9c6-4dc5-9e4d-c7d1c3597f0e',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/02'\n            },\n            'documentary': {\n                title: '#03 \u307e\u308b\u3067\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc? \u611b\u3057\u3044\u6bce\u65e5\u3092\u6b8b\u3059',\n                description: '\u304a\u5bb6\u3067\u300c\u3044\u3064\u3082\u3069\u304a\u308a\u306e\u81ea\u7136\u4f53\u300d\u3092\u6b8b\u3059\u300c\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/ba2c9794-9992-45f9-9b6a-21a9bf847ad1',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/03'\n            },\n            'location': {\n                title: '#04 \u30ea\u30f3\u30af\u30b3\u30fc\u30c7\u3067\u304a\u3055\u3093\u307d\u30d5\u30a9\u30c8',\n                description: '\u304a\u3067\u304b\u3051\u306e\u6642\u9593\u3092\u305d\u306e\u307e\u307e\u5199\u771f\u306b\u6b8b\u305b\u308b\u300c\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/e612d6e1-e39d-4f0f-8ec9-074f39cdc5cd',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/04'\n            }\n        };\n\n        console.log('renderResult: state.resultType =', state.resultType);\n        const result = resultTypes[state.resultType] || resultTypes['uchi_deco'];\n        console.log('renderResult: \u8868\u793a\u3059\u308b\u7d50\u679c =', result.title);\n\n        \/\/ \u30ab\u30fc\u30c9\u5168\u4f53\u3092\u30ea\u30f3\u30af\u306b\u3059\u308b\n        const resultLink = document.createElement('a');\n        resultLink.href = result.url;\n        resultLink.target = '_blank';\n        resultLink.rel = 'noopener noreferrer';\n        resultLink.style.cssText = 'text-decoration: none; color: inherit; display: block; cursor: pointer;';\n\n        const resultCard = document.createElement('div');\n        resultCard.className = 'result-card';\n        resultCard.style.cssText = `\n            background-color: #fff;\n            border-radius: 8px;\n            padding: 24px;\n            margin-bottom: 24px;\n            margin-right: 0;\n            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            width: 100%;\n            box-sizing: border-box;\n        `;\n\n        \/\/ \u30db\u30d0\u30fc\u52b9\u679c\n        resultLink.addEventListener('mouseenter', function() {\n            resultCard.style.transform = 'translateY(-4px)';\n            resultCard.style.boxShadow = '0px 4px 12px rgba(0, 0, 0, 0.15)';\n        });\n        resultLink.addEventListener('mouseleave', function() {\n            resultCard.style.transform = 'translateY(0)';\n            resultCard.style.boxShadow = '0px 2px 8px rgba(0, 0, 0, 0.1)';\n        });\n\n        const imageDiv = document.createElement('div');\n        imageDiv.style.cssText = 'margin-bottom: 16px;';\n        const img = document.createElement('img');\n        img.src = result.image;\n        img.alt = result.title;\n        img.style.cssText = 'width: 100%; border-radius: 8px; display: block;';\n        img.onerror = function() {\n            console.error('\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f:', result.image);\n            this.style.display = 'none';\n        };\n        imageDiv.appendChild(img);\n        resultCard.appendChild(imageDiv);\n\n        const titleDiv = document.createElement('h2');\n        titleDiv.textContent = result.title;\n        titleDiv.style.cssText = 'font-size: 18px; font-weight: bold; color: #333; margin-bottom: 12px;';\n        resultCard.appendChild(titleDiv);\n\n        const descDiv = document.createElement('p');\n        descDiv.textContent = result.description;\n        descDiv.style.cssText = 'font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 16px;';\n        resultCard.appendChild(descDiv);\n\n        \/\/ \u30ab\u30fc\u30c9\u5185\u306b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\n        const cardButton = document.createElement('button');\n        cardButton.type = 'button';\n        cardButton.className = 'btn btn--secondary';\n        cardButton.textContent = '\u3053\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u898b\u308b';\n        cardButton.style.cssText = `\n            width: 100%;\n            padding: 12px 16px;\n            margin-top: 8px;\n            background-color: #BCA2D2;\n            color: #fff;\n            border: none;\n            border-radius: 5px;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n        `;\n        cardButton.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            window.open(result.url, '_blank', 'noopener,noreferrer');\n            return false;\n        });\n        cardButton.addEventListener('mouseenter', function() {\n            this.style.backgroundColor = '#a68bc0';\n            this.style.transform = 'translateY(-1px)';\n            this.style.boxShadow = '0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.2)';\n        });\n        cardButton.addEventListener('mouseleave', function() {\n            this.style.backgroundColor = '#BCA2D2';\n            this.style.transform = 'translateY(0)';\n            this.style.boxShadow = '0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16)';\n        });\n        resultCard.appendChild(cardButton);\n\n        resultLink.appendChild(resultCard);\n        container.appendChild(resultLink);\n    }\n\n    \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u8a2d\u5b9a\n    function setupEventListeners() {\n        \/\/ \u8cea\u554f1: \u304a\u5b50\u3055\u3093\u306f\n        document.querySelectorAll('.atmosphere-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.atmosphereType = e.target.dataset.atmosphere;\n                document.querySelectorAll('.atmosphere-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f2: \u65b9\u5411\u6027\n        document.querySelectorAll('.direction-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.directionType = e.target.dataset.direction;\n                document.querySelectorAll('.direction-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f3: \u8863\u88c5\u30fb\u30b3\u30fc\u30c7\n        document.querySelectorAll('.genre-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.genreId = e.target.dataset.genre;\n                document.querySelectorAll('.genre-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f4: \u64ae\u5f71\u306e\u6e96\u5099\u30b9\u30bf\u30a4\u30eb\n        document.querySelectorAll('.preparation-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.preparationType = e.target.dataset.preparation;\n                document.querySelectorAll('.preparation-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f5: \u5168\u4f53\u306e\u30a4\u30e1\u30fc\u30b8\n        document.querySelectorAll('.image-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.imageType = e.target.dataset.image;\n                document.querySelectorAll('.image-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => startDiagnose(), 300);\n            });\n        });\n\n        \/\/ \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u304b\u3089\u8a3a\u65ad\u958b\u59cb\n        const startBtn = document.getElementById('startDiagnoseBtn');\n        if (startBtn) {\n            startBtn.addEventListener('click', () => {\n                const coverPage = document.getElementById('coverPage');\n                const sliderWrapper = document.getElementById('sliderWrapper');\n                const backBtn = document.getElementById('backBtn');\n                if (coverPage) coverPage.style.display = 'none';\n                if (sliderWrapper) sliderWrapper.style.display = 'block';\n                if (backBtn) backBtn.style.display = 'block';\n                goToSlide(0);\n            });\n        }\n\n        \/\/ \u623b\u308b\u30dc\u30bf\u30f3\n        const backButton = document.getElementById('backButton');\n        if (backButton) {\n            backButton.addEventListener('click', () => {\n                if (state.currentSlide === 0) {\n                    \/\/ \u6700\u521d\u306e\u8cea\u554f\u304b\u3089\u623b\u308b\u5834\u5408\u306f\u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u306b\u623b\u308b\n                    const coverPage = document.getElementById('coverPage');\n                    const sliderWrapper = document.getElementById('sliderWrapper');\n                    const backBtn = document.getElementById('backBtn');\n                    if (coverPage) coverPage.style.display = 'flex';\n                    if (sliderWrapper) sliderWrapper.style.display = 'none';\n                    if (backBtn) backBtn.style.display = 'none';\n                    \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n                    state.currentSlide = 0;\n                    state.answers = {\n                        atmosphereType: null,\n                        directionType: null,\n                        genreId: null,\n                        preparationType: null,\n                        imageType: null\n                    };\n                    document.querySelectorAll('.activeBtn').forEach(btn => btn.classList.remove('activeBtn'));\n                } else {\n                    prevSlide();\n                }\n            });\n        }\n\n        \/\/ \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b\n        const restartBtn = document.getElementById('restartBtn');\n        if (restartBtn) {\n            restartBtn.addEventListener('click', () => {\n                \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n                state.currentSlide = 0;\n                state.answers = {\n                    atmosphereType: null,\n                    directionType: null,\n                    genreId: null,\n                    preparationType: null,\n                    imageType: null\n                };\n                state.photographerList = [];\n                state.diagnoseTotalCount = 0;\n                state.diagnoseSuccess = false;\n                state.resultType = null;\n\n                \/\/ UI\u30ea\u30bb\u30c3\u30c8\n                document.querySelectorAll('.activeBtn').forEach(btn => btn.classList.remove('activeBtn'));\n                const backBtn = document.getElementById('backBtn');\n                if (backBtn) backBtn.style.display = 'none';\n                const progressBar = document.getElementById('progressBar');\n                if (progressBar) progressBar.style.width = '0%';\n\n                \/\/ \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u306b\u623b\u308b\n                const coverPage = document.getElementById('coverPage');\n                const sliderWrapper = document.getElementById('sliderWrapper');\n                if (coverPage) coverPage.style.display = 'flex';\n                if (sliderWrapper) sliderWrapper.style.display = 'none';\n                if (sliderTrack) sliderTrack.style.transform = 'translateX(0%)';\n\n                const confettiContainer = document.getElementById('confettiContainer');\n                if (confettiContainer) confettiContainer.innerHTML = '';\n            });\n        }\n\n        \/\/ \u30bf\u30a4\u30c8\u30eb\u753b\u50cf\u306e\u9ad8\u3055\u3092\u53d6\u5f97\u3057\u3066\u3001\u305d\u306e\u4e0b\u306b24px\u306e\u4f59\u767d\u3092\u958b\u3051\u308b\n        const titleImage = document.querySelector('.cover-title-image img');\n        if (titleImage) {\n            function adjustCoverImagesPosition() {\n                const titleImageHeight = titleImage.offsetHeight;\n                const titleImageTop = 63; \/\/ cover-title-image\u306etop\u4f4d\u7f6e\n                const coverImages = document.querySelector('.cover-images');\n                if (coverImages && titleImageHeight > 0) {\n                    coverImages.style.top = `${titleImageTop + titleImageHeight + 24}px`;\n                }\n            }\n            \n            titleImage.addEventListener('load', adjustCoverImagesPosition);\n            \/\/ \u65e2\u306b\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u5834\u5408\n            if (titleImage.complete) {\n                adjustCoverImagesPosition();\n            }\n            \/\/ \u5ff5\u306e\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u8a08\u7b97\n            setTimeout(adjustCoverImagesPosition, 100);\n        }\n\n        \/\/ \u8cea\u554f\u3067\u623b\u308b\u30dc\u30bf\u30f3\u3092\u8868\u793a\n        document.querySelectorAll('.atmosphere-btn, .direction-btn, .genre-btn, .preparation-btn, .image-btn').forEach(btn => {\n            btn.addEventListener('click', () => {\n                if (state.currentSlide > 0) {\n                    const backBtn = document.getElementById('backBtn');\n                    if (backBtn) backBtn.style.display = 'block';\n                }\n            });\n        });\n    }\n\n    \/\/ \u30e2\u30fc\u30c0\u30eb\u5236\u5fa1\n    function openModal() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (!modalOverlay) {\n            console.error('modalOverlay not found');\n            return;\n        }\n        \n        modalOverlay.classList.add('active');\n        \/\/ \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3053\u3068\u3092body\u306b\u30de\u30fc\u30af\uff08\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306ez-index\u3092\u4e0b\u3052\u308b\u305f\u3081\uff09\n        document.body.classList.add('modal-open');\n        \/\/ body\u3078\u306e\u5f71\u97ff\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u305f\u3081\u3001\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u8981\u7d20\u306e\u307f\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\n        const diagnoseContainer = modalOverlay.querySelector('.diagnose-container');\n        if (diagnoseContainer) {\n            diagnoseContainer.style.overflow = 'hidden';\n        }\n        \n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\n        removeTocFromDiagnoseTool();\n        \n        \/\/ \u8a3a\u65ad\u3092\u30ea\u30bb\u30c3\u30c8\n        state.currentSlide = 0;\n        state.answers = {\n            atmosphereType: null,\n            directionType: null,\n            genreId: null,\n            preparationType: null,\n            imageType: null\n        };\n        state.resultType = null;\n        state.diagnoseSuccess = false;\n        \n        const coverPage = document.getElementById('coverPage');\n        const sliderWrapper = document.getElementById('sliderWrapper');\n        const backBtn = document.getElementById('backBtn');\n        if (coverPage) coverPage.style.display = 'flex';\n        if (sliderWrapper) sliderWrapper.style.display = 'none';\n        if (backBtn) backBtn.style.display = 'none';\n        if (sliderTrack) sliderTrack.style.transform = 'translateX(0%)';\n        \n        document.querySelectorAll('.options button').forEach(btn => {\n            btn.classList.remove('activeBtn');\n        });\n        \n        const confettiContainer = document.getElementById('confettiContainer');\n        if (confettiContainer) confettiContainer.innerHTML = '';\n        \n        \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n        setTimeout(removeTocFromDiagnoseTool, 100);\n        setTimeout(removeTocFromDiagnoseTool, 500);\n    }\n\n    function closeModal() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (modalOverlay) {\n            modalOverlay.classList.remove('active');\n            \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u30ea\u30bb\u30c3\u30c8\n            const diagnoseContainer = modalOverlay.querySelector('.diagnose-container');\n            if (diagnoseContainer) {\n                diagnoseContainer.style.overflow = '';\n            }\n        }\n        \/\/ body\u3078\u306e\u5f71\u97ff\u3092\u78ba\u5b9f\u306b\u30ea\u30bb\u30c3\u30c8\uff08\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306ez-index\u3092\u5143\u306b\u623b\u3059\u305f\u3081\uff09\n        document.body.classList.remove('modal-open');\n    }\n\n    \/\/ \u30e2\u30fc\u30c0\u30eb\u9589\u3058\u308b\u30dc\u30bf\u30f3\n    function setupModalListeners() {\n        const modalClose = document.getElementById('modalClose');\n        if (modalClose) {\n            modalClose.addEventListener('click', closeModal);\n        }\n\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (modalOverlay) {\n            modalOverlay.addEventListener('click', function(e) {\n                if (e.target === modalOverlay) {\n                    closeModal();\n                }\n            });\n        }\n    }\n\n    \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u958b\u304f\u30c8\u30ea\u30ac\u30fc\u30dc\u30bf\u30f3\u306e\u30a4\u30d9\u30f3\u30c8\u8a2d\u5b9a\uff08\u8907\u6570\u7b87\u6240\u306b\u5bfe\u5fdc\uff09\n    \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u304c\u91cd\u8907\u767b\u9332\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u3001\u4e00\u5ea6\u3060\u3051\u5b9f\u884c\u3055\u308c\u308b\u3088\u3046\u306b\u3059\u308b\n    let bannerListenerSetup = false;\n    function setupBannerListener() {\n        \/\/ \u65e2\u306b\u8a2d\u5b9a\u6e08\u307f\u306e\u5834\u5408\u306f\u30b9\u30ad\u30c3\u30d7\n        if (bannerListenerSetup) {\n            return;\n        }\n        bannerListenerSetup = true;\n        \n        \/\/ \u30a4\u30d9\u30f3\u30c8\u59d4\u8b72\u3092\u4f7f\u7528\u3057\u3066\u3001\u52d5\u7684\u306b\u8ffd\u52a0\u3055\u308c\u308b\u8981\u7d20\u306b\u3082\u5bfe\u5fdc\n        \/\/ document\u5168\u4f53\u3067\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u76e3\u8996\u3057\u3001.birthday-diagnose-trigger\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n        document.addEventListener('click', function(e) {\n            \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u8981\u7d20\u307e\u305f\u306f\u305d\u306e\u89aa\u8981\u7d20\u306b.birthday-diagnose-trigger\u30af\u30e9\u30b9\u304c\u3042\u308b\u304b\u78ba\u8a8d\n            const trigger = e.target.closest('.birthday-diagnose-trigger');\n            if (trigger) {\n                \/\/ \u30ea\u30f3\u30af\u306e\u5834\u5408\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u52d5\u4f5c\u3092\u9632\u6b62\n                if (e.target.tagName === 'A' || trigger.tagName === 'A') {\n                    e.preventDefault();\n                }\n                \/\/ ga-auto\u306a\u3069\u306e\u4ed6\u306e\u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u304c\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u3001stopPropagation\u306f\u4f7f\u308f\u306a\u3044\n                \/\/ \u3059\u3079\u3066\u306e.birthday-diagnose-trigger\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u304c\u52d5\u4f5c\u3059\u308b\n                openModal();\n            }\n        });\n    }\n\n    \/\/ \u30b0\u30ed\u30fc\u30d0\u30eb\u95a2\u6570\u3068\u3057\u3066\u516c\u958b\n    window.openBirthdayDiagnoseModal = openModal;\n\n    \/\/ DOMContentLoaded\u307e\u305f\u306f\u65e2\u306b\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u306e\u5834\u5408\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', function() {\n            init();\n            setupModalListeners();\n            setupBannerListener();\n            \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n            setTimeout(removeTocFromDiagnoseTool, 500);\n            setTimeout(removeTocFromDiagnoseTool, 1000);\n        });\n    } else {\n        init();\n        setupModalListeners();\n        setupBannerListener();\n        \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n        setTimeout(removeTocFromDiagnoseTool, 500);\n        setTimeout(removeTocFromDiagnoseTool, 1000);\n    }\n})();\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\">\u958b\u767a\u306e\u88cf\u5074\uff1a\u51fa\u5f35\u64ae\u5f71\u306f\u300c\u5b8c\u74a7\u300d\u3058\u3083\u306a\u304f\u3066\u3044\u3044<\/h3>\n\n\n\n<p>\u51fa\u5f35\u64ae\u5f71\u3068\u3044\u3046\u3068\u3001\u300c\u3061\u3083\u3093\u3068\u3057\u305f\u6e96\u5099\u304c\u5fc5\u8981\uff1f\u300d\u3068\u30cf\u30fc\u30c9\u30eb\u3092\u9ad8\u304f\u611f\u3058\u3066\u3057\u307e\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u3067\u3082\u3001\u5b9f\u969b\u306b\u306f\u3082\u3063\u3068\u81ea\u7531\u3067\u3001\u3054\u5bb6\u65cf\u3054\u3068\u306b\u3055\u307e\u3056\u307e\u306a\u5f62\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>\u3044\u3064\u3082\u306e\u30ea\u30d3\u30f3\u30b0\u3067<\/strong>\u3001\u304a\u6c17\u306b\u5165\u308a\u306e\u304a\u3082\u3061\u3083\u3068\u4e00\u7dd2\u306b<\/li><li><strong>\u8fd1\u6240\u306e\u516c\u5712\u3067<\/strong>\u3001\u306e\u3073\u306e\u3073\u904a\u3076\u59ff\u3092<\/li><li><strong>\u7279\u5225\u306a\u88c5\u98fe\u306f\u306a\u304f\u3066\u3082<\/strong>\u3001\u304b\u3051\u304c\u3048\u306e\u306a\u3044\u300c\u4eca\u300d\u3092\u305d\u306e\u307e\u307e\u306b<\/li><\/ul>\n\n\n\n<p>\u6b63\u89e3\u306f\u3072\u3068\u3064\u3067\u306f\u306a\u304f\u3001<strong>\u300c\u305d\u306e\u3054\u5bb6\u65cf\u306b\u5408\u3063\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u300d<\/strong>\u304c\u3044\u3061\u3070\u3093\u5927\u5207\u3002<\/p>\n\n\n\n<p>\u305f\u304f\u3055\u3093\u306e\u64ae\u5f71\u4e8b\u4f8b\u3092\u898b\u3066\u304d\u305f\u79c1\u305f\u3061\u3060\u304b\u3089\u3053\u305d\u3001\u305d\u306e\u3054\u5bb6\u65cf\u3089\u3057\u3044\u300c\u3061\u3087\u3046\u3069\u3044\u3044\u5f62\u300d\u3092\u63d0\u6848\u3057\u305f\u3044\u3068\u8003\u3048\u307e\u3057\u305f\u3002\ud83c\udf3f<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8a3a\u65ad\u3067\u308f\u304b\u308b\uff014\u3064\u306e\u64ae\u5f71\u30bf\u30a4\u30d7\u4f8b<\/h3>\n\n\n\n<p>\u7c21\u5358\u306a\u8cea\u554f\u306b\u7b54\u3048\u308b\u3060\u3051\u3067\u3001\u4eca\u306e\u3042\u306a\u305f\u306b\u3074\u3063\u305f\u308a\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<table class=\"wp-block-table\"><thead><tr><td><strong>\u30bf\u30a4\u30d7<\/strong><\/td><td><strong>\u7279\u5fb4<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>#01 \u304a\u3046\u3061\u3067\u98fe\u308a\u4ed8\u3051<\/strong><\/td><td>\u304a\u3046\u3061\u3092\u30b9\u30bf\u30b8\u30aa\u98a8\u306b\u98fe\u3063\u3066\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u7a7a\u9593\u3067\u7279\u5225\u611f\u3092\u6f14\u51fa\u2728<\/td><\/tr><tr><td><strong>#02 \u304a\u305d\u3068\u3067\u98fe\u308a\u4ed8\u3051<\/strong><\/td><td>\u958b\u653e\u7684\u306a\u516c\u5712\u3067\u3001\u30d4\u30af\u30cb\u30c3\u30af\u6c17\u5206\u3067\u83ef\u3084\u304b\u306b\uff01\u30d4\u30e5\u30a2\u306a\u5149\u304c\u5473\u65b9\u3057\u307e\u3059\u2600\ufe0f<\/td><\/tr><tr><td><strong>#03 \u304a\u3046\u3061\u3067\u81ea\u7136\u306b<\/strong><\/td><td>\u80cc\u4f38\u3073\u3057\u306a\u3044\u3001\u65e5\u5e38\u306e\u6e29\u304b\u3044\u77ac\u9593\u3092\u5b9d\u7269\u306b\u3002\u666e\u6bb5\u7740\u306e\u611b\u304a\u3057\u3055\u3092\u6b8b\u3057\u307e\u3059\ud83c\udfe0<\/td><\/tr><tr><td><strong>#04 \u304a\u3067\u304b\u3051\u5148\u3067\u81ea\u7136\u306b<\/strong><\/td><td>\u5bb6\u65cf\u3067\u304a\u3055\u3093\u307d\u3002\u304a\u5b50\u3055\u307e\u304c\u99c6\u3051\u56de\u308b\u8e8d\u52d5\u611f\u3042\u3075\u308c\u308b\u59ff\u3092\u305d\u306e\u307e\u307e\u306b\ud83c\udfc3\u200d\u2642\ufe0f<\/td><\/tr><\/tbody><\/table>\n\n\n\n<p>\u8a3a\u65ad\u7d50\u679c\u3067\u306f\u3001<strong>\u540c\u3058\u30bf\u30a4\u30d7\u306e\u5148\u8f29\u30de\u30de\u30fb\u30d1\u30d1\u306e\u30ea\u30a2\u30eb\u306a\u64ae\u5f71\u4e8b\u4f8b<\/strong>\u3082\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059\uff01<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1207\" height=\"764\" src=\"https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/5.png\" alt=\"\" class=\"wp-image-21429\" srcset=\"https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/5.png 1207w, https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/5-304x192.png 304w, https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/5-282x178.png 282w\" sizes=\"auto, (max-width: 1207px) 100vw, 1207px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5148\u8f29\u30de\u30de\u30fb\u30d1\u30d1\u306e\u30ea\u30a2\u30eb\u306a\u58f0<\/h3>\n\n\n\n<p>\u5b9f\u969b\u306bfotowa\u3067\u304a\u8a95\u751f\u65e5\u3092\u64ae\u5f71\u3055\u308c\u305f\u65b9\u304b\u3089\u306f\u3001\u3053\u3093\u306a\u611f\u60f3\u304c\u5c4a\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u300c\u5b50\u3069\u3082\u3092\u898b\u3064\u3081\u308b\u81ea\u5206\u306e\u9854\u3063\u3066\u3053\u3093\u306a\u98a8\u306a\u3093\u3060\u306a\u3001\u3068\u6e29\u304b\u3044\u6c17\u6301\u3061\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u300d<\/p><p>\u300c\u81ea\u5206\u305f\u3061\u3067\u306f\u7d76\u5bfe\u306b\u64ae\u308c\u306a\u3044\u5199\u771f\u304c\u305f\u304f\u3055\u3093\u30021\u6642\u9593\u3068\u306f\u601d\u3048\u306a\u3044\u307b\u3069\u5145\u5b9f\u3057\u3066\u3044\u307e\u3057\u305f\uff01\u300d<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u304a\u308f\u308a\u306b\uff1a\u308f\u304c\u5bb6\u3089\u3057\u30441\u65e5\u3092\u898b\u3064\u3051\u3088\u3046<\/h3>\n\n\n\n<p>\u304a\u8a95\u751f\u65e5\u306f\u3001\u5b8c\u74a7\u3058\u3083\u306a\u304f\u3066\u3044\u3044\u3002<\/p>\n\n\n\n<p>\u5c11\u3057\u8ff7\u3044\u306a\u304c\u3089\u3067\u3082\u3001\u305d\u306e\u6642\u9593\u3092\u5927\u5207\u306b\u601d\u3046\u6c17\u6301\u3061\u304c\u3042\u308c\u3070\u3001\u305d\u308c\u3060\u3051\u3067\u5341\u5206\u3060\u3068fotowa\u306f\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u300c\u304a\u8a95\u751f\u65e5\u306f\u307e\u3060\u5148\u300d\u3068\u3044\u3046\u65b9\u3082\u3001\u3053\u308c\u304b\u3089\u306e\u30a4\u30e1\u30fc\u30b8\u3065\u304f\u308a\u306e\u30d2\u30f3\u30c8\u3068\u3057\u3066\u3001\u305c\u3072\u4e00\u5ea6\u8a66\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/p>\n\n\n\n<!-- WordPress\u306e\u300cCustom HTML\u300d\u30d6\u30ed\u30c3\u30af\u306b\u8cbc\u308a\u4ed8\u3051\u308b\u5185\u5bb9 -->\n<!-- \u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\u30c4\u30fc\u30eb -->\n\n<!-- \u30d0\u30ca\u30fc\u753b\u50cf\uff08\u30af\u30ea\u30c3\u30af\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\uff09 -->\n<!-- \u3053\u306e\u753b\u50cf\u306f\u65e2\u5b58\u306eID\u3067\u52d5\u4f5c\u3057\u307e\u3059\u304c\u3001\u30af\u30e9\u30b9\u3082\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u8907\u6570\u7b87\u6240\u306b\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059 -->\n<!-- GA\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0: ga-auto\u30af\u30e9\u30b9\u3068data-ga-*\u5c5e\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u65e2\u5b58\u306eGA\u81ea\u52d5\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0\u306b\u5bfe\u5fdc -->\n<img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/aa47efb8-9b27-4dc6-8bf3-78ef18445a65\" alt=\"\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\" id=\"birthdayDiagnoseBanner\" class=\"birthday-diagnose-trigger ga-auto\" data-ga-cat=\"diagnose\" data-ga-act=\"open\" data-ga-label=\"birthday_diagnose_top\">\n\n<!-- \u30e2\u30fc\u30c0\u30eb\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 -->\n<div class=\"modal-overlay toc-exclude no-toc\" id=\"modalOverlay\">\n    <div class=\"modal-container\">\n        <button class=\"modal-close\" id=\"modalClose\"><\/button>\n        <div class=\"diagnose-container\">\n            <div class=\"backBtnContainer\" id=\"backBtn\" style=\"display: none;\">\n                <button type=\"button\" id=\"backButton\"><\/button>\n            <\/div>\n\n            <!-- \u30ab\u30d0\u30fc\u30da\u30fc\u30b8 -->\n            <div class=\"cover-page\" id=\"coverPage\">\n                <div class=\"cover-main\">\n                    <div class=\"cover-title-section\">\n                        <div class=\"cover-title-image\">\n                            <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/3d46875f-f129-4d08-abd4-514d37de5364\" alt=\"\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u30b9\u30bf\u30a4\u30eb\u8a3a\u65ad\">\n                        <\/div>\n                        <div class=\"cover-images\">\n                            <div class=\"cover-image-left\">\n                                <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/1e8533d6-945f-4ed2-b5ad-ba28bc0b6d38\" alt=\"\u8a95\u751f\u65e5\u5199\u771f1\">\n                            <\/div>\n                            <div class=\"cover-image-right\">\n                                <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/f25b3e88-eb32-4e8e-a20d-9fa0f38b96b0\" alt=\"\u8a95\u751f\u65e5\u5199\u771f2\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"cover-illustration\">\n                            <img decoding=\"async\" src=\"https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/eeb1ff8d-4019-4f4d-9d33-6629b702763d\" alt=\"\u30b1\u30fc\u30ad\u30a4\u30e9\u30b9\u30c8\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"cover-cta-button\" id=\"startDiagnoseBtn\">\u3042\u306a\u305f\u306b\u5408\u3046\u30b9\u30bf\u30a4\u30eb\u3092\u898b\u3064\u3051\u308b<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"slider-wrapper\" id=\"sliderWrapper\" style=\"display: none;\">\n                <div class=\"slider-track\" id=\"sliderTrack\">\n                    <!-- \u8cea\u554f1: \u304a\u5b50\u3055\u3093\u306f -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q1<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar1\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc76 \u304a\u5b50\u3055\u307e\u306f\u3069\u3061\u3089\u304c\u597d\u304d\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-atmosphere=\"positive\" class=\"atmosphere-btn\">\ud83c\udf3f \u304a\u5916\u3067\u904e\u3054\u3059\u6642\u9593\u304c\u597d\u304d<\/button>\n                                <button type=\"button\" data-atmosphere=\"negative\" class=\"atmosphere-btn\">\ud83c\udfe0 \u304a\u3046\u3061\u3067\u904e\u3054\u3059\u6642\u9593\u304c\u597d\u304d<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f2: \u65b9\u5411\u6027 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q2<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar2\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83c\udf89 \u3069\u3093\u306a\u96f0\u56f2\u6c17\u3067\u304a\u795d\u3044\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-direction=\"negative\" class=\"direction-btn\">\n                                    \ud83c\udf80 \u8a95\u751f\u65e5\u611f\u305f\u3063\u3077\u308a\u306e<br>\n                                    \u83ef\u3084\u304b\u306a\u96f0\u56f2\u6c17\n                                <\/button>\n                                <button type=\"button\" data-direction=\"positive\" class=\"direction-btn\">\n                                    \ud83c\udf38 \u5bb6\u65cf\u306e\u65e5\u5e38\u306e\u5ef6\u9577\u307f\u305f\u3044\u306a<br>\n                                    \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f3: \u8863\u88c5\u30fb\u30b3\u30fc\u30c7 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q3<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar3\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc55 \u3069\u3093\u306a\u670d\u3067\u304a\u795d\u3044\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-genre=\"formal\" class=\"genre-btn\">\n                                    \ud83d\udc57 \u305d\u306e\u65e5\u3060\u3051\u306e\u7279\u5225\u306a\u670d\n                                <\/button>\n                                <button type=\"button\" data-genre=\"casual\" class=\"genre-btn\">\n                                    \ud83d\udc56 \u7740\u6163\u308c\u305f\u3044\u3064\u3082\u306e\u670d\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f4: \u64ae\u5f71\u306e\u6e96\u5099\u30b9\u30bf\u30a4\u30eb -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q4<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar4\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83c\udf1f \u64ae\u5f71\u306e\u5c0f\u7269\u306f\u3069\u3046\u3057\u305f\u3044\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-preparation=\"decorate\" class=\"preparation-btn\">\n                                    \ud83c\udfa8 \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u7528\u610f\u3057\u305f\u3044\n                                <\/button>\n                                <button type=\"button\" data-preparation=\"natural\" class=\"preparation-btn\">\n                                    \u2728 \u5c0f\u7269\u3084\u88c5\u98fe\u306f\u306a\u304f\u3066\u3082\u3044\u3044\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8cea\u554f5: \u5168\u4f53\u306e\u30a4\u30e1\u30fc\u30b8 -->\n                    <div class=\"slide\">\n                        <div class=\"questionContainer\">\n                            <div class=\"stepBarContainer\">\n                                <h2 class=\"no-toc toc-exclude\">Q5<\/h2>\n                                <ul class=\"stepBar\" id=\"stepBar5\"><\/ul>\n                            <\/div>\n                            <h2 class=\"heading no-toc toc-exclude\">\ud83d\udc9d \u304a\u8a95\u751f\u65e5\u306e\u64ae\u5f71\u3067\u3001\u3042\u306a\u305f\u304c\u5927\u5207\u306b\u3057\u305f\u3044\u306e\u306f\uff1f<\/h2>\n                            <div class=\"options\">\n                                <button type=\"button\" data-image=\"polish\" class=\"image-btn\">\n                                    \ud83c\udf3c &#8220;\u305d\u306e\u65e5\u3060\u3051\u306e\u7279\u5225\u611f&#8221;\u3092\u5f62\u306b\u6b8b\u3057\u305f\u3044\n                                <\/button>\n                                <button type=\"button\" data-image=\"natural\" class=\"image-btn\">\n                                    \ud83c\udf40 &#8220;\u3044\u3064\u3082\u306e\u7b11\u9854&#8221;\u3092\u5f62\u306b\u6b8b\u3057\u305f\u3044\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762 -->\n                    <div class=\"slide\">\n                        <div class=\"loadingContainer\">\n                            <div class=\"progressBarContainer\">\n                                <div class=\"progressBarFiller\" id=\"progressBar\"><\/div>\n                            <\/div>\n                            <p>\u8a3a\u65ad\u4e2d&#8230;<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u7d50\u679c\u753b\u9762 -->\n                    <div class=\"slide\">\n                        <div class=\"resultContainer\" id=\"resultContainer\">\n                            <div class=\"confetti-container\" id=\"confettiContainer\"><\/div>\n                            <h1 class=\"no-toc toc-exclude\">\ud83c\udf89 \u8a3a\u65ad\u7d50\u679c \ud83c\udf89<\/h1>\n                            <p class=\"result-subtitle\">\u3042\u306a\u305f\u306b\u5408\u3046\u30b9\u30bf\u30a4\u30eb\u306f\u30fb\u30fb\u30fb<\/p>\n                            <div id=\"resultContent\"><\/div>\n                            <div class=\"restartBtnContainer\">\n                                <button type=\"button\" class=\"btn btn--primary\" id=\"restartBtn\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* WordPress\u306e\u30c7\u30d5\u30a9\u30eb\u30c8CSS\u3068\u306e\u7af6\u5408\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u305f\u3081\u306e\u30ea\u30bb\u30c3\u30c8\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u306eCSS\u306f\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u5b8c\u5168\u306b\u30b9\u30b3\u30fc\u30d7\u3059\u308b *\/\n\/* \u30d8\u30c3\u30c0\u30fc\uff08#header, .header\uff09\u306b\u306f\u4e00\u5207\u5f71\u97ff\u3057\u306a\u3044 *\/\n#modalOverlay *:not(#header):not(#header *):not(.header):not(.header *),\n.diagnose-container *:not(#header):not(#header *):not(.header):not(.header *) {\n    box-sizing: border-box;\n}\n\n\/* WordPress\u306e\u76ee\u6b21\u30d7\u30e9\u30b0\u30a4\u30f3\u304b\u3089\u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u9664\u5916\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay,\n#modalOverlay *,\n#modalOverlay .toc-exclude,\n#modalOverlay .no-toc,\n.diagnose-container,\n.diagnose-container *,\n.diagnose-container .toc-exclude,\n.diagnose-container .no-toc {\n    \/* \u76ee\u6b21\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3053\u306e\u8981\u7d20\u3092\u7121\u8996\u3059\u308b\u3088\u3046\u306b *\/\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u975e\u8868\u793a\u306b\u3059\u308b *\/\n#modalOverlay #toc_container,\n#modalOverlay .toc_container,\n.diagnose-container #toc_container,\n.diagnose-container .toc_container {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    z-index: 10000 !important; \/* \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u4e0b\u306b\u914d\u7f6e *\/\n}\n\n\/* \u30d0\u30ca\u30fc\u753b\u50cf *\/\n#birthdayDiagnoseBanner {\n    cursor: pointer;\n    width: 100%;\n    max-width: 375px;\n    height: auto;\n    display: block;\n    margin: 16px auto;\n    padding: 0 16px;\n    border: none;\n    background: none;\n    box-sizing: border-box;\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u958b\u304f\u30c8\u30ea\u30ac\u30fc\u30dc\u30bf\u30f3\uff08\u8907\u6570\u7b87\u6240\u306b\u914d\u7f6e\u53ef\u80fd\uff09 *\/\n.birthday-diagnose-trigger {\n    cursor: pointer;\n    display: inline-block;\n}\n\n\/* \u8a3a\u65ad\u30c4\u30fc\u30eb\u7528\u306e\u30b9\u30bf\u30a4\u30eb *\/\n.diagnose-container {\n    max-width: 375px;\n    margin: 0 auto;\n    min-height: 100vh;\n    position: relative;\n    overflow: hidden;\n    background: #FCF7F3;\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n\/* \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .cover-page,\n.diagnose-container .cover-page {\n    background: #FCF7F3;\n    min-height: 100vh;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n#modalOverlay .cover-main,\n.diagnose-container .cover-main {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 0;\n    gap: 0;\n}\n\n#modalOverlay .cover-title-section,\n.diagnose-container .cover-title-section {\n    text-align: center;\n    position: relative;\n    width: 100%;\n    max-width: 375px;\n    height: 535px;\n    margin: 0 auto;\n}\n\n#modalOverlay .cover-title-image,\n.diagnose-container .cover-title-image {\n    position: absolute;\n    top: 63px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80%;\n    max-width: 300px;\n    height: auto;\n    z-index: 1;\n}\n\n#modalOverlay .cover-title-image img,\n.diagnose-container .cover-title-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n#modalOverlay .cover-images,\n.diagnose-container .cover-images {\n    position: absolute;\n    top: 229px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    height: 250px;\n    width: 100%;\n    max-width: 375px;\n    margin: 0 auto;\n}\n\n#modalOverlay .cover-image-left,\n#modalOverlay .cover-image-right,\n.diagnose-container .cover-image-left,\n.diagnose-container .cover-image-right {\n    width: 188px;\n    height: 250px;\n    background-color: #d9d9d9;\n    border-radius: 0;\n    overflow: hidden;\n    position: relative;\n}\n\n#modalOverlay .cover-image-right,\n.diagnose-container .cover-image-right {\n    width: 187px;\n}\n\n#modalOverlay .cover-image-left img,\n#modalOverlay .cover-image-right img,\n.diagnose-container .cover-image-left img,\n.diagnose-container .cover-image-right img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n#modalOverlay .cover-illustration,\n.diagnose-container .cover-illustration {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 406px;\n    width: 108px;\n    height: 103px;\n    z-index: 10;\n}\n\n#modalOverlay .cover-illustration img,\n.diagnose-container .cover-illustration img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n}\n\n#modalOverlay .cover-cta-button,\n.diagnose-container .cover-cta-button {\n    background-color: #BCA2D2;\n    color: #fff;\n    padding: 12px 16px;\n    border-radius: 5px;\n    border: none;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n    transition: all 0.3s ease;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 510px;\n    width: calc(100% - 32px);\n    max-width: 343px;\n    z-index: 20;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#modalOverlay .cover-cta-button:hover,\n.diagnose-container .cover-cta-button:hover {\n    background-color: #a68bc0;\n    transform: translateX(-50%) translateY(-1px);\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.2);\n}\n\n#modalOverlay .cover-cta-button:active,\n.diagnose-container .cover-cta-button:active {\n    transform: translateX(-50%) translateY(0);\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n}\n\n\/* \u30b9\u30e9\u30a4\u30c0\u30fc\u30b3\u30f3\u30c6\u30ca *\/\n\/* \u30b9\u30e9\u30a4\u30c0\u30fc\u30b3\u30f3\u30c6\u30ca\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .slider-wrapper,\n.diagnose-container .slider-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    overflow: hidden;\n}\n\n#modalOverlay .slider-track,\n.diagnose-container .slider-track {\n    display: flex;\n    transition: transform 0.3s ease;\n    height: 100%;\n}\n\n#modalOverlay .slide,\n.diagnose-container .slide {\n    min-width: 100%;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n}\n\n\/* \u8cea\u554f\u30b3\u30f3\u30c6\u30ca\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .questionContainer,\n.diagnose-container .questionContainer {\n    box-sizing: border-box;\n    max-width: 375px;\n    min-height: 100vh;\n    margin: 0 auto;\n    padding: 40px 24px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    background-color: transparent;\n}\n\n\/* \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .stepBarContainer,\n.diagnose-container .stepBarContainer {\n    display: flex !important; \/* WordPress\u306eCSS\u3067\u4e0a\u66f8\u304d\u3055\u308c\u3066\u3082\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b *\/\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-start;\n    gap: 16px;\n    margin-bottom: 20px;\n    width: 100%;\n    box-sizing: border-box;\n    visibility: visible !important;\n}\n\n#modalOverlay .stepBarContainer h2,\n.diagnose-container .stepBarContainer h2 {\n    color: #EC747F;\n    font-size: 20px;\n    font-weight: bold;\n    letter-spacing: 2px;\n    margin: 0;\n    flex-shrink: 0;\n}\n\n#modalOverlay .stepBarContainer .stepBar,\n.diagnose-container .stepBarContainer .stepBar {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n}\n\n#modalOverlay .stepBar,\n.diagnose-container .stepBar {\n    display: flex;\n    place-items: center;\n    gap: 5px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n\/* \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\u30b3\u30f3\u30c6\u30ca\u306eh2\uff08Q1\u3001Q2\u306a\u3069\uff09\u306f\u8868\u793a\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .stepBarContainer h2,\n.diagnose-container .stepBarContainer h2 {\n    display: block !important;\n    color: #EC747F !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important;\n    margin: 0 !important;\n    flex-shrink: 0 !important;\n}\n\n#modalOverlay .stepBar li.line,\n.diagnose-container .stepBar li.line {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    width: 35px;\n    padding: 7px 0;\n    flex-shrink: 1;\n    background: none !important; \/* \u9ec4\u8272\u3044\u80cc\u666f\u3092\u6d88\u3059 *\/\n}\n\n#modalOverlay .stepBar li.line::marker,\n.diagnose-container .stepBar li.line::marker {\n    background: none !important; \/* \u9ec4\u8272\u3044\u80cc\u666f\u3092\u6d88\u3059 *\/\n    background-image: none !important;\n}\n\n#modalOverlay .stepBar li.line hr,\n.diagnose-container .stepBar li.line hr {\n    width: 35px;\n    height: 2px;\n    border: 0;\n    background-color: #CCCCCC;\n}\n\n#modalOverlay .stepBar li.line.done hr,\n.diagnose-container .stepBar li.line.done hr {\n    background-color: #EC747F;\n}\n\n#modalOverlay .stepBar li.badge,\n.diagnose-container .stepBar li.badge {\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background-color: #CCCCCC;\n    position: relative;\n    flex-shrink: 0;\n}\n\n#modalOverlay .stepBar li.badge.active,\n.diagnose-container .stepBar li.badge.active {\n    background-color: transparent;\n    border: 2px solid #EC747F;\n}\n\n#modalOverlay .stepBar li.badge.active::after,\n.diagnose-container .stepBar li.badge.active::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #EC747F;\n}\n\n#modalOverlay .stepBar li.badge.done,\n.diagnose-container .stepBar li.badge.done {\n    background-color: transparent;\n    border: none;\n}\n\n#modalOverlay .stepBar li.badge.done::after,\n.diagnose-container .stepBar li.badge.done::after {\n    content: '\u2713';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: #EC747F;\n    font-size: 12px;\n    font-weight: bold;\n}\n\n\/* \u898b\u51fa\u3057\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .heading,\n.diagnose-container .heading {\n    margin-top: 20px;\n    margin-bottom: 24px;\n    font-size: 22px;\n    text-align: left;\n    font-weight: bold;\n    letter-spacing: 2.2px;\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n\/* \u9078\u629e\u80a2\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .options,\n.diagnose-container .options {\n    display: flex;\n    gap: 16px;\n    flex-direction: column;\n    justify-content: center;\n}\n\n#modalOverlay .options button,\n.diagnose-container .options button {\n    padding: 16px 9px;\n    color: #333333;\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 150%;\n    border-radius: 5px;\n    background-color: #fff;\n    border: 1px solid #CCCCCC;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);\n    font-family: \"Yu Gothic\", \"YuGothic\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", sans-serif;\n}\n\n#modalOverlay .options button:hover,\n.diagnose-container .options button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);\n}\n\n#modalOverlay .options button.activeBtn,\n.diagnose-container .options button.activeBtn {\n    color: #fff;\n    background-color: #4DA1D4;\n    border-color: #4DA1D4;\n    box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n}\n\n#modalOverlay .direction-btn.activeBtn,\n.diagnose-container .direction-btn.activeBtn {\n    background-color: #4DA1D4;\n    border-color: #4DA1D4;\n}\n\n\/* \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .loadingContainer,\n.diagnose-container .loadingContainer {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 40px 24px;\n    background-color: transparent;\n}\n\n#modalOverlay .progressBarContainer,\n.diagnose-container .progressBarContainer {\n    width: 100%;\n    max-width: 300px;\n    height: 7px;\n    background-color: #ccc;\n    border-radius: 50px;\n    overflow: hidden;\n    margin-bottom: 24px;\n}\n\n#modalOverlay .progressBarFiller,\n.diagnose-container .progressBarFiller {\n    height: 100%;\n    background-color: #BCA2D2;\n    border-radius: inherit;\n    transition: width 3s ease-out;\n    width: 0%;\n}\n\n#modalOverlay .loadingContainer p,\n.diagnose-container .loadingContainer p {\n    font-size: 16px;\n    font-weight: bold;\n}\n\n\/* \u7d50\u679c\u753b\u9762\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .resultContainer,\n.diagnose-container .resultContainer {\n    padding: 20px 24px;\n    min-height: auto;\n    background-color: transparent;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n}\n\n#modalOverlay #resultContent,\n.diagnose-container #resultContent {\n    width: 100%;\n    box-sizing: border-box;\n    flex: 1;\n    min-height: 0;\n}\n\n\/* \u30d5\u30ea\u30c3\u30d7\u30ab\u30fc\u30c9\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .result-card-wrapper,\n.diagnose-container .result-card-wrapper {\n    perspective: 1000px;\n    margin-bottom: 24px;\n}\n\n#modalOverlay .result-card,\n.diagnose-container .result-card {\n    position: relative;\n    width: 100%;\n    transform-style: preserve-3d;\n    transition: transform 0.6s ease;\n}\n\n#modalOverlay .result-card.flipped,\n.diagnose-container .result-card.flipped {\n    transform: rotateY(180deg);\n}\n\n#modalOverlay .result-card-front,\n#modalOverlay .result-card-back,\n.diagnose-container .result-card-front,\n.diagnose-container .result-card-back {\n    position: relative;\n    width: 100%;\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n    background-color: #fff;\n    border-radius: 8px;\n    padding: 24px;\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.result-card-back {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: rotateY(180deg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 200px;\n}\n\n#modalOverlay .result-card-front,\n.diagnose-container .result-card-front {\n    transform: rotateY(0deg);\n}\n\n#modalOverlay .result-card-loading,\n.diagnose-container .result-card-loading {\n    text-align: center;\n    color: #999;\n}\n\n#modalOverlay .result-card-loading::after,\n.diagnose-container .result-card-loading::after {\n    content: '';\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    border: 4px solid #f3f3f3;\n    border-top: 4px solid #EC747F;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    vertical-align: middle;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* \u7d19\u5439\u96ea\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .confetti,\n.diagnose-container .confetti {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: #EC747F;\n    animation: fall linear infinite;\n    pointer-events: none;\n    opacity: 0;\n    top: -100px;\n}\n\n@keyframes fall {\n    0% {\n        transform: translateY(0) rotate(0deg);\n        opacity: 1;\n    }\n    100% {\n        transform: translateY(calc(100vh + 100px)) rotate(360deg);\n        opacity: 0;\n    }\n}\n\n#modalOverlay .confetti-container,\n.diagnose-container .confetti-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#modalOverlay .resultContainer h1,\n.diagnose-container .resultContainer h1 {\n    font-size: 22px;\n    font-weight: bold;\n    margin-bottom: 8px;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n#modalOverlay .result-subtitle,\n.diagnose-container .result-subtitle {\n    font-size: 14px;\n    color: #666;\n    text-align: center;\n    margin-bottom: 12px;\n    line-height: 1.5;\n    flex-shrink: 0;\n}\n\n#modalOverlay .subHeading,\n.diagnose-container .subHeading {\n    font-size: 18px;\n    text-align: center;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n\n#modalOverlay .noResultDescription,\n.diagnose-container .noResultDescription {\n    font-size: 16px;\n    text-align: center;\n    margin-bottom: 24px;\n    line-height: 1.6;\n}\n\n#modalOverlay .noResultSubHeading,\n.diagnose-container .noResultSubHeading {\n    font-size: 18px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n\n#modalOverlay .restartBtnContainer,\n.diagnose-container .restartBtnContainer {\n    text-align: center;\n    margin-top: 4px;\n    margin-bottom: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n\n#modalOverlay .btn,\n.diagnose-container .btn {\n    padding: 0;\n    font-size: 14px;\n    font-weight: bold;\n    border-radius: 5px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    line-height: 1;\n    min-height: 48px;\n    width: auto;\n}\n\n#modalOverlay .btn--primary,\n.diagnose-container .btn--primary {\n    background-color: #999;\n    color: #fff;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);\n    padding: 12px 24px;\n}\n\n#modalOverlay .btn--primary:hover,\n.diagnose-container .btn--primary:hover {\n    background-color: #888;\n    transform: translateY(-1px);\n    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);\n}\n\n#modalOverlay .btn--secondary,\n.diagnose-container .btn--secondary {\n    background-color: #f5f5f5;\n    color: #666;\n    border: 1px solid #ddd;\n    padding: 12px 16px;\n}\n\n#modalOverlay .btn--secondary:hover,\n.diagnose-container .btn--secondary:hover {\n    background-color: #eeeeee;\n    border-color: #ccc;\n}\n\n\/* \u623b\u308b\u30dc\u30bf\u30f3\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09 *\/\n#modalOverlay .backBtnContainer,\n.diagnose-container .backBtnContainer {\n    position: absolute;\n    bottom: 200px;\n    left: 20px;\n    z-index: 10001;\n}\n\n#modalOverlay .backBtnContainer button,\n.diagnose-container .backBtnContainer button {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background-color: rgba(128, 128, 128, 0.9);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);\n    transition: all 0.3s ease;\n    padding: 0;\n}\n\n#modalOverlay .backBtnContainer button:hover,\n.diagnose-container .backBtnContainer button:hover {\n    background-color: rgba(100, 100, 100, 1);\n    transform: scale(1.1);\n}\n\n#modalOverlay .backBtnContainer button::before,\n.diagnose-container .backBtnContainer button::before {\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    content: '\\f053';\n    font-size: 24px;\n    color: #FFFFFF;\n    line-height: 1;\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb *\/\n\/* \u30e2\u30fc\u30c0\u30eb\u304c\u9589\u3058\u3066\u3044\u308b\u3068\u304d\u306f display: none \u306a\u306e\u3067\u3001\u30d8\u30c3\u30c0\u30fc\u306b\u4e00\u5207\u5f71\u97ff\u3057\u306a\u3044 *\/\n.modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    z-index: 10000; \/* \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3068\u304d\u306f\u3001\u30d8\u30c3\u30c0\u30fc\uff08\u901a\u5e38z-index: 1000\u7a0b\u5ea6\uff09\u3088\u308a\u4e0a\u306b\u8868\u793a *\/\n    overflow-y: auto;\n    overflow-x: visible;\n    box-sizing: border-box;\n}\n\n.modal-overlay.active {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 20px;\n    padding-bottom: 20px;\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30ca\u306e\u4f59\u767d *\/\n@media (min-width: 768px) {\n    .modal-overlay.active {\n        padding-top: 60px;\n        padding-bottom: 60px;\n    }\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3068\u304d\u306f\u3001\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u3092\u30e2\u30fc\u30c0\u30eb\u306e\u4e0b\u306b\u914d\u7f6e *\/\n\/* JavaScript\u3067body\u306bmodal-open\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3059\u308b\u305f\u3081\u3001\u305d\u308c\u3092\u4f7f\u3063\u3066\u5236\u5fa1 *\/\nbody.modal-open #header,\nbody.modal-open .header,\nbody.modal-open #responsive-menu-button,\nbody.modal-open .responsive-menu-button {\n    z-index: 9999 !important; \/* \u30e2\u30fc\u30c0\u30eb\uff08z-index: 10000\uff09\u3088\u308a\u4e0b\u306b\u914d\u7f6e *\/\n    position: relative !important; \/* z-index\u3092\u6709\u52b9\u306b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981 *\/\n}\n\n.modal-container {\n    position: relative;\n    width: 100%;\n    max-width: 375px;\n    min-height: auto;\n    max-height: calc(100vh - 40px);\n    margin: 0 auto;\n    background: #FCF7F3;\n    overflow-y: auto;\n    border-radius: 8px;\n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30ca\u306e\u8abf\u6574 *\/\n@media (min-width: 768px) {\n    .modal-container {\n        min-height: calc(100vh - 120px);\n        max-height: calc(100vh - 120px);\n    }\n}\n\n.diagnose-container {\n    position: relative;\n}\n\n.modal-close {\n    position: fixed !important;\n    top: 12px !important;\n    right: 20px !important;\n    width: 48px !important;\n    height: 48px !important;\n    background-color: rgba(255, 255, 255, 1) !important;\n    border: 2px solid rgba(0, 0, 0, 0.1) !important;\n    border-radius: 50% !important;\n    cursor: pointer !important;\n    z-index: 10001 !important; \/* \u30e2\u30fc\u30c0\u30eb\uff08z-index: 10000\uff09\u3088\u308a\u4e0a\u306b\u8868\u793a *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 24px !important;\n    color: #333 !important;\n    font-weight: bold !important;\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3) !important;\n    transition: all 0.3s ease !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.modal-close:hover {\n    background-color: #fff !important;\n    transform: scale(1.15) !important;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4) !important;\n    border-color: rgba(0, 0, 0, 0.2) !important;\n}\n\n.modal-close::before {\n    content: '\u00d7';\n    font-size: 36px;\n    line-height: 1;\n    font-weight: bold;\n    display: block;\n    transform: translateY(-2px);\n}\n\n\/* PC\u30d3\u30e5\u30fc\u3067\u306e\u00d7\u30dc\u30bf\u30f3\u306e\u4f4d\u7f6e\u8abf\u6574 *\/\n@media (min-width: 768px) {\n    .modal-close {\n        position: fixed !important;\n        top: 60px !important;\n        left: calc(50% + 187.5px + 26px) !important;\n        right: auto !important;\n        width: 52px !important;\n        height: 52px !important;\n    }\n    \n    .modal-close::before {\n        font-size: 40px;\n        transform: translateY(-2px);\n    }\n}\n\n\/* \u975e\u8868\u793a *\/\n.hidden {\n    display: none !important;\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u72b6\u614b\u7ba1\u7406\n    const state = {\n        currentSlide: 0,\n        answers: {\n            atmosphereType: null,\n            directionType: null,\n            genreId: null,\n            preparationType: null,\n            imageType: null\n        },\n        genreList: [],\n        areaList: [],\n        photographerList: [],\n        diagnoseTotalCount: 0,\n        diagnoseSuccess: false,\n        resultType: null\n    };\n\n    let sliderTrack = null;\n    const totalSlides = 7; \/\/ \u8cea\u554f5 + \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 + \u7d50\u679c\n\n    \/\/ \u521d\u671f\u5316\u95a2\u6570\n    function init() {\n        sliderTrack = document.getElementById('sliderTrack');\n        if (!sliderTrack) {\n            console.error('sliderTrack not found');\n            return;\n        }\n\n        \/\/ body\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u30ea\u30bb\u30c3\u30c8\uff08\u30e2\u30fc\u30c0\u30eb\u304c\u9589\u3058\u3066\u3044\u308b\u3068\u304d\u306e\u72b6\u614b\u3092\u78ba\u5b9f\u306b\u4fdd\u8a3c\uff09\n        document.body.classList.remove('modal-open');\n        document.body.style.overflow = '';\n\n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\n        removeTocFromDiagnoseTool();\n\n        \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u8a2d\u5b9a\n        setupEventListeners();\n        \n        \/\/ \u521d\u671f\u5316\n        updateStepBars();\n    }\n\n    \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\u3059\u308b\u95a2\u6570\n    function removeTocFromDiagnoseTool() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (!modalOverlay) return;\n\n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u76ee\u6b21\u30b3\u30f3\u30c6\u30ca\u3092\u63a2\u3057\u3066\u524a\u9664\n        const tocContainers = modalOverlay.querySelectorAll('#toc_container, .toc_container');\n        tocContainers.forEach(toc => {\n            toc.remove();\n        });\n\n        \/\/ \u898b\u51fa\u3057\u304b\u3089\u81ea\u52d5\u8ffd\u52a0\u3055\u308c\u305fid\u5c5e\u6027\u3092\u524a\u9664\uff08\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u307f\uff09\n        const headings = modalOverlay.querySelectorAll('h1[id], h2[id], h3[id], h1 span[id], h2 span[id], h3 span[id]');\n        headings.forEach(heading => {\n            \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u898b\u51fa\u3057\u306e\u307fid\u3092\u524a\u9664\n            if (heading.closest('#modalOverlay')) {\n                heading.removeAttribute('id');\n            }\n        });\n\n        \/\/ \u898b\u51fa\u3057\u5185\u306espan\u30bf\u30b0\u304b\u3089\u3082id\u3092\u524a\u9664\n        const spansWithId = modalOverlay.querySelectorAll('h1 span[id], h2 span[id], h3 span[id]');\n        spansWithId.forEach(span => {\n            if (span.closest('#modalOverlay')) {\n                span.removeAttribute('id');\n            }\n        });\n    }\n\n    function goToSlide(index) {\n        if (!sliderTrack || index < 0 || index >= totalSlides) return;\n        state.currentSlide = index;\n        sliderTrack.style.transform = `translateX(-${index * 100}%)`;\n        updateStepBars();\n        updateBackButton();\n    }\n\n    function nextSlide() {\n        if (state.currentSlide < totalSlides - 1) {\n            goToSlide(state.currentSlide + 1);\n        }\n    }\n\n    function prevSlide() {\n        if (state.currentSlide > 0) {\n            goToSlide(state.currentSlide - 1);\n        }\n    }\n\n    function updateBackButton() {\n        const backBtn = document.getElementById('backBtn');\n        if (backBtn) {\n            if (state.currentSlide === 0 || state.currentSlide === totalSlides - 1) {\n                backBtn.style.display = 'none';\n            } else {\n                backBtn.style.display = 'block';\n            }\n        }\n    }\n\n    \/\/ \u30b9\u30c6\u30c3\u30d7\u30d0\u30fc\u66f4\u65b0\n    function updateStepBars() {\n        const currentStep = state.currentSlide + 1;\n        if (currentStep > 5) return; \/\/ \u8cea\u554f\u306f5\u3064\u307e\u3067\n\n        for (let i = 1; i <= 5; i++) {\n            const stepBar = document.getElementById(`stepBar${i}`);\n            if (!stepBar) continue;\n\n            stepBar.innerHTML = '';\n            for (let step = 1; step <= 5; step++) {\n                if (step === 1) {\n                    const badge = createBadge(step, currentStep);\n                    stepBar.appendChild(badge);\n                } else {\n                    const line = createLine(step, currentStep);\n                    stepBar.appendChild(line);\n                    const badge = createBadge(step, currentStep);\n                    stepBar.appendChild(badge);\n                }\n            }\n        }\n    }\n\n    function createBadge(step, currentStep) {\n        const li = document.createElement('li');\n        li.className = 'badge';\n        if (step < currentStep) {\n            li.classList.add('done');\n        } else if (step === currentStep) {\n            li.classList.add('active');\n        }\n        return li;\n    }\n\n    function createLine(step, currentStep) {\n        const li = document.createElement('li');\n        li.className = 'line';\n        if (step <= currentStep) {\n            li.classList.add('done');\n            li.innerHTML = '<hr>';\n        } else {\n            li.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"2\" viewBox=\"0 0 40 2\" fill=\"none\"><path d=\"M0 1L40 1\" stroke=\"#CCCCCC\" strokeWidth=\"2\" strokeDasharray=\"4 3\" \/><\/svg>';\n        }\n        return li;\n    }\n\n    \/\/ \u8a3a\u65ad\u7d50\u679c\u30bf\u30a4\u30d7\u3092\u5224\u5b9a\n    function diagnoseResultType() {\n        const answers = state.answers;\n        let scores = {\n            'uchi_deco': 0,      \/\/ \u3046\u3061\u30c7\u30b3\n            'soto_deco': 0,      \/\/ \u305d\u3068\u30c7\u30b3\n            'documentary': 0,    \/\/ \u3046\u3061\u30ca\u30c1\u30e5\n            'location': 0        \/\/ \u305d\u3068\u30ca\u30c1\u30e5\n        };\n\n        \/\/ \u3046\u3061\u30c7\u30b3\n        if (answers.atmosphereType === 'negative') scores.uchi_deco += 2; \/\/ \u304a\u90e8\u5c4b\n        if (answers.directionType === 'negative') scores.uchi_deco += 3; \/\/ \u88c5\u98fe\u3084\u98a8\u8239\n        if (answers.genreId === 'formal') scores.uchi_deco += 2; \/\/ \u30c9\u30ec\u30b9\u3084\u304a\u3081\u304b\u3057\u670d\n        if (answers.preparationType === 'decorate') scores.uchi_deco += 2; \/\/ \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u81ea\u5206\u3067\u3082\u7528\u610f\n        if (answers.imageType === 'polish') scores.uchi_deco += 1; \/\/ \u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u91cd\u8996\n\n        \/\/ \u305d\u3068\u30c7\u30b3\n        if (answers.atmosphereType === 'positive') scores.soto_deco += 2; \/\/ \u81ea\u7136\u306e\u4e2d\n        if (answers.directionType === 'negative') scores.soto_deco += 3; \/\/ \u88c5\u98fe\u3084\u98a8\u8239\n        if (answers.genreId === 'formal') scores.soto_deco += 2; \/\/ \u30c9\u30ec\u30b9\u3084\u304a\u3081\u304b\u3057\u670d\n        if (answers.preparationType === 'decorate') scores.soto_deco += 2; \/\/ \u5c0f\u7269\u3084\u88c5\u98fe\u3092\u81ea\u5206\u3067\u3082\u7528\u610f\n        if (answers.imageType === 'polish') scores.soto_deco += 1; \/\/ \u5199\u771f\u306e\u4ed5\u4e0a\u304c\u308a\u91cd\u8996\n\n        \/\/ \u3046\u3061\u30ca\u30c1\u30e5\n        if (answers.atmosphereType === 'negative') scores.documentary += 2; \/\/ \u304a\u90e8\u5c4b\n        if (answers.directionType === 'positive') scores.documentary += 3; \/\/ \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n        if (answers.genreId === 'casual') scores.documentary += 2; \/\/ \u666e\u6bb5\u7740\n        if (answers.preparationType === 'natural') scores.documentary += 2; \/\/ \u81ea\u7136\u3055\u3092\u5927\u5207\n        if (answers.imageType === 'natural') scores.documentary += 2; \/\/ \u3044\u3064\u3082\u306e\u7b11\u9854\n\n        \/\/ \u305d\u3068\u30ca\u30c1\u30e5\n        if (answers.atmosphereType === 'positive') scores.location += 3; \/\/ \u81ea\u7136\u306e\u4e2d\n        if (answers.directionType === 'positive') scores.location += 2; \/\/ \u81ea\u7136\u306a\u96f0\u56f2\u6c17\n        if (answers.genreId === 'casual') scores.location += 2; \/\/ \u666e\u6bb5\u7740\n        if (answers.preparationType === 'natural') scores.location += 2; \/\/ \u81ea\u7136\u3055\u3092\u5927\u5207\n        if (answers.imageType === 'natural') scores.location += 2; \/\/ \u3044\u3064\u3082\u306e\u7b11\u9854\n\n        \/\/ \u30c7\u30d0\u30c3\u30b0\u7528\uff1a\u30b9\u30b3\u30a2\u3092\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u51fa\u529b\n        console.log('\u8a3a\u65ad\u30b9\u30b3\u30a2:', scores);\n        console.log('\u56de\u7b54:', answers);\n        \n        \/\/ \u6700\u3082\u30b9\u30b3\u30a2\u304c\u9ad8\u3044\u30bf\u30a4\u30d7\u3092\u8fd4\u3059\n        const maxScore = Math.max(...Object.values(scores));\n        \n        \/\/ \u540c\u70b9\u306e\u5834\u5408\u306e\u512a\u5148\u9806\u4f4d: \u305d\u3068\u30ca\u30c1\u30e5 > \u3046\u3061\u30ca\u30c1\u30e5 > \u305d\u3068\u30c7\u30b3 > \u3046\u3061\u30c7\u30b3\n        const priorityOrder = ['location', 'documentary', 'soto_deco', 'uchi_deco'];\n        \n        \/\/ \u512a\u5148\u9806\u4f4d\u306b\u5f93\u3063\u3066\u3001\u6700\u521d\u306b\u6700\u5927\u30b9\u30b3\u30a2\u306b\u9054\u3057\u305f\u30bf\u30a4\u30d7\u3092\u8fd4\u3059\n        for (const type of priorityOrder) {\n            if (scores[type] === maxScore) {\n                console.log('\u9078\u629e\u3055\u308c\u305f\u30bf\u30a4\u30d7:', type, '\u30b9\u30b3\u30a2:', scores[type]);\n                return type;\n            }\n        }\n        \n        \/\/ \u5ff5\u306e\u305f\u3081\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\uff08\u901a\u5e38\u306f\u5230\u9054\u3057\u306a\u3044\uff09\n        console.log('\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af: uchi_deco');\n        return 'uchi_deco';\n    }\n\n    \/\/ \u8a3a\u65ad\u958b\u59cb\n    function startDiagnose() {\n        \/\/ \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3078\n        nextSlide();\n        const backBtn = document.getElementById('backBtn');\n        if (backBtn) backBtn.style.display = 'none';\n\n        \/\/ \u30d7\u30ed\u30b0\u30ec\u30b9\u30d0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n        const progressBar = document.getElementById('progressBar');\n        if (progressBar) progressBar.style.width = '100%';\n\n        \/\/ \u8a3a\u65ad\u7d50\u679c\u30bf\u30a4\u30d7\u3092\u5224\u5b9a\n        state.resultType = diagnoseResultType();\n        state.diagnoseSuccess = true;\n\n        \/\/ \u7d50\u679c\u753b\u9762\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5148\u306b\u6e96\u5099\uff08\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u3082\u958b\u59cb\uff09\n        renderResult();\n\n        \/\/ 3\u79d2\u5f8c\u306b\u7d50\u679c\u753b\u9762\u3078\u8868\u793a\n        setTimeout(() => {\n            if (progressBar) progressBar.style.width = '0%';\n            nextSlide();\n            \/\/ \u7d50\u679c\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u305f\u5f8c\u306b\u7d19\u5439\u96ea\u3092\u751f\u6210\uff08\u30b9\u30e9\u30a4\u30c9\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u5f85\u3064\uff09\n            setTimeout(() => {\n                createConfetti();\n            }, 500);\n        }, 3000);\n    }\n\n    \/\/ \u7d19\u5439\u96ea\u3092\u751f\u6210\n    function createConfetti() {\n        \/\/ \u8907\u6570\u56de\u8a66\u884c\u3059\u308b\n        let attempts = 0;\n        const maxAttempts = 5;\n        \n        function tryCreate() {\n            attempts++;\n            const container = document.getElementById('confettiContainer');\n            \n            if (!container) {\n                console.log('confettiContainer not found, attempt', attempts);\n                if (attempts < maxAttempts) {\n                    setTimeout(tryCreate, 200);\n                }\n                return;\n            }\n            \n            \/\/ \u30b3\u30f3\u30c6\u30ca\u306e\u8868\u793a\u3092\u78ba\u8a8d\n            const containerStyle = window.getComputedStyle(container);\n            if (containerStyle.display === 'none' || containerStyle.visibility === 'hidden') {\n                console.log('confettiContainer is hidden, attempt', attempts);\n                if (attempts < maxAttempts) {\n                    setTimeout(tryCreate, 200);\n                }\n                return;\n            }\n            \n            \/\/ \u65e2\u5b58\u306e\u7d19\u5439\u96ea\u3092\u30af\u30ea\u30a2\n            container.innerHTML = '';\n            \n            const colors = ['#EC747F', '#FFB892', '#FFD23F', '#57BB89', '#4DA1D4', '#FF6B9D'];\n            \n            for (let i = 0; i < 80; i++) {\n                const confetti = document.createElement('div');\n                confetti.className = 'confetti';\n                \n                \/\/ \u8272\u4ed8\u304d\u306e\u7d19\u5439\u96ea\u306e\u307f\n                confetti.style.background = colors[Math.floor(Math.random() * colors.length)];\n                confetti.style.width = Math.random() * 8 + 6 + 'px';\n                confetti.style.height = confetti.style.width;\n                confetti.style.borderRadius = Math.random() > 0.5 ? '50%' : '0';\n                \n                confetti.style.left = Math.random() * 100 + '%';\n                confetti.style.animationDuration = Math.random() * 1.5 + 1 + 's';\n                confetti.style.animationDelay = Math.random() * 1 + 's';\n                \n                container.appendChild(confetti);\n                \n                \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7d42\u4e86\u5f8c\u306b\u524a\u9664\n                setTimeout(() => {\n                    if (confetti.parentNode) {\n                        confetti.remove();\n                    }\n                }, 3000);\n            }\n            \n            console.log('\u7d19\u5439\u96ea\u3092\u751f\u6210\u3057\u307e\u3057\u305f:', container.children.length, '\u500b');\n        }\n        \n        tryCreate();\n    }\n\n    \/\/ \u7d50\u679c\u8868\u793a\n    function renderResult() {\n        const container = document.getElementById('resultContent');\n        if (!container) return;\n        \/\/ \u7d50\u679c\u3092\u30af\u30ea\u30a2\u3057\u3066\u304b\u3089\u65b0\u3057\u3044\u7d50\u679c\u3092\u8868\u793a\n        container.innerHTML = '';\n\n        const resultTypes = {\n            'uchi_deco': {\n                title: '#01 \u601d\u308f\u305a\u30ad\u30e5\u30f3\u3068\u3059\u308b\uff01\u304a\u3046\u3061\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u83ef\u3084\u304b\u306b',\n                description: '\u304a\u3046\u3061\u3067\u98fe\u308a\u4ed8\u3051\u3057\u3066\u795d\u3046\u300c\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/7f2195d5-9308-4b2d-9b2a-0bc0714b9c70',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/01'\n            },\n            'soto_deco': {\n                title: '#02 \u304a\u6c17\u306b\u5165\u308a\u3068\u4e00\u7dd2\u306b \u3044\u3064\u3082\u306e\u516c\u5712',\n                description: '\u304a\u5916\u3067\u98fe\u308a\u4ed8\u3051\u3057\u3066\u795d\u3046\u300c\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/6f83b63a-e9c6-4dc5-9e4d-c7d1c3597f0e',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/02'\n            },\n            'documentary': {\n                title: '#03 \u307e\u308b\u3067\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc? \u611b\u3057\u3044\u6bce\u65e5\u3092\u6b8b\u3059',\n                description: '\u304a\u5bb6\u3067\u300c\u3044\u3064\u3082\u3069\u304a\u308a\u306e\u81ea\u7136\u4f53\u300d\u3092\u6b8b\u3059\u300c\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/ba2c9794-9992-45f9-9b6a-21a9bf847ad1',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/03'\n            },\n            'location': {\n                title: '#04 \u30ea\u30f3\u30af\u30b3\u30fc\u30c7\u3067\u304a\u3055\u3093\u307d\u30d5\u30a9\u30c8',\n                description: '\u304a\u3067\u304b\u3051\u306e\u6642\u9593\u3092\u305d\u306e\u307e\u307e\u5199\u771f\u306b\u6b8b\u305b\u308b\u300c\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u300d\u63d0\u6848\u3057\u307e\u3059\uff01',\n                image: 'https:\/\/cdn-blocks.karte.io\/51c728cba3cd09939d8ef5847fa0f12c\/entity\/e612d6e1-e39d-4f0f-8ec9-074f39cdc5cd',\n                url: 'https:\/\/fotowa.com\/birthday\/about\/photoreport\/04'\n            }\n        };\n\n        console.log('renderResult: state.resultType =', state.resultType);\n        const result = resultTypes[state.resultType] || resultTypes['uchi_deco'];\n        console.log('renderResult: \u8868\u793a\u3059\u308b\u7d50\u679c =', result.title);\n\n        \/\/ \u30ab\u30fc\u30c9\u5168\u4f53\u3092\u30ea\u30f3\u30af\u306b\u3059\u308b\n        const resultLink = document.createElement('a');\n        resultLink.href = result.url;\n        resultLink.target = '_blank';\n        resultLink.rel = 'noopener noreferrer';\n        resultLink.style.cssText = 'text-decoration: none; color: inherit; display: block; cursor: pointer;';\n\n        const resultCard = document.createElement('div');\n        resultCard.className = 'result-card';\n        resultCard.style.cssText = `\n            background-color: #fff;\n            border-radius: 8px;\n            padding: 24px;\n            margin-bottom: 24px;\n            margin-right: 0;\n            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            width: 100%;\n            box-sizing: border-box;\n        `;\n\n        \/\/ \u30db\u30d0\u30fc\u52b9\u679c\n        resultLink.addEventListener('mouseenter', function() {\n            resultCard.style.transform = 'translateY(-4px)';\n            resultCard.style.boxShadow = '0px 4px 12px rgba(0, 0, 0, 0.15)';\n        });\n        resultLink.addEventListener('mouseleave', function() {\n            resultCard.style.transform = 'translateY(0)';\n            resultCard.style.boxShadow = '0px 2px 8px rgba(0, 0, 0, 0.1)';\n        });\n\n        const imageDiv = document.createElement('div');\n        imageDiv.style.cssText = 'margin-bottom: 16px;';\n        const img = document.createElement('img');\n        img.src = result.image;\n        img.alt = result.title;\n        img.style.cssText = 'width: 100%; border-radius: 8px; display: block;';\n        img.onerror = function() {\n            console.error('\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f:', result.image);\n            this.style.display = 'none';\n        };\n        imageDiv.appendChild(img);\n        resultCard.appendChild(imageDiv);\n\n        const titleDiv = document.createElement('h2');\n        titleDiv.textContent = result.title;\n        titleDiv.style.cssText = 'font-size: 18px; font-weight: bold; color: #333; margin-bottom: 12px;';\n        resultCard.appendChild(titleDiv);\n\n        const descDiv = document.createElement('p');\n        descDiv.textContent = result.description;\n        descDiv.style.cssText = 'font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 16px;';\n        resultCard.appendChild(descDiv);\n\n        \/\/ \u30ab\u30fc\u30c9\u5185\u306b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\n        const cardButton = document.createElement('button');\n        cardButton.type = 'button';\n        cardButton.className = 'btn btn--secondary';\n        cardButton.textContent = '\u3053\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u898b\u308b';\n        cardButton.style.cssText = `\n            width: 100%;\n            padding: 12px 16px;\n            margin-top: 8px;\n            background-color: #BCA2D2;\n            color: #fff;\n            border: none;\n            border-radius: 5px;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);\n        `;\n        cardButton.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            window.open(result.url, '_blank', 'noopener,noreferrer');\n            return false;\n        });\n        cardButton.addEventListener('mouseenter', function() {\n            this.style.backgroundColor = '#a68bc0';\n            this.style.transform = 'translateY(-1px)';\n            this.style.boxShadow = '0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.2)';\n        });\n        cardButton.addEventListener('mouseleave', function() {\n            this.style.backgroundColor = '#BCA2D2';\n            this.style.transform = 'translateY(0)';\n            this.style.boxShadow = '0px -3px 0px 0px inset rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.16)';\n        });\n        resultCard.appendChild(cardButton);\n\n        resultLink.appendChild(resultCard);\n        container.appendChild(resultLink);\n    }\n\n    \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u8a2d\u5b9a\n    function setupEventListeners() {\n        \/\/ \u8cea\u554f1: \u304a\u5b50\u3055\u3093\u306f\n        document.querySelectorAll('.atmosphere-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.atmosphereType = e.target.dataset.atmosphere;\n                document.querySelectorAll('.atmosphere-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f2: \u65b9\u5411\u6027\n        document.querySelectorAll('.direction-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.directionType = e.target.dataset.direction;\n                document.querySelectorAll('.direction-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f3: \u8863\u88c5\u30fb\u30b3\u30fc\u30c7\n        document.querySelectorAll('.genre-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.genreId = e.target.dataset.genre;\n                document.querySelectorAll('.genre-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f4: \u64ae\u5f71\u306e\u6e96\u5099\u30b9\u30bf\u30a4\u30eb\n        document.querySelectorAll('.preparation-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.preparationType = e.target.dataset.preparation;\n                document.querySelectorAll('.preparation-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => nextSlide(), 300);\n            });\n        });\n\n        \/\/ \u8cea\u554f5: \u5168\u4f53\u306e\u30a4\u30e1\u30fc\u30b8\n        document.querySelectorAll('.image-btn').forEach(btn => {\n            btn.addEventListener('click', (e) => {\n                state.answers.imageType = e.target.dataset.image;\n                document.querySelectorAll('.image-btn').forEach(b => b.classList.remove('activeBtn'));\n                e.target.classList.add('activeBtn');\n                setTimeout(() => startDiagnose(), 300);\n            });\n        });\n\n        \/\/ \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u304b\u3089\u8a3a\u65ad\u958b\u59cb\n        const startBtn = document.getElementById('startDiagnoseBtn');\n        if (startBtn) {\n            startBtn.addEventListener('click', () => {\n                const coverPage = document.getElementById('coverPage');\n                const sliderWrapper = document.getElementById('sliderWrapper');\n                const backBtn = document.getElementById('backBtn');\n                if (coverPage) coverPage.style.display = 'none';\n                if (sliderWrapper) sliderWrapper.style.display = 'block';\n                if (backBtn) backBtn.style.display = 'block';\n                goToSlide(0);\n            });\n        }\n\n        \/\/ \u623b\u308b\u30dc\u30bf\u30f3\n        const backButton = document.getElementById('backButton');\n        if (backButton) {\n            backButton.addEventListener('click', () => {\n                if (state.currentSlide === 0) {\n                    \/\/ \u6700\u521d\u306e\u8cea\u554f\u304b\u3089\u623b\u308b\u5834\u5408\u306f\u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u306b\u623b\u308b\n                    const coverPage = document.getElementById('coverPage');\n                    const sliderWrapper = document.getElementById('sliderWrapper');\n                    const backBtn = document.getElementById('backBtn');\n                    if (coverPage) coverPage.style.display = 'flex';\n                    if (sliderWrapper) sliderWrapper.style.display = 'none';\n                    if (backBtn) backBtn.style.display = 'none';\n                    \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n                    state.currentSlide = 0;\n                    state.answers = {\n                        atmosphereType: null,\n                        directionType: null,\n                        genreId: null,\n                        preparationType: null,\n                        imageType: null\n                    };\n                    document.querySelectorAll('.activeBtn').forEach(btn => btn.classList.remove('activeBtn'));\n                } else {\n                    prevSlide();\n                }\n            });\n        }\n\n        \/\/ \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b\n        const restartBtn = document.getElementById('restartBtn');\n        if (restartBtn) {\n            restartBtn.addEventListener('click', () => {\n                \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\n                state.currentSlide = 0;\n                state.answers = {\n                    atmosphereType: null,\n                    directionType: null,\n                    genreId: null,\n                    preparationType: null,\n                    imageType: null\n                };\n                state.photographerList = [];\n                state.diagnoseTotalCount = 0;\n                state.diagnoseSuccess = false;\n                state.resultType = null;\n\n                \/\/ UI\u30ea\u30bb\u30c3\u30c8\n                document.querySelectorAll('.activeBtn').forEach(btn => btn.classList.remove('activeBtn'));\n                const backBtn = document.getElementById('backBtn');\n                if (backBtn) backBtn.style.display = 'none';\n                const progressBar = document.getElementById('progressBar');\n                if (progressBar) progressBar.style.width = '0%';\n\n                \/\/ \u30ab\u30d0\u30fc\u30da\u30fc\u30b8\u306b\u623b\u308b\n                const coverPage = document.getElementById('coverPage');\n                const sliderWrapper = document.getElementById('sliderWrapper');\n                if (coverPage) coverPage.style.display = 'flex';\n                if (sliderWrapper) sliderWrapper.style.display = 'none';\n                if (sliderTrack) sliderTrack.style.transform = 'translateX(0%)';\n\n                const confettiContainer = document.getElementById('confettiContainer');\n                if (confettiContainer) confettiContainer.innerHTML = '';\n            });\n        }\n\n        \/\/ \u30bf\u30a4\u30c8\u30eb\u753b\u50cf\u306e\u9ad8\u3055\u3092\u53d6\u5f97\u3057\u3066\u3001\u305d\u306e\u4e0b\u306b24px\u306e\u4f59\u767d\u3092\u958b\u3051\u308b\n        const titleImage = document.querySelector('.cover-title-image img');\n        if (titleImage) {\n            function adjustCoverImagesPosition() {\n                const titleImageHeight = titleImage.offsetHeight;\n                const titleImageTop = 63; \/\/ cover-title-image\u306etop\u4f4d\u7f6e\n                const coverImages = document.querySelector('.cover-images');\n                if (coverImages && titleImageHeight > 0) {\n                    coverImages.style.top = `${titleImageTop + titleImageHeight + 24}px`;\n                }\n            }\n            \n            titleImage.addEventListener('load', adjustCoverImagesPosition);\n            \/\/ \u65e2\u306b\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u5834\u5408\n            if (titleImage.complete) {\n                adjustCoverImagesPosition();\n            }\n            \/\/ \u5ff5\u306e\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u8a08\u7b97\n            setTimeout(adjustCoverImagesPosition, 100);\n        }\n\n        \/\/ \u8cea\u554f\u3067\u623b\u308b\u30dc\u30bf\u30f3\u3092\u8868\u793a\n        document.querySelectorAll('.atmosphere-btn, .direction-btn, .genre-btn, .preparation-btn, .image-btn').forEach(btn => {\n            btn.addEventListener('click', () => {\n                if (state.currentSlide > 0) {\n                    const backBtn = document.getElementById('backBtn');\n                    if (backBtn) backBtn.style.display = 'block';\n                }\n            });\n        });\n    }\n\n    \/\/ \u30e2\u30fc\u30c0\u30eb\u5236\u5fa1\n    function openModal() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (!modalOverlay) {\n            console.error('modalOverlay not found');\n            return;\n        }\n        \n        modalOverlay.classList.add('active');\n        \/\/ \u30e2\u30fc\u30c0\u30eb\u304c\u958b\u3044\u3066\u3044\u308b\u3053\u3068\u3092body\u306b\u30de\u30fc\u30af\uff08\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306ez-index\u3092\u4e0b\u3052\u308b\u305f\u3081\uff09\n        document.body.classList.add('modal-open');\n        \/\/ body\u3078\u306e\u5f71\u97ff\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u305f\u3081\u3001\u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u8981\u7d20\u306e\u307f\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\n        const diagnoseContainer = modalOverlay.querySelector('.diagnose-container');\n        if (diagnoseContainer) {\n            diagnoseContainer.style.overflow = 'hidden';\n        }\n        \n        \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306b\u633f\u5165\u3055\u308c\u305f\u76ee\u6b21\u3092\u524a\u9664\n        removeTocFromDiagnoseTool();\n        \n        \/\/ \u8a3a\u65ad\u3092\u30ea\u30bb\u30c3\u30c8\n        state.currentSlide = 0;\n        state.answers = {\n            atmosphereType: null,\n            directionType: null,\n            genreId: null,\n            preparationType: null,\n            imageType: null\n        };\n        state.resultType = null;\n        state.diagnoseSuccess = false;\n        \n        const coverPage = document.getElementById('coverPage');\n        const sliderWrapper = document.getElementById('sliderWrapper');\n        const backBtn = document.getElementById('backBtn');\n        if (coverPage) coverPage.style.display = 'flex';\n        if (sliderWrapper) sliderWrapper.style.display = 'none';\n        if (backBtn) backBtn.style.display = 'none';\n        if (sliderTrack) sliderTrack.style.transform = 'translateX(0%)';\n        \n        document.querySelectorAll('.options button').forEach(btn => {\n            btn.classList.remove('activeBtn');\n        });\n        \n        const confettiContainer = document.getElementById('confettiContainer');\n        if (confettiContainer) confettiContainer.innerHTML = '';\n        \n        \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n        setTimeout(removeTocFromDiagnoseTool, 100);\n        setTimeout(removeTocFromDiagnoseTool, 500);\n    }\n\n    function closeModal() {\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (modalOverlay) {\n            modalOverlay.classList.remove('active');\n            \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u5185\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u30ea\u30bb\u30c3\u30c8\n            const diagnoseContainer = modalOverlay.querySelector('.diagnose-container');\n            if (diagnoseContainer) {\n                diagnoseContainer.style.overflow = '';\n            }\n        }\n        \/\/ body\u3078\u306e\u5f71\u97ff\u3092\u78ba\u5b9f\u306b\u30ea\u30bb\u30c3\u30c8\uff08\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306ez-index\u3092\u5143\u306b\u623b\u3059\u305f\u3081\uff09\n        document.body.classList.remove('modal-open');\n    }\n\n    \/\/ \u30e2\u30fc\u30c0\u30eb\u9589\u3058\u308b\u30dc\u30bf\u30f3\n    function setupModalListeners() {\n        const modalClose = document.getElementById('modalClose');\n        if (modalClose) {\n            modalClose.addEventListener('click', closeModal);\n        }\n\n        const modalOverlay = document.getElementById('modalOverlay');\n        if (modalOverlay) {\n            modalOverlay.addEventListener('click', function(e) {\n                if (e.target === modalOverlay) {\n                    closeModal();\n                }\n            });\n        }\n    }\n\n    \/\/ \u8a3a\u65ad\u30c4\u30fc\u30eb\u3092\u958b\u304f\u30c8\u30ea\u30ac\u30fc\u30dc\u30bf\u30f3\u306e\u30a4\u30d9\u30f3\u30c8\u8a2d\u5b9a\uff08\u8907\u6570\u7b87\u6240\u306b\u5bfe\u5fdc\uff09\n    \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u304c\u91cd\u8907\u767b\u9332\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u3001\u4e00\u5ea6\u3060\u3051\u5b9f\u884c\u3055\u308c\u308b\u3088\u3046\u306b\u3059\u308b\n    let bannerListenerSetup = false;\n    function setupBannerListener() {\n        \/\/ \u65e2\u306b\u8a2d\u5b9a\u6e08\u307f\u306e\u5834\u5408\u306f\u30b9\u30ad\u30c3\u30d7\n        if (bannerListenerSetup) {\n            return;\n        }\n        bannerListenerSetup = true;\n        \n        \/\/ \u30a4\u30d9\u30f3\u30c8\u59d4\u8b72\u3092\u4f7f\u7528\u3057\u3066\u3001\u52d5\u7684\u306b\u8ffd\u52a0\u3055\u308c\u308b\u8981\u7d20\u306b\u3082\u5bfe\u5fdc\n        \/\/ document\u5168\u4f53\u3067\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u76e3\u8996\u3057\u3001.birthday-diagnose-trigger\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n        document.addEventListener('click', function(e) {\n            \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u8981\u7d20\u307e\u305f\u306f\u305d\u306e\u89aa\u8981\u7d20\u306b.birthday-diagnose-trigger\u30af\u30e9\u30b9\u304c\u3042\u308b\u304b\u78ba\u8a8d\n            const trigger = e.target.closest('.birthday-diagnose-trigger');\n            if (trigger) {\n                \/\/ \u30ea\u30f3\u30af\u306e\u5834\u5408\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u52d5\u4f5c\u3092\u9632\u6b62\n                if (e.target.tagName === 'A' || trigger.tagName === 'A') {\n                    e.preventDefault();\n                }\n                \/\/ ga-auto\u306a\u3069\u306e\u4ed6\u306e\u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u304c\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u3001stopPropagation\u306f\u4f7f\u308f\u306a\u3044\n                \/\/ \u3059\u3079\u3066\u306e.birthday-diagnose-trigger\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u304c\u52d5\u4f5c\u3059\u308b\n                openModal();\n            }\n        });\n    }\n\n    \/\/ \u30b0\u30ed\u30fc\u30d0\u30eb\u95a2\u6570\u3068\u3057\u3066\u516c\u958b\n    window.openBirthdayDiagnoseModal = openModal;\n\n    \/\/ DOMContentLoaded\u307e\u305f\u306f\u65e2\u306b\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u306e\u5834\u5408\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', function() {\n            init();\n            setupModalListeners();\n            setupBannerListener();\n            \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n            setTimeout(removeTocFromDiagnoseTool, 500);\n            setTimeout(removeTocFromDiagnoseTool, 1000);\n        });\n    } else {\n        init();\n        setupModalListeners();\n        setupBannerListener();\n        \/\/ \u76ee\u6b21\u304c\u5f8c\u304b\u3089\u633f\u5165\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u5c11\u3057\u9045\u5ef6\u3057\u3066\u518d\u5ea6\u524a\u9664\n        setTimeout(removeTocFromDiagnoseTool, 500);\n        setTimeout(removeTocFromDiagnoseTool, 1000);\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u300c\u4eca\u5e74\u306f\u3069\u3046\u304a\u795d\u3044\u3057\u3088\u3046\uff1f\u300d\u300c\u3069\u3053\u3067\u64ae\u308b\u306e\u304c\u6b63\u89e3\uff1f\u300d\u3068\u3001\u6570\u30f6\u6708\u524d\u304b\u3089\u60a9\u307f\u59cb\u3081\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3082\u591a\u3044\u306f\u305a\u3002  [&hellip;]<\/p>\n","protected":false},"author":44,"featured_media":21360,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-21350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-birthday"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Funmily\u62c5\u5f53\u30b9\u30bf\u30c3\u30d5K\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"ja_JP\" \/>\n\t\t<meta property=\"og:site_name\" content=\"FUNmily by fotowa - \u5bb6\u65cf\u306e\u8a18\u5ff5\u65e5\u3084\u5bb6\u65cf\u5199\u771f\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b\uff01\u4e03\u4e94\u4e09\u306a\u3069\u5e74\u4e2d\u884c\u4e8b\u306e\u7591\u554f\u3092\u89e3\u6c7a\u3059\u308b\u8a18\u4e8b\u304b\u3089\u3001\u5199\u771f\u306e\u6d3b\u7528\u8853\u307e\u3067\u69d8\u3005\u306a\u5f79\u7acb\u3061\u60c5\u5831\u3092\u914d\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa\" \/>\n\t\t<meta property=\"og:description\" content=\"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-23T01:25:32+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-12-26T01:00:11+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#blogposting\",\"name\":\"\\u300c\\u304a\\u8a95\\u751f\\u65e5\\u3001\\u3069\\u3046\\u6b8b\\u3059\\uff1f\\u300d\\u8ff7\\u3048\\u308b\\u30de\\u30de\\u30fb\\u30d1\\u30d1\\u3078\\u3002\\u308f\\u304c\\u5bb6\\u306b\\u3074\\u3063\\u305f\\u308a\\u306e\\u5f62\\u304c\\u898b\\u3064\\u304b\\u308b\\u300e\\u30d0\\u30fc\\u30b9\\u30c7\\u30fc\\u30d5\\u30a9\\u30c8\\u8a3a\\u65ad\\u300f\\u3092\\u30ea\\u30ea\\u30fc\\u30b9\\uff01 - FUNmily by fotowa\",\"headline\":\"\\u300c\\u304a\\u8a95\\u751f\\u65e5\\u3001\\u3069\\u3046\\u6b8b\\u3059\\uff1f\\u300d\\u8ff7\\u3048\\u308b\\u30de\\u30de\\u30fb\\u30d1\\u30d1\\u3078\\u3002\\u308f\\u304c\\u5bb6\\u306b\\u3074\\u3063\\u305f\\u308a\\u306e\\u5f62\\u304c\\u898b\\u3064\\u304b\\u308b\\u300e\\u30d0\\u30fc\\u30b9\\u30c7\\u30fc\\u30d5\\u30a9\\u30c8\\u8a3a\\u65ad\\u300f\\u3092\\u30ea\\u30ea\\u30fc\\u30b9\\uff01\",\"author\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/author\\\/aya-kaita\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/\\u8a18\\u4e8b\\u30b5\\u30e0\\u30cd\\u30a4\\u30eb\\u6848\\uff11-1.jpg\",\"width\":1200,\"height\":630},\"datePublished\":\"2025-12-23T10:25:32+09:00\",\"dateModified\":\"2025-12-26T10:00:11+09:00\",\"inLanguage\":\"ja\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#webpage\"},\"articleSection\":\"\\u304a\\u8a95\\u751f\\u65e5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/category\\\/birthday\\\/#listItem\",\"name\":\"\\u304a\\u8a95\\u751f\\u65e5\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/category\\\/birthday\\\/#listItem\",\"position\":2,\"name\":\"\\u304a\\u8a95\\u751f\\u65e5\",\"item\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/category\\\/birthday\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#listItem\",\"name\":\"\\u300c\\u304a\\u8a95\\u751f\\u65e5\\u3001\\u3069\\u3046\\u6b8b\\u3059\\uff1f\\u300d\\u8ff7\\u3048\\u308b\\u30de\\u30de\\u30fb\\u30d1\\u30d1\\u3078\\u3002\\u308f\\u304c\\u5bb6\\u306b\\u3074\\u3063\\u305f\\u308a\\u306e\\u5f62\\u304c\\u898b\\u3064\\u304b\\u308b\\u300e\\u30d0\\u30fc\\u30b9\\u30c7\\u30fc\\u30d5\\u30a9\\u30c8\\u8a3a\\u65ad\\u300f\\u3092\\u30ea\\u30ea\\u30fc\\u30b9\\uff01\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#listItem\",\"position\":3,\"name\":\"\\u300c\\u304a\\u8a95\\u751f\\u65e5\\u3001\\u3069\\u3046\\u6b8b\\u3059\\uff1f\\u300d\\u8ff7\\u3048\\u308b\\u30de\\u30de\\u30fb\\u30d1\\u30d1\\u3078\\u3002\\u308f\\u304c\\u5bb6\\u306b\\u3074\\u3063\\u305f\\u308a\\u306e\\u5f62\\u304c\\u898b\\u3064\\u304b\\u308b\\u300e\\u30d0\\u30fc\\u30b9\\u30c7\\u30fc\\u30d5\\u30a9\\u30c8\\u8a3a\\u65ad\\u300f\\u3092\\u30ea\\u30ea\\u30fc\\u30b9\\uff01\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/category\\\/birthday\\\/#listItem\",\"name\":\"\\u304a\\u8a95\\u751f\\u65e5\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#organization\",\"name\":\"FUNmily by fotowa\",\"description\":\"\\u5bb6\\u65cf\\u306e\\u8a18\\u5ff5\\u65e5\\u3084\\u5bb6\\u65cf\\u5199\\u771f\\u304c\\u3082\\u3063\\u3068\\u697d\\u3057\\u304f\\u306a\\u308b\\uff01\\u4e03\\u4e94\\u4e09\\u306a\\u3069\\u5e74\\u4e2d\\u884c\\u4e8b\\u306e\\u7591\\u554f\\u3092\\u89e3\\u6c7a\\u3059\\u308b\\u8a18\\u4e8b\\u304b\\u3089\\u3001\\u5199\\u771f\\u306e\\u6d3b\\u7528\\u8853\\u307e\\u3067\\u69d8\\u3005\\u306a\\u5f79\\u7acb\\u3061\\u60c5\\u5831\\u3092\\u914d\\u4fe1\\u3057\\u3066\\u3044\\u307e\\u3059\\u3002\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/author\\\/aya-kaita\\\/#author\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/author\\\/aya-kaita\\\/\",\"name\":\"Funmily\\u62c5\\u5f53\\u30b9\\u30bf\\u30c3\\u30d5K\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32d72b292f983af89d18260d00b67e2e?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Funmily\\u62c5\\u5f53\\u30b9\\u30bf\\u30c3\\u30d5K\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#webpage\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/\",\"name\":\"\\u300c\\u304a\\u8a95\\u751f\\u65e5\\u3001\\u3069\\u3046\\u6b8b\\u3059\\uff1f\\u300d\\u8ff7\\u3048\\u308b\\u30de\\u30de\\u30fb\\u30d1\\u30d1\\u3078\\u3002\\u308f\\u304c\\u5bb6\\u306b\\u3074\\u3063\\u305f\\u308a\\u306e\\u5f62\\u304c\\u898b\\u3064\\u304b\\u308b\\u300e\\u30d0\\u30fc\\u30b9\\u30c7\\u30fc\\u30d5\\u30a9\\u30c8\\u8a3a\\u65ad\\u300f\\u3092\\u30ea\\u30ea\\u30fc\\u30b9\\uff01 - FUNmily by fotowa\",\"description\":\"\\u307f\\u306a\\u3055\\u3093\\u3001\\u3053\\u3093\\u306b\\u3061\\u306f\\uff01fotowa\\u904b\\u55b6\\u4e8b\\u52d9\\u5c40\\u3067\\u3059\\u3002 \\u304a\\u5b50\\u3055\\u307e\\u306e\\u304a\\u8a95\\u751f\\u65e5\\u304c\\u8fd1\\u3065\\u304f\\u305f\\u3073\\u3001\\u306a\\u3093\\u3060\\u304b\\u30bd\\u30ef\\u30bd\\u30ef\\u3057\\u3066\\u3044\\u307e\\u305b\",\"inLanguage\":\"ja\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/author\\\/aya-kaita\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/author\\\/aya-kaita\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/\\u8a18\\u4e8b\\u30b5\\u30e0\\u30cd\\u30a4\\u30eb\\u6848\\uff11-1.jpg\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#mainImage\",\"width\":1200,\"height\":630},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/2025\\\/12\\\/bd-diagnosis\\\/#mainImage\"},\"datePublished\":\"2025-12-23T10:25:32+09:00\",\"dateModified\":\"2025-12-26T10:00:11+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#website\",\"url\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/\",\"name\":\"FUNmily by fotowa\",\"description\":\"\\u5bb6\\u65cf\\u306e\\u8a18\\u5ff5\\u65e5\\u3084\\u5bb6\\u65cf\\u5199\\u771f\\u304c\\u3082\\u3063\\u3068\\u697d\\u3057\\u304f\\u306a\\u308b\\uff01\\u4e03\\u4e94\\u4e09\\u306a\\u3069\\u5e74\\u4e2d\\u884c\\u4e8b\\u306e\\u7591\\u554f\\u3092\\u89e3\\u6c7a\\u3059\\u308b\\u8a18\\u4e8b\\u304b\\u3089\\u3001\\u5199\\u771f\\u306e\\u6d3b\\u7528\\u8853\\u307e\\u3067\\u69d8\\u3005\\u306a\\u5f79\\u7acb\\u3061\\u60c5\\u5831\\u3092\\u914d\\u4fe1\\u3057\\u3066\\u3044\\u307e\\u3059\\u3002\",\"inLanguage\":\"ja\",\"publisher\":{\"@id\":\"https:\\\/\\\/fotowa.com\\\/funmily\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa","description":"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b","canonical_url":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#blogposting","name":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa","headline":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01","author":{"@id":"https:\/\/fotowa.com\/funmily\/author\/aya-kaita\/#author"},"publisher":{"@id":"https:\/\/fotowa.com\/funmily\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/\u8a18\u4e8b\u30b5\u30e0\u30cd\u30a4\u30eb\u6848\uff11-1.jpg","width":1200,"height":630},"datePublished":"2025-12-23T10:25:32+09:00","dateModified":"2025-12-26T10:00:11+09:00","inLanguage":"ja","mainEntityOfPage":{"@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#webpage"},"isPartOf":{"@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#webpage"},"articleSection":"\u304a\u8a95\u751f\u65e5"},{"@type":"BreadcrumbList","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/#listItem","position":1,"name":"Home","item":"https:\/\/fotowa.com\/funmily\/","nextItem":{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/category\/birthday\/#listItem","name":"\u304a\u8a95\u751f\u65e5"}},{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/category\/birthday\/#listItem","position":2,"name":"\u304a\u8a95\u751f\u65e5","item":"https:\/\/fotowa.com\/funmily\/category\/birthday\/","nextItem":{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#listItem","name":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01"},"previousItem":{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#listItem","position":3,"name":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01","previousItem":{"@type":"ListItem","@id":"https:\/\/fotowa.com\/funmily\/category\/birthday\/#listItem","name":"\u304a\u8a95\u751f\u65e5"}}]},{"@type":"Organization","@id":"https:\/\/fotowa.com\/funmily\/#organization","name":"FUNmily by fotowa","description":"\u5bb6\u65cf\u306e\u8a18\u5ff5\u65e5\u3084\u5bb6\u65cf\u5199\u771f\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b\uff01\u4e03\u4e94\u4e09\u306a\u3069\u5e74\u4e2d\u884c\u4e8b\u306e\u7591\u554f\u3092\u89e3\u6c7a\u3059\u308b\u8a18\u4e8b\u304b\u3089\u3001\u5199\u771f\u306e\u6d3b\u7528\u8853\u307e\u3067\u69d8\u3005\u306a\u5f79\u7acb\u3061\u60c5\u5831\u3092\u914d\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002","url":"https:\/\/fotowa.com\/funmily\/"},{"@type":"Person","@id":"https:\/\/fotowa.com\/funmily\/author\/aya-kaita\/#author","url":"https:\/\/fotowa.com\/funmily\/author\/aya-kaita\/","name":"Funmily\u62c5\u5f53\u30b9\u30bf\u30c3\u30d5K","image":{"@type":"ImageObject","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/32d72b292f983af89d18260d00b67e2e?s=96&d=mm&r=g","width":96,"height":96,"caption":"Funmily\u62c5\u5f53\u30b9\u30bf\u30c3\u30d5K"}},{"@type":"WebPage","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#webpage","url":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/","name":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa","description":"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b","inLanguage":"ja","isPartOf":{"@id":"https:\/\/fotowa.com\/funmily\/#website"},"breadcrumb":{"@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#breadcrumblist"},"author":{"@id":"https:\/\/fotowa.com\/funmily\/author\/aya-kaita\/#author"},"creator":{"@id":"https:\/\/fotowa.com\/funmily\/author\/aya-kaita\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/fotowa.com\/funmily\/wp-content\/uploads\/2025\/12\/\u8a18\u4e8b\u30b5\u30e0\u30cd\u30a4\u30eb\u6848\uff11-1.jpg","@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#mainImage","width":1200,"height":630},"primaryImageOfPage":{"@id":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/#mainImage"},"datePublished":"2025-12-23T10:25:32+09:00","dateModified":"2025-12-26T10:00:11+09:00"},{"@type":"WebSite","@id":"https:\/\/fotowa.com\/funmily\/#website","url":"https:\/\/fotowa.com\/funmily\/","name":"FUNmily by fotowa","description":"\u5bb6\u65cf\u306e\u8a18\u5ff5\u65e5\u3084\u5bb6\u65cf\u5199\u771f\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b\uff01\u4e03\u4e94\u4e09\u306a\u3069\u5e74\u4e2d\u884c\u4e8b\u306e\u7591\u554f\u3092\u89e3\u6c7a\u3059\u308b\u8a18\u4e8b\u304b\u3089\u3001\u5199\u771f\u306e\u6d3b\u7528\u8853\u307e\u3067\u69d8\u3005\u306a\u5f79\u7acb\u3061\u60c5\u5831\u3092\u914d\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002","inLanguage":"ja","publisher":{"@id":"https:\/\/fotowa.com\/funmily\/#organization"}}]},"og:locale":"ja_JP","og:site_name":"FUNmily by fotowa - \u5bb6\u65cf\u306e\u8a18\u5ff5\u65e5\u3084\u5bb6\u65cf\u5199\u771f\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b\uff01\u4e03\u4e94\u4e09\u306a\u3069\u5e74\u4e2d\u884c\u4e8b\u306e\u7591\u554f\u3092\u89e3\u6c7a\u3059\u308b\u8a18\u4e8b\u304b\u3089\u3001\u5199\u771f\u306e\u6d3b\u7528\u8853\u307e\u3067\u69d8\u3005\u306a\u5f79\u7acb\u3061\u60c5\u5831\u3092\u914d\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002","og:type":"article","og:title":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa","og:description":"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b","og:url":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/","article:published_time":"2025-12-23T01:25:32+00:00","article:modified_time":"2025-12-26T01:00:11+00:00","twitter:card":"summary","twitter:title":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01 - FUNmily by fotowa","twitter:description":"\u307f\u306a\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01fotowa\u904b\u55b6\u4e8b\u52d9\u5c40\u3067\u3059\u3002 \u304a\u5b50\u3055\u307e\u306e\u304a\u8a95\u751f\u65e5\u304c\u8fd1\u3065\u304f\u305f\u3073\u3001\u306a\u3093\u3060\u304b\u30bd\u30ef\u30bd\u30ef\u3057\u3066\u3044\u307e\u305b"},"aioseo_meta_data":{"post_id":"21350","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"article","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-10-23 07:17:42","updated":"2026-10-26 10:07:46"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/fotowa.com\/funmily\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/fotowa.com\/funmily\/category\/birthday\/\" title=\"\u304a\u8a95\u751f\u65e5\">\u304a\u8a95\u751f\u65e5<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/fotowa.com\/funmily\/"},{"label":"\u304a\u8a95\u751f\u65e5","link":"https:\/\/fotowa.com\/funmily\/category\/birthday\/"},{"label":"\u300c\u304a\u8a95\u751f\u65e5\u3001\u3069\u3046\u6b8b\u3059\uff1f\u300d\u8ff7\u3048\u308b\u30de\u30de\u30fb\u30d1\u30d1\u3078\u3002\u308f\u304c\u5bb6\u306b\u3074\u3063\u305f\u308a\u306e\u5f62\u304c\u898b\u3064\u304b\u308b\u300e\u30d0\u30fc\u30b9\u30c7\u30fc\u30d5\u30a9\u30c8\u8a3a\u65ad\u300f\u3092\u30ea\u30ea\u30fc\u30b9\uff01","link":"https:\/\/fotowa.com\/funmily\/2025\/12\/bd-diagnosis\/"}],"_links":{"self":[{"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/posts\/21350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/comments?post=21350"}],"version-history":[{"count":60,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/posts\/21350\/revisions"}],"predecessor-version":[{"id":21439,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/posts\/21350\/revisions\/21439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/media\/21360"}],"wp:attachment":[{"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/media?parent=21350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/categories?post=21350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fotowa.com\/funmily\/wp-json\/wp\/v2\/tags?post=21350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}