{"id":64146,"date":"2025-06-04T11:59:09","date_gmt":"2025-06-04T02:59:09","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&p=64146"},"modified":"2025-06-04T12:09:52","modified_gmt":"2025-06-04T03:09:52","slug":"cta_%e3%83%aa%e3%83%b3%e3%82%af%e3%83%ab_google-play%e9%a2%a8","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_google-play%e9%a2%a8\/","title":{"rendered":"CTA_\u30ea\u30f3\u30af\u30eb_Google Play\u98a8"},"content":{"rendered":"\n\n \n \n Dine App CTA<\/title>\n <style>\n .dine-app-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 .dine-app-cta {\n background-color: white;\n border-radius: 16px;\n padding: 16px;\n max-width: 400px;\n margin: 0 auto;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n }\n \n .dine-app-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n }\n \n .dine-app-icon {\n width: 60px;\n height: 60px;\n border-radius: 14px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n object-fit: cover;\n flex-shrink: 0;\n }\n \n .dine-app-info {\n flex: 1;\n min-width: 0;\n }\n \n .dine-app-title {\n font-size: 18px;\n font-weight: 600;\n color: #1d1d1f;\n margin: 0;\n line-height: 1.1;\n }\n \n .dine-app-developer {\n font-size: 13px;\n color: #007aff;\n margin: 0;\n font-weight: 500;\n line-height: 1.1;\n }\n \n .dine-app-badge {\n font-size: 11px;\n color: #86868b;\n margin: 0;\n line-height: 1.1;\n }\n \n .dine-app-stats {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n padding: 0 2px;\n }\n \n .dine-stat-item {\n text-align: center;\n flex: 1;\n }\n \n .dine-stat-value {\n font-size: 15px;\n font-weight: 600;\n color: #1d1d1f;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2px;\n line-height: 1.1;\n }\n \n .dine-stat-label {\n font-size: 11px;\n color: #86868b;\n margin: 0;\n line-height: 1.1;\n }\n \n .dine-star {\n color: #ff9500;\n font-size: 13px;\n }\n \n .dine-age-badge {\n background-color: #f2f2f7;\n border: 1px solid #d1d1d6;\n border-radius: 5px;\n padding: 4px 8px;\n font-size: 11px;\n font-weight: 600;\n color: #1d1d1f;\n display: inline-block;\n }\n \n .dine-install-btn {\n background: linear-gradient(135deg, #34c759 0%, #28a745 100%);\n color: white;\n border: none;\n border-radius: 18px;\n padding: 10px 0;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n box-shadow: 0 2px 8px rgba(52, 199, 89, 0.3);\n width: 100%;\n }\n \n .dine-install-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(52, 199, 89, 0.4);\n }\n \n .dine-install-btn:active {\n transform: translateY(0);\n }\n \n \/* \u30e2\u30d0\u30a4\u30eb\u7528\u306e\u66f4\u306a\u308b\u6700\u9069\u5316 *\/\n @media (max-width: 480px) {\n .dine-app-cta-container {\n padding: 12px;\n }\n \n .dine-app-cta {\n padding: 10px;\n margin: 0 8px;\n border-radius: 12px;\n }\n \n .dine-app-header {\n gap: 8px;\n margin-bottom: 8px;\n }\n \n .dine-app-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n }\n \n .dine-app-title {\n font-size: 16px;\n line-height: 1.0;\n }\n \n .dine-app-developer {\n font-size: 12px;\n line-height: 1.0;\n }\n \n .dine-app-badge {\n font-size: 10px;\n line-height: 1.0;\n }\n \n .dine-app-stats {\n margin-bottom: 8px;\n }\n \n .dine-stat-value {\n font-size: 14px;\n line-height: 1.0;\n }\n \n .dine-stat-label {\n font-size: 10px;\n line-height: 1.0;\n margin-top: 1px;\n }\n \n .dine-star {\n font-size: 12px;\n }\n \n .dine-age-badge {\n padding: 3px 6px;\n font-size: 10px;\n line-height: 1.0;\n }\n \n .dine-install-btn {\n padding: 8px 0;\n font-size: 14px;\n border-radius: 16px;\n }\n }\n \n \/* \u975e\u5e38\u306b\u5c0f\u3055\u3044\u753b\u9762\u7528 *\/\n @media (max-width: 360px) {\n .dine-app-cta-container {\n padding: 8px;\n }\n \n .dine-app-cta {\n padding: 8px;\n margin: 0 4px;\n }\n \n .dine-app-header {\n gap: 6px;\n margin-bottom: 6px;\n }\n \n .dine-app-icon {\n width: 45px;\n height: 45px;\n }\n \n .dine-app-title {\n font-size: 15px;\n line-height: 1.0;\n }\n \n .dine-app-stats {\n margin-bottom: 6px;\n }\n \n .dine-stat-label {\n margin-top: 0;\n }\n \n .dine-install-btn {\n padding: 7px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"dine-app-cta-container\">\n <div class=\"dine-app-cta\">\n <div class=\"dine-app-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=\"dine-app-icon\">\n \n <div class=\"dine-app-info\">\n <p class=\"dine-app-title\">\u30ea\u30f3\u30af\u30eb\uff1a\u5373\u51fa\u4f1a\u3044\u305f\u3044\u5411\u3051<\/p>\n <p class=\"dine-app-developer\">\u30ea\u30f3\u30af\u30eb\u4e8b\u52d9\u5c40<\/p>\n <p class=\"dine-app-badge\">\u30a2\u30d7\u30ea\u5185\u8ab2\u91d1\u3042\u308a<\/p>\n <\/div>\n <\/div>\n \n <div class=\"dine-app-stats\">\n <div class=\"dine-stat-item\">\n <p class=\"dine-stat-value\">\n 2.9\n <span class=\"dine-star\">\u2605<\/span>\n <\/p>\n <p class=\"dine-stat-label\">86\u4ef6\u306e\u30ec\u30d3\u30e5\u30fc<\/p>\n <\/div>\n \n <div class=\"dine-stat-item\">\n <p class=\"dine-stat-value\">1\u4e07+<\/p>\n <p class=\"dine-stat-label\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/p>\n <\/div>\n \n <div class=\"dine-stat-item\">\n <div class=\"dine-age-badge\">18+<\/div>\n <p class=\"dine-stat-label\">18 \u6b73\u4ee5\u4e0a\u306e\u307f<\/p>\n <\/div>\n <\/div>\n \n <button class=\"dine-install-btn\" onclick=\"handleDineAppDownload()\">\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/button>\n <\/div>\n <\/div>\n\n <script>\n function handleDineAppDownload() {\n \/\/ \u5916\u90e8\u30b5\u30a4\u30c8\u306eURL\u3092\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\n const downloadUrl = 'https:\/\/single-aiseki.com\/matchapp\/link\/linkleapp\/';\n \n window.open(downloadUrl, '_blank');\n }\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"template":"","content_block_category":[],"_links":{"self":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block\/64146"}],"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=64146"}],"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=64146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}