{"id":53178,"date":"2025-02-26T12:50:56","date_gmt":"2025-02-26T03:50:56","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&#038;p=53178"},"modified":"2025-05-02T16:42:19","modified_gmt":"2025-05-02T07:42:19","slug":"%e3%80%90%e7%9b%ae%e6%ac%a1%e4%b8%8a%e3%80%91the-single%e3%81%b8%e3%81%ae%e9%80%81%e5%ae%a2","status":"publish","type":"content_block","link":"https:\/\/single-aiseki.com\/lp-the_single_app\/content_block\/%e3%80%90%e7%9b%ae%e6%ac%a1%e4%b8%8a%e3%80%91the-single%e3%81%b8%e3%81%ae%e9%80%81%e5%ae%a2\/","title":{"rendered":"\u3010\u76ee\u6b21\u4e0a\u3011THE SINGLE\u3078\u306e\u9001\u5ba2"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"ja\"><head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .the-single-cta {\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n            max-width: 600px;\n            margin: 20px auto;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n            background: #F9F4EF;\n            color: #3f3f3f;\n            position: relative;\n        }\n        \n        .the-single-header {\n            padding: 20px;\n            text-align: center;\n            background: #3f3f3f;\n            border-bottom: 3px solid rgba(249, 244, 239, 0.2);\n        }\n        \n        .the-single-logo {\n            font-size: 28px;\n            font-weight: 800;\n            letter-spacing: 2px;\n            margin-bottom: 8px;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            color: #F9F4EF;\n        }\n        \n        .the-single-tagline {\n            font-size: 14px;\n            opacity: 0.9;\n            color: #F9F4EF;\n        }\n        \n        .the-single-members {\n            display: inline-block;\n            background-color: #F9F4EF;\n            color: #3f3f3f;\n            padding: 8px 15px;\n            border-radius: 30px;\n            font-weight: bold;\n            font-size: 16px;\n            margin: 10px 0 5px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n            transform: translateY(-5px);\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n            100% {\n                transform: scale(1);\n            }\n        }\n        \n        .the-single-content {\n            padding: 25px;\n        }\n        \n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 20px 0;\n        }\n        \n        .feature-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            padding-left: 10px;\n        }\n        \n        .feature-icon {\n            margin-right: 15px;\n            width: 32px;\n            height: 32px;\n            background-color: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        \n        .feature-icon svg {\n            width: 18px;\n            height: 18px;\n            fill: #3f3f3f;\n        }\n        \n        .feature-text {\n            font-size: 15px;\n            line-height: 1.5;\n        }\n        \n        .the-single-cta-button {\n            display: block;\n            background: #3f3f3f;\n            color: #F9F4EF;\n            text-align: center;\n            padding: 16px 20px;\n            margin: 20px auto 5px;\n            border-radius: 8px;\n            font-weight: bold;\n            font-size: 18px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(63, 63, 63, 0.4);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .the-single-cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 7px 20px rgba(63, 63, 63, 0.5);\n        }\n        \n        .the-single-cta-button:active {\n            transform: translateY(1px);\n        }\n        \n        .the-single-cta-button::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n            transform: translateX(-100%);\n        }\n        \n        .the-single-cta-button:hover::after {\n            animation: shine 1.5s infinite;\n        }\n        \n        @keyframes shine {\n            to {\n                transform: translateX(100%);\n            }\n        }\n        \n        .the-single-footer {\n            font-size: 12px;\n            text-align: center;\n            padding: 15px;\n            opacity: 0.7;\n            border-top: 1px solid rgba(63, 63, 63, 0.1);\n        }\n        \n        @media (max-width: 480px) {\n            .the-single-logo {\n                font-size: 24px;\n            }\n            \n            .the-single-members {\n                font-size: 14px;\n            }\n            \n            .feature-text {\n                font-size: 14px;\n            }\n            \n            .the-single-cta-button {\n                font-size: 16px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"the-single-cta\">\n        <div class=\"the-single-header\">\n            <div class=\"the-single-logo\">THE SINGLE<\/div>\n            <div class=\"the-single-tagline\">produce by \u76f8\u5e2d\u5c4b<\/div>\n            <div class=\"the-single-members\">\u4f1a\u54e1\u6570\u304c200,000\u540d\u7a81\u7834\uff01<\/div>\n        <\/div>\n        \n        <div class=\"the-single-content\">\n            <ul class=\"feature-list\">\n                <li class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21,9H15V5c0-1.1-0.9-2-2-2H7C5.9,3,5,3.9,5,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C23,9.9,22.1,9,21,9z M15,16 c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S15,14.9,15,16z M7,9h3V5H7V9z M7,11h3v4c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 C7.67,13,7.33,12.67,7,12.33V11z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">1\u5bfe1\u3067\u51fa\u4f1a\u3048\u308b\u7a7a\u9593\u306f\u696d\u754c\u521d\uff01<\/div>\n                <\/li>\n                <li class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M18,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M9,4h6v4H9V4z M18,20H6V8h12V20z  M10,10h4v2h-4V10z M10,14h4v2h-4V14z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">1\u5bfe1\u3067\u534a\u500b\u5ba4\u3067\u4eba\u76ee\u3092\u6c17\u306b\u305b\u305a\u8a71\u305b\u308b\uff01<\/div>\n                <\/li>\n                <li class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M11.99,2C6.47,2,2,6.48,2,12s4.47,10,9.99,10C17.52,22,22,17.52,22,12S17.52,2,11.99,2z M12,20c-4.42,0-8-3.58-8-8 s3.58-8,8-8s8,3.58,8,8S16.42,20,12,20z M12.5,7H11v6l5.25,3.15l0.75-1.23l-4.5-2.67V7z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-text\">20\u5206\u3067\u7d42\u4e86\u3059\u308b\u304b\u3089\u3044\u308d\u3093\u306a\u4eba\u3068\u8a71\u305b\u3066\u6e80\u8db3\u5ea6\u304c\u9ad8\u3044\u3068\u597d\u8a55<\/div>\n                <\/li>\n            <\/ul>\n            \n            <a href=\"https:\/\/single-aiseki.com\/lp-the_single_app\/\" class=\"the-single-cta-button\">\u307e\u305a\u306f\u30a2\u30d7\u30ea\u3067\u4e88\u7d04\u3059\u308b<\/a>\n        <\/div>\n    \n    <\/div>\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\/53178"}],"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=53178"}],"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=53178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}