\u548c\u51db | \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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=Montserrat:wght@300;400;700&family=Noto+Serif+JP:wght@300;400;700&family=Shippori+Mincho:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: 'Shippori Mincho', serif;\n --font-sub: 'Montserrat', -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n }\n body {\n font-family: var(--font-sub);\n color: #333;\n background-color: #fff;\n scroll-behavior: smooth;\n margin: 0;\n padding: 0;\n }\n .font-mincho {\n font-family: var(--font-main);\n }\n .font-montserrat {\n font-family: var(--font-sub);\n }\n .bg-overlay {\n background: rgba(0, 0, 0, 0.45);\n }\n .btn-gold {\n background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);\n color: white;\n transition: all 0.3s ease;\n font-family: var(--font-sub);\n }\n .btn-gold:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n .text-gold {\n color: #b8860b;\n }\n .border-gold {\n border-color: #d4af37;\n }\n .section-spacing {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n @media (max-width: 768px) {\n .section-spacing {\n padding-top: 60px;\n padding-bottom: 60px;\n }\n }\n \/* Grid styling for Catalog *\/\n .catalog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 60px 30px;\n }\n @media (max-width: 640px) {\n .catalog-grid {\n grid-template-columns: 1fr;\n }\n }\n \/* Iframe container styling *\/\n .iframe-wrapper {\n border: 1px solid #f0f0f0;\n border-radius: 4px;\n overflow: hidden;\n background: #fafafa;\n }\n .iframe-container {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n height: 100px;\n }\n iframe {\n width: 100%;\n height: 100%;\n }\n <\/style>\n<\/head>\n<body class=\"overflow-x-hidden\">\n\n \n <header class=\"relative w-full h-screen h-[100dvh] flex items-center justify-center text-center overflow-hidden bg-black\">\n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/takuhai\/img\/main.jpg\" alt=\"\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\" class=\"w-full h-full object-cover block\">\n <div class=\"absolute inset-0 bg-overlay\"><\/div>\n <\/div>\n \n <div class=\"relative z-10 px-4 text-white max-w-4xl mx-auto\">\n <p class=\"text-[9px] md:text-[10px] tracking-[0.4em] mb-4 opacity-80 font-montserrat uppercase\">Walin Tokyo Collection<\/p>\n <h1 class=\"text-xl md:text-2xl lg:text-3xl font-bold mb-6 leading-[1.8] font-mincho tracking-[0.15em]\">\n <span class=\"block mb-3 text-[12px] md:text-sm font-light tracking-[0.3em]\">\u3010\u307e\u3060\u9593\u306b\u5408\u3046\u3011<\/span>\n \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740<br>\n \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\n <\/h1>\n <p class=\"text-[10px] md:text-xs font-light tracking-[0.2em] mb-8 font-montserrat opacity-90\">\n \u6625\u306e\u7279\u5225\u306a\u4e00\u65e5\u306b\u3075\u3055\u308f\u3057\u3044\u4e00\u7740\u3092\u3001\u5168\u56fd\u3078\u304a\u5c4a\u3051\u3057\u307e\u3059\n <\/p>\n <a href=\"#catalog\" class=\"btn-gold px-8 py-3.5 inline-block text-[9px] md:text-[10px] tracking-[0.3em] rounded-sm font-montserrat font-bold border-b border-white\/20\">\n VIEW COLLECTION\n <\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"section-spacing bg-white text-center px-6\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"text-xl md:text-2xl lg:text-3xl mb-10 font-medium leading-[1.7] font-mincho tracking-[0.12em]\">\n \u5165\u5b66\u5f0f\u3084\u304a\u5b50\u69d8\u306e\u5927\u5207\u306a\u884c\u4e8b\u306b\u3001<br class=\"hidden md:block\">\n \u4e0a\u54c1\u3067\u683c\u5f0f\u3042\u308b\u8a2a\u554f\u7740\u3092\u3002\n <\/h2>\n <div class=\"w-10 h-[1px] bg-gold mx-auto mb-10 opacity-40\"><\/div>\n <p class=\"text-gray-500 leading-loose font-montserrat text-[11px] md:text-sm tracking-widest\">\n \u548c\u51db\u3067\u306f\u3001\u4eca\u304b\u3089\u3067\u3082\u9593\u306b\u5408\u3046<br>\n \u65b0\u4f5c\u8a2a\u554f\u7740\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-gray-50\">\n <div class=\"max-w-6xl mx-auto px-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 text-center\">\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u30d5\u30eb\u30bb\u30c3\u30c8\u3067\u304a\u5c4a\u3051<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">Everything you need<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5 13l4 4L19 7\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">No cleaning required<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u5168\u56fd\u914d\u9001\u5bfe\u5fdc<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">Nationwide shipping<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-white\">\n <div class=\"max-w-6xl mx-auto px-6\">\n <h2 class=\"text-center text-xl md:text-2xl mb-20 tracking-[0.3em] font-light font-mincho\">\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u306e\u3054\u5229\u7528\u65b9\u6cd5<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-16 font-montserrat\">\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 01<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u7740\u7269\u3092\u9078\u3076<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u304a\u6c17\u306b\u5165\u308a\u306e\u8a2a\u554f\u7740\u3092\u3058\u3063\u304f\u308a\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u7a7a\u304d\u72b6\u6cc1\u3082\u3059\u3050\u306b\u3054\u78ba\u8a8d\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 02<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u30cd\u30c3\u30c8\u3067\u304a\u7533\u8fbc\u307f<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u5404\u5546\u54c1\u30da\u30fc\u30b8\u306e\u300c\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u4e88\u7d04\u300d\u30dc\u30bf\u30f3\u304b\u3089\u9001\u4fe1\u3002\u53d7\u4ed8\u30e1\u30fc\u30eb\u304c\u5c4a\u304d\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polyline points=\"16 8 20 8 23 11 23 16 16 16\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 03<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u3054\u81ea\u5b85\u306b\u304a\u5c4a\u3051<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u3054\u5e0c\u671b\u306e\u65e5\u6642\u306b\u3001\u5c0f\u7269\u307e\u3067\u542b\u3081\u305f\u30d5\u30eb\u30bb\u30c3\u30c8\u3092\u914d\u9001\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 04<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u3054\u8fd4\u5374<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u4f7f\u7528\u5f8c\u306f\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981\u3002\u540c\u68b1\u306e\u888b\u306b\u5165\u308c\u3066\u9001\u308a\u8fd4\u3059\u3060\u3051\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-gray-50\">\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\n <div class=\"mb-12\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/takuhai\/img\/scene_img_4.jpg\" alt=\"\u5165\u5b66\u5f0f\u306e\u88c5\u3044\" class=\"w-full h-auto shadow-sm max-w-2xl mx-auto\">\n <\/div>\n <div class=\"max-w-2xl mx-auto\">\n <h2 class=\"text-lg md:text-xl font-light mb-6 tracking-[0.3em] font-mincho\">\u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u88c5\u3044<\/h2>\n <h3 class=\"text-sm md:text-base font-bold mb-6 font-mincho tracking-widest\">\u6bcd\u89aa\u306e\u7acb\u3061\u632f\u821e\u3044\u3092\u7f8e\u3057\u304f<\/h3>\n <p class=\"text-[11px] md:text-sm text-gray-500 leading-loose mb-10 font-montserrat tracking-widest\">\n \u5165\u5b66\u5f0f\u3001\u6bcd\u89aa\u306f\u54c1\u3088\u304f\u63a7\u3048\u3081\u306b\u3002\u53e4\u304f\u306f\u7565\u793c\u88c5\u304c\u4e00\u822c\u7684\u3067\u3057\u305f\u304c\u3001\u73fe\u4ee3\u3067\u306f\u81ea\u7531\u306a\u88c5\u3044\u3092\u697d\u3057\u3080\u65b9\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002<br><br>\n \u304a\u5b50\u69d8\u306e\u5927\u5207\u306a\u9580\u51fa\u306b\u3001\u4f1d\u7d71\u3068\u6c17\u54c1\u3092\u611f\u3058\u3055\u305b\u308b\u8a2a\u554f\u7740\u3092\u3002\u548c\u51db\u304c\u53b3\u9078\u3057\u305f\u4e00\u7740\u3067\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u5f69\u308a\u307e\u3059\u3002\n <\/p>\n <a href=\"#catalog\" class=\"text-gold border-b border-gold pb-2 text-[9px] tracking-[0.3em] font-montserrat font-bold hover:opacity-70 transition-opacity uppercase\">Explore Collection<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"max-w-3xl mx-auto px-6 border border-gold\/30 p-12 text-center relative\">\n <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-white px-6\">\n <span class=\"text-gold tracking-[0.5em] text-[8px] font-bold font-montserrat uppercase\">Special Offer<\/span>\n <\/div>\n <h2 class=\"text-lg md:text-xl mb-4 font-bold font-mincho tracking-widest text-gray-800\">\u30104\u6708\u9650\u5b9a\u3011\u65b0\u4f5c\u8a2a\u554f\u7740 10,000\u5186OFF<\/h2>\n \n <div class=\"mb-6 text-red-600 font-bold text-[10px] md:text-xs space-y-1 tracking-widest\">\n <p>\u3053\u306e\u30af\u30fc\u30dd\u30f3\u306f\u3001\u4e0b\u8a18\u306e\u5546\u54c1\u306e\u307f\u3092\u5bfe\u8c61\u3002<\/p>\n <p>\u4ed6\u306e\u5546\u54c1\u3078\u306e\u4f7f\u7528\u4e0d\u53ef\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"pt-2 text-[9px] font-normal text-gray-500\">\n <p>\u203b4\u67081\u65e5\u304b\u30894\u670830\u65e5\u3054\u5229\u7528\u306e\u304a\u5ba2\u69d8\u9650\u5b9a<\/p>\n <p>\u203b\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3\u9650\u5b9a<\/p>\n <p>\u30af\u30fc\u30dd\u30f3\u4f7f\u7528\u671f\u9650\uff1a4\u67081\u65e5\u301c4\u670820\u65e5<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-50 py-6 mb-6 rounded-sm max-w-sm mx-auto\">\n <p class=\"text-[8px] text-gray-400 mb-2 font-montserrat tracking-[0.2em] uppercase\">\u30af\u30fc\u30dd\u30f3\u30b3\u30fc\u30c9<\/p>\n <p class=\"text-2xl tracking-[0.2em] font-montserrat font-bold text-gray-900\">kimono04<\/p>\n <p class=\"text-[9px] text-gray-400 mt-4 leading-relaxed px-4\">\n \u4f7f\u7528\u65b9\u6cd5\uff1a\u4e0b\u8a18\u306e\u4eca\u3059\u3050\u4e88\u7d04\u2192\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u2192\u30af\u30fc\u30dd\u30f3\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u3053\u3061\u3089\u306b\u3054\u5165\u529b\u4e0b\u3055\u3044\u3002\u306b\u5165\u529b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"catalog\" class=\"section-spacing bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <header class=\"text-center mb-24\">\n <h2 class=\"text-xl md:text-2xl tracking-[0.3em] font-light mb-4 font-mincho\">\u65b0\u4f5c\u8a2a\u554f\u7740\u30ab\u30bf\u30ed\u30b0<\/h2>\n <p class=\"text-[9px] text-gray-400 tracking-[0.4em] uppercase font-montserrat\">Selected Collection<\/p>\n <\/header>\n \n <div class=\"catalog-grid\">\n <script>\n const items = [\n { id: '6-70', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1202\/' },\n { id: '6-69', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1201\/' },\n { id: '6-68', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1200\/' },\n { id: '6-67', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1199\/' },\n { id: '6-64', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1197\/' },\n { id: '6-63', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1196\/' },\n { id: '6-62', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1195\/' },\n { id: '6-61', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1194\/' },\n { id: '6-60', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1193\/' },\n { id: '6-59', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1192\/' },\n { id: '6-56', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1191\/' }\n ];\n \n const container = document.querySelector('.catalog-grid');\n \n items.forEach(item => {\n const card = document.createElement('div');\n card.className = 'bg-white border border-gray-100 flex flex-col p-4 shadow-sm hover:shadow-md transition-shadow';\n \n const iframeSrc = `https:\/\/walin.jp\/plan\/formal\/yoyaku\/${item.id}.html`;\n\n card.innerHTML = `\n <div class=\"overflow-hidden mb-6 bg-gray-50 aspect-[3\/4]\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/formal\/images\/${item.id}.jpg\" alt=\"\u8a2a\u554f\u7740 NO.${item.id}\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-105\">\n <\/div>\n <div class=\"flex-grow px-2\">\n <h3 class=\"font-bold text-[11px] mb-1 tracking-wider uppercase font-mincho\">\u8a2a\u554f\u7740 NO.${item.id}<\/h3>\n <p class=\"text-gold font-bold text-sm mb-4 font-montserrat\">\u5b85\u914d\u4fa1\u683c\uff1a28,600\u5186<span class=\"text-[8px] ml-1 font-normal text-gray-400\">\uff08\u7a0e\u8fbc\uff09<\/span><\/p>\n \n <ul class=\"text-[10px] text-gray-500 space-y-1 mb-6 border-t border-b border-gray-50 py-3 font-montserrat\">\n <li class=\"flex justify-between\"><span>\u5bfe\u5fdc\u8eab\u9577<\/span><span>170cm\u307e\u3067<\/span><\/li>\n <li class=\"flex justify-between\"><span>\u5bfe\u5fdc\u30d2\u30c3\u30d7<\/span><span>105cm\u307e\u3067<\/span><\/li>\n <li class=\"flex justify-between\"><span>\u7d20\u6750<\/span><span>\u9ad8\u7d1a\u6b63\u7d79<\/span><\/li>\n <\/ul>\n\n <div class=\"grid grid-cols-1 gap-2 mb-6 font-montserrat\">\n <a href=\"${item.url}\" target=\"_blank\" class=\"btn-gold text-center py-3.5 text-[10px] font-bold tracking-[0.2em] rounded-sm\">\u4eca\u3059\u3050\u4e88\u7d04<\/a>\n <a href=\"#yoyaku-${item.id}\" class=\"border border-gray-200 text-center py-3.5 text-[10px] tracking-[0.2em] text-gray-500 hover:bg-gray-50 transition-colors rounded-sm\">\u4e88\u7d04\u72b6\u6cc1\u3092\u307f\u308b<\/a>\n <\/div>\n <\/div>\n \n <div id=\"yoyaku-${item.id}\" class=\"mt-2 pt-2 border-t border-gray-100\">\n <div class=\"iframe-wrapper\">\n <div class=\"iframe-container\">\n <iframe src=\"${iframeSrc}\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n `;\n container.appendChild(card);\n });\n <\/script>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-white\">\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\n <div class=\"bg-gray-900 text-white p-12 md:p-16 rounded-sm relative overflow-hidden\">\n <div class=\"relative z-10\">\n <h2 class=\"text-base md:text-xl mb-10 leading-[2.2] font-light font-mincho tracking-[0.1em]\">\n \u30b5\u30a4\u30ba\u304c\u4e0d\u5b89\u306a\u65b9\u3084\u3001<br>\n \u3069\u306e\u7740\u7269\u3092\u9078\u3079\u3070\u3088\u3044\u304b\u8ff7\u308f\u308c\u3066\u3044\u308b\u65b9\u306f<br>\n \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n <\/h2>\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-[#06C755] hover:opacity-90 transition-all text-white px-10 py-4 rounded-full text-sm font-bold font-montserrat shadow-lg\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 10.304c0-5.691-5.383-10.304-12-10.304s-12 4.613-12 10.304c0 5.097 4.272 9.353 10.043 10.156l.66 1.98a.547.547 0 00.946.12l2.369-3.158c3.966-.583 7.982-3.832 7.982-9.104zm-13.857 3.58h-2.143v-4.286h2.143v4.286zm3.571 0h-2.142V9.598h2.142v4.286zm3.572 0H15.14V9.598h2.144v4.286z\"\/><\/svg>\n LINE\u3067\u76f8\u8ac7\u3059\u308b\n <\/a>\n <p class=\"mt-8 text-[9px] text-gray-500 tracking-[0.3em] font-montserrat uppercase opacity-60\">Customer Support: 10:00 – 18:00<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-16 border-t border-gray-100 text-center\">\n <p class=\"text-[9px] text-gray-400 tracking-[0.5em] font-montserrat uppercase opacity-80\">© Walin Tokyo All Rights Reserved.<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u548c\u51db | \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Walin Tokyo Collection \u3010\u307e\u3060\u9593\u306b\u5408\u3046\u3011 \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 \u6625\u306e\u7279\u5225\u306a\u4e00\u65e5\u306b\u3075\u3055\u308f\u3057\u3044\u4e00\u7740\u3092\u3001\u5168\u56fd\u3078\u304a\u5c4a\u3051\u3057\u307e\u3059 VI […]","protected":false},"author":1,"featured_media":0,"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":[1],"tags":[],"class_list":["post-11004","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004","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=11004"}],"version-history":[{"count":3,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004\/revisions"}],"predecessor-version":[{"id":11007,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004\/revisions\/11007"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11004,"date":"2026-03-21T16:00:43","date_gmt":"2026-03-21T16:00:43","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=11004"},"modified":"2026-03-21T16:13:46","modified_gmt":"2026-03-21T16:13:46","slug":"11004-2","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/11004-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \u548c\u51db | \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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=Montserrat:wght@300;400;700&family=Noto+Serif+JP:wght@300;400;700&family=Shippori+Mincho:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: 'Shippori Mincho', serif;\n --font-sub: 'Montserrat', -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n }\n body {\n font-family: var(--font-sub);\n color: #333;\n background-color: #fff;\n scroll-behavior: smooth;\n margin: 0;\n padding: 0;\n }\n .font-mincho {\n font-family: var(--font-main);\n }\n .font-montserrat {\n font-family: var(--font-sub);\n }\n .bg-overlay {\n background: rgba(0, 0, 0, 0.45);\n }\n .btn-gold {\n background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);\n color: white;\n transition: all 0.3s ease;\n font-family: var(--font-sub);\n }\n .btn-gold:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n }\n .text-gold {\n color: #b8860b;\n }\n .border-gold {\n border-color: #d4af37;\n }\n .section-spacing {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n @media (max-width: 768px) {\n .section-spacing {\n padding-top: 60px;\n padding-bottom: 60px;\n }\n }\n \/* Grid styling for Catalog *\/\n .catalog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 60px 30px;\n }\n @media (max-width: 640px) {\n .catalog-grid {\n grid-template-columns: 1fr;\n }\n }\n \/* Iframe container styling *\/\n .iframe-wrapper {\n border: 1px solid #f0f0f0;\n border-radius: 4px;\n overflow: hidden;\n background: #fafafa;\n }\n .iframe-container {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n height: 100px;\n }\n iframe {\n width: 100%;\n height: 100%;\n }\n <\/style>\n<\/head>\n<body class=\"overflow-x-hidden\">\n\n \n <header class=\"relative w-full h-screen h-[100dvh] flex items-center justify-center text-center overflow-hidden bg-black\">\n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/takuhai\/img\/main.jpg\" alt=\"\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\" class=\"w-full h-full object-cover block\">\n <div class=\"absolute inset-0 bg-overlay\"><\/div>\n <\/div>\n \n <div class=\"relative z-10 px-4 text-white max-w-4xl mx-auto\">\n <p class=\"text-[9px] md:text-[10px] tracking-[0.4em] mb-4 opacity-80 font-montserrat uppercase\">Walin Tokyo Collection<\/p>\n <h1 class=\"text-xl md:text-2xl lg:text-3xl font-bold mb-6 leading-[1.8] font-mincho tracking-[0.15em]\">\n <span class=\"block mb-3 text-[12px] md:text-sm font-light tracking-[0.3em]\">\u3010\u307e\u3060\u9593\u306b\u5408\u3046\u3011<\/span>\n \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740<br>\n \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\n <\/h1>\n <p class=\"text-[10px] md:text-xs font-light tracking-[0.2em] mb-8 font-montserrat opacity-90\">\n \u6625\u306e\u7279\u5225\u306a\u4e00\u65e5\u306b\u3075\u3055\u308f\u3057\u3044\u4e00\u7740\u3092\u3001\u5168\u56fd\u3078\u304a\u5c4a\u3051\u3057\u307e\u3059\n <\/p>\n <a href=\"#catalog\" class=\"btn-gold px-8 py-3.5 inline-block text-[9px] md:text-[10px] tracking-[0.3em] rounded-sm font-montserrat font-bold border-b border-white\/20\">\n VIEW COLLECTION\n <\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"section-spacing bg-white text-center px-6\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"text-xl md:text-2xl lg:text-3xl mb-10 font-medium leading-[1.7] font-mincho tracking-[0.12em]\">\n \u5165\u5b66\u5f0f\u3084\u304a\u5b50\u69d8\u306e\u5927\u5207\u306a\u884c\u4e8b\u306b\u3001<br class=\"hidden md:block\">\n \u4e0a\u54c1\u3067\u683c\u5f0f\u3042\u308b\u8a2a\u554f\u7740\u3092\u3002\n <\/h2>\n <div class=\"w-10 h-[1px] bg-gold mx-auto mb-10 opacity-40\"><\/div>\n <p class=\"text-gray-500 leading-loose font-montserrat text-[11px] md:text-sm tracking-widest\">\n \u548c\u51db\u3067\u306f\u3001\u4eca\u304b\u3089\u3067\u3082\u9593\u306b\u5408\u3046<br>\n \u65b0\u4f5c\u8a2a\u554f\u7740\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-gray-50\">\n <div class=\"max-w-6xl mx-auto px-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 text-center\">\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u30d5\u30eb\u30bb\u30c3\u30c8\u3067\u304a\u5c4a\u3051<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">Everything you need<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5 13l4 4L19 7\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">No cleaning required<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"w-10 h-10 mx-auto mb-6 flex items-center justify-center text-gold border border-gold rounded-full\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064\" \/><\/svg>\n <\/div>\n <h3 class=\"font-bold mb-3 text-[13px] font-mincho tracking-widest\">\u5168\u56fd\u914d\u9001\u5bfe\u5fdc<\/h3>\n <p class=\"text-[9px] text-gray-400 font-montserrat tracking-widest uppercase\">Nationwide shipping<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-white\">\n <div class=\"max-w-6xl mx-auto px-6\">\n <h2 class=\"text-center text-xl md:text-2xl mb-20 tracking-[0.3em] font-light font-mincho\">\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u306e\u3054\u5229\u7528\u65b9\u6cd5<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-16 font-montserrat\">\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 01<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u7740\u7269\u3092\u9078\u3076<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u304a\u6c17\u306b\u5165\u308a\u306e\u8a2a\u554f\u7740\u3092\u3058\u3063\u304f\u308a\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u7a7a\u304d\u72b6\u6cc1\u3082\u3059\u3050\u306b\u3054\u78ba\u8a8d\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 02<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u30cd\u30c3\u30c8\u3067\u304a\u7533\u8fbc\u307f<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u5404\u5546\u54c1\u30da\u30fc\u30b8\u306e\u300c\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u4e88\u7d04\u300d\u30dc\u30bf\u30f3\u304b\u3089\u9001\u4fe1\u3002\u53d7\u4ed8\u30e1\u30fc\u30eb\u304c\u5c4a\u304d\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polyline points=\"16 8 20 8 23 11 23 16 16 16\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 03<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u3054\u81ea\u5b85\u306b\u304a\u5c4a\u3051<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u3054\u5e0c\u671b\u306e\u65e5\u6642\u306b\u3001\u5c0f\u7269\u307e\u3067\u542b\u3081\u305f\u30d5\u30eb\u30bb\u30c3\u30c8\u3092\u914d\u9001\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"mb-8 h-16 flex items-center justify-center\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n <\/div>\n <p class=\"text-gold text-[8px] mb-2 font-bold tracking-[0.2em] uppercase\">Step 04<\/p>\n <h3 class=\"text-sm font-bold mb-4 font-mincho tracking-widest\">\u3054\u8fd4\u5374<\/h3>\n <p class=\"text-[11px] text-gray-500 leading-relaxed\">\u4f7f\u7528\u5f8c\u306f\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981\u3002\u540c\u68b1\u306e\u888b\u306b\u5165\u308c\u3066\u9001\u308a\u8fd4\u3059\u3060\u3051\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-gray-50\">\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\n <div class=\"mb-12\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/takuhai\/img\/scene_img_4.jpg\" alt=\"\u5165\u5b66\u5f0f\u306e\u88c5\u3044\" class=\"w-full h-auto shadow-sm max-w-2xl mx-auto\">\n <\/div>\n <div class=\"max-w-2xl mx-auto\">\n <h2 class=\"text-lg md:text-xl font-light mb-6 tracking-[0.3em] font-mincho\">\u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u88c5\u3044<\/h2>\n <h3 class=\"text-sm md:text-base font-bold mb-6 font-mincho tracking-widest\">\u6bcd\u89aa\u306e\u7acb\u3061\u632f\u821e\u3044\u3092\u7f8e\u3057\u304f<\/h3>\n <p class=\"text-[11px] md:text-sm text-gray-500 leading-loose mb-10 font-montserrat tracking-widest\">\n \u5165\u5b66\u5f0f\u3001\u6bcd\u89aa\u306f\u54c1\u3088\u304f\u63a7\u3048\u3081\u306b\u3002\u53e4\u304f\u306f\u7565\u793c\u88c5\u304c\u4e00\u822c\u7684\u3067\u3057\u305f\u304c\u3001\u73fe\u4ee3\u3067\u306f\u81ea\u7531\u306a\u88c5\u3044\u3092\u697d\u3057\u3080\u65b9\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002<br><br>\n \u304a\u5b50\u69d8\u306e\u5927\u5207\u306a\u9580\u51fa\u306b\u3001\u4f1d\u7d71\u3068\u6c17\u54c1\u3092\u611f\u3058\u3055\u305b\u308b\u8a2a\u554f\u7740\u3092\u3002\u548c\u51db\u304c\u53b3\u9078\u3057\u305f\u4e00\u7740\u3067\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u5f69\u308a\u307e\u3059\u3002\n <\/p>\n <a href=\"#catalog\" class=\"text-gold border-b border-gold pb-2 text-[9px] tracking-[0.3em] font-montserrat font-bold hover:opacity-70 transition-opacity uppercase\">Explore Collection<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"max-w-3xl mx-auto px-6 border border-gold\/30 p-12 text-center relative\">\n <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-white px-6\">\n <span class=\"text-gold tracking-[0.5em] text-[8px] font-bold font-montserrat uppercase\">Special Offer<\/span>\n <\/div>\n <h2 class=\"text-lg md:text-xl mb-4 font-bold font-mincho tracking-widest text-gray-800\">\u30104\u6708\u9650\u5b9a\u3011\u65b0\u4f5c\u8a2a\u554f\u7740 10,000\u5186OFF<\/h2>\n \n <div class=\"mb-6 text-red-600 font-bold text-[10px] md:text-xs space-y-1 tracking-widest\">\n <p>\u3053\u306e\u30af\u30fc\u30dd\u30f3\u306f\u3001\u4e0b\u8a18\u306e\u5546\u54c1\u306e\u307f\u3092\u5bfe\u8c61\u3002<\/p>\n <p>\u4ed6\u306e\u5546\u54c1\u3078\u306e\u4f7f\u7528\u4e0d\u53ef\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"pt-2 text-[9px] font-normal text-gray-500\">\n <p>\u203b4\u67081\u65e5\u304b\u30894\u670830\u65e5\u3054\u5229\u7528\u306e\u304a\u5ba2\u69d8\u9650\u5b9a<\/p>\n <p>\u203b\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u30d7\u30e9\u30f3\u9650\u5b9a<\/p>\n <p>\u30af\u30fc\u30dd\u30f3\u4f7f\u7528\u671f\u9650\uff1a4\u67081\u65e5\u301c4\u670820\u65e5<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-50 py-6 mb-6 rounded-sm max-w-sm mx-auto\">\n <p class=\"text-[8px] text-gray-400 mb-2 font-montserrat tracking-[0.2em] uppercase\">\u30af\u30fc\u30dd\u30f3\u30b3\u30fc\u30c9<\/p>\n <p class=\"text-2xl tracking-[0.2em] font-montserrat font-bold text-gray-900\">kimono04<\/p>\n <p class=\"text-[9px] text-gray-400 mt-4 leading-relaxed px-4\">\n \u4f7f\u7528\u65b9\u6cd5\uff1a\u4e0b\u8a18\u306e\u4eca\u3059\u3050\u4e88\u7d04\u2192\u5b85\u914d\u30ec\u30f3\u30bf\u30eb\u2192\u30af\u30fc\u30dd\u30f3\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u3053\u3061\u3089\u306b\u3054\u5165\u529b\u4e0b\u3055\u3044\u3002\u306b\u5165\u529b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"catalog\" class=\"section-spacing bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <header class=\"text-center mb-24\">\n <h2 class=\"text-xl md:text-2xl tracking-[0.3em] font-light mb-4 font-mincho\">\u65b0\u4f5c\u8a2a\u554f\u7740\u30ab\u30bf\u30ed\u30b0<\/h2>\n <p class=\"text-[9px] text-gray-400 tracking-[0.4em] uppercase font-montserrat\">Selected Collection<\/p>\n <\/header>\n \n <div class=\"catalog-grid\">\n <script>\n const items = [\n { id: '6-70', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1202\/' },\n { id: '6-69', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1201\/' },\n { id: '6-68', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1200\/' },\n { id: '6-67', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1199\/' },\n { id: '6-64', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1197\/' },\n { id: '6-63', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1196\/' },\n { id: '6-62', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1195\/' },\n { id: '6-61', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1194\/' },\n { id: '6-60', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1193\/' },\n { id: '6-59', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1192\/' },\n { id: '6-56', url: 'https:\/\/cart.ec-sites.jp\/c2\/s\/4861\/i\/1191\/' }\n ];\n \n const container = document.querySelector('.catalog-grid');\n \n items.forEach(item => {\n const card = document.createElement('div');\n card.className = 'bg-white border border-gray-100 flex flex-col p-4 shadow-sm hover:shadow-md transition-shadow';\n \n const iframeSrc = `https:\/\/walin.jp\/plan\/formal\/yoyaku\/${item.id}.html`;\n\n card.innerHTML = `\n <div class=\"overflow-hidden mb-6 bg-gray-50 aspect-[3\/4]\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/formal\/images\/${item.id}.jpg\" alt=\"\u8a2a\u554f\u7740 NO.${item.id}\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-105\">\n <\/div>\n <div class=\"flex-grow px-2\">\n <h3 class=\"font-bold text-[11px] mb-1 tracking-wider uppercase font-mincho\">\u8a2a\u554f\u7740 NO.${item.id}<\/h3>\n <p class=\"text-gold font-bold text-sm mb-4 font-montserrat\">\u5b85\u914d\u4fa1\u683c\uff1a28,600\u5186<span class=\"text-[8px] ml-1 font-normal text-gray-400\">\uff08\u7a0e\u8fbc\uff09<\/span><\/p>\n \n <ul class=\"text-[10px] text-gray-500 space-y-1 mb-6 border-t border-b border-gray-50 py-3 font-montserrat\">\n <li class=\"flex justify-between\"><span>\u5bfe\u5fdc\u8eab\u9577<\/span><span>170cm\u307e\u3067<\/span><\/li>\n <li class=\"flex justify-between\"><span>\u5bfe\u5fdc\u30d2\u30c3\u30d7<\/span><span>105cm\u307e\u3067<\/span><\/li>\n <li class=\"flex justify-between\"><span>\u7d20\u6750<\/span><span>\u9ad8\u7d1a\u6b63\u7d79<\/span><\/li>\n <\/ul>\n\n <div class=\"grid grid-cols-1 gap-2 mb-6 font-montserrat\">\n <a href=\"${item.url}\" target=\"_blank\" class=\"btn-gold text-center py-3.5 text-[10px] font-bold tracking-[0.2em] rounded-sm\">\u4eca\u3059\u3050\u4e88\u7d04<\/a>\n <a href=\"#yoyaku-${item.id}\" class=\"border border-gray-200 text-center py-3.5 text-[10px] tracking-[0.2em] text-gray-500 hover:bg-gray-50 transition-colors rounded-sm\">\u4e88\u7d04\u72b6\u6cc1\u3092\u307f\u308b<\/a>\n <\/div>\n <\/div>\n \n <div id=\"yoyaku-${item.id}\" class=\"mt-2 pt-2 border-t border-gray-100\">\n <div class=\"iframe-wrapper\">\n <div class=\"iframe-container\">\n <iframe src=\"${iframeSrc}\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n `;\n container.appendChild(card);\n });\n <\/script>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-spacing bg-white\">\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\n <div class=\"bg-gray-900 text-white p-12 md:p-16 rounded-sm relative overflow-hidden\">\n <div class=\"relative z-10\">\n <h2 class=\"text-base md:text-xl mb-10 leading-[2.2] font-light font-mincho tracking-[0.1em]\">\n \u30b5\u30a4\u30ba\u304c\u4e0d\u5b89\u306a\u65b9\u3084\u3001<br>\n \u3069\u306e\u7740\u7269\u3092\u9078\u3079\u3070\u3088\u3044\u304b\u8ff7\u308f\u308c\u3066\u3044\u308b\u65b9\u306f<br>\n \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n <\/h2>\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-[#06C755] hover:opacity-90 transition-all text-white px-10 py-4 rounded-full text-sm font-bold font-montserrat shadow-lg\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 10.304c0-5.691-5.383-10.304-12-10.304s-12 4.613-12 10.304c0 5.097 4.272 9.353 10.043 10.156l.66 1.98a.547.547 0 00.946.12l2.369-3.158c3.966-.583 7.982-3.832 7.982-9.104zm-13.857 3.58h-2.143v-4.286h2.143v4.286zm3.571 0h-2.142V9.598h2.142v4.286zm3.572 0H15.14V9.598h2.144v4.286z\"\/><\/svg>\n LINE\u3067\u76f8\u8ac7\u3059\u308b\n <\/a>\n <p class=\"mt-8 text-[9px] text-gray-500 tracking-[0.3em] font-montserrat uppercase opacity-60\">Customer Support: 10:00 – 18:00<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-16 border-t border-gray-100 text-center\">\n <p class=\"text-[9px] text-gray-400 tracking-[0.5em] font-montserrat uppercase opacity-80\">© Walin Tokyo All Rights Reserved.<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u548c\u51db | \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Walin Tokyo Collection \u3010\u307e\u3060\u9593\u306b\u5408\u3046\u3011 \u5165\u5b66\u5f0f\u306b\u3075\u3055\u308f\u3057\u3044\u8a2a\u554f\u7740 \u65b0\u4f5c\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 \u6625\u306e\u7279\u5225\u306a\u4e00\u65e5\u306b\u3075\u3055\u308f\u3057\u3044\u4e00\u7740\u3092\u3001\u5168\u56fd\u3078\u304a\u5c4a\u3051\u3057\u307e\u3059 VI […]","protected":false},"author":1,"featured_media":0,"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":[1],"tags":[],"class_list":["post-11004","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004","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=11004"}],"version-history":[{"count":3,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004\/revisions"}],"predecessor-version":[{"id":11007,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11004\/revisions\/11007"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}