{"id":69062,"date":"2025-08-12T16:54:04","date_gmt":"2025-08-12T07:54:04","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&#038;p=69062"},"modified":"2025-08-12T16:54:05","modified_gmt":"2025-08-12T07:54:05","slug":"cta_%e3%83%aa%e3%83%b3%e3%82%af%e3%83%ab_appstore%e9%a2%a8%e2%80%bb%e3%80%8c%e6%97%a7pcmax%e3%80%8d%e8%a1%a8%e8%a8%98%e5%85%a5%e3%82%8a","status":"publish","type":"content_block","link":"https:\/\/single-aiseki.com\/lp-the_single_app\/content_block\/cta_%e3%83%aa%e3%83%b3%e3%82%af%e3%83%ab_appstore%e9%a2%a8%e2%80%bb%e3%80%8c%e6%97%a7pcmax%e3%80%8d%e8%a1%a8%e8%a8%98%e5%85%a5%e3%82%8a\/","title":{"rendered":"CTA_\u30ea\u30f3\u30af\u30eb_Appstore\u98a8\u203b\u300c\u65e7PCMAX\u300d\u8868\u8a18\u5165\u308a"},"content":{"rendered":"\n\n\n\n    \n    \n    <title>\u30ea\u30f3\u30af\u30eb CTA<\/title>\n    <style>\n        .linkle-cta-container {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f5f5f7;\n        }\n        \n        .linkle-cta {\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            flex-direction: column;\n            align-items: center;\n            gap: 16px;\n        }\n        \n        .linkle-header {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            width: 100%;\n            margin-bottom: 8px;\n        }\n        \n        .linkle-icon {\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        .linkle-info {\n            flex: 1;\n        }\n        \n        .linkle-title {\n            font-size: 20px;\n            font-weight: 600;\n            color: #1d1d1f;\n            margin: 0 0 4px 0;\n        }\n        \n        .linkle-subtitle {\n            font-size: 14px;\n            color: #86868b;\n            margin: 0;\n            line-height: 1.4;\n        }\n        \n        .linkle-actions {\n            width: 100%;\n        }\n        \n        .linkle-download-btn {\n            background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);\n            color: white;\n            border: none;\n            border-radius: 25px;\n            padding: 16px 32px;\n            font-size: 18px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 122, 255, 0.4);\n            text-decoration: none;\n            display: block;\n            text-align: center;\n            width: 100%;\n            box-sizing: border-box;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        \/* \u30ad\u30e9\u30c3\u3068\u5149\u308b\u30a8\u30d5\u30a7\u30af\u30c8 *\/\n        .linkle-download-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n            transition: left 0.6s ease;\n        }\n        \n        .linkle-download-btn:hover::before {\n            left: 100%;\n        }\n        \n        .linkle-download-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 122, 255, 0.5);\n            background: linear-gradient(135deg, #1a8cff 0%, #0062e6 100%);\n        }\n        \n        .linkle-download-btn:active {\n            transform: translateY(0);\n        }\n        \n        .linkle-download-btn:focus {\n            outline: 2px solid #007aff;\n            outline-offset: 2px;\n        }\n        \n        \/* \u5b9a\u671f\u7684\u306b\u5149\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n        @keyframes shimmer {\n            0% {\n                left: -100%;\n            }\n            100% {\n                left: 100%;\n            }\n        }\n        \n        .linkle-download-btn::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            animation: shimmer 3s infinite;\n            animation-delay: 2s;\n        }\n        \n        \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc *\/\n        @media (max-width: 480px) {\n            .linkle-cta {\n                padding: 16px;\n                gap: 12px;\n            }\n            \n            .linkle-header {\n                gap: 12px;\n            }\n            \n            .linkle-icon {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .linkle-title {\n                font-size: 18px;\n            }\n            \n            .linkle-subtitle {\n                font-size: 13px;\n            }\n            \n            .linkle-download-btn {\n                padding: 14px 24px;\n                font-size: 16px;\n            }\n        }\n    <\/style>\n\n\n    <!-- \u30ea\u30f3\u30af\u30eb CTA -->\n    <div class=\"linkle-cta-container\">\n        <div class=\"linkle-cta\">\n            <div class=\"linkle-header\">\n                <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2025\/05\/025da7338b94439189fb878e2ffce116.webp\" alt=\"\u30a2\u30d7\u30ea\u30a2\u30a4\u30b3\u30f3\" class=\"linkle-icon\">\n                \n                <div class=\"linkle-info\">\n                    <p class=\"linkle-title\">\u30ea\u30f3\u30af\u30eb\uff08\u65e7PCMAX\uff09<\/p>\n                    <p class=\"linkle-subtitle\">\u30a2\u30d7\u30ea\u5165\u308c\u305f\u5f53\u65e5\u306b\u4f1a\u3048\u308b<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"linkle-actions\">\n                <a href=\"https:\/\/single-aiseki.com\/matchapp\/link\/linkleapp\/\" class=\"linkle-download-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\u4eca\u3059\u3050\u7121\u6599\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        \/\/ \u30ea\u30f3\u30af\u30eb\u5c02\u7528\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\n        document.addEventListener('DOMContentLoaded', function() {\n            const linkleDownloadBtn = document.querySelector('.linkle-download-btn');\n            \n            if (linkleDownloadBtn) {\n                linkleDownloadBtn.addEventListener('click', function(e) {\n                    \/\/ a\u30bf\u30b0\u306e\u901a\u5e38\u52d5\u4f5c\u3092\u8a31\u53ef\n                    console.log('\u30ea\u30f3\u30af\u30eb CTA\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u307e\u3057\u305f');\n                });\n            }\n        });\n    <\/script>\n\n\n","protected":false},"template":"","content_block_category":[],"_links":{"self":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block\/69062"}],"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=69062"}],"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=69062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}