{"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-08-10T16:11:46","modified_gmt":"2026-08-10T07:11:46","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>\u5e97\u8217\u4e00\u89a7 | ACAITOKYO<\/title>\n    \n    <!-- Tailwind CSS (Via CDN) -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts -->\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            scroll-behavior: smooth;\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        \/* 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            background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), 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\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=\"https:\/\/fukuokashare.com\/jbowl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center\">\n                        <img decoding=\"async\" src=\"https:\/\/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=\"https:\/\/fukuokashare.com\/jbowl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u30db\u30fc\u30e0<\/a>\n                    <!-- \u73fe\u5728\u306e\u30da\u30fc\u30b8\u306a\u306e\u3067\u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u3078\u30b9\u30af\u30ed\u30fc\u30eb -->\n                    <a href=\"#top\" 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\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/sitemap\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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:\/\/fukuokashare.com\/jbowl\/#recruit\" target=\"_blank\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-xs font-bold text-brand-black hover:text-brand-purple transition-colors tracking-widest font-display\">\u4f1a\u793e\u6982\u8981<\/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] mobile-menu-bg 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=\"https:\/\/fukuokashare.com\/jbowl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u30db\u30fc\u30e0<\/a>\n            <a href=\"#top\" 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\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/sitemap\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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:\/\/fukuokashare.com\/jbowl\/#recruit\" target=\"_blank\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mobile-link text-xl font-bold hover:text-brand-purple transition-colors tracking-widest font-display\">\u4f1a\u793e\u6982\u8981<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN SHOP LIST SECTION (Card Layout) -->\n    <section class=\"relative pt-32 pb-24 overflow-hidden bg-brand-purple min-h-screen\">\n        <!-- Background Patterns -->\n        <div class=\"absolute inset-0 z-0\">\n            <!-- Diagonal stripes -->\n            <div class=\"absolute inset-0 opacity-10\" style=\"background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, #ffffff 15px, #ffffff 30px);\"><\/div>\n            <!-- Background Image overlay -->\n            <div class=\"absolute inset-0 bg-cover bg-center opacity-40 mix-blend-multiply\" style=\"background-image: url('https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg');\"><\/div>\n            <div class=\"absolute inset-0 bg-gradient-to-b from-brand-purple\/90 via-brand-purple\/50 to-brand-purple\/90\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-10\">\n            <!-- Title -->\n            <div class=\"text-center mb-10 fade-up\">\n                <h2 class=\"font-bello font-bold italic text-6xl md:text-7xl text-white mb-2 drop-shadow-lg tracking-widest\">SHOP LIST<\/h2>\n                <p class=\"text-brand-lime font-bold tracking-widest drop-shadow-md text-lg\">\u5e97\u8217\u4e00\u89a7\u30fb\u30a2\u30af\u30bb\u30b9<\/p>\n            <\/div>\n\n            <!-- Filter Buttons -->\n            <div class=\"flex flex-wrap justify-center gap-3 mb-20 fade-up\">\n                <a href=\"#area-tohoku\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u6771\u5317\u30a8\u30ea\u30a2<\/a>\n                <a href=\"#area-kanto\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u95a2\u6771\u30a8\u30ea\u30a2<\/a>\n                <a href=\"#area-chubu\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u4e2d\u90e8\u30a8\u30ea\u30a2<\/a>\n                <a href=\"#area-kinki\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u8fd1\u757f\u30a8\u30ea\u30a2<\/a>\n                <a href=\"#area-chugoku\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u4e2d\u56fd\u30fb\u56db\u56fd\u30a8\u30ea\u30a2<\/a>\n                <a href=\"#area-kyushu\" class=\"bg-white text-brand-black px-6 py-2.5 font-bold rounded-full shadow-xl hover:bg-brand-lime hover:text-brand-black transition-colors text-sm md:text-base border-2 border-transparent\">\u4e5d\u5dde\u30fb\u6c96\u7e04\u30a8\u30ea\u30a2<\/a>\n            <\/div>\n\n            <!-- ===================== AREA: TOHOKU ===================== -->\n            <div id=\"area-tohoku\" class=\"mb-20 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u6771\u5317\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <!-- \u5c71\u5f62\u30fb\u9db4\u5ca1\u5e97 -->\n                    <a href=\"https:\/\/share.google\/3x92EHcJjnKXB9nJr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5c71\u5f62\u30fb\u9db4\u5ca1\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">YAMAGATA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5c71\u5f62\u30fb\u9db4\u5ca1\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- ===================== AREA: KANTO ===================== -->\n            <div id=\"area-kanto\" class=\"mb-20 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u95a2\u6771\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <!-- \u795e\u5948\u5ddd\u30fb\u6a2a\u6d5c\u95a2\u5185\u5e97 -->\n                    <a href=\"https:\/\/share.google\/DldShX0nsrTU7MvSr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u6a2a\u6d5c\u95a2\u5185\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">KANAGAWA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u6a2a\u6d5c\u95a2\u5185\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u4f4f\u5409\u5e97 -->\n                    <a href=\"https:\/\/share.google\/OH2Z2yS0WYYjHq4ga\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u6771\u4eac\u4f4f\u5409\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u6771\u4eac\u4f4f\u5409\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u6728\u5834\u5e97 -->\n                    <a href=\"https:\/\/share.google\/RYDTIu8y2ZDn1viSJ\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u6728\u5834\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u6728\u5834\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u7fa4\u99ac\u30fb\u9ad8\u5d0e\u5e97 -->\n                    <a href=\"https:\/\/share.google\/9cqcHX1fKKZ4JmEnY\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u9ad8\u5d0e\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">GUNMA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u9ad8\u5d0e\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u539f\u5bbf\u5e97 -->\n                    <a href=\"https:\/\/share.google\/c7dL1XZlWsiJvLoPv\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u539f\u5bbf\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u539f\u5bbf\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u4ee3\u3005\u6728\u5e97 -->\n                    <a href=\"https:\/\/share.google\/JlGnGLtHLtXKmDMnj\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u4ee3\u3005\u6728\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u4ee3\u3005\u6728\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u65e9\u7a32\u7530\u5927\u5b66\u524d\u5e97 -->\n                    <a href=\"https:\/\/share.google\/j1a4nThcVjA7YNsDN\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u65e9\u7a32\u7530\u5927\u5b66\u524d\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u65e9\u7a32\u7530\u5927\u5b66\u524d\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u516b\u738b\u5b50\u5e97 -->\n                    <a href=\"https:\/\/share.google\/0BKekTfl4b3e2ISer\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u516b\u738b\u5b50\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u516b\u738b\u5b50\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u7fa4\u99ac\u30fb\u7fa4\u99ac\u5927\u5b66\u524d\u5e97 -->\n                    <a href=\"https:\/\/share.google\/XWORJi7vDPN5njMCR\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u7fa4\u99ac\u5927\u5b66\u524d\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">GUNMA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u7fa4\u99ac\u5927\u5b66\u524d\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u57fc\u7389\u30fb\u4e45\u559c\u5e97 -->\n                    <a href=\"https:\/\/share.google\/DofPHjjI9D7VIYpAA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u4e45\u559c\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">SAITAMA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u4e45\u559c\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <!-- \u6771\u4eac\u30fb\u65b0\u5bbf\u6771\u53e3\u5e97 -->\n                    <a href=\"https:\/\/share.google\/ATcwN5uYgg8dk0Zje\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u65b0\u5bbf\u6771\u53e3\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOKYO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u65b0\u5bbf\u6771\u53e3\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Area: CHUBU -->\n            <div id=\"area-chubu\" class=\"mb-20 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u4e2d\u90e8\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <a href=\"https:\/\/share.google\/MK0CKoBRyY6lz5lzG\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5ca1\u5d0e\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">AICHI<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5ca1\u5d0e\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/XwvEEF0vj3Cl6Zq5u\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u540d\u53e4\u5c4b\u9326\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">AICHI<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u540d\u53e4\u5c4b\u9326\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/naIFmOPAHihuf0QZF\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u540d\u53e4\u5c4b\u6804\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">AICHI<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u540d\u53e4\u5c4b\u6804\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/oGv2Xi5endP5uGtZS\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5927\u5e9c\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">AICHI<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5927\u5e9c\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Area: KINKI -->\n            <div id=\"area-kinki\" class=\"mb-20 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u8fd1\u757f\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <a href=\"https:\/\/share.google\/yL5GSYydUuOUoAeZF\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u679a\u65b9\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">OSAKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u679a\u65b9\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/P5UQEo7DFJy4Dqkxl\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5357\u5800\u6c5f\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">OSAKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5357\u5800\u6c5f\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/FWyeDT2pyq0cZUyh6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5fc3\u658e\u6a4b\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">OSAKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5fc3\u658e\u6a4b\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/QlHG6sNOAPLNusTGb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5b87\u6cbb\u5c0f\u5009\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">KYOTO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5b87\u6cbb\u5c0f\u5009\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Area: CHUGOKU & SHIKOKU -->\n            <div id=\"area-chugoku\" class=\"mb-20 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u4e2d\u56fd\u30fb\u56db\u56fd\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <a href=\"https:\/\/share.google\/e9qHM0eyMtVpXX6HA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5009\u5409\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">TOTTORI<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5009\u5409\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/B2BAJe5CwkeWDfqOB\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u677e\u5c71\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">EHIME<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u677e\u5c71\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Area: KYUSHU & OKINAWA -->\n            <div id=\"area-kyushu\" class=\"mb-10 pt-10 mt-[-40px]\">\n                <div class=\"inline-block bg-white text-brand-purple px-6 py-2 font-bold text-xl md:text-2xl mb-8 shadow-lg border-l-4 border-brand-purple fade-up\">\n                    \u4e5d\u5dde\u30fb\u6c96\u7e04\u30a8\u30ea\u30a2\n                <\/div>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 fade-up\">\n                    <a href=\"https:\/\/share.google\/eqEbyVil0gFGRBHCD\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5927\u5206\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">OITA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5927\u5206\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/ogW0sNRvQhpHzSlee\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u516b\u4ee3\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">KUMAMOTO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u516b\u4ee3\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/wE59kFvStMsRswrDA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u718a\u672c\u5927\u5b66\u524d\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">KUMAMOTO<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u718a\u672c\u5927\u5b66\u524d\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/xLDzcyo8d1YnErmZI\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u4f50\u8cc0\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">SAGA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u4f50\u8cc0\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/NwVJdFC875MbFiNwu\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5c0f\u5009\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">FUKUOKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5c0f\u5009\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/Wpfl0Wt6AXn7xiMUS\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u798f\u5ca1\u30fb\u5927\u6a4b\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">FUKUOKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u798f\u5ca1\u30fb\u5927\u6a4b\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/maps.app.goo.gl\/ac9w8PKPWzS6dJUG7?g_st=ic\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u798f\u5ca1\u30fb\u6298\u5c3e\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">FUKUOKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u798f\u5ca1\u30fb\u6298\u5c3e\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/maps.app.goo.gl\/HRuaSfQEFie7MzZ78?g_st=ic\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u798f\u5ca1\u30fb\u4e45\u7559\u7c73\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">FUKUOKA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u798f\u5ca1\u30fb\u4e45\u7559\u7c73\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n\n                    <a href=\"https:\/\/share.google\/Wd8zHKkrWUOp1YaW8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block relative rounded-xl overflow-hidden shadow-2xl group border-4 border-white\/30 hover:border-brand-lime transition-all duration-300 bg-white transform hover:-translate-y-1\">\n                        <div class=\"aspect-[4\/3] relative\">\n                            <img decoding=\"async\" src=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/44ea8f901a9206fa980ce1667af33183-scaled.jpeg\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" alt=\"\u5bae\u53e4\u5cf6\u5e97\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent\"><\/div>\n                            <div class=\"absolute top-4 left-4 bg-brand-purple text-white text-xs md:text-sm font-bold px-3 py-1 shadow-md rounded-sm\">OKINAWA<\/div>\n                            <div class=\"absolute bottom-16 left-4 right-4\"><h3 class=\"text-white font-bold text-xl md:text-2xl drop-shadow-md\">\u5bae\u53e4\u5cf6\u5e97<\/h3><\/div>\n                            <div class=\"absolute bottom-0 left-0 w-full bg-[#06C755] text-white py-3 px-4 flex items-center justify-between group-hover:bg-[#05b34c] transition-colors\">\n                                <div class=\"flex items-center gap-2\"><i class=\"fas fa-map-marker-alt text-xl\"><\/i><span class=\"text-sm font-bold\">MAP\u3067\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n                                <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\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=\"https:\/\/fukuokashare.com\/jbowl\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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 font-display\">MENU<\/h4>\n                    <ul class=\"space-y-4 text-sm font-medium font-display\">\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-brand-lime transition-colors\">\u30db\u30fc\u30e0<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-lime transition-colors\">\u5e97\u8217\u4e00\u89a7<\/a><\/li>\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/sitemap\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-brand-lime transition-colors\">JBOWL\u3068\u306f<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"font-bold text-gray-500 mb-6 text-xs tracking-widest font-display\">CORPORATE<\/h4>\n                    <ul class=\"space-y-4 text-sm font-medium font-display\">\n                        <li><a href=\"https:\/\/ivory756108.studio.site\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-brand-lime transition-colors\">\u30d5\u30e9\u30f3\u30c1\u30e3\u30a4\u30ba\u306b\u3064\u3044\u3066<\/a><\/li>\n                        <li><a href=\"https:\/\/fukuokashare.com\/jbowl\/#recruit\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-brand-lime transition-colors\">\u4f1a\u793e\u6982\u8981<\/a><\/li>\n                        <li><a href=\"#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 font-display\">CONTACT<\/h4>\n                    <p class=\"text-sm text-gray-400 mb-4 font-sans\">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 font-display\">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 font-sans\">\n                <p>\u00a9 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 -->\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\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/SVLA7397.png\" alt=\"FC\u52a0\u76df LINE\">\n        <\/a>\n        <!-- Customer Inquiry -->\n        <a href=\"https:\/\/line.me\/R\/ti\/p\/@468afcrd\" target=\"_blank\" rel=\"noopener noreferrer\" 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=\"https:\/\/fukuokashare.com\/jbowl\/wp-content\/uploads\/2026\/01\/FQGI2567-e1769586390952.png\" alt=\"\u304a\u5ba2\u69d8\u7528 LINE\">\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>\u5e97\u8217\u4e00\u89a7 | ACAITOKYO \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 \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 SHOP LIST \u5e97\u8217\u4e00\u89a7\u30fb [&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,"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":81,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":541,"href":"http:\/\/acai.jbowl.info\/acai\/wp-json\/wp\/v2\/pages\/9\/revisions\/541"}],"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}]}}