{"id":6,"date":"2026-02-27T23:52:03","date_gmt":"2026-02-27T14:52:03","guid":{"rendered":"http:\/\/www.miyoshitei.jp\/?page_id=6"},"modified":"2026-04-09T12:00:19","modified_gmt":"2026-04-09T03:00:19","slug":"6-2","status":"publish","type":"page","link":"https:\/\/www.miyoshitei.jp\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>\u4e09\u51f1\u4ead<\/title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts (Noto Serif JP) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        waRed: '#8b0000', \/\/ \u4f1d\u7d71\u7684\u306a\u8d64\uff08\u3048\u3093\u3058\u8272\uff09\n                        waBg: '#f9f8f6',  \/\/ \u548c\u7d19\u306e\u3088\u3046\u306a\u6de1\u3044\u80cc\u666f\u8272\n                        waDark: '#2c2c2c', \/\/ \u30c0\u30fc\u30af\u30b0\u30ec\u30fc\n                    },\n                    fontFamily: {\n                        serif: ['\"Noto Serif JP\"', 'serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* --- Tr\u00e1nh gi\u1eadt trang khi m\u1edf Modal (Ch\u1ec9 \u00e1p d\u1ee5ng cho PC) --- *\/\n        @media (min-width: 768px) {\n            html {\n                scrollbar-gutter: stable;\n            }\n        }\n\n        \/* --- 1. S\u1eeda l\u1ed7i Scroll ngang tri\u1ec7t \u0111\u1ec3 --- *\/\n        html, body {\n            overflow-x: hidden !important;\n            max-width: 100%;\n        }\n\n        \/* --- KH\u00d3A SCROLL B\u00caN NGO\u00c0I KHI M\u1ede MODAL --- *\/\n        html.modal-open, body.modal-open {\n            overflow: hidden !important;\n        }\n\n        \/* --- \u00c9P MODAL FULL M\u00c0N H\u00ccNH CH\u1ed0NG L\u1ea0I M\u1eccI WP THEME --- *\/\n        #privacy-modal {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            bottom: 0 !important;\n            width: 100% !important;\n            height: 100% !important;\n            z-index: 2147483647 !important;\n            transform: none !important;\n            margin: 0 !important;\n        }\n\n        \/* --- 2. Fix CF7: C\u0103n gi\u1eefa tuy\u1ec7t \u0111\u1ed1i n\u00fat Submit --- *\/\n        .wpcf7-spinner {\n            position: absolute !important;\n            margin-left: 15px !important;\n            margin-top: 15px !important;\n        }\n\n        \/* --- 3. \u1ea8n thanh cu\u1ed9n cho Slider nh\u01b0ng v\u1eabn cho ph\u00e9p vu\u1ed1t --- *\/\n        .scrollbar-hide::-webkit-scrollbar {\n            display: none;\n        }\n        .scrollbar-hide {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n\n        body {\n            background-color: theme('colors.waBg');\n            color: theme('colors.waDark');\n        }\n        .pattern-bg {\n            background-image: linear-gradient(theme('colors.waRed') 1px, transparent 1px),\n            linear-gradient(90deg, theme('colors.waRed') 1px, transparent 1px);\n            background-size: 40px 40px;\n            background-color: theme('colors.waRed');\n            background-blend-mode: overlay;\n        }\n        .iframe-container {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            padding-top: 75%;\n        }\n        .iframe-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        \/* --- WordPress\u30ec\u30a4\u30a2\u30a6\u30c8\u5d29\u308c\u4fee\u6b63\u7528CSS --- *\/\n        .alignfull {\n            margin-left: calc(50% - 50vw) !important;\n            margin-right: calc(50% - 50vw) !important;\n            width: 100vw !important;\n            max-width: 100vw !important;\n            box-sizing: border-box;\n        }\n        header.alignfull, section.alignfull, footer.alignfull {\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n        }\n        p:empty, .alignfull + p, .alignfull + br {\n            display: none !important;\n        }\n        .fix-wp-top-gap {\n            margin-top: -60px !important;\n            padding-top: calc(6rem + 60px) !important;\n        }\n\n        \/* --- CF7 Checkbox \u672a\u30c1\u30a7\u30c3\u30af\u6642\u306e\u8d64\u67a0\u30a8\u30e9\u30fc\u8868\u793a --- *\/\n        .wpcf7-not-valid-control input[type=\"checkbox\"] {\n            outline: 2px solid #8b0000 !important;\n            outline-offset: 2px;\n            border-color: #8b0000 !important;\n        }\n        .wpcf7-not-valid-tip {\n            color: #8b0000 !important;\n            font-size: 0.875rem !important;\n            display: block;\n            margin-top: 6px;\n        }\n\n        \/* --- Privacy modal: justify paragraphs under numbered sections --- *\/\n        #privacy-content p {\n            text-align: justify !important;\n            text-justify: inter-ideograph !important;\n        }\n        \n        \/* \u30a8\u30e9\u30fc\u3092\u9632\u3050\u305f\u3081\u3001\u7279\u5b9a\u306e\u30c6\u30ad\u30b9\u30c8\u306f\u5f37\u5236\u7684\u306b\u4e2d\u592e\u63c3\u3048\u306b\u3059\u308b *\/\n        #privacy-content p.text-center-force {\n            text-align: center !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-serif antialiased scroll-smooth\">\n\n    <!-- \u30d8\u30c3\u30c0\u30fc (Hero Section) -->\n    <header class=\"bg-waRed text-white pb-32 px-4 text-center relative overflow-hidden pattern-bg alignfull fix-wp-top-gap\">\n        <div class=\"relative z-10 max-w-3xl mx-auto\">\n            <h1 class=\"text-5xl md:text-7xl font-black mb-6 tracking-widest drop-shadow-lg\">\u4e09\u51f1\u4ead<\/h1>\n            <p class=\"text-xl md:text-2xl mb-10 opacity-90 font-medium leading-relaxed\">\u6708\u6570\u56de\u958b\u50ac\uff01<br>\u301c\u4f1d\u7d71\u82b8\u80fd\u3092\u697d\u3057\u3080\u3072\u3068\u3068\u304d\u301c<\/p>\n            \n            <div class=\"flex flex-col items-center gap-6 mb-4\">\n                <a href=\"#reservation-form\" class=\"inline-block bg-white text-waRed font-bold py-4 px-10 rounded-full shadow-xl hover:bg-gray-100 hover:scale-105 transition-transform duration-300 text-xl border-2 border-transparent hover:border-waRed\">\n                    \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b\n                <\/a>\n                <div class=\"flex flex-wrap justify-center gap-4 sm:gap-6 text-sm sm:text-base font-medium\">\n                    <a href=\"#schedule\" class=\"hover:text-gray-200 transition underline underline-offset-4 decoration-white\/50\">\u516c\u6f14\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb \u2193<\/a>\n                    <a href=\"#performers\" class=\"hover:text-gray-200 transition underline underline-offset-4 decoration-white\/50\">\u51fa\u6f14\u8005 \u2193<\/a>\n                    <a href=\"#access\" class=\"hover:text-gray-200 transition underline underline-offset-4 decoration-white\/50\">\u30a2\u30af\u30bb\u30b9 \u2193<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- \u6b21\u56de\u516c\u6f14\u60c5\u5831 (Next Performance) -->\n    <section class=\"alignfull px-4 relative z-20 mb-10\">\n        <div class=\"max-w-4xl mx-auto -mt-16 md:-mt-24\">\n            <div class=\"bg-white rounded-2xl shadow-2xl p-8 md:p-12 border border-gray-100 relative z-10\">\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-2 text-center text-waRed\">\u6b21\u56de\u516c\u6f14<\/h2>\n                <h3 id=\"next-event-title\" class=\"text-xl md:text-2xl font-bold mb-8 text-center text-gray-800 tracking-wider\">\u300c\u5f25\u751f\u843d\u8a9e\u4f1a \u53e4\u5178vs\u65b0\u4f5c\u300d<\/h3>\n                \n                <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n                    <div class=\"space-y-6 text-lg\">\n                        <div class=\"flex items-start gap-4\">\n                            <svg class=\"w-6 h-6 text-waRed flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n                            <div>\n                                <p><span id=\"next-event-date\" class=\"font-bold\">3\u670829\u65e5\uff08\u65e5\uff09<\/span><\/p>\n                                <p id=\"next-event-deadline\" class=\"inline-block mt-1.5 text-sm font-bold text-waRed bg-red-50 border border-red-100 px-2.5 py-1 rounded\">\u4e88\u7d04\u7de0\u5207\uff1a3\u670828\u65e5\uff08\u571f\uff0922:00<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center gap-4\">\n                            <svg class=\"w-6 h-6 text-waRed flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                            <p>\u958b\u5834 <span id=\"next-event-open\" class=\"font-bold text-waRed\">14:00<\/span> \/ \u958b\u6f14 <span id=\"next-event-start\" class=\"font-bold text-waRed\">14:30<\/span><\/p>\n                        <\/div>\n                        <div class=\"flex items-center gap-4\">\n                            <svg class=\"w-6 h-6 text-waRed flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z\"><\/path><\/svg>\n                            <p>\u6728\u6238\u92ad\uff1a<span id=\"next-event-price\" class=\"font-bold text-2xl text-waRed\">2,000\u5186<\/span> <span id=\"next-event-price-note\" class=\"text-sm font-medium text-gray-500\">\u4e88\u7d04\u8005\u512a\u5148<\/span><\/p>\n                        <\/div>\n                        <div class=\"space-y-2\">\n                            <div class=\"flex items-center gap-4\">\n                                <svg class=\"w-6 h-6 text-waRed flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n                                <p>\u4f1a\u5834\uff1a<span id=\"next-event-venue\">\u5fb3\u4e38\u4e09\u51f1\u4ead<\/span><\/p>\n                            <\/div>\n                            <div id=\"next-event-attention\" class=\"hidden\">\n                                <div class=\"flex items-start gap-4\">\n                                    <div class=\"w-6 h-6 flex items-center justify-center flex-shrink-0\">\n                                        <svg class=\"w-5 h-5 text-waRed\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v4m0 4h.01M10.29 3.86l-7.4 12.81A2 2 0 004.6 20h14.8a2 2 0 001.72-3.33l-7.4-12.81a2 2 0 00-3.44 0z\"\/>\n                                    <\/svg>\n                                    <\/div>\n                                    <p class=\"text-sm text-gray-600 leading-relaxed\">\n                                        <span id=\"next-event-attention-text\"><\/span>\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"bg-gray-50 p-6 md:p-8 rounded-xl border border-gray-200\">\n                        <h3 class=\"font-bold text-xl mb-4 border-b pb-2\">\u51fa\u6f14\u8005<\/h3>\n                        <ul id=\"next-event-performers\" class=\"space-y-4 text-lg\">\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"w-2.5 h-2.5 bg-waRed rounded-full\"><\/span>\n                                <span class=\"font-bold\">\u6842 \u9df9\u6cbb<\/span>\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"w-2.5 h-2.5 bg-waRed rounded-full\"><\/span>\n                                <span class=\"font-bold\">\u7027\u5ddd \u9bc9\u767d<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mt-10 flex flex-col items-center gap-4\">\n                    <a href=\"#reservation-form\" class=\"inline-block bg-waDark text-white font-bold py-3 px-14 rounded-full shadow hover:bg-black transition duration-300\">\n                        \u5e2d\u3092\u4e88\u7d04\u3059\u308b\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u672a\u4f86\u516c\u6f14\u884c\u4e8b\u66c6\u8207\u6d77\u5831 -->\n    <section id=\"schedule\" class=\"alignfull py-20 bg-gray-50\">\n        <div class=\"max-w-6xl mx-auto px-4\">\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-14 text-center text-waDark relative\">\n                \u4eca\u5f8c\u306e\u516c\u6f14\u4e88\u5b9a\n                <span class=\"block w-16 h-1 bg-waRed mx-auto mt-4 rounded\"><\/span>\n            <\/h2>\n            \n            <!-- Poster Container -->\n            <div class=\"mx-auto mb-16\" id=\"poster-section-container\">\n                <!-- Wrapper Relative cho Slider v\u00e0 N\u00fat b\u1ea5m -->\n                <div class=\"relative w-full transition-all duration-300\" id=\"poster-slider-wrapper\">\n                    \n                    <!-- N\u00fat Prev (\u0110\u00e3 x\u00f3a class flex g\u1ed1c \u0111\u1ec3 \u00e9p \u1ea9n ho\u00e0n to\u00e0n tr\u00ean mobile) -->\n                    <button id=\"poster-prev-btn\" class=\"hidden absolute left-2 lg:left-4 top-1\/2 -translate-y-1\/2 z-10 w-10 h-16 lg:w-12 lg:h-20 bg-white\/95 backdrop-blur-md text-waRed rounded-full shadow-lg border border-red-100 items-center justify-center hover:bg-waRed hover:text-white hover:border-waRed hover:scale-105 hover:shadow-[0_4px_15px_rgba(139,0,0,0.3)] transition-all duration-300 focus:outline-none opacity-0 pointer-events-none -translate-x-4\">\n                        <svg class=\"w-5 h-5 lg:w-6 lg:h-6 -ml-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n                    <\/button>\n\n                    <!-- Track m\u1eb7c \u0111\u1ecbnh (HTML fallback) -->\n                    <div id=\"posters-grid\" class=\"flex md:grid md:grid-cols-2 md:justify-center gap-4 md:gap-8 lg:gap-12 overflow-x-auto md:overflow-visible snap-x snap-mandatory md:snap-none scrollbar-hide items-center md:items-stretch py-6 px-4 md:px-0 -mx-4 md:mx-0 scroll-smooth\">\n                        <!-- Slide 1 -->\n                        <div class=\"slide-item w-[85%] flex-shrink-0 snap-center md:w-full transition-transform duration-300\">\n                            <div class=\"group relative w-full aspect-[2\/3] rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform md:hover:-translate-y-2 border-4 border-white bg-white\">\n                                <img decoding=\"async\" src=\"https:\/\/www.miyoshitei.jp\/wp-content\/uploads\/2026\/03\/\u5f25\u751f\u843d\u8a9e\u4f1a.jpg\" alt=\"\u5f25\u751f\u843d\u8a9e\u4f1a\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <div class=\"absolute inset-0 bg-black\/5 group-hover:bg-transparent transition-colors duration-300 pointer-events-none\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- Slide 2 -->\n                        <div class=\"slide-item w-[85%] flex-shrink-0 snap-center md:w-full transition-transform duration-300\">\n                            <div class=\"group relative w-full aspect-[2\/3] rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform md:hover:-translate-y-2 border-4 border-white bg-white\">\n                                <img decoding=\"async\" src=\"https:\/\/www.miyoshitei.jp\/wp-content\/uploads\/2026\/03\/\u6607\u8f14\u30fb\u685c\u5b50\u685c\u524d\u7dda\u6025\u4e0a\u6607.jpg\" alt=\"\u6607\u8f14\u30fb\u685c\u5b50\u685c\u524d\u7dda\u6025\u4e0a\u6607\" class=\"absolute inset-0 w-full h-full object-cover\">\n                                <div class=\"absolute inset-0 bg-black\/5 group-hover:bg-transparent transition-colors duration-300 pointer-events-none\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- N\u00fat Next (\u0110\u00e3 x\u00f3a class flex g\u1ed1c \u0111\u1ec3 \u00e9p \u1ea9n ho\u00e0n to\u00e0n tr\u00ean mobile) -->\n                    <button id=\"poster-next-btn\" class=\"hidden absolute right-2 lg:right-4 top-1\/2 -translate-y-1\/2 z-10 w-10 h-16 lg:w-12 lg:h-20 bg-white\/95 backdrop-blur-md text-waRed rounded-full shadow-lg border border-red-100 items-center justify-center hover:bg-waRed hover:text-white hover:border-waRed hover:scale-105 hover:shadow-[0_4px_15px_rgba(139,0,0,0.3)] transition-all duration-300 focus:outline-none opacity-0 pointer-events-none translate-x-4\">\n                        <svg class=\"w-5 h-5 lg:w-6 lg:h-6 ml-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Ch\u1ea5m ph\u00e2n trang (Dots) -->\n                <div id=\"slider-indicators\" class=\"flex justify-center gap-2 mt-2\"><\/div>\n            <\/div>\n\n            <!-- Google\u65e5\u66c6 -->\n            <div class=\"bg-white p-4 md:p-6 rounded-2xl shadow-xl border border-gray-200\">\n                <h3 class=\"text-xl font-bold mb-6 text-waRed border-l-4 border-waRed pl-3\">\u516c\u6f14\u30ab\u30ec\u30f3\u30c0\u30fc<\/h3>\n                \n                <!-- PC\u7528\uff1a\u6708\u9593\u30ab\u30ec\u30f3\u30c0\u30fc\u8868\u793a -->\n                <div class=\"hidden md:block w-full h-[600px] rounded-lg overflow-hidden\">\n                    <iframe loading=\"lazy\" src=\"https:\/\/calendar.google.com\/calendar\/embed?height=600&#038;wkst=1&#038;bgcolor=%23ffffff&#038;ctz=Asia%2FTokyo&#038;showTitle=0&#038;showPrint=0&#038;showTabs=1&#038;showCalendars=0&#038;showTz=0&#038;mode=MONTH&#038;src=dG9rdW1hcnVtaXlvc2hpdGVpQGdtYWlsLmNvbQ&#038;color=%23039be5\" style=\"border-width:0\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\"><\/iframe>\n                <\/div>\n                \n                <!-- \u30b9\u30de\u30db\u7528\uff1a\u4e88\u5b9a\u30ea\u30b9\u30c8\u8868\u793a -->\n                <div class=\"block md:hidden w-full h-[500px] rounded-lg overflow-hidden\">\n                    <iframe loading=\"lazy\" src=\"https:\/\/calendar.google.com\/calendar\/embed?height=500&#038;wkst=1&#038;bgcolor=%23ffffff&#038;ctz=Asia%2FTokyo&#038;showTitle=0&#038;showPrint=0&#038;showTabs=1&#038;showCalendars=0&#038;showTz=0&#038;mode=AGENDA&#038;src=dG9rdW1hcnVtaXlvc2hpdGVpQGdtYWlsLmNvbQ&#038;color=%23039be5\" style=\"border-width:0\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u51fa\u6f14\u8005\u7d39\u4ecb (Performers) -->\n    <section id=\"performers\" class=\"alignfull bg-waBg py-24 border-t border-b border-gray-200\">\n        <div class=\"max-w-6xl mx-auto px-4\">\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-14 text-center text-waDark relative\">\n                \u51fa\u6f14\u8005\n                <span class=\"block w-16 h-1 bg-waRed mx-auto mt-4 rounded\"><\/span>\n            <\/h2>\n            <div id=\"performers-grid\" class=\"flex md:grid md:grid-cols-2 gap-4 md:gap-8 lg:gap-12 overflow-x-auto md:overflow-visible snap-x snap-mandatory md:snap-none scrollbar-hide items-stretch pb-4 md:pb-0 px-4 md:px-0 -mx-4 md:mx-0\">\n                <!-- Performer 1 -->\n                <div class=\"slide-item w-[90%] flex-shrink-0 snap-center md:w-auto group flex flex-col sm:flex-row items-center sm:items-start gap-6 bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-100 transform hover:-translate-y-1\">\n                    <div class=\"w-40 sm:w-48 aspect-[3\/4] flex-shrink-0 overflow-hidden rounded-xl shadow-md border-4 border-gray-50 relative\">\n                        <img decoding=\"async\" src=\"https:\/\/www.miyoshitei.jp\/wp-content\/uploads\/2026\/03\/\u6842-\u9df9\u6cbb.jpg\" alt=\"\u6842\u9df9\u6cbb\" class=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n                    <\/div>\n                    <div class=\"text-center sm:text-left flex-1\">\n                        <h3 class=\"text-2xl md:text-3xl font-bold mb-1 text-waRed\">\u6842 \u9df9\u6cbb<\/h3>\n                        <p class=\"text-sm font-bold text-gray-400 tracking-widest border-b border-gray-100 pb-3 mb-4\">\u53e4\u5178\u843d\u8a9e<\/p>\n                        <p class=\"text-gray-700 leading-relaxed text-base md:text-lg\">\u53e4\u5178\u843d\u8a9e\u306e\u672c\u5bf8\u6cd5\uff08\u6b63\u7d71\u6d3e\uff09\u3092\u5927\u5207\u306b\u3057\u3064\u3064\u3001\u73fe\u4ee3\u306e\u89b3\u5ba2\u306b\u3082\u5206\u304b\u308a\u3084\u3059\u304f\u4f1d\u3048\u308b\u78ba\u304b\u306a\u8a9e\u308a\u53e3\u304c\u9b45\u529b\u3002\u305d\u306e\u529b\u5f37\u3044\u9ad8\u5ea7\u3068\u8c4a\u304b\u306a\u8868\u73fe\u529b\u306f\u3001\u843d\u8a9e\u901a\u304b\u3089\u521d\u5fc3\u8005\u307e\u3067\u5e45\u5e83\u3044\u5c64\u3092\u9b45\u4e86\u3057\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002\u672c\u683c\u6d3e\u306e\u98a8\u683c\u6f02\u3046\u4e00\u5e2d\u3092\u305c\u3072\u3054\u582a\u80fd\u304f\u3060\u3055\u3044\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Performer 2 -->\n                <div class=\"slide-item w-[90%] flex-shrink-0 snap-center md:w-auto group flex flex-col sm:flex-row items-center sm:items-start gap-6 bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-100 transform hover:-translate-y-1\">\n                    <div class=\"w-40 sm:w-48 aspect-[3\/4] flex-shrink-0 overflow-hidden rounded-xl shadow-md border-4 border-gray-50 relative\">\n                        <img decoding=\"async\" src=\"https:\/\/www.miyoshitei.jp\/wp-content\/uploads\/2026\/03\/\u7027\u5ddd-\u9bc9\u767d.jpg\" alt=\"\u7027\u5ddd\u9bc9\u767d\" class=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n                    <\/div>\n                    <div class=\"text-center sm:text-left flex-1\">\n                        <h3 class=\"text-2xl md:text-3xl font-bold mb-1 text-waRed\">\u7027\u5ddd \u9bc9\u767d<\/h3>\n                        <p class=\"text-sm font-bold text-gray-400 tracking-widest border-b border-gray-100 pb-3 mb-4\">\u65b0\u4f5c\u843d\u8a9e<\/p>\n                        <p class=\"text-gray-700 leading-relaxed text-base md:text-lg\">\u5947\u60f3\u5929\u5916\u306a\u767a\u60f3\u3068\u72ec\u81ea\u306e\u30e6\u30fc\u30e2\u30a2\u30bb\u30f3\u30b9\u304c\u5149\u308b\u3001\u65b0\u4f5c\u843d\u8a9e\u306e\u6ce8\u76ee\u682a\u3002\u65e5\u5e38\u306e\u4e9b\u7d30\u306a\u51fa\u6765\u4e8b\u3092\u4e88\u6e2c\u4e0d\u80fd\u306a\u7206\u7b11\u30b9\u30c8\u30fc\u30ea\u30fc\u3078\u3068\u5c55\u958b\u3055\u305b\u308b\u624b\u8155\u306f\u5727\u5dfb\u3067\u3059\u3002\u89b3\u308b\u8005\u3092\u30b0\u30a4\u30b0\u30a4\u3068\u5f15\u304d\u8fbc\u3080\u3001\u65b0\u611f\u899a\u306e\u7b11\u3044\u306e\u4e16\u754c\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"performers-slider-indicators\" class=\"flex md:hidden justify-center gap-2 mt-4\"><\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u4f1a\u5834\u6848\u5185 (Venue Details) -->\n    <section id=\"access\" class=\"alignfull py-20 bg-waBg\">\n        <div class=\"max-w-5xl mx-auto px-4\">\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-10 text-center text-waDark relative\">\n                \u4f1a\u5834\u306e\u3054\u6848\u5185\n                <span class=\"block w-16 h-1 bg-waRed mx-auto mt-4 rounded\"><\/span>\n            <\/h2>\n            \n            <div class=\"bg-white p-6 md:p-10 rounded-2xl shadow-lg border border-gray-100\">\n                <div class=\"grid lg:grid-cols-5 gap-8 mb-10\">\n                    <div class=\"lg:col-span-2 flex flex-col justify-center\">\n                        <h3 class=\"text-2xl font-bold mb-4 text-waRed\">\u4f1a\u5834\u5fb3\u4e38\u4e09\u51f1\u4ead<\/h3>\n                        <p class=\"text-lg mb-2\">\u3012175-0083<\/p>\n                        <p class=\"text-lg mb-6\">\u677f\u6a4b\u533a\u5fb3\u4e383-3-11<\/p>\n                        \n                        <div class=\"bg-gray-50 p-4 rounded-lg\">\n                            <h4 class=\"font-bold mb-2 flex items-center gap-2\">\n                                <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                                \u30a2\u30af\u30bb\u30b9\n                            <\/h4>\n                            <p class=\"text-gray-700\">\u6771\u6b66\u7df4\u99ac\u99c5\u304b\u3089\u5f92\u6b695\u5206<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"lg:col-span-3 iframe-container\" style=\"padding-top: 56.25%;\">\n                        <iframe src=\"https:\/\/maps.google.com\/maps?q=\u6771\u4eac\u90fd\u677f\u6a4b\u533a\u5fb3\u4e383-3-11&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"rounded-xl\"><\/iframe>\n                    <\/div>\n                <\/div>\n\n                <div class=\"border-t border-gray-200 pt-10\">\n                    <div class=\"rounded-xl overflow-hidden border border-gray-200 shadow-sm bg-gray-50 flex justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/www.miyoshitei.jp\/wp-content\/uploads\/2026\/03\/%E9%A7%85%E3%81%8B%E3%82%89%E4%B8%89%E5%87%B1%E4%BA%AD%E3%81%B8%E3%81%AE%E9%81%93%E6%A1%88%E5%86%85.png\" alt=\"\u6771\u6b66\u7df4\u99ac\u99c5\u304b\u3089\u4e09\u51f1\u4ead\u3078\u306e\u9053\u6848\u5185\" class=\"w-full h-auto object-contain\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u4e88\u7d04\u30d5\u30a9\u30fc\u30e0 -->\n    <section id=\"reservation-form\" class=\"alignfull bg-waDark text-white py-24 pattern-bg\">\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\n            \n            <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-center text-white relative\">\n                \u3054\u4e88\u7d04\u30fb\u304a\u554f\u3044\u5408\u308f\u305b\n                <span class=\"block w-16 h-1 bg-waRed mx-auto mt-4 rounded\"><\/span>\n            <\/h2>\n            <p class=\"text-gray-300 mb-10\">\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u306e\u4e0a\u3001\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n            <div class=\"mb-12 max-w-2xl mx-auto\">\n                <div class=\"bg-white\/95 text-gray-800 rounded-2xl shadow-xl border border-red-100 p-6 md:p-8 flex flex-col sm:flex-row items-center justify-between gap-6 hover:shadow-2xl transition-shadow duration-300\">\n                    <div class=\"text-center sm:text-left flex-1\">\n                        <div class=\"flex items-center gap-2 mb-2 justify-center sm:justify-start\">\n                            <svg class=\"w-5 h-5 text-waRed\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-waRed font-bold text-lg\">\u30cf\u30c3\u30d4\u30fc\u30a2\u30ef\u30fc<\/span>\n                        <\/div>\n                        <p class=\"text-gray-700 text-base leading-relaxed\">\n                            \u30cf\u30c3\u30d4\u30fc\u30a2\u30ef\u30fc\u306e\u3054\u4e88\u7d04\u3092\u3054\u5e0c\u671b\u306e\u65b9\u306f\u3001<br class=\"hidden sm:block\">\n                            \u5c02\u7528\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u7533\u3057\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002\n                        <\/p>\n                    <\/div>\n\n                    <a href=\"https:\/\/forms.gle\/oPNMFgsNsfjmNsc39\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"shrink-0 flex items-center justify-center gap-2 bg-waRed text-white font-bold py-3 px-8 rounded-full shadow-md hover:bg-red-800 hover:scale-105 transition-all duration-300\">\n                        \u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\u3078\n                        <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"bg-white text-gray-800 p-8 md:p-14 rounded-2xl shadow-2xl text-left\">\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f21-o1\" lang=\"ja\" dir=\"ltr\" data-wpcf7-id=\"21\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6#wpcf7-f21-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"21\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ja\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f21-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div>\n\t<div class=\"grid md:grid-cols-2 gap-6 mb-6\">\n\t\t<div class=\"[&_input]:focus:border-waRed [&_input]:focus:ring-2 [&_input]:focus:ring-waRed\/20 [&_input]:focus:outline-none\">\n\t\t\t<div class=\"flex items-center text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p><span>\u304a\u540d\u524d<\/span><span class=\"ml-4 text-white bg-waRed px-2 py-0.5 rounded text-[10px] leading-none\">\u5fc5\u9808<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"customer_name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a\u843d\u8a9e \u592a\u90ce\" value=\"\" type=\"text\" name=\"customer_name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"[&_input]:focus:border-waRed [&_input]:focus:ring-2 [&_input]:focus:ring-waRed\/20 [&_input]:focus:outline-none\">\n\t\t\t<div class=\"flex items-center text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p><span>\u30d5\u30ea\u30ac\u30ca<\/span><span class=\"ml-4 text-white bg-waRed px-2 py-0.5 rounded text-[10px] leading-none\">\u5fc5\u9808<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"customer_kana\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a\u30e9\u30af\u30b4 \u30bf\u30ed\u30a6\" value=\"\" type=\"text\" name=\"customer_kana\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"grid md:grid-cols-2 gap-6 mb-8\">\n\t\t<div class=\"[&_input]:focus:border-waRed [&_input]:focus:ring-2 [&_input]:focus:ring-waRed\/20 [&_input]:focus:outline-none\">\n\t\t\t<div class=\"flex items-center text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p><span>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/span><span class=\"ml-4 text-white bg-waRed px-2 py-0.5 rounded text-[10px] leading-none\">\u5fc5\u9808<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"customer_email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"example@mail.com\" value=\"\" type=\"email\" name=\"customer_email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"[&_input]:focus:border-waRed [&_input]:focus:ring-2 [&_input]:focus:ring-waRed\/20 [&_input]:focus:outline-none\">\n\t\t\t<div class=\"text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p>\u96fb\u8a71\u756a\u53f7\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"customer_tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800\" aria-invalid=\"false\" placeholder=\"09012345678\" value=\"\" type=\"tel\" name=\"customer_tel\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"p-6 bg-waBg border border-gray-200 rounded-xl mb-8\">\n\t\t<h3 class=\"font-bold text-waRed text-lg border-b border-gray-200 pb-2 mb-6\">\u3054\u4e88\u7d04\u5185\u5bb9\n\t\t<\/h3>\n\t\t<div class=\"[&_select]:focus:border-waRed [&_select]:focus:ring-2 [&_select]:focus:ring-waRed\/20 [&_select]:focus:outline-none mb-6\">\n\t\t\t<div class=\"flex items-center text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p><span>\u3054\u5e0c\u671b\u306e\u516c\u6f14\u65e5<\/span><span class=\"ml-4 text-white bg-waRed px-2 py-0.5 rounded text-[10px] leading-none\">\u5fc5\u9808<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"relative\">\n\t\t\t\t<p><select id=\"event-select-ui\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800 appearance-none bg-white\"><option value=\"\">\uff08\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\uff09<\/option><\/select>\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-4 text-gray-500\">\n\t\t\t\t\t<p><svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"event-ui-tip\" class=\"text-sm font-bold mt-1 text-waRed\" style=\"display:none;\">\n\t\t\t\t<p>\u516c\u6f14\u65e5\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div id=\"deadline-info\" class=\"text-sm font-bold mt-2 text-green-600 hidden transition-colors duration-300\">\n\t\t\t<\/div>\n\t\t\t<div id=\"deadline-error\" class=\"text-sm font-bold mt-1 text-waRed hidden transition-opacity duration-300\">\n\t\t\t\t<p>\u7533\u3057\u8a33\u3054\u3056\u3044\u307e\u305b\u3093\u3002\u3053\u306e\u516c\u6f14\u306e\u4e88\u7d04\u53d7\u4ed8\u306f\u7d42\u4e86\u3044\u305f\u3057\u307e\u3057\u305f\u3002\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><span style=\"display:none;\"><span class=\"wpcf7-form-control-wrap\" data-name=\"event_id\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"event-id-hidden\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"event_id\" \/><\/span><\/span>\n\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"event-date-hidden\" value=\"\" type=\"hidden\" name=\"event_date\" \/>\n\t\t\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"event-name-hidden\" value=\"\" type=\"hidden\" name=\"event_name\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"[&_input]:focus:border-waRed [&_input]:focus:ring-2 [&_input]:focus:ring-waRed\/20 [&_input]:focus:outline-none\">\n\t\t\t<div class=\"flex items-center text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t<p><span>\u3054\u4e88\u7d04\u4eba\u6570<\/span><span class=\"ml-4 text-white bg-waRed px-2 py-0.5 rounded text-[10px] leading-none\">\u5fc5\u9808<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div id=\"guest-count-normal-wrap\">\n\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center\">\n\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"guest_count\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number w-24 px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800 text-center\" min=\"0\" max=\"10\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"guest_count\" \/><\/span>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"text-gray-700 font-medium whitespace-nowrap ml-3\">\n\t\t\t\t\t\t<p>\u540d\u69d8\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"guest-count-split-wrap\" class=\"hidden\">\n\t\t\t\t<div class=\"grid md:grid-cols-2 gap-4\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t\t\t\t<p>\u843d\u8a9e\u4f1a\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center\">\n\t\t\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"rakugo_count\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number w-24 px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800 text-center\" min=\"0\" max=\"10\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"rakugo_count\" \/><\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"text-gray-700 font-medium whitespace-nowrap ml-3\">\n\t\t\t\t\t\t\t\t<p>\u540d\u69d8\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"text-sm font-bold text-gray-700 mb-1\">\n\t\t\t\t\t\t\t<p>\u61c7\u89aa\u4f1a\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center\">\n\t\t\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"party_count\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number w-24 px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800 text-center\" min=\"0\" max=\"10\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"party_count\" \/><\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"text-gray-700 font-medium whitespace-nowrap ml-3\">\n\t\t\t\t\t\t\t\t<p>\u540d\u69d8\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"guest-count-guide\" class=\"hidden mt-2 text-sm text-gray-600 leading-relaxed\">\n\t\t\t\t<p>\u3054\u5e0c\u671b\u306e\u5185\u5bb9\u306b\u4eba\u6570\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\u304a\u7533\u3057\u8fbc\u307f\u3055\u308c\u306a\u3044\u5834\u5408\u306f\u300c0\u300d\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div id=\"guest-count-error\" class=\"hidden text-sm font-bold mt-2 text-waRed\">\n\t\t\t\t<p>\u843d\u8a9e\u4f1a\u307e\u305f\u306f\u61c7\u89aa\u4f1a\u306e\u4eba\u6570\u30921\u540d\u4ee5\u4e0a\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\u53c2\u52a0\u3055\u308c\u306a\u3044\u5834\u5408\u306f\u300c0\u300d\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div id=\"guest-count-guide\" class=\"hidden mt-2 text-sm text-gray-600 leading-relaxed mb-6\">\n\t\t\t<p>\u3054\u5e0c\u671b\u306e\u5185\u5bb9\u306b\u4eba\u6570\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\u304a\u7533\u3057\u8fbc\u307f\u3055\u308c\u306a\u3044\u5834\u5408\u306f\u300c0\u300d\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div id=\"guest-count-error\" class=\"hidden text-sm font-bold mt-2 text-waRed\">\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"[&_textarea]:focus:border-waRed [&_textarea]:focus:ring-2 [&_textarea]:focus:ring-waRed\/20 [&_textarea]:focus:outline-none mb-6\">\n\t\t<div class=\"text-sm font-bold text-gray-700 mb-1\">\n\t\t\t<p>\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u5099\u8003\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"remarks\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea w-full px-4 py-3 rounded-lg border border-gray-300 transition-colors text-gray-800 resize-y\" aria-invalid=\"false\" placeholder=\"\u3054\u8cea\u554f\u3084\u3001\u8eca\u6905\u5b50\u3067\u306e\u3054\u6765\u5834\u306a\u3069\u7279\u5225\u306a\u914d\u616e\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\" name=\"remarks\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"flex flex-row flex-nowrap items-center py-2 mb-6 focus-within:[&input]:ring-waRed [&.wpcf7-form-control-wrap]:!inline-flex [&.wpcf7-form-control-wrap]:!items-center [&.wpcf7-list-item]:!m-0 [&_.wpcf7-list-item]:!flex [&_label]:!m-0 [&_label]:!flex [&_label]:!items-center [&_input]:!m-0\">\n\t\t<div class=\"flex-shrink-0 flex items-center h-5\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy_consent\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"privacy_consent\" value=\"1\" class=\"w-5 h-5 text-waRed border-gray-300 rounded\" aria-invalid=\"false\" \/><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"text-sm text-gray-600 ml-3\">\n\t\t\t<p><a href=\"#privacy-modal\" class=\"text-waRed underline hover:text-red-900\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\u306b\u540c\u610f\u306e\u4e0a\u3001\u9001\u4fe1\u3057\u307e\u3059\u3002\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"text-center pt-2 [&_input]:w-full md:[&_input]:w-auto [&_input]:min-w-[300px] hover:[&_input]:bg-red-800 hover:[&_input]:shadow-xl hover:[&_input]:scale-105\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner bg-waRed text-white font-bold py-4 px-12 rounded-full shadow-lg transition-all duration-300 text-lg cursor-pointer\" id=\"cf7-submit-btn\" type=\"submit\" value=\"\u4e88\u7d04\u5185\u5bb9\u3092\u9001\u4fe1\u3059\u308b\" \/>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"mt-4 text-[10px] sm:text-[11px] text-gray-400 leading-tight font-sans\">\n\t\t<div class=\"flex flex-wrap justify-center items-center gap-x-1 gap-y-1 text-center\">\n\t\t\t<p><span>\u3053\u306e\u30b5\u30a4\u30c8\u306freCAPTCHA\u306b\u3088\u3063\u3066\u4fdd\u8b77\u3055\u308c\u3066\u304a\u308a\u3001Google\u306e<\/span><a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline underline hover:text-gray-600\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a><span>\u3068<\/span><a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline underline hover:text-gray-600\">\u5229\u7528\u898f\u7d04<\/a><span>\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/div>\n<\/form>\n<\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u4e09\u51f1\u4ead\u304b\u3089\u306e\u304a\u9858\u3044 -->\n    <section class=\"alignfull py-20 bg-neutral-900\">\n        <div class=\"max-w-4xl mx-auto px-4\">\n            <div class=\"bg-black\/40 backdrop-blur-sm p-8 md:p-12 rounded-2xl shadow-2xl border border-white\/10 relative mt-4\">\n                <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-waRed text-white px-8 py-2.5 rounded-full font-bold text-lg md:text-xl shadow-[0_4px_20px_rgba(139,0,0,0.5)] whitespace-nowrap flex items-center gap-2\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    \u4e09\u51f1\u4ead\u304b\u3089\u306e\u304a\u9858\u3044\n                <\/div>\n                \n                <ul class=\"space-y-6 mt-8 text-gray-300 text-base md:text-lg leading-relaxed\">\n                    <li class=\"flex items-start gap-4\">\n                        <svg class=\"w-6 h-6 text-waRed flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                        <div>\u4e09\u51f1\u4ead\u306e\u5287\u5834\u5185\u306f\u30ab\u30fc\u30da\u30c3\u30c8\u6577\u3067\u9774\u3092\u8131\u3044\u3067\u304a\u4e0a\u304c\u308a\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u9774\u7bb1\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u5c65\u7269\u306f\u3054\u81ea\u5206\u3067\u7ba1\u7406\u3044\u305f\u3060\u304f\u3088\u3046\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <svg class=\"w-6 h-6 text-waRed flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                        <div>\u534a\u5730\u4e0b\u306b\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u5302\u3044\u304c\u3053\u3082\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u904e\u5ea6\u306e\u304a\u5316\u7ca7\u3084\u5302\u3044\u306e\u5f37\u3044\u9999\u6c34\u306a\u3069\u306f\u304a\u907f\u3051\u3044\u305f\u3060\u304f\u3088\u3046\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\u3042\u307e\u308a\u306b\u5ea6\u304c\u904e\u304e\u3066\u3044\u308b\u3068\u5224\u65ad\u3057\u305f\u5834\u5408\u306f\u4e3b\u50ac\u8005\u306e\u5224\u65ad\u3067\u304a\u5e30\u308a\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u3042\u308a\u3048\u307e\u3059\u3002\u3088\u308d\u3057\u304f\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <svg class=\"w-6 h-6 text-waRed flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                        <div>\u99c5\u8fd1\u3067\u3059\u304c\u4ed8\u8fd1\u306f\u4f4f\u5b85\u8857\u3067\u3059\u3002\u5165\u5834\u5f85\u3061\u306e\u6642\u306a\u3069\u304a\u9759\u304b\u306b\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u304a\u9858\u3044\u7533\u3057\u4e0a\u3052\u307e\u3059\u3002<\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <svg class=\"w-6 h-6 text-waRed flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                        <div>\u5f53\u30b5\u30a4\u30c8\u306e\u7ba1\u7406\u8005\u306f\u4e09\u51f1\u4ead\u306e\u6301\u3061\u4e3b\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3042\u304f\u307e\u3067\u3082\u30aa\u30fc\u30ca\u30fc\u304b\u3089\u5834\u6240\u3092\u304a\u501f\u308a\u3057\u3066\u904b\u55b6\u3057\u3066\u3044\u307e\u3059\u3002<\/div>\n                    <\/li>\n                <\/ul>\n                \n                <div class=\"mt-10 pt-6 border-t border-white\/10 text-center text-white font-bold text-lg bg-waRed\/20 p-4 rounded-xl\">\n                    \u3067\u304d\u308b\u3060\u3051\u9577\u304f\u4e09\u51f1\u4ead\u3092\u7d9a\u3051\u305f\u3044\u3068\u601d\u3063\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001<br class=\"hidden md:block\">\u4f55\u5352\u3088\u308d\u3057\u304f\u3054\u7406\u89e3\u304f\u3060\u3055\u3044\u307e\u3059\u3088\u3046\u304a\u9858\u3044\u7533\u3057\u4e0a\u3052\u307e\u3059\u3002\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u30d5\u30c3\u30bf\u30fc -->\n    <footer class=\"alignfull bg-black text-gray-400 py-12 text-center relative\">\n        <div class=\"max-w-4xl mx-auto px-4\">\n            <h2 class=\"text-2xl font-bold text-white mb-6 tracking-widest\">\u4e09\u51f1\u4ead<\/h2>\n            <div class=\"flex justify-center flex-wrap gap-4 md:gap-6 mb-8 text-sm md:text-base\">\n                <a href=\"#\" class=\"hover:text-white transition\">\u30c8\u30c3\u30d7\u30da\u30fc\u30b8<\/a>\n                <span class=\"hidden md:inline text-gray-700\">|<\/span>\n                <a href=\"#schedule\" class=\"hover:text-white transition\">\u516c\u6f14\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/a>\n                <span class=\"hidden md:inline text-gray-700\">|<\/span>\n                <a href=\"#reservation-form\" class=\"hover:text-white transition\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n                <span class=\"hidden md:inline text-gray-700\">|<\/span>\n                <!-- N\u00fat b\u1eadt Popup Privacy Policy \u1edf Footer -->\n                <a href=\"#privacy-modal\" class=\"hover:text-white transition\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n            <\/div>\n            <p class=\"text-sm\">\u00a9 2026 \u4e09\u51f1\u4ead. All Rights Reserved.<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- \u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u3078\u623b\u308b\u30dc\u30bf\u30f3 -->\n    <a href=\"#\" id=\"page-top-btn\" class=\"fixed bottom-6 right-6 md:bottom-10 md:right-10 z-[90] bg-waRed text-white p-3 md:p-4 rounded-full shadow-2xl opacity-0 pointer-events-none transition-all duration-300 hover:bg-red-800 hover:-translate-y-1\">\n        <svg class=\"w-6 h-6 md:w-7 md:h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 15l7-7 7 7\"><\/path><\/svg>\n    <\/a>\n\n    <!-- \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc \u30e2\u30fc\u30c0\u30eb -->\n    <div id=\"privacy-modal\" class=\"hidden flex items-end sm:items-center justify-center p-0 sm:p-6 opacity-0 transition-opacity duration-300 ease-out bg-black\/60 backdrop-blur-sm\">\n        \n        <!-- Khung Modal ch\u00ednh -->\n        <div class=\"bg-white w-full sm:max-w-3xl h-[100dvh] sm:h-auto sm:max-h-[85vh] flex flex-col overflow-hidden rounded-none sm:rounded-2xl relative\" style=\"box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important; border: none !important; outline: none !important;\">\n            \n            <!-- Header -->\n            <div class=\"shrink-0 p-4 sm:p-5 border-b border-gray-200 bg-gray-50 flex justify-between items-center w-full\">\n                <h3 class=\"text-xl font-bold text-waRed\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/h3>\n                <button id=\"close-modal-top\" class=\"text-gray-400 hover:text-gray-800 transition p-2 bg-gray-200 rounded-full hover:bg-gray-300\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n                <\/button>\n            <\/div>\n            \n            <!-- Body -->\n            <div id=\"privacy-content\" class=\"flex-1 overflow-y-auto overscroll-contain p-4 sm:p-6 md:p-8 w-full text-[15px] sm:text-sm text-gray-700 leading-relaxed space-y-6\" style=\"-webkit-overflow-scrolling: touch;\">\n                <p>\u4e09\u51f1\u4ead\uff08\u4ee5\u4e0b\u3001\u300c\u5f53\u4f1a\u300d\uff09\u306f\u3001\u304a\u5ba2\u69d8\u306e\u500b\u4eba\u60c5\u5831\u306e\u4fdd\u8b77\u3092\u6700\u3082\u91cd\u8981\u306a\u8cac\u52d9\u3068\u8a8d\u8b58\u3057\u3001\u500b\u4eba\u60c5\u5831\u4fdd\u8b77\u306b\u95a2\u3059\u308b\u6cd5\u4ee4\u3092\u9075\u5b88\u3059\u308b\u3068\u3068\u3082\u306b\u3001\u4ee5\u4e0b\u306e\u901a\u308a\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\uff08\u4ee5\u4e0b\u3001\u300c\u672c\u30dd\u30ea\u30b7\u30fc\u300d\uff09\u3092\u5b9a\u3081\u3001\u305d\u306e\u9069\u5207\u306a\u53d6\u308a\u6271\u3044\u306b\u52aa\u3081\u307e\u3059\u3002<\/p>\n                \n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">1. \u500b\u4eba\u60c5\u5831\u306e\u53d6\u5f97\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u4f1a\u306f\u3001\u843d\u8a9e\u4f1a\u306e\u30c1\u30b1\u30c3\u30c8\u4e88\u7d04\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306e\u5b9f\u65bd\u7b49\u306b\u304a\u3044\u3066\u3001\u9069\u6cd5\u304b\u3064\u516c\u6b63\u306a\u624b\u6bb5\u306b\u3088\u308a\u304a\u5ba2\u69d8\u306e\u500b\u4eba\u60c5\u5831\uff08\u6c0f\u540d\u3001\u4f4f\u6240\u3001\u96fb\u8a71\u756a\u53f7\u3001\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u7b49\uff09\u3092\u53d6\u5f97\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n                \n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">2. \u500b\u4eba\u60c5\u5831\u306e\u5229\u7528\u76ee\u7684<\/h4>\n                <p>\u5f53\u4f1a\u304c\u53d6\u5f97\u3057\u305f\u500b\u4eba\u60c5\u5831\u306f\u3001\u4ee5\u4e0b\u306e\u76ee\u7684\u306e\u7bc4\u56f2\u5185\u3067\u9069\u5207\u306b\u5229\u7528\u3044\u305f\u3057\u307e\u3059\u3002<br>\n                \u30fb\u516c\u6f14\u306b\u95a2\u3059\u308b\u3054\u4e88\u7d04\u306e\u53d7\u4ed8\u3001\u78ba\u8a8d\u3001\u3054\u6848\u5185\u3001\u30c1\u30b1\u30c3\u30c8\u306e\u767a\u9001\u306e\u305f\u3081<br>\n                \u30fb\u304a\u554f\u3044\u5408\u308f\u305b\u3001\u3054\u76f8\u8ac7\u306b\u5bfe\u3059\u308b\u56de\u7b54\u304a\u3088\u3073\u5bfe\u5fdc\u306e\u305f\u3081<br>\n                \u30fb\u5f53\u4f1a\u304c\u4e3b\u50ac\u30fb\u5171\u50ac\u3059\u308b\u4eca\u5f8c\u306e\u516c\u6f14\u60c5\u5831\u3001\u30a4\u30d9\u30f3\u30c8\u306e\u304a\u77e5\u3089\u305b\uff08\u5e0c\u671b\u8005\u306e\u307f\uff09\u306e\u305f\u3081<br>\n                \u30fb\u30b5\u30fc\u30d3\u30b9\u306e\u6539\u5584\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30c7\u30fc\u30bf\u306e\u8abf\u67fb\u30fb\u5206\u6790\u306e\u305f\u3081<br>\n                \u30fb\u4e07\u304c\u4e00\u306e\u516c\u6f14\u4e2d\u6b62\u3084\u5909\u66f4\u7b49\u306b\u4f34\u3046\u3001\u7dca\u6025\u306e\u3054\u9023\u7d61\u306e\u305f\u3081<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">3. \u500b\u4eba\u60c5\u5831\u306e\u5b89\u5168\u7ba1\u7406\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u4f1a\u306f\u3001\u304a\u5ba2\u69d8\u306e\u500b\u4eba\u60c5\u5831\u306e\u6f0f\u6d29\u3001\u6ec5\u5931\u3001\u6bc0\u640d\u3001\u6539\u3056\u3093\u304a\u3088\u3073\u4e0d\u6b63\u30a2\u30af\u30bb\u30b9\u3092\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\u53b3\u91cd\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u5b9f\u65bd\u3057\u3001\u500b\u4eba\u60c5\u5831\u3092\u9069\u5207\u304b\u3064\u5b89\u5168\u306b\u7ba1\u7406\u3044\u305f\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u5f53\u4f1a\u30b9\u30bf\u30c3\u30d5\u306b\u5bfe\u3057\u3066\u3001\u500b\u4eba\u60c5\u5831\u4fdd\u8b77\u306b\u95a2\u3059\u308b\u6559\u80b2\u30fb\u5553\u767a\u3092\u5fb9\u5e95\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">4. \u500b\u4eba\u60c5\u5831\u306e\u7b2c\u4e09\u8005\u3078\u306e\u63d0\u4f9b\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u4f1a\u306f\u3001\u6b21\u306b\u63b2\u3052\u308b\u5834\u5408\u3092\u9664\u304d\u3001\u4e8b\u524d\u306b\u304a\u5ba2\u69d8\u3054\u672c\u4eba\u306e\u540c\u610f\u3092\u5f97\u308b\u3053\u3068\u306a\u304f\u3001\u500b\u4eba\u60c5\u5831\u3092\u7b2c\u4e09\u8005\u306b\u63d0\u4f9b\u30fb\u958b\u793a\u3059\u308b\u3053\u3068\u306f\u3044\u305f\u3057\u307e\u305b\u3093\u3002<br>\n                \u30fb\u6cd5\u4ee4\u306b\u57fa\u3065\u304f\u5834\u5408<br>\n                \u30fb\u4eba\u306e\u751f\u547d\u3001\u8eab\u4f53\u307e\u305f\u306f\u8ca1\u7523\u306e\u4fdd\u8b77\u306e\u305f\u3081\u306b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3067\u3042\u3063\u3066\u3001\u672c\u4eba\u306e\u540c\u610f\u3092\u5f97\u308b\u3053\u3068\u304c\u56f0\u96e3\u3067\u3042\u308b\u3068\u304d<br>\n                \u30fb\u516c\u8846\u885b\u751f\u306e\u5411\u4e0a\u307e\u305f\u306f\u5150\u7ae5\u306e\u5065\u5168\u306a\u80b2\u6210\u306e\u63a8\u9032\u306e\u305f\u3081\u306b\u7279\u306b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408<br>\n                \u30fb\u56fd\u306e\u6a5f\u95a2\u3082\u3057\u304f\u306f\u5730\u65b9\u516c\u5171\u56e3\u4f53\u307e\u305f\u306f\u305d\u306e\u59d4\u8a17\u3092\u53d7\u3051\u305f\u8005\u304c\u6cd5\u4ee4\u306e\u5b9a\u3081\u308b\u4e8b\u52d9\u3092\u9042\u884c\u3059\u308b\u3053\u3068\u306b\u5bfe\u3057\u3066\u5354\u529b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">5. \u696d\u52d9\u59d4\u8a17\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u4f1a\u306f\u3001\u30c1\u30b1\u30c3\u30c8\u767a\u9001\u696d\u52d9\u3084\u30b7\u30b9\u30c6\u30e0\u306e\u4fdd\u5b88\u904b\u55b6\u7b49\u3001\u5229\u7528\u76ee\u7684\u306e\u9054\u6210\u306b\u5fc5\u8981\u306a\u7bc4\u56f2\u5185\u306b\u304a\u3044\u3066\u3001\u500b\u4eba\u60c5\u5831\u306e\u53d6\u308a\u6271\u3044\u3092\u5916\u90e8\u306b\u59d4\u8a17\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u969b\u3001\u5f53\u4f1a\u306f\u59d4\u8a17\u5148\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u76e3\u7763\u3092\u884c\u3044\u3001\u500b\u4eba\u60c5\u5831\u306e\u5b89\u5168\u7ba1\u7406\u304c\u56f3\u3089\u308c\u308b\u3088\u3046\u52aa\u3081\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">6. \u500b\u4eba\u60c5\u5831\u306e\u958b\u793a\u30fb\u8a02\u6b63\u30fb\u524a\u9664\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u304a\u5ba2\u69d8\u3054\u672c\u4eba\u304b\u3089\u3001\u3054\u81ea\u8eab\u306e\u500b\u4eba\u60c5\u5831\u306e\u958b\u793a\u3001\u8a02\u6b63\u3001\u8ffd\u52a0\u3001\u524a\u9664\u3001\u5229\u7528\u505c\u6b62\u7b49\u306e\u304a\u7533\u3057\u51fa\u304c\u3042\u3063\u305f\u5834\u5408\u306b\u306f\u3001\u3054\u672c\u4eba\u3067\u3042\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u3001\u6cd5\u4ee4\u306e\u5b9a\u3081\u306b\u5f93\u3044\u3001\u901f\u3084\u304b\u306b\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">7. \u30af\u30c3\u30ad\u30fc\uff08Cookie\uff09\u7b49\u306e\u5229\u7528\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u30b5\u30a4\u30c8\u3067\u306f\u3001\u30b5\u30fc\u30d3\u30b9\u306e\u5229\u4fbf\u6027\u5411\u4e0a\u3084\u5229\u7528\u72b6\u6cc1\u306e\u5206\u6790\u306e\u305f\u3081\u3001\u30af\u30c3\u30ad\u30fc\uff08Cookie\uff09\u304a\u3088\u3073\u985e\u4f3c\u6280\u8853\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u30af\u30c3\u30ad\u30fc\u306b\u306f\u304a\u5ba2\u69d8\u3092\u7279\u5b9a\u3059\u308b\u500b\u4eba\u60c5\u5831\u306f\u542b\u307e\u308c\u307e\u305b\u3093\u3002\u304a\u5ba2\u69d8\u306e\u30d6\u30e9\u30a6\u30b6\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u30af\u30c3\u30ad\u30fc\u306e\u53d7\u3051\u53d6\u308a\u3092\u62d2\u5426\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u304c\u3001\u305d\u306e\u5834\u5408\u3001\u4e00\u90e8\u306e\u30b5\u30fc\u30d3\u30b9\u304c\u6b63\u5e38\u306b\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u306a\u3044\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">8. \u514d\u8cac\u4e8b\u9805<\/h4>\n                <p>\u5f53\u30b5\u30a4\u30c8\u304b\u3089\u306e\u30ea\u30f3\u30af\u3084\u30d0\u30ca\u30fc\u306a\u3069\u3067\u79fb\u52d5\u3057\u305f\u5148\u306e\u4ed6\u30b5\u30a4\u30c8\u3067\u63d0\u4f9b\u3055\u308c\u308b\u60c5\u5831\u3001\u30b5\u30fc\u30d3\u30b9\u7b49\u306b\u3064\u3044\u3066\u5f53\u4f1a\u306f\u4e00\u5207\u306e\u8cac\u4efb\u3092\u8ca0\u3044\u307e\u305b\u3093\u3002\u307e\u305f\u3001\u5f53\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u30fb\u60c5\u5831\u306b\u3064\u304d\u307e\u3057\u3066\u3001\u53ef\u80fd\u306a\u9650\u308a\u6b63\u78ba\u306a\u60c5\u5831\u3092\u63b2\u8f09\u3059\u308b\u3088\u3046\u52aa\u3081\u3066\u304a\u308a\u307e\u3059\u304c\u3001\u8aa4\u60c5\u5831\u304c\u5165\u308a\u8fbc\u3093\u3060\u308a\u3001\u60c5\u5831\u304c\u53e4\u304f\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3082\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">9. \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u306e\u5909\u66f4\u306b\u3064\u3044\u3066<\/h4>\n                <p>\u5f53\u4f1a\u306f\u3001\u6cd5\u4ee4\u7b49\u306e\u5909\u66f4\u3084\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u306e\u898b\u76f4\u3057\u306b\u4f34\u3044\u3001\u672c\u30dd\u30ea\u30b7\u30fc\u3092\u968f\u6642\u6539\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3082\u306e\u3068\u3057\u307e\u3059\u3002\u6539\u5b9a\u5f8c\u306e\u672c\u30dd\u30ea\u30b7\u30fc\u306f\u3001\u5f53\u30b5\u30a4\u30c8\u306b\u63b2\u8f09\u3057\u305f\u6642\u70b9\u304b\u3089\u52b9\u529b\u3092\u751f\u3058\u308b\u3082\u306e\u3068\u3057\u307e\u3059\u3002<\/p>\n\n                <h4 class=\"text-base font-bold text-gray-900 border-l-4 border-waRed pl-3 py-1 bg-gray-50\">10. \u304a\u554f\u3044\u5408\u308f\u305b\u7a93\u53e3<\/h4>\n                <p>\u672c\u4ef6\u306b\u95a2\u3059\u308b\u304a\u554f\u3044\u5408\u308f\u305b\u3001\u500b\u4eba\u60c5\u5831\u306b\u95a2\u3059\u308b\u5404\u7a2e\u3054\u8acb\u6c42\u306b\u3064\u304d\u307e\u3057\u3066\u306f\u3001\u5f53\u30b5\u30a4\u30c8\u306e\u300c\u3054\u4e88\u7d04\u30fb\u304a\u554f\u3044\u5408\u308f\u305b\u300d\u30d5\u30a9\u30fc\u30e0\u3001\u307e\u305f\u306f\u4e0b\u8a18\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3088\u308a\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n                \n                <div class=\"mt-8 pb-4\">\n                    <div class=\"p-4 bg-red-50 border border-red-100 rounded-lg flex items-center justify-center gap-3\">\n                        <svg class=\"w-6 h-6 text-waRed\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n                        <a href=\"mailto:yoyaku@miyoshitei.jp\" class=\"text-lg font-bold text-waRed hover:text-red-800 transition-colors underline underline-offset-4\">yoyaku@miyoshitei.jp<\/a>\n                    <\/div>\n                    <p class=\"mt-4 text-center-force text-gray-500 leading-none\">\u4ee5\u4e0a<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Footer (N\u00fat \u0111\u1ed3ng \u00fd) -->\n            <div id=\"modal-footer\" class=\"shrink-0 p-4 sm:p-5 border-t border-gray-200 bg-gray-50 flex-col items-center justify-center transition-all duration-300 hidden\">\n                <p id=\"scroll-msg\" class=\"text-sm sm:text-base text-red-600 font-bold mb-3 text-center\">\u203b\u6700\u5f8c\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u3068\u540c\u610f\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059<\/p>\n                <button id=\"agree-btn\" disabled class=\"bg-gray-400 text-white font-bold py-3 px-12 rounded-full cursor-not-allowed transition-all duration-300 w-full sm:w-auto text-lg\">\n                    \u540c\u610f\u3057\u3066\u9589\u3058\u308b\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n\n            \/\/ === Slider helpers ===\n            function initSliders() {\n                if (window.MiyoshiteiSlider && typeof window.MiyoshiteiSlider.init === 'function') {\n                    window.MiyoshiteiSlider.init({\n                        track: 'posters-grid',\n                        indicators: 'slider-indicators',\n                        slideSelector: '.slide-item'\n                    });\n                    window.MiyoshiteiSlider.init({\n                        track: 'performers-grid',\n                        indicators: 'performers-slider-indicators',\n                        slideSelector: '.slide-item'\n                    });\n                }\n            }\n\n            \/\/ === Dynamic content from WP custom JS ===\n            function applyCustomData() {\n                try {\n                    if (window.NEXT_EVENT_DATA) {\n                        const d = window.NEXT_EVENT_DATA;\nconst titleEl = document.getElementById('next-event-title');\nif (titleEl && typeof d.title === 'string') {\n  titleEl.innerHTML = d.title.replace(\/\\n\/g, '<br>');\n}\n                        const dateEl = document.getElementById('next-event-date');\n                        if (dateEl && typeof d.date === 'string') dateEl.textContent = d.date;\n                        const deadlineEl = document.getElementById('next-event-deadline');\n                        if (deadlineEl && typeof d.deadline === 'string') deadlineEl.textContent = d.deadline;\n                        const openEl = document.getElementById('next-event-open');\n                        if (openEl && typeof d.openTime === 'string') openEl.textContent = d.openTime;\n                        const startEl = document.getElementById('next-event-start');\n                        if (startEl && typeof d.startTime === 'string') startEl.textContent = d.startTime;\n                        const priceEl = document.getElementById('next-event-price');\n                        if (priceEl && typeof d.price === 'string') priceEl.textContent = d.price;\n                        const priceNoteEl = document.getElementById('next-event-price-note');\n                        if (priceNoteEl && typeof d.priceNote === 'string') priceNoteEl.textContent = d.priceNote;\n                        const venueEl = document.getElementById('next-event-venue');\n                        if (venueEl && typeof d.venue === 'string') venueEl.textContent = d.venue;\n                        const attWrap = document.getElementById('next-event-attention');\n                        const attTextEl = document.getElementById('next-event-attention-text');\n                        if (attWrap && attTextEl) {\n                            const att = (typeof d.attention === 'string') ? d.attention.trim() : '';\n                            if (att) {\n                                attTextEl.textContent = att;\n                                attWrap.classList.remove('hidden');\n                            } else {\n                                attTextEl.textContent = '';\n                                attWrap.classList.add('hidden');\n                            }\n                        }\n                        const perfUl = document.getElementById('next-event-performers');\n                        if (perfUl && Array.isArray(d.performers)) {\n                            perfUl.innerHTML = '';\n                            d.performers.forEach((name) => {\n                                const li = document.createElement('li');\n                                li.className = 'flex items-center gap-3';\n                                const dot = document.createElement('span');\n                                dot.className = 'w-2.5 h-2.5 bg-waRed rounded-full';\n                                const sp = document.createElement('span');\n                                sp.className = 'font-bold';\n                                sp.textContent = String(name);\n                                li.appendChild(dot);\n                                li.appendChild(sp);\n                                perfUl.appendChild(li);\n                            });\n                        }\n                    }\n\n                    \/\/ X\u1eec L\u00dd POSTER: T\u1ef0 \u0110\u1ed8NG L\u00c0M SLIDER V\u00c0 \u00c9P SIZE N\u1ebeU C\u00d3 >= 3 \u1ea2NH\n                    if (Array.isArray(window.POSTERS_DATA) && window.POSTERS_DATA.length > 0) {\n                        const postersGrid = document.getElementById('posters-grid');\n                        const sliderIndicators = document.getElementById('slider-indicators');\n                        const prevBtn = document.getElementById('poster-prev-btn');\n                        const nextBtn = document.getElementById('poster-next-btn');\n                        const sliderWrapper = document.getElementById('poster-slider-wrapper');\n                        const count = window.POSTERS_DATA.length;\n                        \n                        if (postersGrid) {\n                            postersGrid.innerHTML = '';\n                            \n                            \/\/ N\u1ebeU C\u00d3 T\u1eea 3 \u1ea2NH TR\u1ede L\u00caN -> B\u1eacT SLIDER V\u00c0 N\u00daT B\u1ea4M CHO DESKTOP\n                            if (count >= 3) {\n                                \/\/ \u00c9p l\u00f9i khung track v\u00e0o trong \u0111\u1ec3 nh\u01b0\u1eddng ch\u1ed7 cho 2 n\u00fat b\u1ea5m kh\u1ecfi \u0111\u00e8 l\u00ean \u1ea3nh\n                                if(sliderWrapper) sliderWrapper.classList.add('md:px-14', 'lg:px-20');\n                                \n                                \/\/ Hi\u1ec7n 2 n\u00fat m\u0169i t\u00ean (CH\u1ec8 B\u1eacT FLEX TR\u00caN DESKTOP b\u1eb1ng class md:flex)\n                                if(prevBtn) {\n                                    prevBtn.classList.add('hidden', 'md:flex');\n                                }\n                                if(nextBtn) {\n                                    nextBtn.classList.add('hidden', 'md:flex');\n                                }\n                                \n                                \/\/ D\u00f9ng py-6 \u0111\u1ec3 top-1\/2 c\u1ee7a n\u00fat b\u1ea5m lu\u00f4n lu\u00f4n b\u1eb1ng chu\u1ea9n 100% gi\u1eefa t\u00e2m \u1ea3nh\n                                postersGrid.className = 'flex gap-4 md:gap-8 lg:gap-12 overflow-x-auto snap-x snap-mandatory scrollbar-hide items-center py-6 px-4 md:px-0 -mx-4 md:mx-0 scroll-smooth';\n                                if (sliderIndicators) sliderIndicators.className = 'flex justify-center gap-2 mt-2';\n                            } else {\n                                \/\/ N\u1ebeU C\u00d3 <= 2 \u1ea2NH -> T\u1eaeT N\u00daT B\u1ea4M V\u00c0 TR\u1ede V\u1ec0 D\u1ea0NG GRID TR\u00caN DESKTOP\n                                if(sliderWrapper) sliderWrapper.classList.remove('md:px-14', 'lg:px-20');\n                                if(prevBtn) { prevBtn.classList.add('hidden'); prevBtn.classList.remove('md:flex'); }\n                                if(nextBtn) { nextBtn.classList.add('hidden'); nextBtn.classList.remove('md:flex'); }\n\n                                \/\/ D\u00f9ng py-6 \u0111\u1ec3 th\u1ed1ng nh\u1ea5t padding tr\u00ean d\u01b0\u1edbi\n                                postersGrid.className = 'flex md:grid md:grid-cols-2 md:justify-center gap-4 md:gap-8 lg:gap-12 overflow-x-auto md:overflow-visible snap-x snap-mandatory md:snap-none scrollbar-hide items-center md:items-stretch py-6 px-4 md:px-0 -mx-4 md:mx-0 scroll-smooth';\n                                if (sliderIndicators) sliderIndicators.className = 'flex md:hidden justify-center gap-2 mt-2';\n                            }\n\n                            window.POSTERS_DATA.forEach((p) => {\n                                if (!p || !p.imageUrl) return;\n                                \n                                const slide = document.createElement('div');\n                                \n                                if (count >= 3) {\n                                    \/\/ To\u00e1n h\u1ecdc CSS (calc) \u0111\u1ec3 hi\u1ec3n th\u1ecb \u0110\u00daNG 2 \u1ea3nh tr\u00ean Desktop\n                                    slide.className = 'slide-item w-[85%] sm:w-[60%] md:w-[calc(50%-1rem)] lg:w-[calc(50%-1.5rem)] flex-shrink-0 snap-center transition-transform duration-300';\n                                } else {\n                                    slide.className = 'slide-item w-[85%] flex-shrink-0 snap-center md:w-full transition-transform duration-300';\n                                }\n                                \n                                const wrap = document.createElement('div');\n                                wrap.className = 'group relative w-full aspect-[2\/3] rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform md:hover:-translate-y-2 border-4 border-white bg-white';\n                                \n                                const img = document.createElement('img');\n                                img.src = String(p.imageUrl);\n                                img.alt = p.altText ? String(p.altText) : '';\n                                img.className = 'absolute inset-0 w-full h-full object-cover';\n                                \n                                const overlay = document.createElement('div');\n                                overlay.className = 'absolute inset-0 bg-black\/5 group-hover:bg-transparent transition-colors duration-300 pointer-events-none';\n                                \n                                wrap.appendChild(img);\n                                wrap.appendChild(overlay);\n                                slide.appendChild(wrap);\n                                postersGrid.appendChild(slide);\n                            });\n\n                            \/\/ X\u1eec L\u00dd S\u1ef0 KI\u1ec6N CLICK & T\u1ef0 \u0110\u1ed8NG \u1ea8N\/HI\u1ec6N N\u00daT B\u1ea4M KHI CU\u1ed8N \n                            if(prevBtn && nextBtn && count >= 3) {\n                                \/\/ X\u00f3a event listeners c\u0169 b\u1eb1ng clone node\n                                const newPrev = prevBtn.cloneNode(true);\n                                const newNext = nextBtn.cloneNode(true);\n                                prevBtn.replaceWith(newPrev);\n                                nextBtn.replaceWith(newNext);\n\n                                const finalPrevBtn = document.getElementById('poster-prev-btn');\n                                const finalNextBtn = document.getElementById('poster-next-btn');\n\n                                \/\/ Click tr\u01b0\u1ee3t \u1ea3nh m\u01b0\u1ee3t m\u00e0\n                                finalPrevBtn.addEventListener('click', () => {\n                                    const firstSlide = postersGrid.querySelector('.slide-item');\n                                    if(firstSlide) {\n                                        const scrollAmount = firstSlide.offsetWidth + 32; \n                                        postersGrid.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n                                    }\n                                });\n\n                                finalNextBtn.addEventListener('click', () => {\n                                    const firstSlide = postersGrid.querySelector('.slide-item');\n                                    if(firstSlide) {\n                                        const scrollAmount = firstSlide.offsetWidth + 32;\n                                        postersGrid.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n                                    }\n                                });\n                                \n                                \/\/ Logic \u1ea9n hi\u1ec7n (V\u1eeba v\u00e0o k\u1ecbch tr\u00e1i -> \u1ea9n n\u00fat tr\u00e1i. Cu\u1ed9n cu\u1ed1i -> \u1ea9n n\u00fat ph\u1ea3i)\n                                const updateSliderNav = () => {\n                                    const isAtStart = postersGrid.scrollLeft <= 5;\n                                    const isAtEnd = postersGrid.scrollLeft + postersGrid.clientWidth >= postersGrid.scrollWidth - 5;\n\n                                    if (isAtStart) {\n                                        finalPrevBtn.classList.add('opacity-0', 'pointer-events-none', '-translate-x-4');\n                                    } else {\n                                        finalPrevBtn.classList.remove('opacity-0', 'pointer-events-none', '-translate-x-4');\n                                    }\n                                    \n                                    if (isAtEnd) {\n                                        finalNextBtn.classList.add('opacity-0', 'pointer-events-none', 'translate-x-4');\n                                    } else {\n                                        finalNextBtn.classList.remove('opacity-0', 'pointer-events-none', 'translate-x-4');\n                                    }\n                                };\n\n                                postersGrid.addEventListener('scroll', updateSliderNav);\n                                window.addEventListener('resize', updateSliderNav);\n                                \/\/ Ch\u1ea1y l\u1ea7n \u0111\u1ea7u ngay sau khi render \u0111\u1ec3 t\u1ef1 gi\u1ea5u n\u00fat Left \n                                setTimeout(updateSliderNav, 150);\n                            }\n                        }\n                    }\n\n                    if (Array.isArray(window.PERFORMERS_DATA)) {\n                        const performersGrid = document.getElementById('performers-grid');\n                        if (performersGrid) {\n                            performersGrid.innerHTML = '';\n                            window.PERFORMERS_DATA.forEach((p) => {\n                                if (!p || !p.name) return;\n                                const card = document.createElement('div');\n                                card.className = 'slide-item w-[90%] flex-shrink-0 snap-center md:w-auto group flex flex-col sm:flex-row items-center sm:items-start gap-6 bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-100 transform hover:-translate-y-1';\n                                const imgWrap = document.createElement('div');\n                                imgWrap.className = 'w-40 sm:w-48 aspect-[3\/4] flex-shrink-0 overflow-hidden rounded-xl shadow-md border-4 border-gray-50 relative';\n                                const img = document.createElement('img');\n                                img.src = p.image ? String(p.image) : '';\n                                img.alt = String(p.name).replace(\/\\s+\/g, '');\n                                img.className = 'absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-500';\n                                imgWrap.appendChild(img);\n                                const textWrap = document.createElement('div');\n                                textWrap.className = 'text-center sm:text-left flex-1';\n                                const h3 = document.createElement('h3');\n                                h3.className = 'text-2xl md:text-3xl font-bold mb-1 text-waRed';\n                                h3.textContent = String(p.name);\n                                const genre = document.createElement('p');\n                                genre.className = 'text-sm font-bold text-gray-400 tracking-widest border-b border-gray-100 pb-3 mb-4';\n                                genre.textContent = p.genre ? String(p.genre) : '';\n                                const desc = document.createElement('p');\n                                desc.className = 'text-gray-700 leading-relaxed text-base md:text-lg';\n                                desc.textContent = p.description ? String(p.description) : '';\n                                textWrap.appendChild(h3);\n                                textWrap.appendChild(genre);\n                                textWrap.appendChild(desc);\n                                card.appendChild(imgWrap);\n                                card.appendChild(textWrap);\n                                performersGrid.appendChild(card);\n                            });\n                        }\n                    }\n                    initSliders();\n                } catch (e) {\n                    console.warn('[miyoshitei] applyCustomData failed:', e);\n                }\n            }\n\n            function waitAndApply(attempt = 0) {\n                const hasAnyData = !!(window.NEXT_EVENT_DATA || window.POSTERS_DATA || window.PERFORMERS_DATA);\n                if (hasAnyData) {\n                    applyCustomData();\n                    return;\n                }\n                if (attempt >= 50) return; \n                setTimeout(() => waitAndApply(attempt + 1), 100);\n            }\n\n            initSliders();\n            waitAndApply();\n            window.addEventListener('load', applyCustomData);\n\n            \/\/ === \u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u30dc\u30bf\u30f3 ===\n            const pageTopBtn = document.getElementById('page-top-btn');\n            window.addEventListener('scroll', () => {\n                if (window.scrollY > 300) {\n                    pageTopBtn.classList.remove('opacity-0', 'pointer-events-none');\n                    pageTopBtn.classList.add('opacity-100', 'pointer-events-auto');\n                } else {\n                    pageTopBtn.classList.remove('opacity-100', 'pointer-events-auto');\n                    pageTopBtn.classList.add('opacity-0', 'pointer-events-none');\n                }\n            });\n\n            \/\/ === Modal Logic Th\u00f4ng Minh (T\u00e1ch bi\u1ec7t 2 ch\u1ebf \u0111\u1ed9 View v\u00e0 Agree) ===\n            const modal = document.getElementById('privacy-modal');\n            const content = document.getElementById('privacy-content');\n            const modalFooter = document.getElementById('modal-footer');\n            const agreeBtn = document.getElementById('agree-btn');\n            const scrollMsg = document.getElementById('scroll-msg');\n            const closeBtnTop = document.getElementById('close-modal-top');\n            \n            \/\/ --- X\u1eec L\u00dd FIX L\u1ed6I POSITION: FIXED TR\u00caN THEME WORDPRESS ---\n            if (modal && modal.parentNode !== document.body) {\n                document.body.appendChild(modal);\n            }\n            \n            let isRead = false; \n            let currentMode = 'view'; \n\n            function openModal(mode = 'view') {\n                currentMode = mode;\n                \n                if (currentMode === 'view') {\n                    modalFooter.classList.add('hidden');\n                    modalFooter.classList.remove('flex');\n                } else {\n                    modalFooter.classList.remove('hidden');\n                    modalFooter.classList.add('flex');\n                }\n\n                document.body.classList.add('modal-open'); \n                document.documentElement.classList.add('modal-open'); \n                \n                content.scrollTop = 0;\n                \n                modal.classList.remove('hidden');\n                modal.classList.add('flex'); \n                void modal.offsetWidth; \n                modal.classList.remove('opacity-0');\n                \n                if(currentMode === 'agree'){\n                    checkScroll();\n                }\n            }\n\n            function closeModal() {\n                modal.classList.add('opacity-0');\n                setTimeout(() => {\n                    modal.classList.add('hidden');\n                    modal.classList.remove('flex');\n                    document.body.classList.remove('modal-open'); \n                    document.documentElement.classList.remove('modal-open'); \n                }, 300);\n            }\n\n            document.body.addEventListener('click', (e) => {\n                const privacyLink = e.target.closest('a[href=\"#privacy-modal\"]');\n                if (privacyLink) {\n                    e.preventDefault();\n                    const isFooterLink = privacyLink.closest('footer') !== null;\n                    openModal(isFooterLink ? 'view' : 'agree');\n                    return; \n                }\n\n                const isCheckboxWrapper = e.target.closest('.wpcf7-acceptance') || e.target.closest('span.wpcf7-list-item');\n                const isDirectCheckbox = e.target.tagName && e.target.tagName.toLowerCase() === 'input' && e.target.type === 'checkbox';\n                \n                if (isCheckboxWrapper || isDirectCheckbox) {\n                    const formElement = e.target.closest('form');\n                    if (formElement && !isRead) {\n                        e.preventDefault(); \n                        if (isDirectCheckbox) {\n                            e.target.checked = false; \n                        }\n                        openModal('agree'); \n                    }\n                }\n\n                if (e.target === modal) {\n                    closeModal();\n                }\n            });\n\n            if(closeBtnTop) {\n                closeBtnTop.addEventListener('click', closeModal);\n            }\n\n            function checkScroll() {\n                if (isRead || currentMode === 'view') return;\n                \n                if (content.scrollHeight - content.scrollTop <= content.clientHeight + 15) {\n                    agreeBtn.disabled = false;\n                    agreeBtn.classList.remove('bg-gray-400', 'cursor-not-allowed');\n                    agreeBtn.classList.add('bg-waRed', 'hover:bg-red-800', 'shadow-lg', 'cursor-pointer');\n                    scrollMsg.textContent = \"\u3054\u540c\u610f\u3044\u305f\u3060\u3051\u307e\u3059\";\n                    scrollMsg.classList.remove('text-red-600');\n                    scrollMsg.classList.add('text-green-600');\n                    isRead = true; \n                }\n            }\n            content.addEventListener('scroll', checkScroll);\n\n            if(agreeBtn) {\n                agreeBtn.addEventListener('click', () => {\n                    if (currentMode === 'agree') {\n                        isRead = true;\n                        \n                        const cf7Checkbox = document.querySelector('input[name=\"privacy_consent\"]') || document.querySelector('.wpcf7-acceptance input[type=\"checkbox\"]');\n                        \n                        if (cf7Checkbox) {\n                            cf7Checkbox.checked = true;\n                            cf7Checkbox.dispatchEvent(new Event('change', { bubbles: true }));\n                            \n                            const submitBtn = document.querySelector('.wpcf7-submit');\n                            if (submitBtn) {\n                                submitBtn.disabled = false;\n                            }\n                        }\n                    }\n                    closeModal();\n                });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e09\u51f1\u4ead \u4e09\u51f1\u4ead \u6708\u6570\u56de\u958b\u50ac\uff01\u301c\u4f1d\u7d71\u82b8\u80fd\u3092\u697d\u3057\u3080\u3072\u3068\u3068\u304d\u301c \u4eca\u3059\u3050\u4e88\u7d04\u3059\u308b \u516c\u6f14\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb \u2193 \u51fa\u6f14\u8005 \u2193 \u30a2\u30af\u30bb\u30b9 \u2193 \u6b21\u56de\u516c\u6f14 \u300c\u5f25\u751f\u843d\u8a9e\u4f1a \u53e4\u5178vs\u65b0\u4f5c\u300d 3\u670829\u65e5\uff08\u65e5\uff09 \u4e88\u7d04\u7de0\u5207\uff1a3\u670828\u65e5\uff08\u571f\uff0922:00 \u958b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":91,"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/www.miyoshitei.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}