{"id":11,"date":"2026-07-01T17:05:10","date_gmt":"2026-07-01T08:05:10","guid":{"rendered":"https:\/\/oto-design.com\/themes\/cafe\/top\/"},"modified":"2026-07-15T16:34:56","modified_gmt":"2026-07-15T07:34:56","slug":"top","status":"publish","type":"page","link":"https:\/\/oto-design.com\/themas\/cafe\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<div class=\"wp-block-group hero-section is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group hero-bg is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-video hero-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay loop muted src=\"https:\/\/oto-design.com\/themas\/cafe\/wp-content\/uploads\/2026\/07\/cafe_drip.mp4\" playsinline><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group hero-content is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading hero-title\">A cup of code,<br>A moment of peace.<\/h1>\n\n\n\n<p class=\"hero-subtitle wp-block-paragraph\">\u81ea\u5bb6\u7119\u714e\u30b3\u30fc\u30d2\u30fc\u3068\u3001\u9759\u304b\u306a\u6642\u9593\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hero-scroll is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"scroll-text wp-block-paragraph\">Scroll<\/p>\n\n\n\n<div class=\"wp-block-group scroll-line is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group scroll-line-inner is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group concept-section is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group concept-grid is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large concept-image\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/43\/800\/1000\" alt=\"\u30b3\u30f3\u30bb\u30d7\u30c8\u753b\u50cf\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group concept-content is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading concept-title\">\u4e00\u676f\u306e\u73c8\u7432\u304c\u3001<br>\u65e5\u5e38\u3092\u7279\u5225\u306b\u3059\u308b\u3002<\/h2>\n\n\n\n<p class=\"concept-text wp-block-paragraph\">\u53b3\u9078\u3055\u308c\u305f\u8c46\u3068\u3001\u4e01\u5be7\u306a\u7119\u714e\u3002\u79c1\u305f\u3061\u306f\u3001\u305f\u3060\u30b3\u30fc\u30d2\u30fc\u3092\u6df9\u308c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u304a\u5ba2\u69d8\u306e\u300c\u6642\u9593\u300d\u3092\u8c4a\u304b\u306b\u3059\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\u9759\u304b\u306aBGM\u3068\u5171\u306b\u3001\u5fc3\u307b\u3069\u3051\u308b\u3072\u3068\u3068\u304d\u3092\u304a\u904e\u3054\u3057\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"information\" class=\"wp-block-group news-section scroll-fade is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group news-section-inner is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading section-title\">News<\/h2>\n\n\n\n<p class=\"section-subtitle wp-block-paragraph\">\u304a\u77e5\u3089\u305b<\/p>\n\n\n<p class=\"news-empty-notice\">\u304a\u77e5\u3089\u305b\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p><\/div>\n<\/div>\n\n\n\n<div id=\"menu\" class=\"wp-block-group highlight-section scroll-fade is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading section-title\">Menu<\/h2>\n\n\n\n<p class=\"section-subtitle wp-block-paragraph\">\u304a\u3059\u3059\u3081\u30e1\u30cb\u30e5\u30fc<\/p>\n\n\n\n<div class=\"wp-block-group highlight-grid is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group highlight-card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-medium highlight-card-image\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/431\/400\/400\" alt=\"\u304a\u3059\u3059\u30811\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading highlight-card-title\">\u672c\u65e5\u306e\u30cf\u30f3\u30c9\u30c9\u30ea\u30c3\u30d7<\/h3>\n\n\n\n<p class=\"highlight-card-text wp-block-paragraph\">\u9031\u66ff\u308f\u308a\u306e\u30b7\u30f3\u30b0\u30eb\u30aa\u30ea\u30b8\u30f3\u3092\u4e01\u5be7\u306b\u62bd\u51fa\u3002\u8c46\u306e\u500b\u6027\u304c\u969b\u7acb\u3064\u4e00\u676f\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group highlight-card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-medium highlight-card-image\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/225\/400\/400\" alt=\"\u304a\u3059\u3059\u30812\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading highlight-card-title\">\u81ea\u5bb6\u88fd\u30ad\u30c3\u30b7\u30e5\u30d7\u30ec\u30fc\u30c8<\/h3>\n\n\n\n<p class=\"highlight-card-text wp-block-paragraph\">\u5b63\u7bc0\u306e\u91ce\u83dc\u3092\u305f\u3063\u3077\u308a\u4f7f\u3063\u305f\u713c\u304d\u305f\u3066\u30ad\u30c3\u30b7\u30e5\u3002\u30b5\u30e9\u30c0\u3068\u30b9\u30fc\u30d7\u306e\u30bb\u30c3\u30c8\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group highlight-card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-medium highlight-card-image\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/312\/400\/400\" alt=\"\u304a\u3059\u3059\u30813\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading highlight-card-title\">\u30d0\u30b9\u30af\u30c1\u30fc\u30ba\u30b1\u30fc\u30ad<\/h3>\n\n\n\n<p class=\"highlight-card-text wp-block-paragraph\">\u5916\u306f\u9999\u3070\u3057\u304f\u4e2d\u306f\u3068\u308d\u3051\u308b\u98df\u611f\u3002\u30b3\u30fc\u30d2\u30fc\u3068\u306e\u76f8\u6027\u306f\u629c\u7fa4\u3067\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"access\" class=\"wp-block-group access-section scroll-fade is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group access-section-inner is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading section-title\">Access<\/h2>\n\n\n\n<div class=\"wp-block-group access-grid is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group access-table-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-table access-table\"><table><tbody><tr><th>\u5e97\u8217\u540d<\/th><td>Caf\u00e9 Example<\/td><\/tr><tr><th>\u4f4f\u6240<\/th><td>\u3012150-0001 \u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u795e\u5bae\u524d1-2-3<\/td><\/tr><tr><th>\u96fb\u8a71<\/th><td>03-1234-5678<\/td><\/tr><tr><th>\u55b6\u696d\u6642\u9593<\/th><td>10:00 &#8211; 20:00<\/td><\/tr><tr><th>\u5b9a\u4f11\u65e5<\/th><td>\u6c34\u66dc\u65e5<\/td><\/tr><tr><th>\u30a2\u30af\u30bb\u30b9<\/th><td>JR\u539f\u5bbf\u99c5 \u5f92\u6b695\u5206<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group access-map-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"map-responsive\"><iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3241.1234567890123!2d139.70258!3d35.67048!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzXCsDQwJzEzLjciTiAxMznCsDQyJzA5LjMiRQ!5e0!3m2!1sja!2sjp!4v1234567890\" width=\"100%\" height=\"400\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group cta-section is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group cta-bg is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full cta-bg-image\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1060\/1600\/600\" alt=\"CTA\u80cc\u666f\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group cta-content is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading cta-title\">\u3054\u4e88\u7d04\u30fb\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n\n\n\n<p class=\"cta-text wp-block-paragraph\">\u304a\u5e2d\u306e\u3054\u4e88\u7d04\u3084\u3054\u8cea\u554f\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button cta-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/oto-design.com\/themas\/cafe\/contact\/\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/a><\/div>\n\n\n\n<div class=\"wp-block-button cta-button cta-button-outline\"><a class=\"wp-block-button__link wp-element-button\" href=\"tel:0312345678\"><i class=\"fa-solid fa-phone\" aria-hidden=\"true\"><\/i> \u304a\u96fb\u8a71\u3067\u306e\u3054\u4e88\u7d04<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A cup of code,A moment of peace. \u81ea\u5bb6\u7119\u714e\u30b3\u30fc\u30d2\u30fc\u3068\u3001\u9759\u304b\u306a\u6642\u9593\u3002 Scroll \u4e00\u676f\u306e\u73c8\u7432\u304c\u3001\u65e5\u5e38\u3092\u7279\u5225\u306b\u3059\u308b\u3002 \u53b3\u9078\u3055\u308c\u305f\u8c46\u3068\u3001\u4e01\u5be7\u306a\u7119\u714e\u3002\u79c1\u305f\u3061\u306f\u3001\u305f\u3060\u30b3\u30fc\u30d2\u30fc\u3092\u6df9\u308c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u304a [&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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":11,"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/pages\/11\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/oto-design.com\/themas\/cafe\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}