{"id":17,"date":"2026-06-29T19:59:11","date_gmt":"2026-06-29T10:59:11","guid":{"rendered":"https:\/\/works.takanome.jp\/?page_id=17"},"modified":"2026-06-29T20:01:07","modified_gmt":"2026-06-29T11:01:07","slug":"booking","status":"publish","type":"page","link":"https:\/\/works.takanome.jp\/?page_id=17","title":{"rendered":"booking"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\n<div id=\"gg-booking-app\" class=\"gg-booking-wrapper\">\n\n    <div class=\"gg-main-content\">\n\n        <div id=\"step-menu\" class=\"booking-step active\">\n            <h3 class=\"step-title\">\u30e1\u30cb\u30e5\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/h3>\n            <div id=\"menu-list\" class=\"gg-grid-list\"><\/div>\n        <\/div>\n\n        <div id=\"step-datetime\" class=\"booking-step\">\n\n            <div class=\"calendar-nav\">\n                <h3 id=\"current-month-display\"><\/h3>\n                <div class=\"nav-buttons\">\n                    <button type=\"button\" id=\"prev-period\" class=\"btn-toggle-round\">\u2190\u524d\u9031<\/button>\n                    <button type=\"button\" id=\"today-btn\" class=\"btn-toggle-round\">\u672c\u65e5<\/button>\n                    <button type=\"button\" id=\"next-period\" class=\"btn-toggle-round\">\u6b21\u9031\u2192<\/button>\n                <\/div>\n                <div>\n                    <button type=\"button\" id=\"toggle-calendar-view\" class=\"btn-toggle-round\">\n                        <span class=\"toggle-icon\"><\/span>\n                        <span class=\"toggle-text\">\u6708\u8868\u793a<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n            <div id=\"calendar-wrapper\">\n                <div id=\"booking-calendar\"><\/div>\n            <\/div>\n            <div id=\"time-slots-container\" style=\"display:none;\">\n                <div id=\"selected-date-title\"><\/div>\n                <div id=\"time-slots\"><\/div>\n            <\/div>\n            <div class=\"step-header\">\n                <button type=\"button\" class=\"btn-back-pill\" data-to=\"step-menu\">\n                    <span class=\"back-icon\">\u2039<\/span> \u623b\u308b\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"step-info\" class=\"booking-step\">\n\n            <h3 class=\"step-title\">\u304a\u5ba2\u69d8\u60c5\u5831\u306e\u5165\u529b<\/h3>\n            <div class=\"step-header\">\n                <button type=\"button\" class=\"btn-back-pill\" data-to=\"step-datetime\">\n                    <span class=\"back-icon\">\u2039<\/span> \u623b\u308b\n                <\/button>\n            <\/div>\n            <form id=\"gg-customer-form\">\n                <div id=\"custom-fields-area\"><\/div>\n                <button type=\"button\" id=\"btn-to-confirm\" class=\"button-primary submit-btn\">\u5185\u5bb9\u3092\u78ba\u8a8d\u3059\u308b<\/button>\n            <\/form>\n\n        <\/div>\n\n        <div id=\"step-confirm\" class=\"booking-step\">\n\n            <h3 class=\"step-title\">\u4e88\u7d04\u5185\u5bb9\u306e\u78ba\u8a8d<\/h3>\n            <div id=\"confirm-details\" class=\"confirm-box\"><\/div>\n            <div class=\"step-header\">\n                <button type=\"button\" class=\"btn-back-pill\" data-to=\"step-info\">\n                    <span class=\"back-icon\">\u2039<\/span> \u4fee\u6b63\u3059\u308b\n                <\/button>\n            <\/div>\n            <div class=\"confirm-actions\">\n                <button type=\"button\" id=\"btn-submit-booking\" class=\"button-primary finalize-btn\">\u3053\u306e\u5185\u5bb9\u3067\u4e88\u7d04\u3092\u78ba\u5b9a\u3059\u308b<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <aside class=\"gg-sidebar\">\n        <div class=\"sticky-sidebar\">\n            <h3>\u73fe\u5728\u306e\u4e88\u7d04\u5185\u5bb9<\/h3>\n            <div id=\"summary-menu\" class=\"summary-item\">\n                <span class=\"label\">\u30e1\u30cb\u30e5\u30fc<\/span>\n                <span class=\"val\">\u672a\u9078\u629e<\/span>\n            <\/div>\n            <div id=\"summary-datetime\" class=\"summary-item\">\n                <span class=\"label\">\u65e5\u6642<\/span>\n                <span class=\"val\">\u672a\u9078\u629e<\/span>\n            <\/div>\n            <div id=\"summary-price\" class=\"summary-item\">\n                <span class=\"label\">\u6599\u91d1<\/span>\n                <span class=\"val\">-<\/span>\n            <\/div>\n        <\/div>\n    <\/aside>\n<\/div>\n\n<!-- \u30b9\u30de\u30db\u7528\uff1a\u4e0b\u90e8\u56fa\u5b9a\u30d0\u30fc -->\n<div id=\"gg-bottom-bar\">\n    <div id=\"gg-bottom-bar-summary\">\n        <span id=\"bottom-bar-menu\" class=\"bottom-bar-item\">\u30e1\u30cb\u30e5\u30fc\u672a\u9078\u629e<\/span>\n        <span class=\"bottom-bar-sep\">\uff5c<\/span>\n        <span id=\"bottom-bar-datetime\" class=\"bottom-bar-item\">\u65e5\u6642\u672a\u9078\u629e<\/span>\n        <span class=\"bottom-bar-sep bottom-bar-price-sep\" style=\"display:none;\">\uff5c<\/span>\n        <span id=\"bottom-bar-price\" class=\"bottom-bar-item\" style=\"display:none;\"><\/span>\n    <\/div>\n    <div id=\"gg-bottom-bar-detail\" style=\"display:none;\">\n        <div class=\"bottom-bar-detail-row\">\n            <span class=\"bottom-bar-detail-label\">\u30e1\u30cb\u30e5\u30fc<\/span>\n            <span id=\"bottom-bar-detail-menu\">\u672a\u9078\u629e<\/span>\n        <\/div>\n        <div class=\"bottom-bar-detail-row\">\n            <span class=\"bottom-bar-detail-label\">\u65e5\u6642<\/span>\n            <span id=\"bottom-bar-detail-datetime\">\u672a\u9078\u629e<\/span>\n        <\/div>\n        <div class=\"bottom-bar-detail-row bottom-bar-detail-price-row\" style=\"display:none;\">\n            <span class=\"bottom-bar-detail-label\">\u6599\u91d1<\/span>\n            <span id=\"bottom-bar-detail-price\">-<\/span>\n        <\/div>\n    <\/div>\n    <button id=\"gg-bottom-bar-toggle\" aria-label=\"\u4e88\u7d04\u5185\u5bb9\u3092\u78ba\u8a8d\">\n        <span class=\"bottom-bar-toggle-icon\">\u25b2<\/span>\n    <\/button>\n<\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/works.takanome.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":2,"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/works.takanome.jp\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/works.takanome.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}