{"id":58465,"date":"2025-04-11T15:06:23","date_gmt":"2025-04-11T06:06:23","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&#038;p=58465"},"modified":"2025-12-11T16:25:59","modified_gmt":"2025-12-11T07:25:59","slug":"cta_%e3%83%80%e3%82%a4%e3%83%b3_%e3%82%af%e3%83%ad%e3%82%b9%e3%82%bb%e3%83%ab","status":"publish","type":"content_block","link":"https:\/\/single-aiseki.com\/lp-the_single_app\/content_block\/cta_%e3%83%80%e3%82%a4%e3%83%b3_%e3%82%af%e3%83%ad%e3%82%b9%e3%82%bb%e3%83%ab\/","title":{"rendered":"CTA_D\u00b3\uff08\u30c7\u30a3\u30fc\u30b9\u30ea\u30fc\uff09\/\u65e7\uff1aDine(\u30c0\u30a4\u30f3)_\u30af\u30ed\u30b9\u30bb\u30eb"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dine CTA<\/title>\n    <style>\n        .dine-cta-safe-container {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f5f5f7;\n            \/* \u4ed6\u306e\u8981\u7d20\u3078\u306e\u5f71\u97ff\u3092\u9632\u3050 *\/\n            isolation: isolate;\n        }\n        \n        .dine-cta-safe-container * {\n            \/* CTA\u5185\u306e\u8981\u7d20\u306e\u307f\u306b\u9069\u7528 *\/\n            box-sizing: border-box;\n        }\n        \n        .dine-cta-safe-container .dine-cta-safe {\n            background-color: white;\n            border-radius: 16px;\n            padding: 20px;\n            max-width: 500px;\n            margin: 0 auto;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        \n        .dine-cta-safe-container .dine-app-icon-safe {\n            width: 80px;\n            height: 80px;\n            border-radius: 18px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n            object-fit: cover;\n        }\n        \n        .dine-cta-safe-container .dine-info-safe {\n            flex: 1;\n        }\n        \n        .dine-cta-safe-container .dine-title-safe {\n            font-size: 20px;\n            font-weight: 600;\n            color: #1d1d1f;\n            margin: 0 0 4px 0;\n        }\n        \n        .dine-cta-safe-container .dine-subtitle-safe {\n            font-size: 14px;\n            color: #86868b;\n            margin: 0;\n            line-height: 1.4;\n        }\n        \n        .dine-cta-safe-container .dine-actions-safe {\n            display: flex;\n            align-items: center;\n        }\n        \n        .dine-cta-safe-container .dine-download-btn-safe {\n            background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);\n            color: white;\n            border: none;\n            border-radius: 20px;\n            padding: 8px 24px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            box-shadow: 0 2px 8px rgba(0, 122, 255, 0.3);\n            text-decoration: none;\n            display: inline-block;\n        }\n        \n        .dine-cta-safe-container .dine-download-btn-safe:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(0, 122, 255, 0.4);\n        }\n        \n        .dine-cta-safe-container .dine-download-btn-safe:active {\n            transform: translateY(0);\n        }\n        \n        .dine-cta-safe-container .dine-download-btn-safe:focus {\n            outline: 2px solid #007aff;\n            outline-offset: 2px;\n        }\n        \n        \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc *\/\n        @media (max-width: 480px) {\n            .dine-cta-safe-container .dine-cta-safe {\n                padding: 16px;\n                gap: 12px;\n            }\n            \n            .dine-cta-safe-container .dine-app-icon-safe {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .dine-cta-safe-container .dine-title-safe {\n                font-size: 18px;\n            }\n            \n            .dine-cta-safe-container .dine-subtitle-safe {\n                font-size: 13px;\n            }\n        }\n    <\/style>\n\n\n    <!-- Dine CTA -->\n    <div class=\"dine-cta-safe-container\">\n        <div class=\"dine-cta-safe\">\n            <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2025\/12\/59ee2f514f05332bac186908a996a1dc.webp\" alt=\"\u30a2\u30d7\u30ea\u30a2\u30a4\u30b3\u30f3\" class=\"dine-app-icon-safe\">\n            \n            <div class=\"dine-info-safe\">\n                <p class=\"dine-title-safe\">D\u00b3\uff08\u30c7\u30a3\u30fc\u30b9\u30ea\u30fc\uff09<\/p>\n                <p class=\"dine-subtitle-safe\">\u30e1\u30c3\u30bb\u4e0d\u8981\u3067\u30c7\u30fc\u30c8<\/p>\n            <\/div>\n            \n            <div class=\"dine-actions-safe\">\n                <a href=\"https:\/\/single-aiseki.com\/matchapp\/link\/dine\/\" class=\"dine-download-btn-safe\" target=\"_blank\" rel=\"noopener noreferrer\">\u5165\u624b<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        \/\/ Dine\u5c02\u7528\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\n        document.addEventListener('DOMContentLoaded', function() {\n            const dineDownloadBtn = document.querySelector('.dine-cta-safe-container .dine-download-btn-safe');\n            \n            if (dineDownloadBtn) {\n                dineDownloadBtn.addEventListener('click', function(e) {\n                    \/\/ a\u30bf\u30b0\u306e\u901a\u5e38\u52d5\u4f5c\u3092\u8a31\u53ef\n                    console.log('Dine CTA\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u307e\u3057\u305f');\n                });\n            }\n        });\n    <\/script>\n","protected":false},"template":"","content_block_category":[],"_links":{"self":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block\/58465"}],"collection":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block"}],"about":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/types\/content_block"}],"wp:attachment":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/media?parent=58465"}],"wp:term":[{"taxonomy":"content_block_category","embeddable":true,"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block_category?post=58465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}