{"id":9,"date":"2026-01-28T10:07:38","date_gmt":"2026-01-28T01:07:38","guid":{"rendered":"https:\/\/fukuokashare.com\/jbowl\/?page_id=9"},"modified":"2026-03-17T09:58:42","modified_gmt":"2026-03-17T00:58:42","slug":"%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b","status":"publish","type":"page","link":"http:\/\/acai.jbowl.info\/acai\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/","title":{"rendered":"\u5e97\u8217\u4e00\u89a7"},"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\">\n    <title>SHOP LIST | ACAITOKYO \u5e97\u8217\u4e00\u89a7<\/title>\n    \n    <!-- Tailwind CSS (Via CDN) -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts (Updated: Changed Japanese font to Shippori Antique) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kaushan+Script&#038;family=Montserrat:wght@400;500;700;900&#038;family=Shippori+Antique&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <!-- Tailwind Config -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'brand-purple': '#6D28D9', \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff1a\u7d2b *\/\n                        'brand-dark-purple': '#4C1D95', \/* \u6df1\u3044\u7d2b *\/\n                        'brand-lime': '#D9F99D',   \/* \u30a2\u30af\u30bb\u30f3\u30c8\uff1a\u30e9\u30a4\u30e0 *\/\n                        'brand-black': '#1a1a1a',\n                    },\n                    fontFamily: {\n                        sans: ['\"Shippori Antique\"', 'sans-serif'],\n                        display: ['\"Montserrat\"', 'sans-serif'],\n                        bello: ['\"Kaushan Script\"', 'cursive'], \/* \u30bf\u30a4\u30c8\u30eb\u7528\u30d5\u30a9\u30f3\u30c8 *\/\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            font-family: 'Shippori Antique', sans-serif;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* Hide scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1; \n        }\n        ::-webkit-scrollbar-thumb {\n            background: #6D28D9; \n        }\n\n        \/* Fade Up Animation *\/\n        .fade-up {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n        }\n        .fade-up.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Custom Masonry Layout for Menu *\/\n        .masonry-grid {\n            column-count: 2;\n            column-gap: 1.5rem;\n        }\n        @media (min-width: 768px) {\n            .masonry-grid {\n                column-count: 3;\n            }\n        }\n        .masonry-item {\n            break-inside: avoid;\n            margin-bottom: 1.5rem;\n        }\n        .masonry-item img {\n            width: 100%;\n            border-radius: 0; \n            display: block;\n        }\n        \n        \/* Stronger text shadow for hero readability without overlay *\/\n        .hero-text-shadow {\n            text-shadow: 0 4px 12px rgba(0,0,0,0.5);\n        }\n\n        \/* Mobile Menu Transitions *\/\n        #mobile-menu {\n            transition: transform 0.3s ease-in-out;\n        }\n        #mobile-menu.open {\n            transform: translateX(0);\n        }\n        #mobile-menu.closed {\n            transform: translateX(100%);\n        }\n\n        \/* Mobile Menu Background Image with Overlay *\/\n        .mobile-menu-bg {\n            \/* \u753b\u50cf\u306e\u4e0a\u306b90%\u306e\u767d\u3092\u91cd\u306d\u3066\u3001\u6587\u5b57\u306e\u53ef\u8aad\u6027\u3092\u78ba\u4fdd\u3057\u3064\u3064\u8cea\u611f\u3092\u51fa\u3059 *\/\n            background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https:\/\/images.unsplash.com\/photo-1558611848-73f7eb4001a1?q=80&w=2000&auto=format&fit=crop');\n            background-size: cover;\n            background-position: center;\n        }\n\n        \/* Geometric Background Elements *\/\n        .geo-shape {\n            position: absolute;\n            z-index: -1;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-white text-brand-black\" id=\"top\">\n\n    <!-- GEOMETRIC BACKGROUND LAYER -->\n    <div class=\"fixed inset-0 z-0 pointer-events-none overflow-hidden\">\n        <!-- Top Right Purple Polygon -->\n        <div class=\"geo-shape top-0 right-0 w-[80vw] h-[80vh] bg-brand-purple\/5 transform skew-x-[-20deg] translate-x-1\/3 -translate-y-1\/4\"><\/div>\n        <!-- Bottom Left Lime Circle -->\n        <div class=\"geo-shape bottom-0 left-0 w-[50vw] h-[50vh] bg-brand-lime\/10 rounded-full blur-3xl transform -translate-x-1\/4 translate-y-1\/4\"><\/div>\n    <\/div>\n    <!-- HEADER -->\n    <header class=\"fixed w-full top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 transition-all duration-300 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-24\">\n                <!-- Logo -->\n                <div class=\"flex-shrink-0 flex items-center\">\n                    <a href=\"ACAITOKYO_Official_Website.html\" class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/Photoroom_20260129_140120.png\" alt=\"J BOWL\" class=\"h-16 w-auto\">\n                    <\/a>\n                <\/div>\n                \n                <!-- Desktop Nav -->\n                <nav class=\"hidden lg:flex space-x-6 items-center\">\n                    <a href=\"http:\/\/acai.jbowl.info\/acai\/\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u30db\u30fc\u30e0<\/a>\n                    <a href=\"http:\/\/acai.jbowl.info\/acai\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/\" class=\"text-xs font-bold text-brand-purple border-b border-brand-purple transition-colors tracking-widest font-display\">\u5e97\u8217\u4e00\u89a7<\/a>\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" target=\"_blank\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066<\/a>\n                    <a href=\"http:\/\/acai.jbowl.info\/acai\/sitemap\/\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">JBOWL\u3068\u306f<\/a>\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u63a1\u7528\u60c5\u5831<\/a>\n                    <a href=\"http:\/\/acai.jbowl.info\/acai\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u4f1a\u793e\u6982\u8981<\/a>\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" class=\"px-5 py-2 bg-brand-purple text-white text-xs font-bold tracking-widest hover:bg-brand-dark-purple transition-colors font-display\">\u304a\u554f\u5408\u305b<\/a>\n                <\/nav>\n\n                <!-- Mobile Menu Button -->\n                <div class=\"lg:hidden flex items-center\">\n                    <button id=\"mobile-menu-btn\" class=\"text-brand-black hover:text-brand-purple focus:outline-none p-2\">\n                        <i class=\"fas fa-bars text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- MOBILE MENU OVERLAY -->\n    <div id=\"mobile-menu\" class=\"fixed inset-0 z-[60] bg-white transform translate-x-full closed lg:hidden flex flex-col\">\n        <div class=\"flex justify-end p-6\">\n            <button id=\"mobile-menu-close\" class=\"text-brand-black hover:text-brand-purple focus:outline-none p-2\">\n                <i class=\"fas fa-times text-3xl\"><\/i>\n            <\/button>\n        <\/div>\n        <div class=\"flex flex-col items-center justify-center space-y-8 flex-grow pb-20\">\n            <a href=\"http:\/\/acai.jbowl.info\/acai\/\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u30db\u30fc\u30e0<\/a>\n            <a href=\"http:\/\/acai.jbowl.info\/acai\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/\" class=\"mobile-link text-xl font-bold text-brand-purple transition-colors tracking-widest font-display\">\u5e97\u8217\u4e00\u89a7<\/a>\n            <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" target=\"_blank\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066<\/a>\n            <a href=\"http:\/\/acai.jbowl.info\/acai\/sitemap\/\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">JBOWL\u3068\u306f<\/a>\n            <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u63a1\u7528\u60c5\u5831<\/a>\n            <a href=\"http:\/\/acai.jbowl.info\/acai\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u4f1a\u793e\u6982\u8981<\/a>\n            <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" class=\"mobile-link px-8 py-3 bg-brand-purple text-white text-xl font-bold tracking-widest hover:bg-brand-dark-purple transition-colors font-display\">\u304a\u554f\u5408\u305b<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- PAGE HEADER -->\n    <section class=\"relative pt-32 pb-20 bg-brand-purple text-white z-10\">\n        <!-- Geometric decoration inside header -->\n        <div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-white\/10 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n            <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/10 to-transparent\"><\/div>\n            <!-- Striped Pattern -->\n            <div class=\"absolute inset-0 opacity-10\" style=\"background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff 10px, #ffffff 11px);\"><\/div>\n        <\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center fade-up relative z-10\">\n            <h1 class=\"font-bello font-bold text-5xl md:text-7xl mb-4\">SHOP LIST<\/h1>\n            <p class=\"text-brand-lime font-bold tracking-widest\">\u5e97\u8217\u4e00\u89a7\u30fb\u30a2\u30af\u30bb\u30b9<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- SHOP LIST CONTENT -->\n    <section class=\"py-20 bg-transparent relative z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Filter \/ Area Anchor -->\n            <div class=\"flex flex-wrap justify-center gap-4 mb-16 fade-up\">\n                <a href=\"#kanto\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u95a2\u6771\u5730\u65b9<\/a>\n                <a href=\"#chubu\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u4e2d\u90e8\u5730\u65b9<\/a>\n                <a href=\"#kinki\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u8fd1\u757f\u5730\u65b9<\/a>\n                <a href=\"#chugoku\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u4e2d\u56fd\u5730\u65b9<\/a>\n                <a href=\"#kyushu\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u4e5d\u5dde\u5730\u65b9<\/a>\n                <a href=\"#okinawa\" class=\"px-6 py-2 bg-white border border-gray-200 rounded-full font-bold hover:bg-brand-purple hover:text-white transition-colors shadow-sm\">\u6c96\u7e04\u5730\u65b9<\/a>\n            <\/div>\n\n            <!-- Area: KANTO -->\n            <h2 id=\"kanto\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u95a2\u6771\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                \n                <!-- Ebisu -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1593.jpg\" alt=\"Ebisu Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u6075\u6bd4\u5bff\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/share.google\/IU1d51orHeD0VNpIK\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_ebisu?igsh=cGhyMGJyODQ1bGky\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Hachioji -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Hachioji\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u516b\u738b\u5b50\u5317\u53e3\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/ZsaPkKGChscFNAUC6?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_hachioji?igsh=amw0NW43cTNhMmpp\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Harajuku -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/02\/S__92610654.jpg\" alt=\"Harajuku\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u539f\u5bbf\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/TZQWw25sqeDnMXL58?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_harajuku?igsh=Zzk2bThoYWVmMDN0\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Waseda -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Waseda\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u65e9\u7a32\u7530\u5927\u5b66\u524d\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/mVhtwEzJYkxW5yv69?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_waseda?igsh=a3Jjc2VwbG82MXV3\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Yoyogi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Yoyogi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u4ee3\u3005\u6728\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/VepxAj9Y7zeUD3jWA?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbow_yoyogi?igsh=NDNsemUyeWZlY2hz\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shinjuku Adhoc -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Shinjuku\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u65b0\u5bbf\u30a2\u30c9\u30db\u30c3\u30af\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/UkBFVheb2tGaCmSz7?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_shinjuku?igsh=MXJzMjdjZThzMG5law==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Omori -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Omori\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5927\u68ee\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/JyqnxfZfaHVzcuUp8?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_omori?igsh=YzB5N3k2YTJsZzl0\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tokyo Sumiyoshi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/02\/S__92610655.jpg\" alt=\"Sumiyoshi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOKYO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u6771\u4eac\u4f4f\u5409\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/1Uk52MshwJ3ZHYY5A?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_sumiyoshi?igsh=MWtxMXUzZmNwNzFrNg==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Yokohama Kannai -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" alt=\"Yokohama Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KANAGAWA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u30a2\u30d1\u30db\u30c6\u30eb\u6a2a\u6d5c\u95a2\u5185\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"#\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_yokohama_apa?igsh=MTYwbGplZXAwMzRvYg==\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Area: CHUBU -->\n            <h2 id=\"chubu\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u4e2d\u90e8\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                <!-- Nagoya Sakae -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/407105B1-3D2F-4934-BD32-6DDBA9E7FB1B-scaled.jpeg\" alt=\"Nagoya\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">AICHI<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u540d\u53e4\u5c4b\u6804\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/ycRvttfJNhWMTaoAA?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/tenet_jbowl?igsh=NWR0a2prdjJqZnRz\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Toyohashi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/407105B1-3D2F-4934-BD32-6DDBA9E7FB1B-scaled.jpeg\" alt=\"Toyohashi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">AICHI<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u8c4a\u6a4b\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"#\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_toyohashi?igsh=aWNjMXhzcHRrMTZy\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Area: KINKI -->\n            <h2 id=\"kinki\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u8fd1\u757f\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                <!-- Shinsaibashi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/02\/S__92610656.jpg\" alt=\"Shinsaibashi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">OSAKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5fc3\u658e\u6a4b\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/yrrZCQh6YTnimhHDA?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_shinsaibashi?igsh=MXgycjU3d290NmRzNw==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Gojo -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_3386-scaled.jpeg\" alt=\"Gojo\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KYOTO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u4e94\u6761\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/MBnqavnarwWCaF6C7?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_gojo?igsh=cjAzam5pOWpibTdr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Nintendo -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_3386-scaled.jpeg\" alt=\"Nintendo\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KYOTO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u4efb\u5929\u5802\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/akS9bsma7vLe6VD6A?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_nintendo?igsh=MWRnZGYxYjFzbGdvcw==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Arashiyama -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_3386-scaled.jpeg\" alt=\"Arashiyama\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KYOTO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5d50\u5c71\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/8dHUMb8NrSFxdBdB6?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_arashiyama?igsh=aTdxd2doeTZndGti\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Area: CHUGOKU -->\n            <h2 id=\"chugoku\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u4e2d\u56fd\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                <!-- Kurayoshi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/e68499da45a412c0da05224f4309f1f9-scaled.jpeg\" alt=\"Kurayoshi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">TOTTORI<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5009\u5409\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"#\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_kurayoshi?igsh=MXliYXRtc2l4bzJr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Area: KYUSHU -->\n            <h2 id=\"kyushu\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u4e5d\u5dde\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                <!-- Shop: Hakata -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Hakata\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u535a\u591a\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"#\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_hakata?igsh=b3Zpcm5uanRtNjZp\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Fukudaimae -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Fukudaimae\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u798f\u5927\u524d\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"#\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_fukuoka.univ?igsh=MXZwa243aWJ4eWNtcg==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Ohashi -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/02\/S__92610653.jpg\" alt=\"Ohashi\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5927\u6a4b\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/XnWZBgvmmCZgZEuj9?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_ohashi?igsh=Y3VlYzhmcGVmYWJs\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Kokura Ekimae -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Kokura Ekimae\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5c0f\u5009\u99c5\u524d\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/1wLsjE1ZaSFS65pr6?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_kokura?igsh=MWo0Ymg4OTluMnMydQ==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Shop: Orio (Uber Available) -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden border-2 border-brand-lime\/30\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/IMG_1594.jpg\" alt=\"Orio Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8 bg-brand-lime\/5\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u6298\u5c3e\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<br>\n                            <span class=\"text-xs text-gray-400\">J BOWL \u6298\u5c3e\u5e97<\/span>\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/share.google\/cGcLFEyKzAfQD3sEY\" target=\"_blank\" class=\"flex items-center justify-center border border-brand-purple py-3 text-sm font-bold text-brand-purple hover:bg-brand-purple hover:text-white transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_orio?igsh=aHVmdzVqYm55ZGk2&#038;utm_source=qr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <a href=\"https:\/\/www.ubereats.com\/store-browse-uuid\/25d4d094-941e-55e6-b7f5-4b6235d20f0d?diningMode=PICKUP\" target=\"_blank\" class=\"flex items-center justify-center bg-[#06C167] text-white py-3 text-sm font-bold hover:bg-[#05a056] transition-colors rounded shadow-sm w-full\">\n                            <span class=\"font-display mr-1\">Uber<\/span> <span class=\"font-sans\">Eats \u3067\u6ce8\u6587<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Kurume -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/IMG_1653.jpg\" alt=\"Kurume Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">FUKUOKA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u4e45\u7559\u7c73\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<br>\n                            <span class=\"text-xs text-gray-400\">J BOWL\u4e45\u7559\u7c73\u5e97<\/span>\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/UdwCSVR3SMzwdJhg6\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_kurume?igsh=MTJhbjl3NzU2d2E0ZA==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Kumamoto Yatsushiro -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Yatsushiro Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KUMAMOTO<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u718a\u672c\u516b\u4ee3\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<br>\n                            <span class=\"text-xs text-gray-400\">J BOWL\u516b\u4ee3\u5e97<\/span>\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/share.google\/8SxEM81hBT8aCtn5f\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_yatushiro?igsh=MXBxdmU5aHl2dHVmMA%3D%3D&#038;utm_source=qr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Shop: Nagabeta -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/IMG_1595.jpg\" alt=\"Nagabeta Store\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">KYUSHU<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u9577\u90e8\u7530\u6d77\u5e8a\u8def\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<br>\n                            <span class=\"text-xs text-gray-400\">J BOWL \u9577\u90e8\u7530\u5e97<\/span>\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/share.google\/YYqR61SyPEuZpYwPN\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbwl_nagabeta?igsh=MWp5dHZyN3I5OWtsYQ%3D%3D&#038;utm_source=qr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oita -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Oita\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-lime text-brand-black text-xs font-bold px-3 py-1 tracking-widest\">OITA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5927\u5206\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/TtK9AyeoeWM8LJeJ9?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_oita?igsh=YXpvOW03N3o4cmlr\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Area: OKINAWA -->\n            <h2 id=\"okinawa\" class=\"text-2xl font-bold text-brand-purple border-b-2 border-brand-purple pb-2 mb-8 fade-up inline-block bg-white\/80 px-4\">\u6c96\u7e04\u5730\u65b9<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-up\">\n                <!-- Miyako -->\n                <div class=\"bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 group overflow-hidden\">\n                    <div class=\"relative h-64 overflow-hidden\">\n                        <img decoding=\"async\" src=\"http:\/\/acai.jbowl.info\/acai\/wp-content\/uploads\/2026\/01\/IMG_1769-scaled.jpeg\" alt=\"Miyako\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n                        <span class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs font-bold px-3 py-1 tracking-widest\">OKINAWA<\/span>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <h3 class=\"text-2xl font-bold mb-4 font-display group-hover:text-brand-purple transition-colors\">\u5bae\u53e4\u5cf6\u5e97<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-6 leading-relaxed\">\n                            <i class=\"fas fa-map-marker-alt text-brand-purple mr-2 w-4 text-center\"><\/i>\u8a73\u7d30\u306fGoogle\u30de\u30c3\u30d7\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-3 mb-3\">\n                            <a href=\"https:\/\/maps.app.goo.gl\/9zqKVr9VDrMJb4pT6?g_st=ic\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:bg-brand-purple hover:text-white hover:border-brand-purple transition-colors rounded\">\n                                <i class=\"fas fa-map-marked-alt mr-2\"><\/i>MAP\n                            <\/a>\n                            <a href=\"https:\/\/www.instagram.com\/jbowl_miyako?igsh=MXA1M2ZzZHNxcXd5eQ==\" target=\"_blank\" class=\"flex items-center justify-center border border-gray-200 py-3 text-sm font-bold text-gray-600 hover:text-[#E1306C] hover:border-[#E1306C] hover:bg-pink-50 transition-colors rounded\">\n                                <i class=\"fab fa-instagram mr-2 text-lg\"><\/i>Insta\n                            <\/a>\n                        <\/div>\n                        <div class=\"h-[46px] w-full border border-dashed border-gray-200 rounded flex items-center justify-center text-xs text-gray-400\">\n                            Uber Eats \u672a\u5bfe\u5fdc\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer id=\"contact\" class=\"bg-brand-black text-white pt-16 pb-8 border-t-4 border-brand-lime relative z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-16\">\n                <!-- Brand -->\n                <div class=\"md:col-span-1\">\n                    <a href=\"ACAITOKYO_Official_Website.html\" class=\"font-display font-bold text-2xl tracking-tighter text-white mb-6 block\">\n                        ACAI<span class=\"text-brand-purple\">TOKYO<\/span>\n                    <\/a>\n                    <div class=\"flex space-x-4\">\n                        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-purple transition-colors\">\n                            <i class=\"fab fa-instagram\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-purple transition-colors\">\n                            <i class=\"fab fa-tiktok\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-purple transition-colors\">\n                            <i class=\"far fa-envelope\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Links -->\n                <div>\n                    <h4 class=\"font-bold text-gray-500 mb-6 text-xs tracking-widest\">MENU<\/h4>\n                    <ul class=\"space-y-4 text-sm font-medium\">\n                        <li><a href=\"ACAITOKYO_Official_Website.html\" class=\"hover:text-brand-lime transition-colors\">\u30db\u30fc\u30e0<\/a><\/li>\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/\" class=\"hover:text-brand-lime transition-colors\">\u5e97\u8217\u4e00\u89a7<\/a><\/li>\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/sitemap\/\" class=\"hover:text-brand-lime transition-colors\">JBOWL\u3068\u306f<\/a><\/li>\n                        <li><a href=\"ACAITOKYO_Official_Website.html#menu\" class=\"hover:text-brand-lime transition-colors\">\u30e1\u30cb\u30e5\u30fc\u30ae\u30e3\u30e9\u30ea\u30fc<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"font-bold text-gray-500 mb-6 text-xs tracking-widest\">CORPORATE<\/h4>\n                    <ul class=\"space-y-4 text-sm font-medium\">\n                        <li><a href=\"https:\/\/ivory756108.studio.site\/\" target=\"_blank\" class=\"hover:text-brand-lime transition-colors\">\u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066<\/a><\/li>\n                        <li><a href=\"ACAITOKYO_Official_Website.html#recruit\" class=\"hover:text-brand-lime transition-colors\">\u63a1\u7528\u60c5\u5831<\/a><\/li>\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" class=\"hover:text-brand-lime transition-colors\">\u4f1a\u793e\u6982\u8981<\/a><\/li>\n                        <li><a href=\"ACAITOKYO_Official_Website.html#contact\" class=\"hover:text-brand-lime transition-colors\">\u304a\u554f\u5408\u305b<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact Info -->\n                <div>\n                    <h4 class=\"font-bold text-gray-500 mb-6 text-xs tracking-widest\">CONTACT<\/h4>\n                    <p class=\"text-sm text-gray-400 mb-4\">FC\u52a0\u76df\u3001\u53d6\u6750\u306b\u95a2\u3059\u308b\u304a\u554f\u3044\u5408\u308f\u305b\u306f<br>\u4e0b\u8a18\u3088\u308a\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n                    <a href=\"mailto:info@acaitokyo.com\" class=\"text-brand-lime font-bold hover:underline\">info@acaitokyo.com<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500\">\n                <p>&copy; 2024 ACAITOKYO Co., Ltd. All Rights Reserved.<\/p>\n                <div class=\"flex gap-4 mt-4 md:mt-0\">\n                    <a href=\"#\" class=\"hover:text-white\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- FLOATING LINE CTA (Updated Images & Aligned Height) -->\n    <div class=\"fixed bottom-4 left-0 w-full z-[100] px-2 md:px-4 pointer-events-none flex justify-center items-stretch gap-2 md:gap-4\">\n        <!-- FC Join -->\n        <a href=\"https:\/\/line.me\/R\/ti\/p\/@841cjolm\" target=\"_blank\" class=\"pointer-events-auto transform hover:scale-105 transition-transform duration-300 drop-shadow-2xl flex-1 max-w-sm flex\">\n            <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/SVLA7397.png\" alt=\"FC\u52a0\u76df LINE\" class=\"w-full h-full object-fill rounded-lg\">\n        <\/a>\n        <!-- Customer Inquiry -->\n        <a href=\"https:\/\/line.me\/R\/ti\/p\/@468afcrd\" target=\"_blank\" class=\"pointer-events-auto transform hover:scale-105 transition-transform duration-300 drop-shadow-2xl flex-1 max-w-sm flex\">\n            <img decoding=\"async\" src=\"http:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/FQGI2567-e1769586390952.png\" alt=\"\u304a\u5ba2\u69d8\u7528 LINE\" class=\"w-full h-full object-fill rounded-lg\">\n        <\/a>\n    <\/div>\n\n    <!-- INTERSECTION OBSERVER SCRIPT -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ Fade Up Animation\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px',\n                threshold: 0.1\n            };\n\n            const observer = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, observerOptions);\n\n            const fadeElements = document.querySelectorAll('.fade-up');\n            fadeElements.forEach(el => observer.observe(el));\n\n            \/\/ Mobile Menu Logic\n            const mobileBtn = document.getElementById('mobile-menu-btn');\n            const mobileMenu = document.getElementById('mobile-menu');\n            const closeBtn = document.getElementById('mobile-menu-close');\n            const mobileLinks = document.querySelectorAll('.mobile-link');\n\n            function toggleMenu() {\n                if (mobileMenu.classList.contains('closed')) {\n                    mobileMenu.classList.remove('closed');\n                    mobileMenu.classList.add('open');\n                } else {\n                    mobileMenu.classList.remove('open');\n                    mobileMenu.classList.add('closed');\n                }\n            }\n\n            if (mobileBtn && mobileMenu && closeBtn) {\n                mobileBtn.addEventListener('click', toggleMenu);\n                closeBtn.addEventListener('click', toggleMenu);\n                \n                \/\/ Close menu when a link is clicked\n                mobileLinks.forEach(link => {\n                    link.addEventListener('click', toggleMenu);\n                });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SHOP LIST | ACAITOKYO \u5e97\u8217\u4e00\u89a7 \u30db\u30fc\u30e0 \u5e97\u8217\u4e00\u89a7 \u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066 JBOWL\u3068\u306f \u63a1\u7528\u60c5\u5831 \u4f1a\u793e\u6982\u8981 \u304a\u554f\u5408\u305b \u30db\u30fc\u30e0 \u5e97\u8217\u4e00\u89a7 \u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066 JBOWL\u3068\u306f \u63a1\u7528\u60c5\u5831 \u4f1a\u793e\u6982\u8981  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":76,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":519,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages\/9\/revisions\/519"}],"wp:attachment":[{"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}