Furisode Web Catalog – ENSO & SHIROKANE<\/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=Noto+Serif+JP:wght@300;500;700&family=Shippori+Mincho:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --platinum-gold: #b8a06b;\n --soft-white: #fafafa;\n }\n \n html {\n height: -webkit-fill-available;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Noto Serif JP', serif;\n color: #333;\n background-color: #fff;\n margin: 0;\n padding: 0;\n width: 100%;\n min-height: 100vh;\n display: block;\n -webkit-text-size-adjust: 100%;\n -webkit-overflow-scrolling: touch;\n }\n\n #page-wrapper {\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n .font-serif-en {\n font-family: 'Shippori Mincho', serif;\n }\n .text-platinum-gold {\n color: var(--platinum-gold);\n }\n .bg-platinum-gold {\n background-color: var(--platinum-gold);\n }\n \n .hero-gradient {\n background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);\n z-index: 5;\n }\n\n .slider-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 2s ease-in-out, transform 8s ease-out;\n transform: scale(1.1);\n }\n .slider-item.active {\n opacity: 1;\n transform: scale(1);\n }\n\n .product-card img {\n transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n cursor: zoom-in;\n }\n .product-card:hover img {\n transform: scale(1.05);\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 1.2s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n #image-modal, #status-modal {\n display: none;\n z-index: 9999;\n }\n #image-modal.show, #status-modal.show {\n display: flex;\n }\n\n .hero-container {\n height: 450px; \n }\n @media (min-width: 768px) {\n .hero-container {\n height: 700px;\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes modalFadeIn {\n from { opacity: 0; transform: scale(0.98); }\n to { opacity: 1; transform: scale(1); }\n }\n #image-modal.show {\n animation: modalFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: var(--platinum-gold);\n border-radius: 10px;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n <div id=\"page-wrapper\">\n \n <header class=\"fixed top-0 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 transition-all duration-300\">\n <div class=\"max-w-7xl mx-auto py-3 md:py-5 px-6 flex justify-center items-center\">\n <h1 class=\"text-sm md:text-xl font-light tracking-[0.3em] text-gray-800 uppercase\">Furisode Collection | Walin<\/h1>\n <\/div>\n <\/header>\n\n \n <section class=\"relative w-full hero-container overflow-hidden bg-gray-50 pt-12\">\n <div id=\"hero-slider\" class=\"absolute inset-0 w-full h-full\">\n <div class=\"slider-item active\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_4.jpg\" alt=\"Main Visual 1\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/ensofurisode\/enso_top1.png\" alt=\"Main Visual 2\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n \n <div class=\"absolute inset-0 hero-gradient\"><\/div>\n \n <div class=\"absolute inset-0 flex flex-col items-center justify-end pb-12 md:pb-24 z-10 px-4 text-center\">\n <p class=\"text-[9px] md:text-xs tracking-[0.4em] mb-3 text-gray-500 font-serif-en uppercase opacity-0 animate-[fadeIn_1s_ease_0.5s_forwards]\">Special Selection<\/p>\n <h2 class=\"text-2xl md:text-6xl font-bold mb-4 text-platinum-gold tracking-[0.1em] opacity-0 animate-[fadeIn_1s_ease_0.8s_forwards]\">ENSO & SHIROKANE<\/h2>\n <div class=\"w-12 h-[1px] bg-platinum-gold mb-5 opacity-0 animate-[fadeIn_1s_ease_1.1s_forwards]\"><\/div>\n <p class=\"text-[11px] md:text-2xl text-gray-700 tracking-[0.25em] font-light italic opacity-0 animate-[fadeIn_1s_ease_1.4s_forwards]\">Where tradition meets modern sensibility.<\/p>\n <\/div>\n <\/section>\n\n \n <div id=\"section-enso\">\n <section class=\"max-w-4xl mx-auto px-6 py-16 md:py-32 text-center reveal\">\n <div class=\"mb-10 md:mb-14 inline-block text-center\">\n <p class=\"text-lg md:text-2xl text-platinum-gold mb-2 tracking-[0.3em] font-medium\">ENSO Furisode<\/p>\n <span class=\"text-[10px] md:text-xs tracking-[0.4em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">The New Standard<\/span>\n <\/div>\n <div class=\"space-y-8 md:space-y-12 leading-loose text-gray-600 font-light text-sm md:text-lg\">\n <h3 class=\"text-lg md:text-3xl font-medium text-gray-900 mb-8 leading-relaxed\">\n Traditional beauty<br class=\"md:hidden\"> with a modern touch.\n <\/h3>\n <div class=\"space-y-6\">\n <p>“ENSO” is a new style of Furisode that blends traditional Japanese beauty with modern fashion sensibilities.<\/p>\n <p>With simple decorations and carefully selected colors, these designs highlight your personality and give a sophisticated, urban impression.<\/p>\n <p>For your coming-of-age ceremony or wedding\u2014make your special day unique with a dress that breaks away from convention.<\/p>\n <p class=\"text-xl md:text-2xl font-medium text-gray-800 mt-10 font-serif-en\">Elegant and effortless.<br>This is “ENSO” by Walin.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-white py-12 md:py-24 px-4 border-t border-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex items-end justify-between mb-10 md:mb-14 border-l-2 border-platinum-gold pl-5 md:pl-6\">\n <div>\n <h3 class=\"text-xl md:text-4xl font-light tracking-widest text-gray-800 uppercase\">Enso Collection<\/h3>\n <p class=\"text-[9px] md:text-xs text-platinum-gold font-serif-en tracking-widest mt-2 uppercase\">Sophisticated Design<\/p>\n <\/div>\n <\/div>\n <div id=\"catalog-grid-enso\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-12 md:gap-x-10 md:gap-y-24\">\n \n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"section-shirokane\">\n <section class=\"max-w-4xl mx-auto px-6 py-16 md:py-28 text-center reveal\">\n <div class=\"mb-8 md:mb-10 inline-block text-center\">\n <p class=\"text-base md:text-xl text-platinum-gold mb-1 tracking-[0.2em] font-medium\">SHIROKANE<\/p>\n <span class=\"text-[9px] md:text-xs tracking-[0.3em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">Shirokane Concept<\/span>\n <\/div>\n <div class=\"space-y-6 md:space-y-8 leading-loose text-gray-600 font-light text-sm md:text-base\">\n <h3 class=\"text-base md:text-2xl font-medium text-gray-900 mb-6 leading-relaxed\">\n Harmony of tradition and innovation.\n <\/h3>\n <p>Shirokane is our premium series featuring luxurious gold and silver hand-painted techniques.<\/p>\n <p>The delicate brushwork and brilliant shine of gold and silver create a look of unparalleled grace for your once-in-a-lifetime ceremony.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"bg-gray-50 py-12 md:py-24 px-4 border-t border-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex items-end justify-between mb-8 md:mb-10 border-l-2 border-platinum-gold pl-4 md:pl-5\">\n <div>\n <h3 class=\"text-lg md:text-3xl font-light tracking-widest text-gray-800 uppercase\">Shirokane<\/h3>\n <p class=\"text-[8px] md:text-xs text-platinum-gold font-serif-en tracking-widest mt-1 uppercase\">Shirokane Collection<\/p>\n <\/div>\n <\/div>\n <div id=\"catalog-grid-shirokane\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-3 gap-y-10 md:gap-x-8 md:gap-y-20\">\n \n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <section id=\"contact\" class=\"py-16 md:py-28 px-4 text-center bg-white reveal\">\n <div class=\"max-w-3xl mx-auto bg-gray-50 p-8 md:p-20 rounded-2xl border border-gray-100\">\n <h3 class=\"text-base md:text-2xl mb-2 tracking-[0.3em] font-light text-gray-800\">Booking & Inquiries<\/h3>\n <p class=\"text-[9px] text-platinum-gold tracking-widest mb-8 font-serif-en uppercase\">Reservation<\/p>\n <p class=\"text-[10px] md:text-sm text-gray-500 leading-relaxed mb-10\">\n For styling advice or checking availability,<br>our professional staff is here to help via our official LINE.\n <\/p>\n <div class=\"flex justify-center\">\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" class=\"group flex items-center justify-center bg-[#06C755] text-white px-8 md:px-12 py-3 md:py-4 rounded-full text-xs font-bold tracking-widest hover:scale-105 transition-all shadow-md w-full max-w-xs\">\n <svg class=\"w-4 h-4 md:w-5 md:h-5 mr-3\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 10.304c0-5.232-5.383-9.486-12-9.486-6.617 0-12 4.254-12 9.486 0 4.691 4.272 8.614 10.034 9.359.391.083.923.258 1.058.592.121.301.079.77.039 1.073l-.171 1.027c-.052.312-.252 1.22 1.084.665 1.336-.556 7.204-4.243 9.83-7.265 1.121-1.325 1.126-2.551 1.126-3.451z\"\/>\n <\/svg>\n <span>Contact via LINE<\/span>\n <\/a>\n <\/div>\n <p class=\"mt-4 text-[8px] md:text-[9px] text-gray-400 tracking-widest uppercase italic\">LINE ID: @862ezwmc<\/p>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white py-12 md:py-16 text-center border-t border-gray-50 mb-0 pb-16\">\n <p class=\"text-gray-400 text-[8px] md:text-[9px] tracking-[0.4em] uppercase\">© 2024 Furisode Rental Walin<\/p>\n <\/footer>\n <\/div>\n\n \n <div id=\"image-modal\" class=\"fixed inset-0 bg-white z-[9999] flex-col overflow-y-auto\">\n <div class=\"bg-white\/95 backdrop-blur-md border-b border-gray-100 py-3 md:py-4 px-6 flex items-center justify-between sticky top-0 z-20\">\n <button onclick=\"closeModal()\" class=\"flex items-center text-[10px] md:text-sm tracking-[0.2em] text-gray-500 hover:text-platinum-gold transition-colors font-bold uppercase\">\n <svg class=\"w-4 h-4 md:w-5 md:h-5 mr-1 md:mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n Back to list\n <\/button>\n <h3 id=\"modal-title\" class=\"text-[10px] md:text-sm font-medium tracking-widest text-gray-800\"><\/h3>\n <div class=\"w-16 md:w-20\"><\/div>\n <\/div>\n <div class=\"flex-1 flex flex-col items-center justify-start py-6 md:py-10 px-4\">\n <div class=\"max-w-2xl w-full bg-white shadow-xl p-2 md:p-4 rounded-sm mb-8\">\n <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"Zoom Image\" class=\"w-full h-auto object-contain\">\n <\/div>\n <div class=\"text-center max-w-lg mb-16\">\n <h4 id=\"modal-item-name\" class=\"text-lg md:text-2xl font-bold text-platinum-gold mb-3 tracking-widest\"><\/h4>\n <p id=\"modal-item-desc\" class=\"text-gray-500 text-[10px] md:text-sm tracking-widest mb-5\"><\/p>\n <p class=\"text-base md:text-xl font-medium text-gray-900 mb-8\">Rental Price: 55,000 JPY (tax incl.)<\/p>\n \n <div class=\"border-t border-gray-100 pt-8\">\n <p class=\"text-[8px] md:text-xs font-bold text-gray-400 tracking-widest mb-3 uppercase\">Reservation Status<\/p>\n <button id=\"modal-status-btn\" class=\"inline-flex items-center justify-center bg-gray-800 text-white px-8 py-3 md:py-4 rounded-full text-[10px] md:text-xs font-bold tracking-[0.2em] hover:bg-platinum-gold transition-colors w-full sm:w-auto\">\n Check Availability for this Item\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"status-modal\" class=\"fixed inset-0 bg-white z-[10000] flex-col\">\n <div class=\"bg-white border-b border-gray-100 py-3 md:py-4 px-6 flex items-center justify-between sticky top-0\">\n <button onclick=\"closeStatusModal()\" class=\"flex items-center text-[10px] tracking-widest text-gray-500 hover:text-platinum-gold transition-colors font-bold uppercase\">\n <svg class=\"w-4 h-4 mr-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n Back\n <\/button>\n <div class=\"text-center flex-1\">\n <h3 id=\"status-title-display\" class=\"text-[10px] md:text-sm font-semibold tracking-widest text-platinum-gold\">Status Check<\/h3>\n <p class=\"text-[7px] md:text-[9px] text-red-500 mt-1 font-medium\">* Availability is subject to change. Please contact us for details.<\/p>\n <\/div>\n <div class=\"w-12 md:w-16\"><\/div>\n <\/div>\n <div class=\"flex-1 w-full bg-gray-50 overflow-hidden relative\">\n <iframe id=\"status-iframe\" src=\"\" class=\"w-full h-full border-0\"><\/iframe>\n <div id=\"status-loading\" class=\"absolute inset-0 flex items-center justify-center bg-gray-50\">\n <div class=\"animate-spin rounded-full h-6 w-6 md:h-8 md:w-8 border-b-2 border-platinum-gold\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ --- Data Definition ---\n const shirokaneItems = [];\n for (let i = 153; i >= 144; i--) {\n shirokaneItems.push({\n num: i,\n id: `fu-${i}`,\n name: `Item No. fu.${i}`,\n img: `https:\/\/walin.jp\/plan\/img\/furisode\/fu-${i}.jpg`,\n statusUrl: `https:\/\/walin.jp\/plan\/formal\/yoyaku\/fu-${i}.html`,\n desc: 'Material: Pure Silk | Height: up to 175cm | Hip: up to 110cm'\n });\n }\n\n const ensoItems = [356, 357, 358, 359].map(i => ({\n num: i,\n id: `fu.po-${i}`,\n name: `Item No. fu.po-${i}`,\n img: `https:\/\/walin.jp\/plan\/img\/ensofurisode\/fu.po-${i}.jpg`,\n statusUrl: `https:\/\/walin.jp\/plan\/formal\/yoyaku\/fu_po-${i}.html`,\n desc: 'Material: Premium Synthetic | Height: up to 170cm | Hip: up to 105cm'\n }));\n\n \/\/ --- Selectors ---\n const modal = document.getElementById('image-modal');\n const modalImg = document.getElementById('modal-img');\n const modalItemName = document.getElementById('modal-item-name');\n const modalItemDesc = document.getElementById('modal-item-desc');\n const modalTitle = document.getElementById('modal-title');\n const modalStatusBtn = document.getElementById('modal-status-btn');\n const statusModal = document.getElementById('status-modal');\n const statusIframe = document.getElementById('status-iframe');\n const statusTitleDisplay = document.getElementById('status-title-display');\n const statusLoading = document.getElementById('status-loading');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.1 });\n\n \/\/ --- Functions ---\n function createProductCard(item) {\n const card = document.createElement('div');\n card.className = 'product-card reveal group';\n card.innerHTML = `\n <div class=\"aspect-[2\/3] overflow-hidden bg-white mb-4 md:mb-6 shadow-sm rounded-sm relative\" onclick=\"openModal('${item.img}', '${item.name}', '${item.statusUrl}', '${item.desc}')\">\n <img decoding=\"async\" src=\"${item.img}\" \n alt=\"${item.name}\" \n class=\"w-full h-full object-cover\"\n loading=\"lazy\"\n onerror=\"this.src='https:\/\/via.placeholder.com\/600x900?text=${item.id}'\">\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center\">\n <div class=\"bg-white\/90 backdrop-blur-md px-3 py-2 text-[8px] md:text-[10px] tracking-widest text-gray-800 font-bold uppercase shadow-sm\">VIEW ZOOM<\/div>\n <\/div>\n <\/div>\n <div class=\"text-left\">\n <h4 class=\"text-[10px] md:text-sm font-bold tracking-widest mb-1 text-platinum-gold uppercase\">${item.name}<\/h4>\n <p class=\"text-[8px] md:text-[10px] text-gray-500 tracking-tighter mb-2\">${item.desc}<\/p>\n <p class=\"text-[10px] md:text-sm font-medium text-gray-900 tracking-tight mb-3\">Rental: 55,000 JPY (incl. tax)<\/p>\n \n <div class=\"pt-2 md:pt-3 border-t border-gray-100\">\n <p class=\"text-[7px] md:text-[8px] font-bold text-gray-300 tracking-widest mb-2 uppercase italic\">Reservation Status<\/p>\n <button onclick=\"openStatusModal('${item.statusUrl}', '${item.name}')\" \n class=\"text-[8px] md:text-xs font-bold text-platinum-gold flex items-center hover:text-black transition-colors\">\n <svg class=\"w-3 h-3 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\"><\/path><\/svg>\n View Availability\n <\/button>\n <\/div>\n <\/div>\n `;\n return card;\n }\n\n function initCatalog() {\n const shirokaneGrid = document.getElementById('catalog-grid-shirokane');\n const ensoGrid = document.getElementById('catalog-grid-enso');\n \n ensoItems.forEach(item => {\n const card = createProductCard(item);\n ensoGrid.appendChild(card);\n observer.observe(card);\n });\n\n shirokaneItems.forEach(item => {\n const card = createProductCard(item);\n shirokaneGrid.appendChild(card);\n observer.observe(card);\n });\n }\n\n function openModal(imgUrl, name, statusUrl, desc) {\n modalImg.src = imgUrl;\n modalItemName.innerText = name;\n modalItemDesc.innerText = desc;\n modalTitle.innerText = name + ' - Zoom View';\n modalStatusBtn.onclick = (e) => {\n e.stopPropagation();\n openStatusModal(statusUrl, name);\n };\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('show');\n document.body.style.overflow = '';\n }\n\n function openStatusModal(url, name) {\n statusLoading.style.display = 'flex';\n statusTitleDisplay.innerText = name + ' - Status Check';\n statusIframe.src = url;\n statusModal.classList.add('show');\n document.body.style.overflow = 'hidden';\n statusIframe.onload = () => { statusLoading.style.display = 'none'; };\n }\n\n function closeStatusModal() {\n statusModal.classList.remove('show');\n statusIframe.src = '';\n if(!modal.classList.contains('show')) document.body.style.overflow = '';\n }\n\n \/\/ --- Event Listeners ---\n window.addEventListener('DOMContentLoaded', () => {\n initCatalog();\n \n const slides = document.querySelectorAll('.slider-item');\n let currentSlide = 0;\n setInterval(() => {\n slides[currentSlide].classList.remove('active');\n currentSlide = (currentSlide + 1) % slides.length;\n slides[currentSlide].classList.add('active');\n }, 6000);\n\n window.addEventListener('scroll', () => {\n const header = document.querySelector('header');\n if (window.scrollY > 20) header.classList.add('py-1', 'shadow-sm');\n else header.classList.remove('py-1', 'shadow-sm');\n });\n\n setTimeout(() => {\n document.querySelectorAll('.reveal').forEach(el => el.classList.add('active'));\n }, 500);\n });\n\n modal.addEventListener('click', (e) => {\n if (e.target.id === 'image-modal' || e.target.classList.contains('flex-col')) closeModal();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"Furisode Web Catalog – ENSO & SHIROKANE Furisode Collection | Walin Special Selection ENSO & S […]","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-11039","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039","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=11039"}],"version-history":[{"count":1,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039\/revisions"}],"predecessor-version":[{"id":11040,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039\/revisions\/11040"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11039,"date":"2026-04-27T08:59:16","date_gmt":"2026-04-27T08:59:16","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=11039"},"modified":"2026-04-27T08:59:17","modified_gmt":"2026-04-27T08:59:17","slug":"11039-2","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/11039-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Furisode Web Catalog – ENSO & SHIROKANE<\/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=Noto+Serif+JP:wght@300;500;700&family=Shippori+Mincho:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --platinum-gold: #b8a06b;\n --soft-white: #fafafa;\n }\n \n html {\n height: -webkit-fill-available;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Noto Serif JP', serif;\n color: #333;\n background-color: #fff;\n margin: 0;\n padding: 0;\n width: 100%;\n min-height: 100vh;\n display: block;\n -webkit-text-size-adjust: 100%;\n -webkit-overflow-scrolling: touch;\n }\n\n #page-wrapper {\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n .font-serif-en {\n font-family: 'Shippori Mincho', serif;\n }\n .text-platinum-gold {\n color: var(--platinum-gold);\n }\n .bg-platinum-gold {\n background-color: var(--platinum-gold);\n }\n \n .hero-gradient {\n background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);\n z-index: 5;\n }\n\n .slider-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 2s ease-in-out, transform 8s ease-out;\n transform: scale(1.1);\n }\n .slider-item.active {\n opacity: 1;\n transform: scale(1);\n }\n\n .product-card img {\n transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n cursor: zoom-in;\n }\n .product-card:hover img {\n transform: scale(1.05);\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 1.2s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n #image-modal, #status-modal {\n display: none;\n z-index: 9999;\n }\n #image-modal.show, #status-modal.show {\n display: flex;\n }\n\n .hero-container {\n height: 450px; \n }\n @media (min-width: 768px) {\n .hero-container {\n height: 700px;\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes modalFadeIn {\n from { opacity: 0; transform: scale(0.98); }\n to { opacity: 1; transform: scale(1); }\n }\n #image-modal.show {\n animation: modalFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: var(--platinum-gold);\n border-radius: 10px;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n <div id=\"page-wrapper\">\n \n <header class=\"fixed top-0 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 transition-all duration-300\">\n <div class=\"max-w-7xl mx-auto py-3 md:py-5 px-6 flex justify-center items-center\">\n <h1 class=\"text-sm md:text-xl font-light tracking-[0.3em] text-gray-800 uppercase\">Furisode Collection | Walin<\/h1>\n <\/div>\n <\/header>\n\n \n <section class=\"relative w-full hero-container overflow-hidden bg-gray-50 pt-12\">\n <div id=\"hero-slider\" class=\"absolute inset-0 w-full h-full\">\n <div class=\"slider-item active\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_4.jpg\" alt=\"Main Visual 1\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/ensofurisode\/enso_top1.png\" alt=\"Main Visual 2\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n \n <div class=\"absolute inset-0 hero-gradient\"><\/div>\n \n <div class=\"absolute inset-0 flex flex-col items-center justify-end pb-12 md:pb-24 z-10 px-4 text-center\">\n <p class=\"text-[9px] md:text-xs tracking-[0.4em] mb-3 text-gray-500 font-serif-en uppercase opacity-0 animate-[fadeIn_1s_ease_0.5s_forwards]\">Special Selection<\/p>\n <h2 class=\"text-2xl md:text-6xl font-bold mb-4 text-platinum-gold tracking-[0.1em] opacity-0 animate-[fadeIn_1s_ease_0.8s_forwards]\">ENSO & SHIROKANE<\/h2>\n <div class=\"w-12 h-[1px] bg-platinum-gold mb-5 opacity-0 animate-[fadeIn_1s_ease_1.1s_forwards]\"><\/div>\n <p class=\"text-[11px] md:text-2xl text-gray-700 tracking-[0.25em] font-light italic opacity-0 animate-[fadeIn_1s_ease_1.4s_forwards]\">Where tradition meets modern sensibility.<\/p>\n <\/div>\n <\/section>\n\n \n <div id=\"section-enso\">\n <section class=\"max-w-4xl mx-auto px-6 py-16 md:py-32 text-center reveal\">\n <div class=\"mb-10 md:mb-14 inline-block text-center\">\n <p class=\"text-lg md:text-2xl text-platinum-gold mb-2 tracking-[0.3em] font-medium\">ENSO Furisode<\/p>\n <span class=\"text-[10px] md:text-xs tracking-[0.4em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">The New Standard<\/span>\n <\/div>\n <div class=\"space-y-8 md:space-y-12 leading-loose text-gray-600 font-light text-sm md:text-lg\">\n <h3 class=\"text-lg md:text-3xl font-medium text-gray-900 mb-8 leading-relaxed\">\n Traditional beauty<br class=\"md:hidden\"> with a modern touch.\n <\/h3>\n <div class=\"space-y-6\">\n <p>“ENSO” is a new style of Furisode that blends traditional Japanese beauty with modern fashion sensibilities.<\/p>\n <p>With simple decorations and carefully selected colors, these designs highlight your personality and give a sophisticated, urban impression.<\/p>\n <p>For your coming-of-age ceremony or wedding\u2014make your special day unique with a dress that breaks away from convention.<\/p>\n <p class=\"text-xl md:text-2xl font-medium text-gray-800 mt-10 font-serif-en\">Elegant and effortless.<br>This is “ENSO” by Walin.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-white py-12 md:py-24 px-4 border-t border-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex items-end justify-between mb-10 md:mb-14 border-l-2 border-platinum-gold pl-5 md:pl-6\">\n <div>\n <h3 class=\"text-xl md:text-4xl font-light tracking-widest text-gray-800 uppercase\">Enso Collection<\/h3>\n <p class=\"text-[9px] md:text-xs text-platinum-gold font-serif-en tracking-widest mt-2 uppercase\">Sophisticated Design<\/p>\n <\/div>\n <\/div>\n <div id=\"catalog-grid-enso\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-12 md:gap-x-10 md:gap-y-24\">\n \n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"section-shirokane\">\n <section class=\"max-w-4xl mx-auto px-6 py-16 md:py-28 text-center reveal\">\n <div class=\"mb-8 md:mb-10 inline-block text-center\">\n <p class=\"text-base md:text-xl text-platinum-gold mb-1 tracking-[0.2em] font-medium\">SHIROKANE<\/p>\n <span class=\"text-[9px] md:text-xs tracking-[0.3em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">Shirokane Concept<\/span>\n <\/div>\n <div class=\"space-y-6 md:space-y-8 leading-loose text-gray-600 font-light text-sm md:text-base\">\n <h3 class=\"text-base md:text-2xl font-medium text-gray-900 mb-6 leading-relaxed\">\n Harmony of tradition and innovation.\n <\/h3>\n <p>Shirokane is our premium series featuring luxurious gold and silver hand-painted techniques.<\/p>\n <p>The delicate brushwork and brilliant shine of gold and silver create a look of unparalleled grace for your once-in-a-lifetime ceremony.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"bg-gray-50 py-12 md:py-24 px-4 border-t border-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex items-end justify-between mb-8 md:mb-10 border-l-2 border-platinum-gold pl-4 md:pl-5\">\n <div>\n <h3 class=\"text-lg md:text-3xl font-light tracking-widest text-gray-800 uppercase\">Shirokane<\/h3>\n <p class=\"text-[8px] md:text-xs text-platinum-gold font-serif-en tracking-widest mt-1 uppercase\">Shirokane Collection<\/p>\n <\/div>\n <\/div>\n <div id=\"catalog-grid-shirokane\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-3 gap-y-10 md:gap-x-8 md:gap-y-20\">\n \n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <section id=\"contact\" class=\"py-16 md:py-28 px-4 text-center bg-white reveal\">\n <div class=\"max-w-3xl mx-auto bg-gray-50 p-8 md:p-20 rounded-2xl border border-gray-100\">\n <h3 class=\"text-base md:text-2xl mb-2 tracking-[0.3em] font-light text-gray-800\">Booking & Inquiries<\/h3>\n <p class=\"text-[9px] text-platinum-gold tracking-widest mb-8 font-serif-en uppercase\">Reservation<\/p>\n <p class=\"text-[10px] md:text-sm text-gray-500 leading-relaxed mb-10\">\n For styling advice or checking availability,<br>our professional staff is here to help via our official LINE.\n <\/p>\n <div class=\"flex justify-center\">\n <a href=\"https:\/\/page.line.me\/862ezwmc\" target=\"_blank\" class=\"group flex items-center justify-center bg-[#06C755] text-white px-8 md:px-12 py-3 md:py-4 rounded-full text-xs font-bold tracking-widest hover:scale-105 transition-all shadow-md w-full max-w-xs\">\n <svg class=\"w-4 h-4 md:w-5 md:h-5 mr-3\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M24 10.304c0-5.232-5.383-9.486-12-9.486-6.617 0-12 4.254-12 9.486 0 4.691 4.272 8.614 10.034 9.359.391.083.923.258 1.058.592.121.301.079.77.039 1.073l-.171 1.027c-.052.312-.252 1.22 1.084.665 1.336-.556 7.204-4.243 9.83-7.265 1.121-1.325 1.126-2.551 1.126-3.451z\"\/>\n <\/svg>\n <span>Contact via LINE<\/span>\n <\/a>\n <\/div>\n <p class=\"mt-4 text-[8px] md:text-[9px] text-gray-400 tracking-widest uppercase italic\">LINE ID: @862ezwmc<\/p>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white py-12 md:py-16 text-center border-t border-gray-50 mb-0 pb-16\">\n <p class=\"text-gray-400 text-[8px] md:text-[9px] tracking-[0.4em] uppercase\">© 2024 Furisode Rental Walin<\/p>\n <\/footer>\n <\/div>\n\n \n <div id=\"image-modal\" class=\"fixed inset-0 bg-white z-[9999] flex-col overflow-y-auto\">\n <div class=\"bg-white\/95 backdrop-blur-md border-b border-gray-100 py-3 md:py-4 px-6 flex items-center justify-between sticky top-0 z-20\">\n <button onclick=\"closeModal()\" class=\"flex items-center text-[10px] md:text-sm tracking-[0.2em] text-gray-500 hover:text-platinum-gold transition-colors font-bold uppercase\">\n <svg class=\"w-4 h-4 md:w-5 md:h-5 mr-1 md:mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n Back to list\n <\/button>\n <h3 id=\"modal-title\" class=\"text-[10px] md:text-sm font-medium tracking-widest text-gray-800\"><\/h3>\n <div class=\"w-16 md:w-20\"><\/div>\n <\/div>\n <div class=\"flex-1 flex flex-col items-center justify-start py-6 md:py-10 px-4\">\n <div class=\"max-w-2xl w-full bg-white shadow-xl p-2 md:p-4 rounded-sm mb-8\">\n <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"Zoom Image\" class=\"w-full h-auto object-contain\">\n <\/div>\n <div class=\"text-center max-w-lg mb-16\">\n <h4 id=\"modal-item-name\" class=\"text-lg md:text-2xl font-bold text-platinum-gold mb-3 tracking-widest\"><\/h4>\n <p id=\"modal-item-desc\" class=\"text-gray-500 text-[10px] md:text-sm tracking-widest mb-5\"><\/p>\n <p class=\"text-base md:text-xl font-medium text-gray-900 mb-8\">Rental Price: 55,000 JPY (tax incl.)<\/p>\n \n <div class=\"border-t border-gray-100 pt-8\">\n <p class=\"text-[8px] md:text-xs font-bold text-gray-400 tracking-widest mb-3 uppercase\">Reservation Status<\/p>\n <button id=\"modal-status-btn\" class=\"inline-flex items-center justify-center bg-gray-800 text-white px-8 py-3 md:py-4 rounded-full text-[10px] md:text-xs font-bold tracking-[0.2em] hover:bg-platinum-gold transition-colors w-full sm:w-auto\">\n Check Availability for this Item\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"status-modal\" class=\"fixed inset-0 bg-white z-[10000] flex-col\">\n <div class=\"bg-white border-b border-gray-100 py-3 md:py-4 px-6 flex items-center justify-between sticky top-0\">\n <button onclick=\"closeStatusModal()\" class=\"flex items-center text-[10px] tracking-widest text-gray-500 hover:text-platinum-gold transition-colors font-bold uppercase\">\n <svg class=\"w-4 h-4 mr-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n Back\n <\/button>\n <div class=\"text-center flex-1\">\n <h3 id=\"status-title-display\" class=\"text-[10px] md:text-sm font-semibold tracking-widest text-platinum-gold\">Status Check<\/h3>\n <p class=\"text-[7px] md:text-[9px] text-red-500 mt-1 font-medium\">* Availability is subject to change. Please contact us for details.<\/p>\n <\/div>\n <div class=\"w-12 md:w-16\"><\/div>\n <\/div>\n <div class=\"flex-1 w-full bg-gray-50 overflow-hidden relative\">\n <iframe id=\"status-iframe\" src=\"\" class=\"w-full h-full border-0\"><\/iframe>\n <div id=\"status-loading\" class=\"absolute inset-0 flex items-center justify-center bg-gray-50\">\n <div class=\"animate-spin rounded-full h-6 w-6 md:h-8 md:w-8 border-b-2 border-platinum-gold\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ --- Data Definition ---\n const shirokaneItems = [];\n for (let i = 153; i >= 144; i--) {\n shirokaneItems.push({\n num: i,\n id: `fu-${i}`,\n name: `Item No. fu.${i}`,\n img: `https:\/\/walin.jp\/plan\/img\/furisode\/fu-${i}.jpg`,\n statusUrl: `https:\/\/walin.jp\/plan\/formal\/yoyaku\/fu-${i}.html`,\n desc: 'Material: Pure Silk | Height: up to 175cm | Hip: up to 110cm'\n });\n }\n\n const ensoItems = [356, 357, 358, 359].map(i => ({\n num: i,\n id: `fu.po-${i}`,\n name: `Item No. fu.po-${i}`,\n img: `https:\/\/walin.jp\/plan\/img\/ensofurisode\/fu.po-${i}.jpg`,\n statusUrl: `https:\/\/walin.jp\/plan\/formal\/yoyaku\/fu_po-${i}.html`,\n desc: 'Material: Premium Synthetic | Height: up to 170cm | Hip: up to 105cm'\n }));\n\n \/\/ --- Selectors ---\n const modal = document.getElementById('image-modal');\n const modalImg = document.getElementById('modal-img');\n const modalItemName = document.getElementById('modal-item-name');\n const modalItemDesc = document.getElementById('modal-item-desc');\n const modalTitle = document.getElementById('modal-title');\n const modalStatusBtn = document.getElementById('modal-status-btn');\n const statusModal = document.getElementById('status-modal');\n const statusIframe = document.getElementById('status-iframe');\n const statusTitleDisplay = document.getElementById('status-title-display');\n const statusLoading = document.getElementById('status-loading');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.1 });\n\n \/\/ --- Functions ---\n function createProductCard(item) {\n const card = document.createElement('div');\n card.className = 'product-card reveal group';\n card.innerHTML = `\n <div class=\"aspect-[2\/3] overflow-hidden bg-white mb-4 md:mb-6 shadow-sm rounded-sm relative\" onclick=\"openModal('${item.img}', '${item.name}', '${item.statusUrl}', '${item.desc}')\">\n <img decoding=\"async\" src=\"${item.img}\" \n alt=\"${item.name}\" \n class=\"w-full h-full object-cover\"\n loading=\"lazy\"\n onerror=\"this.src='https:\/\/via.placeholder.com\/600x900?text=${item.id}'\">\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center\">\n <div class=\"bg-white\/90 backdrop-blur-md px-3 py-2 text-[8px] md:text-[10px] tracking-widest text-gray-800 font-bold uppercase shadow-sm\">VIEW ZOOM<\/div>\n <\/div>\n <\/div>\n <div class=\"text-left\">\n <h4 class=\"text-[10px] md:text-sm font-bold tracking-widest mb-1 text-platinum-gold uppercase\">${item.name}<\/h4>\n <p class=\"text-[8px] md:text-[10px] text-gray-500 tracking-tighter mb-2\">${item.desc}<\/p>\n <p class=\"text-[10px] md:text-sm font-medium text-gray-900 tracking-tight mb-3\">Rental: 55,000 JPY (incl. tax)<\/p>\n \n <div class=\"pt-2 md:pt-3 border-t border-gray-100\">\n <p class=\"text-[7px] md:text-[8px] font-bold text-gray-300 tracking-widest mb-2 uppercase italic\">Reservation Status<\/p>\n <button onclick=\"openStatusModal('${item.statusUrl}', '${item.name}')\" \n class=\"text-[8px] md:text-xs font-bold text-platinum-gold flex items-center hover:text-black transition-colors\">\n <svg class=\"w-3 h-3 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\"><\/path><\/svg>\n View Availability\n <\/button>\n <\/div>\n <\/div>\n `;\n return card;\n }\n\n function initCatalog() {\n const shirokaneGrid = document.getElementById('catalog-grid-shirokane');\n const ensoGrid = document.getElementById('catalog-grid-enso');\n \n ensoItems.forEach(item => {\n const card = createProductCard(item);\n ensoGrid.appendChild(card);\n observer.observe(card);\n });\n\n shirokaneItems.forEach(item => {\n const card = createProductCard(item);\n shirokaneGrid.appendChild(card);\n observer.observe(card);\n });\n }\n\n function openModal(imgUrl, name, statusUrl, desc) {\n modalImg.src = imgUrl;\n modalItemName.innerText = name;\n modalItemDesc.innerText = desc;\n modalTitle.innerText = name + ' - Zoom View';\n modalStatusBtn.onclick = (e) => {\n e.stopPropagation();\n openStatusModal(statusUrl, name);\n };\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('show');\n document.body.style.overflow = '';\n }\n\n function openStatusModal(url, name) {\n statusLoading.style.display = 'flex';\n statusTitleDisplay.innerText = name + ' - Status Check';\n statusIframe.src = url;\n statusModal.classList.add('show');\n document.body.style.overflow = 'hidden';\n statusIframe.onload = () => { statusLoading.style.display = 'none'; };\n }\n\n function closeStatusModal() {\n statusModal.classList.remove('show');\n statusIframe.src = '';\n if(!modal.classList.contains('show')) document.body.style.overflow = '';\n }\n\n \/\/ --- Event Listeners ---\n window.addEventListener('DOMContentLoaded', () => {\n initCatalog();\n \n const slides = document.querySelectorAll('.slider-item');\n let currentSlide = 0;\n setInterval(() => {\n slides[currentSlide].classList.remove('active');\n currentSlide = (currentSlide + 1) % slides.length;\n slides[currentSlide].classList.add('active');\n }, 6000);\n\n window.addEventListener('scroll', () => {\n const header = document.querySelector('header');\n if (window.scrollY > 20) header.classList.add('py-1', 'shadow-sm');\n else header.classList.remove('py-1', 'shadow-sm');\n });\n\n setTimeout(() => {\n document.querySelectorAll('.reveal').forEach(el => el.classList.add('active'));\n }, 500);\n });\n\n modal.addEventListener('click', (e) => {\n if (e.target.id === 'image-modal' || e.target.classList.contains('flex-col')) closeModal();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"Furisode Web Catalog – ENSO & SHIROKANE Furisode Collection | Walin Special Selection ENSO & S […]","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-11039","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039","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=11039"}],"version-history":[{"count":1,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039\/revisions"}],"predecessor-version":[{"id":11040,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11039\/revisions\/11040"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}