{"id":26043,"date":"2026-05-06T19:23:26","date_gmt":"2026-05-07T02:23:26","guid":{"rendered":"https:\/\/takahair.com\/?page_id=26043"},"modified":"2026-05-06T19:29:36","modified_gmt":"2026-05-07T02:29:36","slug":"26043-2","status":"publish","type":"page","link":"https:\/\/takahair.com\/ja\/26043-2\/","title":{"rendered":""},"content":{"rendered":"\n<!-- TAKA HAIR SALON \u2014 Start Button with Dropdown Menu -->\n<!-- Drop this snippet in place of the existing \"Book Now\" button -->\n\n<div class=\"taka-start-wrapper\">\n  <button type=\"button\" class=\"taka-start-btn\" aria-haspopup=\"true\" aria-expanded=\"false\" id=\"takaStartBtn\">\n    Start\n    <svg class=\"taka-chevron\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n    <\/svg>\n  <\/button>\n\n  <div class=\"taka-start-menu\" id=\"takaStartMenu\" role=\"menu\" aria-labelledby=\"takaStartBtn\">\n    <a href=\"https:\/\/takahair.com\/book\" class=\"taka-menu-item\" role=\"menuitem\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n      <\/svg>\n      Book Online\n    <\/a>\n    <a href=\"tel:3104748110\" class=\"taka-menu-item\" role=\"menuitem\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n      <\/svg>\n      Call Now\n    <\/a>\n<!--    \n<a href=\"sms:3101230912\" class=\"taka-menu-item\" role=\"menuitem\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n      <\/svg>\n      Contact via Text\n    <\/a> -->\n  <\/div>\n<\/div>\n\n<style>\n  .taka-start-wrapper {\n    position: relative;\n    display: inline-block;\n    font-family: inherit;\n  }\n\n  .taka-start-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #000;\n    color: #fff;\n    border: none;\n    padding: 14px 18px;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: background 0.2s ease, transform 0.15s ease;\n    font-family: inherit;\n  }\n\n  .taka-start-btn:hover {\n    background: #1a1a1a;\n  }\n\n  .taka-start-btn .taka-chevron {\n    transition: transform 0.25s ease;\n  }\n\n  .taka-start-btn[aria-expanded=\"true\"] .taka-chevron {\n    transform: rotate(180deg);\n  }\n\n  .taka-start-menu {\n    position: absolute;\n    top: calc(100% + 8px);\n    right: 0;\n    min-width: 220px;\n    background: #fff;\n    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);\n    border-radius: 4px;\n    overflow: hidden;\n    opacity: 0;\n    transform: translateY(-8px);\n    pointer-events: none;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n    z-index: 9999;\n  }\n\n  .taka-start-menu.is-open {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n  }\n\n  .taka-menu-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 20px;\n    color: #1a1a1a;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 500;\n    transition: background 0.15s ease, color 0.15s ease;\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  .taka-menu-item:last-child {\n    border-bottom: none;\n  }\n\n  .taka-menu-item:hover {\n    background: #faf3f4;\n    color: #e8919c;\n  }\n\n  .taka-menu-item svg {\n    flex-shrink: 0;\n    color: #e8919c;\n  }\n<\/style>\n\n<script>\n  (function () {\n    const btn = document.getElementById('takaStartBtn');\n    const menu = document.getElementById('takaStartMenu');\n    if (!btn || !menu) return;\n\n    function closeMenu() {\n      menu.classList.remove('is-open');\n      btn.setAttribute('aria-expanded', 'false');\n    }\n\n    function toggleMenu(e) {\n      e.stopPropagation();\n      const isOpen = menu.classList.toggle('is-open');\n      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n    }\n\n    btn.addEventListener('click', toggleMenu);\n\n    document.addEventListener('click', function (e) {\n      if (!menu.contains(e.target) && !btn.contains(e.target)) {\n        closeMenu();\n      }\n    });\n\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape') closeMenu();\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Start Book Online Call Now<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-26043","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Admin","author_link":"https:\/\/takahair.com\/ja\/author\/mktadmin2006\/"},"comment_info":0,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/takahair.com\/ja\/author\/mktadmin2006\/"},"uagb_comment_info":0,"uagb_excerpt":"Start Book Online Call Now","_links":{"self":[{"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/pages\/26043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/comments?post=26043"}],"version-history":[{"count":5,"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/pages\/26043\/revisions"}],"predecessor-version":[{"id":26050,"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/pages\/26043\/revisions\/26050"}],"wp:attachment":[{"href":"https:\/\/takahair.com\/ja\/wp-json\/wp\/v2\/media?parent=26043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}