{"id":11365,"date":"2026-07-24T03:11:11","date_gmt":"2026-07-24T03:11:11","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=11365"},"modified":"2026-07-24T09:16:25","modified_gmt":"2026-07-24T09:16:25","slug":"biwakohanabi","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/biwakohanabi\/","title":{"rendered":"\u6d74\u8863\u3067\u3073\u308f\u6e56\u82b1\u706b\u5927\u4f1a"},"content":{"rendered":"\n\n \n \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3054\u4e88\u7d04\u53d7\u4ed8\u4e2d\uff5c\u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb\u548c\u51db\uff08WALIN\uff09<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n bg: '#FAF8F5',\n card: '#FFFFFF',\n dark: '#2C2725',\n muted: '#6E6763',\n gold: '#C5A059',\n goldHover: '#B38D45',\n goldLight: '#F7F3EB',\n goldBorder: '#E5D6BD',\n pink: '#D8B4B8',\n pinkLight: '#FAECEE',\n border: '#EDE7DE'\n }\n },\n fontFamily: {\n serif: ['\"Noto Serif JP\"', '\"Shippori Mincho\"', 'serif'],\n sans: ['\"Noto Sans JP\"', '\"Plus Jakarta Sans\"', 'sans-serif']\n }\n }\n }\n }\n <\/script>\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=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;600;700&family=Shippori+Mincho:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n <!-- FontAwesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <!-- Swiper CSS -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n <style>\n body {\n background-color: #FAF8F5;\n color: #2C2725;\n font-family: 'Noto Sans JP', sans-serif;\n -webkit-font-smoothing: antialiased;\n touch-action: manipulation;\n }\n .font-serif-title {\n font-family: 'Noto Serif JP', 'Shippori Mincho', serif;\n }\n \/* Custom Swiper Peak Design *\/\n .yukata-swiper {\n touch-action: pan-y !important;\n }\n .swiper-slide {\n width: 82%;\n max-width: 380px;\n transition: transform 0.3s ease, opacity 0.3s ease;\n opacity: 0.7;\n }\n .swiper-slide-active {\n opacity: 1;\n transform: scale(1.02);\n }\n .swiper-pagination-bullet-active {\n background-color: #C5A059 !important;\n width: 20px !important;\n border-radius: 4px !important;\n }\n .swiper-pagination-bullet {\n background-color: #D6CBBF;\n }\n \/* Anchor scroll offset *\/\n section {\n scroll-margin-top: 80px;\n }\n \/* Hide scrollbar for Chrome, Safari and Opera *\/\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n \/* Hide scrollbar for IE, Edge and Firefox *\/\n .no-scrollbar {\n -ms-overflow-style: none; \/* IE and Edge *\/\n scrollbar-width: none; \/* Firefox *\/\n }\n \/* Touch & Click optimization for WP and Mobile *\/\n a, button {\n -webkit-tap-highlight-color: rgba(197, 160, 89, 0.2);\n pointer-events: auto !important;\n }\n <\/style>\n\n\n\n <!-- Header Navigation -->\n <header class=\"sticky top-0 z-40 bg-white\/90 backdrop-blur-md border-b border-brand-border\/60 transition-all\">\n <div class=\"max-w-5xl mx-auto px-3 sm:px-4 py-3 flex justify-between items-center\">\n <div class=\"flex items-center space-x-2\">\n <span class=\"font-serif-title text-xl sm:text-2xl font-bold tracking-widest text-brand-dark\">\u548c\u51db <span class=\"text-xs tracking-normal font-sans font-light text-brand-muted block sm:inline\">WALIN<\/span><\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Main Wrapper -->\n <main class=\"max-w-4xl mx-auto px-2 sm:px-6\">\n\n <!-- ------------------------------------------------ -->\n <!-- \u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc -->\n <!-- ------------------------------------------------ -->\n <section id=\"fv\" class=\"pt-0 sm:pt-4 pb-8 sm:pb-10\">\n <!-- Hero Image Frame (Full Width & Center Display) -->\n <div class=\"-mx-2 sm:mx-0 relative rounded-none sm:rounded-2xl overflow-hidden shadow-lg border-0 sm:border border-brand-border\/80 bg-white flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u670824\u65e5-11_46_46.png\" alt=\"\u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb\u548c\u51db \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\" class=\"w-full h-auto object-cover block mx-auto\">\n <\/div>\n\n <!-- Hero Titles & Content -->\n <div class=\"mt-6 sm:mt-8 text-center space-y-4 px-1 sm:px-2\">\n <div class=\"inline-block px-4 py-1 rounded-full bg-brand-goldLight text-brand-gold border border-brand-goldBorder text-xs sm:text-sm tracking-wider font-medium\">\n \u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb\u548c\u51db\uff08WALIN\uff09\n <\/div>\n \n <h1 class=\"font-serif-title text-2xl sm:text-4xl font-semibold tracking-wider text-brand-dark leading-relaxed\">\n \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a<br>\n <span class=\"text-xl sm:text-3xl font-normal block mt-1\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb \u3054\u4e88\u7d04\u53d7\u4ed8\u4e2d<\/span>\n <\/h1>\n\n <p class=\"font-serif-title text-lg sm:text-xl text-brand-muted tracking-wide pt-1\">\n \u300c\u6d74\u8863\u3067\u3001\u590f\u306e\u601d\u3044\u51fa\u3064\u304f\u308a\u307e\u305b\u3093\u304b\uff1f\u300d\n <\/p>\n\n <!-- Additional Info Box -->\n <div class=\"max-w-md mx-auto mt-6 rounded-2xl p-0.5 bg-gradient-to-br from-brand-goldBorder via-brand-gold to-brand-goldBorder shadow-sm\">\n <div class=\"bg-white rounded-[15px] p-4 sm:p-5 text-center space-y-3.5\">\n <div class=\"inline-block px-4 py-1.5 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-dark text-xs sm:text-sm font-bold tracking-wide\">\n 8\u67086\u65e5(\u6728)\u7279\u5225\u55b6\u696d <span class=\"font-normal text-brand-muted\">\uff5c \u6700\u7d42\u53d7\u4ed817:30<\/span>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-2 text-xs sm:text-sm pt-1\">\n <div class=\"bg-brand-bg py-3 px-2 rounded-xl border border-brand-border\/80 font-medium text-brand-dark\">\n \u6d74\u8863\u30ec\u30f3\u30bf\u30eb 4,290\u5186\u301c\n <\/div>\n <div class=\"bg-brand-bg py-3 px-2 rounded-xl border border-brand-border\/80 font-medium text-brand-dark\">\n \u30d8\u30a2\u30bb\u30c3\u30c8 1,650\u5186\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-goldLight\/70 py-2.5 px-3 rounded-xl text-brand-dark text-xs sm:text-sm font-semibold tracking-wide border border-brand-goldBorder\/50\">\n \u7fcc\u65e5\u8fd4\u5374 \u8377\u7269\u9810\u304b\u308a\u7121\u6599\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Inner Navigation Links -->\n <div class=\"pt-6\">\n <p class=\"text-xs text-brand-muted mb-3 font-medium\">\u6c17\u306b\u306a\u308b\u60c5\u5831\u3078\u79fb\u52d5<\/p>\n <div class=\"flex overflow-x-auto no-scrollbar space-x-2 pb-2 px-1 justify-start sm:justify-center touch-pan-x\">\n <a href=\"#access\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">\u30a2\u30af\u30bb\u30b9<\/a>\n <a href=\"#plans\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">\u30d7\u30e9\u30f3\u7d39\u4ecb<\/a>\n <a href=\"#guide\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">\u3054\u5229\u7528\u30ac\u30a4\u30c9<\/a>\n <a href=\"#cta-section\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">\u4e88\u7d04\u65b9\u6cd5<\/a>\n <a href=\"#faq\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">FAQ<\/a>\n <a href=\"#info\" class=\"js-scroll-link flex-shrink-0 px-4 py-2 bg-white rounded-full text-xs font-medium border border-brand-border hover:border-brand-gold hover:text-brand-gold transition shadow-xs cursor-pointer\">\u5e97\u8217\u60c5\u5831<\/a>\n <\/div>\n <\/div>\n\n <!-- CTA Button -->\n <div class=\"pt-4\">\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto inline-flex items-center justify-center w-full sm:w-auto px-8 py-4 rounded-full bg-brand-gold text-white font-medium text-base sm:text-lg shadow-md hover:bg-brand-goldHover active:bg-brand-goldHover transition\">\n <span>\u3073\u308f\u6e56\u82b1\u706b\u306e\u6d74\u8863\u3092\u4e88\u7d04\u3059\u308b<\/span>\n <i class=\"fa-solid fa-angle-right ml-3 text-sm\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u306b\u3064\u3044\u3066 -->\n <!-- ------------------------------------------------ -->\n <section id=\"about-event\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">Special Event<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u306b\u3064\u3044\u3066<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- Event Visual Card -->\n <div class=\"mt-6 sm:mt-8 rounded-xl overflow-hidden border border-brand-border\/60 shadow-sm\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u3073\u308f\u6e56\u6848\u5185.jpg\" alt=\"\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a \u6848\u5185\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <!-- Event Information Text -->\n <div class=\"mt-6 sm:mt-8 bg-brand-bg rounded-xl p-4 sm:p-6 border border-brand-border space-y-4 text-sm sm:text-base leading-relaxed text-brand-dark\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 border-b border-brand-border pb-4 font-medium\">\n <div class=\"flex items-center space-x-2\">\n <i class=\"fa-regular fa-calendar text-brand-gold\"><\/i>\n <span>2026\u5e748\u67086\u65e5(\u6728)<\/span>\n <\/div>\n <div class=\"flex items-center space-x-2\">\n <i class=\"fa-regular fa-clock text-brand-gold\"><\/i>\n <span>19:30\u301c20:30<\/span>\n <\/div>\n <\/div>\n\n <div class=\"space-y-2 pt-1\">\n <p class=\"font-semibold text-brand-dark flex items-start space-x-2\">\n <i class=\"fa-solid fa-location-dot text-brand-gold mt-1\"><\/i>\n <span>\u4f1a\u5834\uff1a\u5927\u6d25\u6e2f\u5468\u8fba\u306e\u3073\u308f\u6e56\u7554\u3001\u306a\u304e\u3055\u516c\u5712\u306a\u3069<\/span>\n <\/p>\n <p class=\"text-xs sm:text-sm text-brand-muted pl-6\">\n JR\u7435\u7436\u6e56\u7dda\u5927\u6d25\u99c5\u304b\u3089\u5f92\u6b69\u7d0415\u5206\u3001\u4eac\u962a\u96fb\u8eca\u3073\u308f\u6e56\u6d5c\u5927\u6d25\u99c5\u304b\u3089\u5f92\u6b69\u7d045\u5206\n <\/p>\n <\/div>\n\n <div class=\"pt-4 border-t border-brand-border\/60 leading-loose\">\n <p>\n \u4eca\u5e74\u306f\u7b2c40\u56de\u8a18\u5ff5\u5927\u4f1a\u3002<br>\n \u30c9\u30ed\u30fc\u30f3\u30fb\u30ec\u30fc\u30b6\u30fc\u30fb\u97f3\u697d\u3068\u82b1\u706b\u304c\u878d\u5408\u3059\u308b\u7b2c1\u90e8\u3001<br>\n \u8feb\u529b\u3042\u308b\u82b1\u706b\u304c\u591c\u7a7a\u3092\u5f69\u308b\u7b2c2\u90e8\u3002\n <\/p>\n <p class=\"mt-3 font-medium text-brand-dark\">\n \u4eca\u5e74\u3060\u3051\u306e\u7279\u5225\u306a\u6f14\u51fa\u3067\u3001<br>\n \u3044\u3064\u3082\u4ee5\u4e0a\u306b\u611f\u52d5\u3059\u308b\u4e00\u591c\u306b\u306a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u30a2\u30af\u30bb\u30b9 -->\n <!-- ------------------------------------------------ -->\n <section id=\"access\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs overflow-hidden\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">Location<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u30a2\u30af\u30bb\u30b9<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- Access Diagram Image (Full width on Mobile & Center Display) -->\n <div class=\"-mx-4 sm:mx-0 mt-6 sm:mt-8 sm:rounded-xl overflow-hidden border-y sm:border border-brand-border\/60 shadow-sm flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/832A7F4F-110B-4B56-82BF-1DC4BD62A73D.png\" alt=\"\u548c\u51db \u30a2\u30af\u30bb\u30b9\u6848\u5185\" class=\"w-full h-auto object-cover block mx-auto\">\n <\/div>\n\n <!-- Access Text Description -->\n <div class=\"mt-6 sm:mt-8 space-y-4 text-sm sm:text-base leading-relaxed text-brand-dark\">\n <p class=\"text-base sm:text-lg leading-relaxed\">\n \u548c\u51db\u306f\u5730\u4e0b\u9244\u4e94\u6761\u99c5\u304b\u3089\u5f92\u6b69\u7d045\u5206\u3002<br>\n \u4eac\u90fd\u99c5\u307e\u3067\u306f\u5730\u4e0b\u9244\u3067\u7d042\u5206\u3001JR\u306b\u4e57\u308a\u63db\u3048\u308c\u3070\u5927\u6d25\u99c5\u307e\u3067\u7d049\u5206\u3067\u3059\u3002<br>\n \u4eac\u90fd\u89b3\u5149\u3084\u30ab\u30d5\u30a7\u5de1\u308a\u3092\u697d\u3057\u3093\u3060\u3042\u3068\u3001\u305d\u306e\u307e\u307e\u82b1\u706b\u5927\u4f1a\u3078\u5411\u304b\u3048\u308b\u4fbf\u5229\u306a\u7acb\u5730\u3067\u3059\u3002\n <\/p>\n\n <div class=\"bg-brand-bg p-4 rounded-xl border border-brand-border text-xs sm:text-sm text-brand-muted\">\n <p class=\"font-semibold text-brand-dark mb-1\">\u304a\u8eca\u3067\u304a\u8d8a\u3057\u306e\u304a\u5ba2\u69d8\u3078<\/p>\n <p>\u5c02\u7528\u99d0\u8eca\u5834\u306f\u3054\u3056\u3044\u307e\u305b\u3093\u306e\u3067\u3001\u8fd1\u96a3\u306e\u30b3\u30a4\u30f3\u30d1\u30fc\u30ad\u30f3\u30b0\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n <!-- Google Maps Button -->\n <div class=\"pt-4 text-center\">\n <a href=\"https:\/\/www.google.com\/maps\/place\/%E4%BA%AC%E9%83%BD%E3%81%8D%E3%82%82%E3%81%AE%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E5%92%8C%E5%87%9B%EF%BC%88%E6%9C%AC%E5%BA%97%EF%BC%89\/@34.9975098,135.7569879,18z\/data=!4m6!3m5!1s0x600108980aaeca5b:0xc731491714e5c38e!8m2!3d34.9982387!4d135.7565623!16s%2Fg%2F1tg9n0vh?entry=ttu&g_ep=EgoyMDI2MDcyMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto inline-flex items-center justify-center w-full sm:w-auto px-8 py-3.5 rounded-full bg-brand-goldLight text-brand-dark font-medium border border-brand-goldBorder hover:bg-brand-gold hover:text-white transition shadow-xs text-sm sm:text-base\">\n <span>📍 Google\u30de\u30c3\u30d7\u3067\u898b\u308b<\/span>\n <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u548c\u51db\u304c\u9078\u3070\u308c\u308b\u7406\u7531 -->\n <!-- ------------------------------------------------ -->\n <section id=\"reasons\" class=\"py-8 sm:py-12 my-4 sm:my-6\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">WHY WALIN?<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u548c\u51db\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- Reasons Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-3 sm:gap-4\">\n \n <!-- Reason 1 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">01<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b\u6d74\u8863<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u53ef\u611b\u3044\u7cfb\u304b\u3089\u4e0a\u54c1\u306a\u30c7\u30b6\u30a4\u30f3\u307e\u3067\u3001\u5e45\u5e83\u304f\u53d6\u308a\u63c3\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n\n <!-- Reason 2 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">02<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u30d5\u30eb\u30bb\u30c3\u30c8\uff06\u30b7\u30f3\u30d7\u30eb\u306a\u6599\u91d1\u8a2d\u5b9a<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u5fc5\u8981\u306a\u3082\u306e\u306f\u3059\u3079\u3066\u8fbc\u307f\u3002\u5206\u304b\u308a\u3084\u3059\u3044\u6599\u91d1\u3067\u5b89\u5fc3\u3002<\/p>\n <\/div>\n\n <!-- Reason 3 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">03<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u30d7\u30ed\u306e\u7740\u4ed8\u3051\u5e2b\u306b\u3088\u308b\u7740\u4ed8\u3051\u8fbc\u307f<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u7d4c\u9a13\u8c4a\u5bcc\u306a\u7740\u4ed8\u3051\u5e2b\u304c\u3001\u4e00\u4eba\u3072\u3068\u308a\u4e01\u5be7\u306b\u304a\u7740\u4ed8\u3051\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <!-- Reason 4 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">04<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u4eac\u90fd\u99c5\u307e\u3067\u5730\u4e0b\u9244\u3067\u4e00\u99c5<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u4eac\u90fd\u89b3\u5149\u3082\u82b1\u706b\u5927\u4f1a\u3078\u306e\u79fb\u52d5\u3082\u30b9\u30e0\u30fc\u30ba\u3002<\/p>\n <\/div>\n\n <!-- Reason 5 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">05<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u8377\u7269\u9810\u304b\u308a\u7121\u6599<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u8eab\u8efd\u306b\u4eac\u90fd\u6563\u7b56\u3084\u82b1\u706b\u5927\u4f1a\u3092\u697d\u3057\u3081\u307e\u3059\u3002<\/p>\n <\/div>\n\n <!-- Reason 6 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">06<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u7fcc\u65e5\u8fd4\u5374\u7121\u6599<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u8fd4\u5374\u6642\u9593\u3092\u6c17\u306b\u305b\u305a\u3001\u82b1\u706b\u5927\u4f1a\u3092\u6700\u5f8c\u307e\u3067\u6e80\u55ab\u3002<\/p>\n <\/div>\n\n <!-- Reason 7 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">07<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u500b\u5ba4\u5236\u306e\u7740\u4ed8\u3051\u30eb\u30fc\u30e0<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u5468\u308a\u3092\u6c17\u306b\u305b\u305a\u3001\u3086\u3063\u305f\u308a\u304a\u7740\u66ff\u3048\u3002<\/p>\n <\/div>\n\n <!-- Reason 8 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">08<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u5f53\u65e5\u30ad\u30e3\u30f3\u30bb\u30eb\u7121\u6599<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u9650\u5b9a\u3067\u3001\u8352\u5929\u3067\u5927\u4f1a\u4e2d\u6b62\u306e\u5834\u5408\u306f\u5f53\u65e5\u3067\u3082\u30ad\u30e3\u30f3\u30bb\u30eb\u6599\u7121\u6599\u3002<\/p>\n <\/div>\n\n <!-- Reason 9 -->\n <div class=\"bg-white p-5 sm:p-6 rounded-xl border border-brand-border shadow-xs hover:border-brand-gold\/50 transition\">\n <span class=\"font-serif-title text-3xl font-bold text-brand-gold block mb-2\">09<\/span>\n <h3 class=\"font-semibold text-brand-dark text-base mb-2\">\u4eac\u90fd\u89b3\u5149\u3082\u697d\u3057\u3081\u308b<\/h3>\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed\">\u4eac\u90fd\u89b3\u5149\u3084\u30ab\u30d5\u30a7\u5de1\u308a\u3092\u697d\u3057\u3093\u3060\u3042\u3068\u3001\u305d\u306e\u307e\u307e\u82b1\u706b\u5927\u4f1a\u3078\u3002<\/p>\n <\/div>\n\n <\/div>\n\n <!-- Image Insert -->\n <div class=\"mt-6 sm:mt-8 rounded-xl overflow-hidden border border-brand-border shadow-sm\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u2462\u4eac\u90fd\u6563\u7b56-scaled.jpg\" alt=\"\u4eac\u90fd\u6563\u7b56\u3092\u697d\u3057\u3080\u69d8\u5b50\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <!-- Mid Section CTA -->\n <div class=\"mt-6 sm:mt-8 text-center\">\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto inline-flex items-center justify-center w-full sm:w-auto px-8 py-4 rounded-full bg-brand-gold text-white font-medium text-base shadow-md hover:bg-brand-goldHover active:bg-brand-goldHover transition\">\n <span>\u3073\u308f\u6e56\u82b1\u706b\u306e\u6d74\u8863\u3092\u4e88\u7d04\u3059\u308b<\/span>\n <i class=\"fa-solid fa-angle-right ml-3 text-sm\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3 -->\n <!-- ------------------------------------------------ -->\n <section id=\"plans\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8 sm:mb-10\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">Rental Plans<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- 5 Points Section -->\n <div class=\"mb-10 sm:mb-12\">\n <h3 class=\"font-serif-title text-xl font-medium text-center text-brand-dark mb-6\">\n \u5b89\u5fc3\uff15\u3064\u306e\u30dd\u30a4\u30f3\u30c8\n <\/h3>\n\n <div class=\"space-y-4 sm:space-y-6\">\n <!-- Point 1 -->\n <div class=\"bg-brand-bg p-4 sm:p-5 rounded-xl border border-brand-border\">\n <span class=\"text-xs font-bold text-brand-gold uppercase tracking-wider block mb-1\">Point 01<\/span>\n <h4 class=\"font-semibold text-brand-dark text-base mb-1\">\u5f53\u65e5\u9078\u3079\u308b\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u5206\u304b\u308a\u3084\u3059\u30443\u3064\u306e\u6599\u91d1\u30d7\u30e9\u30f3\u3002<\/h4>\n <p class=\"text-xs sm:text-sm text-brand-muted mb-2\">\u30b7\u30f3\u30d7\u30eb\u3067\u5206\u304b\u308a\u3084\u3059\u3044\u6599\u91d1\u8a2d\u5b9a\u3082\u548c\u51db\u306e\u9b45\u529b\u3067\u3059\u3002<\/p>\n <p class=\"text-sm font-semibold text-brand-gold pt-1\">4,290\u5186\uff0f5,390\u5186\uff0f9,790\u5186<\/p>\n <\/div>\n\n <!-- Point 2 -->\n <div class=\"bg-brand-bg p-4 sm:p-5 rounded-xl border border-brand-border\">\n <span class=\"text-xs font-bold text-brand-gold uppercase tracking-wider block mb-1\">Point 02<\/span>\n <h4 class=\"font-semibold text-brand-dark text-base mb-3\">\u5168\u3066\u306e\u30d7\u30e9\u30f3\u304c\u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051\u8fbc\u307f<\/h4>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u7740\u4ed8\u3051.png\" alt=\"\u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n\n <!-- Point 3 -->\n <div class=\"bg-brand-bg p-4 sm:p-5 rounded-xl border border-brand-border\">\n <span class=\"text-xs font-bold text-brand-gold uppercase tracking-wider block mb-1\">Point 03<\/span>\n <h4 class=\"font-semibold text-brand-dark text-base mb-2\">\u624b\u3076\u3089\u3067OK\u3001\u30d5\u30eb\u30bb\u30c3\u30c8\u30ec\u30f3\u30bf\u30eb<\/h4>\n <p class=\"text-xs sm:text-sm text-brand-dark font-medium bg-white p-3 rounded-lg border border-brand-border\">\n \uff08\u30bb\u30c3\u30c8\u5185\u5bb9\uff09<br>\n \u6d74\u8863\u30fb\u5e2f\u30fb\u304b\u3054\u5dfe\u7740\u30fb\u4e0b\u99c4\u30fb\u808c\u7740\n <\/p>\n <\/div>\n\n <!-- Point 4 -->\n <div class=\"bg-brand-bg p-4 sm:p-5 rounded-xl border border-brand-border\">\n <span class=\"text-xs font-bold text-brand-gold uppercase tracking-wider block mb-1\">Point 04<\/span>\n <h4 class=\"font-semibold text-brand-dark text-base mb-3\">\u534a\u5e45\u5e2for\u5175\u5150\u5e2f\u304c\u7121\u6599\u3067\u9078\u3079\u308b<\/h4>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/IMG_9513-scaled.jpg\" alt=\"\u9078\u3079\u308b\u5e2f\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n\n <!-- Point 5 -->\n <div class=\"bg-brand-bg p-4 sm:p-5 rounded-xl border border-brand-border\">\n <span class=\"text-xs font-bold text-brand-gold uppercase tracking-wider block mb-1\">Point 05<\/span>\n <h4 class=\"font-semibold text-brand-dark text-base mb-3\">\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u5e2f\u7de0\u3081\u3084\u5e2f\u7559\u3081\u306e\u8ffd\u52a0\u3082OK\uff08\uff0b550\u5186\uff09<\/h4>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/obijime-scaled.jpg\" alt=\"\u5e2f\u7de0\u3081\u30fb\u5e2f\u7559\u3081\u30aa\u30d7\u30b7\u30e7\u30f3\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Carousel Gallery Section -->\n <div class=\"my-8 sm:my-10 pt-6 border-t border-brand-border\">\n <div class=\"text-center mb-4\">\n <span class=\"font-serif-title text-xl font-medium text-brand-dark block\">Gallery<\/span>\n <p class=\"text-xs text-brand-muted mt-1\">\u2190 \u5de6\u53f3\u306b\u30b9\u30ef\u30a4\u30d7\u3057\u3066\u3054\u89a7\u304f\u3060\u3055\u3044 \u2192<\/p>\n <\/div>\n\n <!-- Swiper Container -->\n <div class=\"swiper yukata-swiper py-4\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff12-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb1\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff11\uff12.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb2\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff17-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb3\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff11\uff10-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb4\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/NRT_0110_Original.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb5\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff13-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb6\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff11\uff11-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb7\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff18-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb8\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff11\uff13.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb9\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb10\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff19-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb11\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/yukata_tsuda-7_Original.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb12\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30b9\u30e9\u30a4\u30c9\uff19-1-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb13\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <div class=\"swiper-slide rounded-xl overflow-hidden shadow-sm border border-brand-border bg-white\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/RC206056_Original-scaled.jpg\" alt=\"\u6d74\u8863\u30b5\u30f3\u30d7\u30eb14\" class=\"w-full aspect-[3\/4] object-cover\">\n <\/div>\n <\/div>\n <!-- Navigation Dots -->\n <div class=\"swiper-pagination mt-4\"><\/div>\n <!-- Arrow Controls for PC -->\n <div class=\"hidden sm:block swiper-button-prev text-brand-gold\"><\/div>\n <div class=\"hidden sm:block swiper-button-next text-brand-gold\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Specific Plan Cards -->\n <div class=\"space-y-6 sm:space-y-8 mt-10 sm:mt-12\">\n <h3 class=\"font-serif-title text-xl font-medium text-center text-brand-dark mb-6 border-b border-brand-border pb-3\">\n \u30d7\u30e9\u30f3\u8a73\u7d30\n <\/h3>\n\n <!-- 4290 Plan -->\n <div class=\"border border-brand-border rounded-xl p-5 sm:p-6 bg-brand-bg relative overflow-hidden\">\n <div class=\"flex justify-between items-baseline mb-2\">\n <h4 class=\"font-serif-title text-xl font-bold text-brand-dark\">4,290\u5186\u30d7\u30e9\u30f3<\/h4>\n <span class=\"text-xs bg-white px-3 py-1 rounded-full border border-brand-border font-medium text-brand-muted\">\u7a0e\u8fbc<\/span>\n <\/div>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u521d\u3081\u3066\u306e\u6d74\u8863\u306b\u3082\u304a\u3059\u3059\u3081\u3002<br>\n \u304a\u3059\u3059\u3081\u306e\u5e2f\u3092\u30b3\u30fc\u30c7\u30a3\u30cd\u30fc\u30c8\u6e08\u307f\u3067\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- 5390 Plan -->\n <div class=\"border border-brand-border rounded-xl p-5 sm:p-6 bg-brand-bg relative overflow-hidden\">\n <div class=\"flex justify-between items-baseline mb-2\">\n <h4 class=\"font-serif-title text-xl font-bold text-brand-dark\">5,390\u5186\u30d7\u30e9\u30f3<\/h4>\n <span class=\"text-xs bg-white px-3 py-1 rounded-full border border-brand-border font-medium text-brand-muted\">\u7a0e\u8fbc<\/span>\n <\/div>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u4eba\u6c17\u30d6\u30e9\u30f3\u30c9\u6d74\u8863\u3084\u3001\u304a\u3057\u3083\u308c\u306a\u30c7\u30b6\u30a4\u30f3\u3092\u697d\u3057\u307f\u305f\u3044\u65b9\u3078\u3002<br>\n \u30ec\u30c8\u30ed\u30fb\u30e2\u30c0\u30f3\u30fb\u53e4\u5178\u67c4\u306a\u3069\u3001\u8c4a\u5bcc\u306a\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u304b\u3089\u304a\u6c17\u306b\u5165\u308a\u306e\u4e00\u7740\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- 9790 Plan -->\n <div class=\"border border-brand-border rounded-xl p-5 sm:p-6 bg-brand-bg relative overflow-hidden\">\n <div class=\"flex justify-between items-baseline mb-2\">\n <h4 class=\"font-serif-title text-xl font-bold text-brand-dark\">9,790\u5186\u30d7\u30e9\u30f3<\/h4>\n <span class=\"text-xs bg-white px-3 py-1 rounded-full border border-brand-border font-medium text-brand-muted\">\u7a0e\u8fbc<\/span>\n <\/div>\n <p class=\"text-sm text-brand-dark leading-relaxed mb-4\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u306e\u6d74\u8863\u3002<br>\n \u7d5e\u308a\u306e\u540d\u9580\u304c\u7e54\u308a\u306a\u3059\u3001\u7279\u5225\u306a\u590f\u306e\u4e00\u679a\u3002\u4e0a\u8cea\u306a\u7d20\u6750\u3084\u6d17\u7df4\u3055\u308c\u305f\u30c7\u30b6\u30a4\u30f3\u3067\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u3088\u308a\u7f8e\u3057\u304f\u6f14\u51fa\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/IMG_9546-scaled.jpg\" alt=\"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u6d74\u8863\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n\n <!-- Mens Plan -->\n <div class=\"border border-brand-border rounded-xl p-5 sm:p-6 bg-brand-bg relative overflow-hidden\">\n <div class=\"flex justify-between items-start mb-2\">\n <h4 class=\"font-serif-title text-xl font-bold text-brand-dark\">\n <span class=\"block sm:inline\">\u30e1\u30f3\u30ba\u6d74\u8863\u30d7\u30e9\u30f3<\/span>\n <span class=\"block sm:inline mt-1 sm:mt-0\">4,290\u5186<\/span>\n <\/h4>\n <span class=\"text-xs bg-white px-3 py-1 rounded-full border border-brand-border font-medium text-brand-muted flex-shrink-0 ml-2\">\u7a0e\u8fbc<\/span>\n <\/div>\n <p class=\"text-sm text-brand-dark leading-relaxed mb-4\">\n \u7537\u6027\u7528\u306e\u6d74\u8863\u3082\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u30ab\u30c3\u30d7\u30eb\u3084\u3054\u592b\u5a66\u3067\u3082\u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/06\/0601.3.jpg\" alt=\"\u30e1\u30f3\u30ba\u6d74\u88631\" class=\"w-full h-auto object-cover\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/60\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/IMG_9545-scaled.jpg\" alt=\"\u30e1\u30f3\u30ba\u6d74\u88632\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Additional Info Note -->\n <p class=\"text-xs sm:text-sm text-brand-muted leading-relaxed bg-white p-4 rounded-xl border border-brand-border\">\n \u4e0a\u8a18\u30d7\u30e9\u30f3\u306e\u307b\u304b\u306b\u3001\u6c17\u8efd\u306b\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u308b\u300c\u590f\u7740\u7269\u30d7\u30e9\u30f3 5,390\u5186\uff08\u7a0e\u8fbc\uff09\u300d\u3084\u3001\u304a\u5b50\u69d8\u306e\u6d74\u8863\u30d7\u30e9\u30f3\u3082\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n\n <!-- Hair Set Option -->\n <div class=\"border-2 border-brand-gold\/30 rounded-2xl p-5 sm:p-6 bg-brand-goldLight\/30 space-y-4\">\n <div class=\"flex justify-between items-start border-b border-brand-goldBorder pb-3\">\n <div class=\"flex items-start space-x-3\">\n <!-- Custom Japanese Traditional Hair Comb SVG Icon -->\n <div class=\"w-10 h-10 rounded-full bg-brand-gold text-white flex items-center justify-center flex-shrink-0 shadow-xs mt-0.5\">\n <svg class=\"w-6 h-6 fill-current\" viewBox=\"0 0 24 24\">\n <path d=\"M2,8 C2,6 5,5 12,5 C19,5 22,6 22,8 C22,9.5 20,10.5 18,11 L18,18 C18,18.5 17.5,19 17,19 C16.5,19 16,18.5 16,18 L16,11 L14,11 L14,18 C14,18.5 13.5,19 13,19 C12.5,19 12,18.5 12,18 L12,11 L10,11 L10,18 C10,18.5 9.5,19 9,19 C8.5,19 8,18.5 8,18 L8,11 L6,11 L6,18 C6,18.5 5.5,19 5,19 C4.5,19 4,18.5 4,18 L4,11 C2,10.5 2,9.5 2,8 Z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"font-serif-title text-xl font-bold text-brand-dark\">\n <span class=\"block sm:inline\">\u30d8\u30a2\u30bb\u30c3\u30c8<\/span>\n <span class=\"block sm:inline mt-1 sm:mt-0\">1,650\u5186\uff08\u9aea\u98fe\u308a\u7121\u6599\uff09<\/span>\n <\/h4>\n <\/div>\n <\/div>\n <span class=\"text-xs bg-white px-3 py-1 rounded-full border border-brand-border font-medium text-brand-muted flex-shrink-0 ml-2\">\u7a0e\u8fbc<\/span>\n <\/div>\n\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u30d7\u30ed\u306e\u30b9\u30bf\u30a4\u30ea\u30b9\u30c8\u304c\u3001\u304a\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u7f8e\u3057\u304f\u4ed5\u4e0a\u3052\u307e\u3059\u3002<br>\n \u6d74\u8863\u306b\u5408\u3046\u629c\u3051\u611f\u306e\u3042\u308b\u30a2\u30c3\u30d7\u30d8\u30a2\u304b\u3089\u30b7\u30c3\u30af\u306a\u591c\u4f1a\u5dfb\u304d\u307e\u3067\u3001\u3069\u3093\u306a\u6ce8\u6587\u3067\u30821,650\u5186\uff08\u7a0e\u8fbc\uff09\n <\/p>\n\n <!-- 2 Side by Side Images -->\n <div class=\"grid grid-cols-2 gap-3 pt-2\">\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/80\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/ZRIN00129_Original-scaled.jpg\" alt=\"\u30d8\u30a2\u30bb\u30c3\u30c8\u4f8b1\" class=\"w-full aspect-[4\/3] object-cover\">\n <\/div>\n <div class=\"rounded-lg overflow-hidden border border-brand-border\/80\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/06\/0T0A6647.jpeg\" alt=\"\u30d8\u30a2\u30bb\u30c3\u30c8\u4f8b2\" class=\"w-full aspect-[4\/3] object-cover\">\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Mid CTA -->\n <div class=\"mt-8 sm:mt-10 text-center\">\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto inline-flex items-center justify-center w-full sm:w-auto px-8 py-4 rounded-full bg-brand-gold text-white font-medium text-base shadow-md hover:bg-brand-goldHover active:bg-brand-goldHover transition\">\n <span>\u3073\u308f\u6e56\u82b1\u706b\u306e\u6d74\u8863\u3092\u4e88\u7d04\u3059\u308b<\/span>\n <i class=\"fa-solid fa-angle-right ml-3 text-sm\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u6d74\u8863\u3092\u3082\u3063\u3068\u697d\u3057\u3080\u30d2\u30f3\u30c8 -->\n <!-- ------------------------------------------------ -->\n <section id=\"hints\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">Tips<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u6d74\u8863\u3092\u3082\u3063\u3068\u697d\u3057\u3080\u30d2\u30f3\u30c8<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- Banner Header Image -->\n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-sm mb-6\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/13BA6D5B-FD6F-4AC6-BDCB-DAD00A6735D1.png\" alt=\"\u6d74\u8863\u3092\u3082\u3063\u3068\u697d\u3057\u3080\u30d2\u30f3\u30c8\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <!-- Article Content -->\n <div class=\"space-y-4 text-sm sm:text-base leading-relaxed text-brand-dark\">\n <h3 class=\"font-serif-title text-lg font-bold text-brand-dark border-b border-brand-border pb-2\">\n \u6d74\u8863\u306b\u30b5\u30f3\u30c0\u30eb\u3092\u5408\u308f\u305b\u3066\u3082\u5927\u4e08\u592b\uff1f\n <\/h3>\n <p>\n \u3082\u3061\u308d\u3093\u5927\u4e08\u592b\u3067\u3059\u3002<br>\n \u82b1\u706b\u5927\u4f1a\u3084\u4eac\u90fd\u89b3\u5149\u3067\u306f\u3001\u6b69\u304d\u6163\u308c\u305f\u30b5\u30f3\u30c0\u30eb\u306e\u65b9\u304c\u5feb\u9069\u306b\u904e\u3054\u305b\u308b\u3053\u3068\u3082\u3002<br>\n \u304d\u308c\u3044\u3081\u30b5\u30f3\u30c0\u30eb\u3001\u30ab\u30b8\u30e5\u30a2\u30eb\u30b5\u30f3\u30c0\u30eb\u3001\u4e0b\u99c4\u3068\u5c65\u304d\u6bd4\u3079\u306a\u304c\u3089\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u306d\u3002\n <\/p>\n\n <!-- 2 Vertically Stacked Images -->\n <div class=\"space-y-4 pt-4\">\n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-xs\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/IMG_9441-scaled.jpg\" alt=\"\u30b5\u30f3\u30c0\u30eb\u30b3\u30fc\u30c7\u30a3\u30cd\u30fc\u30c81\" class=\"w-full h-auto object-cover\">\n <\/div>\n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-xs\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/IMG_9448-scaled.jpg\" alt=\"\u30b5\u30f3\u30c0\u30eb\u30b3\u30fc\u30c7\u30a3\u30cd\u30fc\u30c82\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- CTA \u30bb\u30af\u30b7\u30e7\u30f3 -->\n <!-- ------------------------------------------------ -->\n <section id=\"cta-section\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-brand-goldLight\/40 rounded-2xl p-4 sm:p-10 border border-brand-goldBorder\/60 shadow-xs text-center\">\n \n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-sm mb-6 sm:mb-8\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u2467-scaled.jpg\" alt=\"\u6d74\u8863\u3067\u7279\u5225\u306a\u601d\u3044\u51fa\u3092\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark mb-6 leading-relaxed\">\n \u300c\u4eca\u5e74\u306e\u590f\u306f\u3001<br>\u6d74\u8863\u3067\u7279\u5225\u306a\u601d\u3044\u51fa\u3092\u3002\u300d\n <\/h2>\n\n <div class=\"bg-white rounded-xl p-4 sm:p-6 border border-brand-border max-w-xl mx-auto shadow-sm space-y-4\">\n <h3 class=\"font-semibold text-brand-dark text-base sm:text-lg border-b border-brand-border pb-3\">\n \u3054\u4e88\u7d04\u30fb\u3054\u76f8\u8ac7\uff1a\u9078\u3079\u308b\uff13\u3064\u306e\u65b9\u6cd5\n <\/h3>\n\n <div class=\"space-y-3 pt-2\">\n <!-- Form Link -->\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto flex items-center justify-between p-4 rounded-xl bg-brand-gold text-white font-medium hover:bg-brand-goldHover active:bg-brand-goldHover transition shadow-xs\">\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-regular fa-file-lines text-lg\"><\/i>\n <span class=\"text-sm sm:text-base\">\u7c21\u5358\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0<\/span>\n <\/div>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n\n <!-- LINE Link -->\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto flex items-center justify-between p-4 rounded-xl bg-[#06C755] text-white font-medium hover:opacity-95 active:opacity-90 transition shadow-xs\">\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-brands fa-line text-xl\"><\/i>\n <span class=\"text-sm sm:text-base\">LINE\u3067\u4e88\u7d04\u30fb\u76f8\u8ac7<\/span>\n <\/div>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n\n <!-- Phone Link -->\n <a href=\"tel:0753431515\" class=\"relative z-20 cursor-pointer pointer-events-auto flex items-center justify-between p-4 rounded-xl bg-white text-brand-dark font-medium border border-brand-border hover:bg-brand-bg active:bg-brand-bg transition shadow-xs\">\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-phone text-brand-gold text-lg\"><\/i>\n <div class=\"text-left\">\n <span class=\"text-sm sm:text-base block\">\u96fb\u8a71\u3067\u4e88\u7d04\uff089:00-17:30\uff09<\/span>\n <span class=\"text-xs text-brand-muted font-normal\">075-343-1515<\/span>\n <\/div>\n <\/div>\n <i class=\"fa-solid fa-chevron-right text-xs text-brand-muted\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u3054\u5229\u7528\u30ac\u30a4\u30c9 -->\n <!-- ------------------------------------------------ -->\n <section id=\"guide\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8 sm:mb-10\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">User Guide<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u3054\u5229\u7528\u30ac\u30a4\u30c9<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <div class=\"space-y-4 relative max-w-2xl mx-auto\">\n \n <!-- Step 1 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark mb-2 pb-2 border-b border-brand-border\/60\">\n \u2460 \u3054\u4e88\u7d04\n <\/h3>\n <p class=\"text-sm text-brand-dark mb-4\">\u3054\u5e0c\u671b\u306e\u65e5\u6642\u3067\u3054\u4e88\u7d04\u304f\u3060\u3055\u3044\u3002<\/p>\n\n <div class=\"space-y-2 text-xs sm:text-sm\">\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto block p-3 bg-white rounded-lg border border-brand-border text-brand-gold font-semibold hover:underline\">\n \u30fb\u7c21\u5358\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\n <\/a>\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto block p-3 bg-white rounded-lg border border-brand-border text-[#06C755] font-semibold hover:underline\">\n \u30fbLINE\u3067\u4e88\u7d04\u30fb\u76f8\u8ac7\n <\/a>\n <a href=\"tel:0753431515\" class=\"relative z-20 cursor-pointer pointer-events-auto block p-3 bg-white rounded-lg border border-brand-border text-brand-dark font-semibold hover:underline\">\n \u30fb\u96fb\u8a71\u3067\u4e88\u7d04\uff089:00-17:30\uff09\uff1a075-343-1515\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Step Arrow -->\n <div class=\"flex justify-center my-1\">\n <div class=\"w-8 h-8 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-gold flex items-center justify-center text-xs\">\n <i class=\"fa-solid fa-arrow-down\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Step 2 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark mb-2 pb-2 border-b border-brand-border\/60\">\n \u2461 \u3054\u6765\u5e97\u30fb\u53d7\u4ed8\n <\/h3>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u3054\u4e88\u7d04\u6642\u9593\u306b\u3054\u6765\u5e97\u304f\u3060\u3055\u3044\u3002<br>\n \u53d7\u4ed8\u5f8c\u3001\u304a\u597d\u307f\u306e\u6d74\u8863\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Step Arrow -->\n <div class=\"flex justify-center my-1\">\n <div class=\"w-8 h-8 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-gold flex items-center justify-center text-xs\">\n <i class=\"fa-solid fa-arrow-down\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Step 3 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark mb-2 pb-2 border-b border-brand-border\/60\">\n \u2462 \u304a\u4f1a\u8a08\n <\/h3>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u73fe\u91d1\u30fb\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fbPayPay\u30fb\u5404\u7a2e\u96fb\u5b50\u30de\u30cd\u30fc\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Step Arrow -->\n <div class=\"flex justify-center my-1\">\n <div class=\"w-8 h-8 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-gold flex items-center justify-center text-xs\">\n <i class=\"fa-solid fa-arrow-down\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Step 4 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark mb-2 pb-2 border-b border-brand-border\/60\">\n \u2463 \u7740\u4ed8\u3051\u30fb\u30d8\u30a2\u30bb\u30c3\u30c8\uff08\u5e0c\u671b\u8005\uff09\n <\/h3>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u7d4c\u9a13\u8c4a\u5bcc\u306a\u7740\u4ed8\u3051\u5e2b\u3084\u30b9\u30bf\u30a4\u30ea\u30b9\u30c8\u304c\u4e01\u5be7\u306b\u304a\u652f\u5ea6\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Step Arrow -->\n <div class=\"flex justify-center my-1\">\n <div class=\"w-8 h-8 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-gold flex items-center justify-center text-xs\">\n <i class=\"fa-solid fa-arrow-down\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Step 5 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark mb-2 pb-2 border-b border-brand-border\/60\">\n \u2464 \u4eac\u90fd\u6563\u7b56\u30fb\u82b1\u706b\u5927\u4f1a\u3078\n <\/h3>\n <p class=\"text-sm text-brand-dark leading-relaxed\">\n \u304a\u8377\u7269\u306f\u7121\u6599\u3067\u304a\u9810\u304b\u308a\u3002<br>\n \u305d\u306e\u307e\u307e\u4eac\u90fd\u89b3\u5149\u3084\u82b1\u706b\u5927\u4f1a\u3078\u3002\n <\/p>\n <\/div>\n\n <!-- Step Arrow -->\n <div class=\"flex justify-center my-1\">\n <div class=\"w-8 h-8 rounded-full bg-brand-goldLight border border-brand-goldBorder text-brand-gold flex items-center justify-center text-xs\">\n <i class=\"fa-solid fa-arrow-down\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Step 6 -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-5 border border-brand-border space-y-3\">\n <h3 class=\"font-serif-title font-bold text-lg text-brand-dark pb-2 border-b border-brand-border\/60\">\n \u2465 \u3054\u8fd4\u5374\n <\/h3>\n <p class=\"text-sm text-brand-dark\">\u3054\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u8fd4\u5374\u65b9\u6cd5\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n \n <div class=\"space-y-2 text-xs sm:text-sm text-brand-dark bg-white p-3.5 sm:p-4 rounded-lg border border-brand-border\">\n <p class=\"font-semibold text-brand-gold\">\u2713 \u7fcc\u65e5\u8fd4\u5374\uff08\u7121\u6599\uff09<\/p>\n <p class=\"pl-4 text-brand-muted\">\u7fcc\u65e59:00\u301c13:00\u306b\u5f53\u5e97\u3078\u8fd4\u5374<\/p>\n \n <p class=\"font-semibold text-brand-gold pt-2\">\u2713 \u30db\u30c6\u30eb\u8fd4\u5374\uff082,200\u5186\uff0f1\u540d\uff09<\/p>\n <p class=\"pl-4 text-brand-muted\">\u4eac\u90fd\u5e02\u5185\u306e\u5bfe\u8c61\u30db\u30c6\u30eb\u3078\u8fd4\u5374<br><span class=\"text-[11px]\">\u203b\u30db\u30c6\u30eb\u3078\u306e\u304a\u8377\u7269\u306e\u304a\u5c4a\u3051\u306f14\uff1a00\u307e\u3067\u306e\u3054\u51fa\u767a\u306b\u9650\u308a\u307e\u3059\u3002<\/span><\/p>\n\n <p class=\"font-semibold text-brand-gold pt-2\">\u2713 \u90f5\u9001\u8fd4\u5374\uff082,200\u5186\uff0f1\u540d\uff09<\/p>\n <p class=\"pl-4 text-brand-muted\">\u3054\u81ea\u5b85\u3084\u4eac\u90fd\u5e02\u5916\u3078\u304a\u5e30\u308a\u306e\u65b9\u306b\u304a\u3059\u3059\u3081<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Time Note -->\n <div class=\"mt-6 sm:mt-8 bg-brand-goldLight\/50 p-4 rounded-xl border border-brand-goldBorder text-center text-xs sm:text-sm text-brand-dark font-medium max-w-2xl mx-auto\">\n \u3054\u6765\u5e97\u304b\u3089\u3054\u51fa\u767a\u307e\u3067\u306e\u76ee\u5b89\u306f\u7d0445\u301c60\u5206<br>\n <span class=\"font-normal text-brand-muted text-xs\">\uff08\u6d74\u8863\u9078\u3073\u30fb\u7740\u4ed8\u3051\u30fb\u304a\u4f1a\u8a08\u3092\u542b\u307f\u307e\u3059\u3002\u30d8\u30a2\u30bb\u30c3\u30c8\u3092\u3054\u5229\u7528\u306e\u5834\u5408\u306f\uff0b15\u301c20\u5206\u7a0b\u5ea6\u3002\uff09<\/span>\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08\u82b1\u706b\u5927\u4f1a\u7de8\uff09 -->\n <!-- ------------------------------------------------ -->\n <section id=\"faq\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">FAQ<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08\u82b1\u706b\u5927\u4f1a\u7de8\uff09<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- FAQ Header Image -->\n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-sm mb-6 sm:mb-8\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/0836F0DC-3507-4194-971C-F73DE0935B13.jpg\" alt=\"\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <!-- FAQ List -->\n <div class=\"space-y-3 sm:space-y-4 max-w-3xl mx-auto text-sm sm:text-base\">\n\n <!-- Q1 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u82b1\u706b\u5927\u4f1a\u5f53\u65e5\u3067\u3082\u4e88\u7d04\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u7a7a\u304d\u304c\u3042\u308c\u3070\u5f53\u65e5\u4e88\u7d04\u3082\u53ef\u80fd\u3067\u3059\u3002\u305f\u3060\u3057\u3001\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u5f53\u65e5\u306f\u5927\u5909\u6df7\u307f\u5408\u3044\u307e\u3059\u306e\u3067\u3001\u65e9\u3081\u306e\u3054\u4e88\u7d04\u3092\u304a\u3059\u3059\u3081\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q2 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u82b1\u706b\u5927\u4f1a\u306e\u65e5\u306f\u4f55\u6642\u9803\u306e\u4e88\u7d04\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u3078\u884c\u304b\u308c\u308b\u65b9\u306f\u300114:00\u301c16:00\u9803\u306e\u3054\u4e88\u7d04\u304c\u4eba\u6c17\u3067\u3059\u3002\u6253\u3061\u4e0a\u3052\u958b\u59cb\u306f19:30\u3067\u3059\u304c\u3001\u6df7\u96d1\u3092\u8003\u3048\u308b\u30681\u6642\u9593\u307b\u3069\u524d\u307e\u3067\u306b\u73fe\u5730\u3078\u5230\u7740\u3055\u308c\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<br>\n \u4eac\u90fd\u89b3\u5149\u3082\u697d\u3057\u307f\u305f\u3044\u65b9\u306f\u3001\u305c\u3072\u5348\u524d\u4e2d\u304b\u3089\u3054\u4e88\u7d04\u3044\u305f\u3060\u304d\u3001\u6d74\u8863\u3067\u3086\u3063\u304f\u308a\u4eac\u90fd\u6563\u7b56\u3084\u30ab\u30d5\u30a7\u5de1\u308a\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u306d\u3002\n <\/p>\n <\/div>\n\n <!-- Q3 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u624b\u3076\u3089\u3067\u884c\u3063\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u6d74\u8863\u30fb\u5e2f\u30fb\u4e0b\u99c4\u30fb\u30d0\u30c3\u30b0\u30fb\u808c\u7740\u30fb\u30bf\u30aa\u30eb\u30fb\u7740\u4ed8\u3051\u306b\u5fc5\u8981\u306a\u5c0f\u7269\u307e\u3067\u3001\u3059\u3079\u3066\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002\u624b\u3076\u3089\u3067\u304a\u6c17\u8efd\u306b\u3054\u6765\u5e97\u304f\u3060\u3055\u3044 me\u3002\n <\/p>\n <\/div>\n\n <!-- Q4 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u7740\u4ed8\u3051\u306b\u306f\u3069\u308c\u304f\u3089\u3044\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u304a\u7740\u4ed8\u3051\u81ea\u4f53\u306f\u3001\u304a\u4e00\u4eba\u69d8\u7d0430\u5206\u3067\u3059\u3002\u30d8\u30a2\u30bb\u30c3\u30c8\u3092\u3054\u5229\u7528\u306e\u5834\u5408\u306f\uff0b15\u301c20\u5206\u7a0b\u5ea6\u3002<br>\n \u6d74\u8863\u9078\u3073\u306e\u304a\u6642\u9593\u3082\u3054\u3056\u3044\u307e\u3059\u306e\u3067\u3001\u304a\u6642\u9593\u306b\u4f59\u88d5\u3092\u3082\u3063\u3066\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n\n <!-- Q5 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u82b1\u706b\u5927\u4f1a\u5f53\u65e5\u306e\u8fd4\u5374\u306f\u3069\u3046\u306a\u308a\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u5f53\u65e5\u306e\u3054\u8fd4\u5374\u306f\u96e3\u3057\u3044\u3067\u3059\u304c\u3001\u7fcc\u65e5\u8fd4\u5374\u3092\u7121\u6599\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u82b1\u706b\u5927\u4f1a\u306e\u6642\u9593\u3092\u6c17\u306b\u305b\u305a\u3001\u3086\u3063\u304f\u308a\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n\n <!-- Q6 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u8377\u7269\u306f\u9810\u3051\u3089\u308c\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u7fcc\u65e5\u8fd4\u5374\u306e\u304a\u5ba2\u69d8\u306f\u3001\u304a\u7740\u66ff\u3048\u5f8c\u306e\u304a\u8377\u7269\u3092\u7121\u6599\u3067\u304a\u9810\u304b\u308a\u3044\u305f\u3057\u307e\u3059\u3002\u8eab\u8efd\u306b\u82b1\u706b\u5927\u4f1a\u3084\u4eac\u90fd\u89b3\u5149\u3092\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q7 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u30d8\u30a2\u30bb\u30c3\u30c8\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u30d7\u30ed\u306b\u3088\u308b\u30d8\u30a2\u30bb\u30c3\u30c8\u30921,650\u5186\uff08\u9aea\u98fe\u308a\u4ed8\u304d\uff09\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u6d74\u8863\u306b\u5408\u308f\u305b\u305f\u30b9\u30bf\u30a4\u30eb\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q8 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u96e8\u306e\u5834\u5408\u306f\u30ad\u30e3\u30f3\u30bb\u30eb\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u306f\u5c0f\u96e8\u6c7a\u884c\u30fb\u8352\u5929\u4e2d\u6b62\u3067\u3059\u3002\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a\u306e\u3054\u4e88\u7d04\u306b\u9650\u308a\u3001\u8352\u5929\u306b\u3088\u308b\u5927\u4f1a\u4e2d\u6b62\u306e\u5834\u5408\u306f\u3001\u5f53\u65e5\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u3067\u3082\u30ad\u30e3\u30f3\u30bb\u30eb\u6599\u306f\u3044\u305f\u3060\u304d\u307e\u305b\u3093\u3002<br>\n \u305d\u308c\u4ee5\u5916\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306b\u3064\u304d\u307e\u3057\u3066\u306f\u3001\u30ad\u30e3\u30f3\u30bb\u30eb\u6599\u304c\u767a\u751f\u3059\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002\u5909\u66f4\u30fb\u30ad\u30e3\u30f3\u30bb\u30eb\u306f3\u65e5\u524d\u307e\u3067\u306b\u3054\u9023\u7d61\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q9 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u30b5\u30f3\u30c0\u30eb\u3067\u884c\u3063\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u6d74\u8863\u306f\u30b5\u30f3\u30c0\u30eb\u3068\u5408\u308f\u305b\u3066\u3082\u7d20\u6575\u306b\u7740\u3053\u306a\u305b\u307e\u3059\u3002\u304a\u6c17\u306b\u5165\u308a\u306e\u30b5\u30f3\u30c0\u30eb\u304c\u3042\u308c\u3070\u305c\u3072\u5c65\u3044\u3066\u304d\u3066\u304f\u3060\u3055\u3044\u3002\u4e0b\u99c4\u3068\u5c65\u304d\u6bd4\u3079\u306a\u304c\u3089\u304a\u9078\u3073\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q10 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u7537\u6027\u7528\u306e\u6d74\u8863\u3082\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u30e1\u30f3\u30ba\u6d74\u8863\u3082\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u30ab\u30c3\u30d7\u30eb\u3084\u3054\u5bb6\u65cf\u3001\u3054\u53cb\u4eba\u540c\u58eb\u3067\u306e\u3054\u5229\u7528\u3082\u4eba\u6c17\u3067\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q11 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u82b1\u706b\u5927\u4f1a\u3078\u306f\u30a2\u30af\u30bb\u30b9\u3057\u3084\u3059\u3044\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u306f\u3044\u3002\u548c\u51db\u306f\u5730\u4e0b\u9244\u4e94\u6761\u99c5\u304b\u3089\u5f92\u6b69\u7d045\u5206\u3002\u4eac\u90fd\u99c5\u307e\u3067\u5730\u4e0b\u9244\u3067\u7d042\u5206\u306a\u306e\u3067\u3001JR\u3067\u5927\u6d25\u99c5\u3078\u30b9\u30e0\u30fc\u30ba\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <!-- Q12 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u4e88\u7d04\u306f\u3069\u306e\u3088\u3046\u306b\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <div class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed space-y-2\">\n <p>A. \u3054\u4e88\u7d04\u306f\u3068\u3063\u3066\u3082\u7c21\u5358\uff01\u4ee5\u4e0b\u306e\u65b9\u6cd5\u304b\u3089\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002<\/p>\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto block font-medium text-brand-gold hover:underline\">\u30fb\u7c21\u5358\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0<\/a>\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto block font-medium text-[#06C755] hover:underline\">\u30fbLINE\u3067\u4e88\u7d04\u30fb\u76f8\u8ac7<\/a>\n <a href=\"tel:0753431515\" class=\"relative z-20 cursor-pointer pointer-events-auto block font-medium text-brand-dark hover:underline\">\u30fb\u96fb\u8a71\u3067\u4e88\u7d04\uff089:00-17:30\uff09\uff1a075-343-1515<\/a>\n <\/div>\n <\/div>\n\n <!-- Q13 -->\n <div class=\"border border-brand-border rounded-xl p-4 sm:p-5 bg-brand-bg\">\n <p class=\"font-semibold text-brand-dark mb-2 flex items-start\">\n <span class=\"text-brand-gold font-serif-title text-xl mr-2 leading-none\">Q.<\/span>\n <span>\u6d74\u8863\u3092\u6c5a\u3057\u3066\u3057\u307e\u3063\u305f\u5834\u5408\u3001\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/span>\n <\/p>\n <p class=\"text-brand-muted pl-6 text-xs sm:text-sm leading-relaxed\">\n A. \u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4ee3\u306f\u3059\u3079\u3066\u6599\u91d1\u306b\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u7279\u5225\u306a\u624b\u914d\u306f\u4e0d\u8981\u3067\u3059\u3002\u4e07\u304c\u4e00\u3001\u5927\u304d\u306a\u6c5a\u308c\u3084\u7834\u640d\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b9\u30bf\u30c3\u30d5\u307e\u3067\u304a\u77e5\u3089\u305b\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ------------------------------------------------ -->\n <!-- \u30a4\u30f3\u30d5\u30a9\u30e1\u30fc\u30b7\u30e7\u30f3 -->\n <!-- ------------------------------------------------ -->\n <section id=\"info\" class=\"py-8 sm:py-12 my-4 sm:my-6 bg-white rounded-2xl p-4 sm:p-10 border border-brand-border shadow-xs\">\n <div class=\"text-center max-w-2xl mx-auto space-y-4 mb-8\">\n <span class=\"text-xs uppercase tracking-widest text-brand-gold font-semibold\">Information<\/span>\n <h2 class=\"font-serif-title text-2xl sm:text-3xl font-semibold text-brand-dark\">\u5e97\u8217\u60c5\u5831<\/h2>\n <div class=\"w-12 h-0.5 bg-brand-gold mx-auto my-3\"><\/div>\n <\/div>\n\n <!-- Footer Last Image -->\n <div class=\"rounded-xl overflow-hidden border border-brand-border shadow-sm mb-6 sm:mb-8\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/kimonovoice\/wp-content\/uploads\/2026\/07\/\u30e9\u30b9\u30c8-scaled.jpg\" alt=\"\u5e97\u8217\u5916\u89b3\u30fb\u96f0\u56f2\u6c17\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <!-- Shop Info Content -->\n <div class=\"bg-brand-bg rounded-xl p-4 sm:p-6 border border-brand-border space-y-4 text-sm sm:text-base text-brand-dark max-w-2xl mx-auto\">\n <div class=\"border-b border-brand-border pb-3\">\n <p class=\"font-bold font-serif-title text-lg\">\u548c\u51db\u672c\u5e97<\/p>\n <p class=\"text-xs sm:text-sm text-brand-muted mt-1\">\u4eac\u90fd\u5e02\u4e0b\u4eac\u533a\u65b0\u753a\u901a\u677e\u539f\u4e0b\u308b\u5bcc\u6c38\u753a112\u756a\u57302\uff08\u83ca\u5730\u30d3\u30eb1\u968e\uff09<\/p>\n <\/div>\n\n <div class=\"space-y-2 text-xs sm:text-sm\">\n <p class=\"flex items-center\">\n <span class=\"w-24 text-brand-muted font-medium\">TEL<\/span>\n <a href=\"tel:0753431515\" class=\"relative z-20 cursor-pointer pointer-events-auto text-brand-dark font-medium hover:text-brand-gold underline\">075-343-1515<\/a>\n <\/p>\n <p class=\"flex items-center\">\n <span class=\"w-24 text-brand-muted font-medium\">\u30e1\u30fc\u30eb<\/span>\n <a href=\"mailto:contact@walin.jp\" class=\"relative z-20 cursor-pointer pointer-events-auto text-brand-dark hover:text-brand-gold underline\">contact@walin.jp<\/a>\n <\/p>\n <p class=\"flex items-center\">\n <span class=\"w-24 text-brand-muted font-medium\">\u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/span>\n <a href=\"http:\/\/walin.jp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto text-brand-dark hover:text-brand-gold underline\">http:\/\/walin.jp<\/a>\n <\/p>\n <p class=\"flex items-center\">\n <span class=\"w-24 text-brand-muted font-medium\">\u30a4\u30f3\u30b9\u30bf\u30b0\u30e9\u30e0<\/span>\n <a href=\"https:\/\/www.instagram.com\/walin_kyoto\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative z-20 cursor-pointer pointer-events-auto text-brand-gold font-medium hover:underline flex items-center\">\n <i class=\"fa-brands fa-instagram mr-1.5 text-base\"><\/i>@walin_kyoto\n <\/a>\n <\/p>\n <\/div>\n\n <div class=\"pt-3 border-t border-brand-border text-xs sm:text-sm space-y-1 text-brand-muted\">\n <p><span class=\"font-medium text-brand-dark\">\u55b6\u696d\u6642\u9593\uff1a<\/span>9\uff1a00\uff5e18\uff1a00\uff08\u96fb\u8a71\u53d7\u4ed89\uff1a00\uff5e17\uff1a30\uff09<\/p>\n <p><span class=\"font-medium text-brand-dark\">\u5b9a\u4f11\u65e5\uff1a<\/span>\u6708\u30fb\u6728\u66dc\u65e5\uff088\/6\uff08\u6728\uff09\u306f\u7279\u5225\u55b6\u696d\uff09<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- Footer -->\n <footer class=\"bg-white border-t border-brand-border py-8 text-center text-xs text-brand-muted\">\n <p>\u00a9 Kyoto Kimono Rental WALIN All Rights Reserved.<\/p>\n <\/footer>\n\n <!-- ------------------------------------------------ -->\n <!-- \u8ffd\u5f93\uff08\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\uff09CTA\u30dc\u30bf\u30f3 -->\n <!-- ------------------------------------------------ -->\n <div class=\"fixed bottom-0 left-0 right-0 z-[9999] p-2.5 sm:p-4 bg-white\/95 backdrop-blur-md border-t border-brand-border shadow-2xl pointer-events-auto\">\n <div class=\"max-w-xl mx-auto flex items-center justify-between space-x-2\">\n <!-- Booking Button -->\n <a href=\"https:\/\/walin.jp\/formyukata\/hanabi\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex-1 inline-flex items-center justify-center py-3.5 px-3 rounded-full bg-brand-gold text-white font-medium text-xs sm:text-sm hover:bg-brand-goldHover active:bg-brand-goldHover transition shadow-sm text-center cursor-pointer relative z-[10000] pointer-events-auto\">\n <i class=\"fa-regular fa-calendar-check mr-1.5 text-xs sm:text-sm\"><\/i>\n <span>\u4eca\u3059\u3050\u4e88\u7d04<\/span>\n <\/a>\n\n <!-- LINE Button -->\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex-1 inline-flex items-center justify-center py-3.5 px-3 rounded-full bg-[#06C755] text-white font-medium text-xs sm:text-sm hover:opacity-95 active:opacity-90 transition shadow-sm text-center cursor-pointer relative z-[10000] pointer-events-auto\">\n <i class=\"fa-brands fa-line mr-1.5 text-sm sm:text-base\"><\/i>\n <span>LINE\u3067\u4e88\u7d04\/\u76f8\u8ac7<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Swiper JS -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n <script>\n \/\/ Swiper initialization with retry mechanism for WordPress \/ async script loading\n function initSwiper() {\n if (typeof Swiper !== 'undefined') {\n new Swiper('.yukata-swiper', {\n slidesPerView: 'auto',\n centeredSlides: true,\n spaceBetween: 16,\n loop: false,\n grabCursor: true,\n observer: true,\n observeParents: true,\n pagination: {\n el: '.swiper-pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n });\n } else {\n \/\/ Retry after short delay if Swiper JS is loaded asynchronously\n setTimeout(initSwiper, 100);\n }\n }\n\n \/\/ Init functions safely for WordPress Custom HTML block\n function initLP() {\n initSwiper();\n\n \/\/ Strict In-page Anchor Scroll Handler (Does not touch external links or tel:)\n document.addEventListener('click', function(e) {\n const anchor = e.target.closest('a[href^=\"#\"]');\n if (!anchor) return;\n \n const href = anchor.getAttribute('href');\n if (!href || href === '#') return;\n \n const targetElement = document.querySelector(href);\n if (targetElement) {\n e.preventDefault();\n const headerOffset = 80;\n const elementPosition = targetElement.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n window.scrollTo({\n top: offsetPosition,\n behavior: 'smooth'\n });\n }\n }, false);\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initLP);\n } else {\n initLP();\n }\n <\/script>\n","protected":false},"excerpt":{"rendered":"\u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a \u6d74\u8863\u30ec\u30f3\u30bf\u30eb\u3054\u4e88\u7d04\u53d7\u4ed8\u4e2d\uff5c\u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb\u548c\u51db\uff08WALIN\uff09 \u548c\u51db WALIN \u4eac\u90fd\u304d\u3082\u306e\u30ec\u30f3\u30bf\u30eb\u548c\u51db\uff08WALIN\uff09 \u3073\u308f\u6e56\u5927\u82b1\u706b\u5927\u4f1a \u6d74\u8863\u30ec\u30f3\u30bf\u30eb \u3054\u4e88\u7d04\u53d7\u4ed8\u4e2d \u300c\u6d74\u8863\u3067\u3001\u590f\u306e\u601d\u3044\u51fa\u3064\u304f\u308a\u307e\u305b\u3093\u304b\uff1f […]","protected":false},"author":1,"featured_media":11373,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[21,1,13],"tags":[],"class_list":["post-11365","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-21","category-1","category-13"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/comments?post=11365"}],"version-history":[{"count":4,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11365\/revisions"}],"predecessor-version":[{"id":11380,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11365\/revisions\/11380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media\/11373"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}