{"id":18,"date":"2026-04-05T14:05:54","date_gmt":"2026-04-05T05:05:54","guid":{"rendered":"https:\/\/www.go-to-link.site\/?page_id=18"},"modified":"2026-04-07T21:27:45","modified_gmt":"2026-04-07T12:27:45","slug":"18-2","status":"publish","type":"page","link":"https:\/\/www.go-to-link.site\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" \/>\n  <meta name=\"robots\" content=\"noindex, nofollow\" \/>\n  <title>\u7d9a\u3051\u308b<\/title>\n  <style>\n    \/* ============================================================\n       BASE RESET\n    ============================================================ *\/\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      height: 100%;\n      width: 100%;\n      background-color: #ffffff;\n      font-family: -apple-system, BlinkMacSystemFont, \"Hiragino Sans\",\n                   \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\",\n                   \"Yu Gothic\", sans-serif;\n      -webkit-font-smoothing: antialiased;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    \/* ============================================================\n       LAYOUT \u2014 full-screen vertical + horizontal centering\n    ============================================================ *\/\n    .wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 20px;           \/* space between the two buttons *\/\n      min-height: 100dvh;  \/* dynamic viewport height for in-app browsers *\/\n      padding: 1.5rem 1rem 3.5rem; \/* bottom padding clears the footer *\/\n    }\n\n    \/* ============================================================\n       SHARED BUTTON STYLES\n    ============================================================ *\/\n    .cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-decoration: none;\n\n      \/* Sizing \u2014 fluid width, capped for large screens *\/\n      min-width: 260px;\n      max-width: 420px;\n      width: 78vw;\n      padding: 1.1rem 2rem;\n\n      \/* Color *\/\n      background-color: #06C755;\n      color: #ffffff;\n\n      \/* Typography *\/\n      font-size: clamp(1.15rem, 4.8vw, 1.55rem);\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      white-space: nowrap;\n\n      \/* Shape *\/\n      border-radius: 100px;\n      border: none;\n      cursor: pointer;\n\n      \/* Depth *\/\n      box-shadow:\n        0 4px 14px rgba(6, 199, 85, 0.42),\n        0 1px 3px  rgba(0, 0, 0, 0.10);\n\n      \/* Transitions *\/\n      transition:\n        transform      0.15s ease,\n        box-shadow     0.15s ease,\n        background-color 0.15s ease;\n\n      will-change: transform;\n    }\n\n    .cta:hover {\n      background-color: #05b34c;\n      box-shadow:\n        0 6px 20px rgba(6, 199, 85, 0.52),\n        0 2px 6px  rgba(0, 0, 0, 0.12);\n      transform: translateY(-2px);\n    }\n\n    .cta:active {\n      background-color: #049c42;\n      box-shadow:\n        0 2px 8px rgba(6, 199, 85, 0.32),\n        0 1px 2px rgba(0, 0, 0, 0.08);\n      transform: translateY(0) scale(0.97);\n    }\n\n    \/* ============================================================\n       BUTTON 1 \u2014 pulse animation (draws focus to the primary CTA)\n    ============================================================ *\/\n    .cta--primary {\n      animation: pulse 2.4s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%   { box-shadow: 0 4px 14px rgba(6,199,85,0.42), 0 0 0  0   rgba(6,199,85,0.00); }\n      50%  { box-shadow: 0 4px 14px rgba(6,199,85,0.42), 0 0 0 14px rgba(6,199,85,0.00); }\n      \/* ring expands then fades *\/\n      35%  { box-shadow: 0 4px 14px rgba(6,199,85,0.42), 0 0 0  8px rgba(6,199,85,0.28); }\n      100% { box-shadow: 0 4px 14px rgba(6,199,85,0.42), 0 0 0 16px rgba(6,199,85,0.00); }\n    }\n\n    \/* pause animation while user is pressing the button *\/\n    .cta--primary:active {\n      animation: none;\n    }\n\n    \/* ============================================================\n       BUTTON 2 \u2014 slightly subdued to create visual hierarchy\n    ============================================================ *\/\n    .cta--secondary {\n      background-color: #06C755;\n      opacity: 0.82;\n      font-size: clamp(1rem, 4.2vw, 1.35rem);\n      padding: 0.95rem 2rem;\n    }\n\n    .cta--secondary:hover {\n      opacity: 1;\n    }\n\n    \/* ============================================================\n       FOOTER \u2014 algorithm evasion micro-text\n    ============================================================ *\/\n    .footer {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      padding: 9px 16px;\n      text-align: center;\n      font-size: 10px;\n      color: #cccccc;\n      letter-spacing: 0.03em;\n      pointer-events: none;\n      user-select: none;\n      background-color: #ffffff; \/* prevents overlap with buttons on short screens *\/\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- ============================================================\n    \u270f\ufe0f  EASY EDIT SECTION \u2014 change button text and URLs here ONLY\n    ============================================================\n\n    BUTTON 1 (primary \/ top \u2014 has pulse animation)\n      Text : BUTTON1_TEXT\n      URL  : BUTTON1_URL\n\n    BUTTON 2 (secondary \/ bottom)\n      Text : BUTTON2_TEXT\n      URL  : BUTTON2_URL\n\n    Instructions:\n      1. Replace BUTTON1_URL with your destination link (e.g. https:\/\/example.com)\n      2. Replace BUTTON2_URL with your second destination link\n      3. Optionally change BUTTON1_TEXT \/ BUTTON2_TEXT to any label you want\n      4. Save and upload \u2014 no other changes needed.\n  ============================================================ -->\n\n  <script>\n    \/* \u2500\u2500 Centralised config \u2014 edit ONLY this block \u2500\u2500 *\/\n    var BUTTON1_TEXT = \"\u3047\u3061\";\n    var BUTTON1_URL  = \"https:\/\/matching-affi.jp\/link.php?i=piaenkgxj5ke&m=mibt4h0espc6\";   \/* \u2605 Replace with Button 1 destination URL \u2605 *\/\n\n    var BUTTON2_TEXT = \"LINE\u8ffd\u52a0\";\n    var BUTTON2_URL  = \"https:\/\/ma-af-link.com\/contents.php?c=sns_policy&i=pibp0jvk7inb&m=mibt4h0espc6\";   \/* \u2605 Replace with Button 2 destination URL \u2605 *\/\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      document.getElementById(\"btn1\").textContent = BUTTON1_TEXT;\n      document.getElementById(\"btn1\").href        = BUTTON1_URL;\n\n      document.getElementById(\"btn2\").textContent = BUTTON2_TEXT;\n      document.getElementById(\"btn2\").href        = BUTTON2_URL;\n    });\n  <\/script>\n\n  <div class=\"wrapper\">\n    <!-- Button 1 \u2014 primary CTA with pulse ring -->\n    <a id=\"btn1\" class=\"cta cta--primary\"    href=\"#\" role=\"button\">\u7d9a\u3051\u308b<\/a>\n\n    <!-- Button 2 \u2014 secondary CTA -->\n    <a id=\"btn2\" class=\"cta cta--secondary\"  href=\"#\" role=\"button\">\u8a73\u7d30\u3092\u78ba\u8a8d\u3059\u308b<\/a>\n  <\/div>\n\n  <!-- Algorithm evasion footer -->\n  <p class=\"footer\">\n    Redirecting to requested content&#8230;&nbsp;&nbsp;|&nbsp;&nbsp;Privacy Policy&nbsp;&nbsp;|&nbsp;&nbsp;Terms of Service\n  <\/p>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7d9a\u3051\u308b \u7d9a\u3051\u308b \u8a73\u7d30\u3092\u78ba\u8a8d\u3059\u308b Redirecting to requested content&#8230;&nbsp;&nbsp;|&nbsp;&nbsp;Privacy Policy&nbsp;&nbsp;|&#038;nb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":9,"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/www.go-to-link.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}