\u767d\u91d1\u30b7\u30ea\u30fc\u30ba – \u632f\u8896WEB\u30ab\u30bf\u30ed\u30b0<\/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 html {\n height: auto;\n scroll-behavior: smooth;\n }\n body {\n font-family: 'Noto Serif JP', serif;\n color: #333;\n background-color: #fff;\n margin: 0;\n padding: 0;\n min-height: 100%;\n height: auto;\n -webkit-text-size-adjust: 100%;\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden; \/* body\u30bf\u30b0\u304b\u3089CSS\u3078\u79fb\u52d5 *\/\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 \/* \u30d2\u30fc\u30ed\u30fc\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\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 \/* \u30b9\u30e9\u30a4\u30c0\u30fc *\/\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 \/* \u5546\u54c1\u30ab\u30fc\u30c9 *\/\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 \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\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 \/* \u30e2\u30fc\u30c0\u30eb *\/\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 \/* Google \u30b5\u30a4\u30c8\u57cb\u3081\u8fbc\u307f\u6642\u306e\u9ad8\u3055\u5236\u5fa1 *\/\n .hero-container {\n height: 400px; \n }\n @media (min-width: 768px) {\n .hero-container {\n height: 600px;\n }\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\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 <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\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<\/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=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_3.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_5.jpg\" alt=\"\" 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-10 md:pb-20 z-10 px-4 text-center\">\n <p class=\"text-[9px] md:text-xs tracking-[0.4em] mb-2 text-gray-500 font-serif-en uppercase opacity-0 animate-[fadeIn_1s_ease_0.5s_forwards]\">Premium Selection<\/p>\n <h2 class=\"text-xl md:text-5xl font-bold mb-3 text-platinum-gold tracking-tight opacity-0 animate-[fadeIn_1s_ease_0.8s_forwards]\">\u767d\u91d1\u30b7\u30ea\u30fc\u30ba<\/h2>\n <div class=\"w-8 h-[1px] bg-platinum-gold mb-4 opacity-0 animate-[fadeIn_1s_ease_1.1s_forwards]\"><\/div>\n <p class=\"text-[10px] md:text-xl text-gray-700 tracking-[0.2em] font-light italic opacity-0 animate-[fadeIn_1s_ease_1.4s_forwards]\">\u6975\u4e0a\u306e\u83ef\u3084\u304e\u3092\u307e\u3068\u3046<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"concept\" 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\">\n <span class=\"text-xs tracking-[0.3em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">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 \u6642\u3092\u8d85\u3048\u3066\u611b\u3055\u308c\u308b\u3001\u4f1d\u7d71\u3068\u9769\u65b0\u306e\u8abf\u548c\u3002\n <\/h3>\n <p>\u767d\u91d1\u632f\u8896\u306f\u3001\u91d1\u5f69\u30fb\u9280\u5f69\u53cb\u7985\u306e\u6280\u6cd5\u3092\u8d05\u6ca2\u306b\u3042\u3057\u3089\u3063\u305f\u6700\u4e0a\u7d1a\u30b7\u30ea\u30fc\u30ba\u3067\u3059\u3002<\/p>\n <p>\u624b\u63cf\u304d\u53cb\u7985\u306e\u7e4a\u7d30\u306a\u7b46\u81f4\u306b\u3001\u714c\u3073\u3084\u304b\u306a\u91d1\u9280\u306e\u8f1d\u304d\u304c\u8abf\u548c\u3002<br>\u6210\u4eba\u5f0f\u3068\u3044\u3046\u4e00\u751f\u306b\u4e00\u5ea6\u306e\u821e\u53f0\u306b\u3001\u6bd4\u985e\u306a\u304d\u54c1\u683c\u3092\u6dfb\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"catalog\" class=\"bg-gray-50 py-12 md:py-24 px-4\">\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\">Catalog<\/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 <p class=\"text-[8px] md:text-[9px] text-gray-400 font-sans tracking-[0.2em] uppercase mb-1\">Total 10 Items<\/p>\n <\/div>\n\n \n <div id=\"catalog-grid\" 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\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\">\u3054\u8a66\u7740\u30fb\u304a\u554f\u5408\u305b<\/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 \u30b3\u30fc\u30c7\u30a3\u30cd\u30fc\u30c8\u306e\u3054\u76f8\u8ac7\u3084\u7a7a\u304d\u72b6\u6cc1\u306e\u78ba\u8a8d\u306f\u3001<br>\u516c\u5f0fLINE\u306b\u3066\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u4e01\u5be7\u306b\u304a\u7b54\u3048\u3044\u305f\u3057\u307e\u3059\u3002\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>\u516c\u5f0fLINE\u3067\u304a\u554f\u5408\u305b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white py-12 md:py-16 text-center border-t border-gray-50 mb-10\">\n <p class=\"text-gray-400 text-[8px] md:text-[9px] tracking-[0.4em] uppercase\">© 2024 Furisode Rental Suzuka Higashi Hiroshima<\/p>\n <\/footer>\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 \u4e00\u89a7\u306b\u623b\u308b\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=\"[\u62e1\u5927\u753b\u50cf]\" 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 class=\"text-gray-500 text-[10px] md:text-sm tracking-widest mb-5\">\u7d20\u6750\uff1a\u6b63\u7d79\u3000\u5bfe\u5fdc\u8eab\u9577175\uff43\uff4d\u3000\u30d2\u30c3\u30d7110\uff43\uff4d<\/p>\n <p class=\"text-base md:text-xl font-medium text-gray-900 mb-8\">\u30ec\u30f3\u30bf\u30eb\u4fa1\u683c\u300055,000\u5186\uff08\u7a0e\u8fbc\uff09<\/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 \u3053\u306e\u5546\u54c1\u306e\u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\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 \u623b\u308b\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\">\u7a7a\u304d\u72b6\u6cc1\u78ba\u8a8d<\/h3>\n <p class=\"text-[7px] md:text-[9px] text-red-500 mt-1 font-medium\">\u203b \u3054\u4e88\u7d04\u72b6\u6cc1 ( \u76ee\u5b89\u306b\u306a\u308a\u307e\u3059 ) \u306f\u968f\u6642\u5909\u52d5\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/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\" target=\"_blank\"><\/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 \/\/ \u5546\u54c1\u30c7\u30fc\u30bf\n const catalogItems = [];\n for (let i = 153; i >= 144; i--) {\n catalogItems.push({\n num: i,\n name: `\u5546\u54c1\u756a\u53f7 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 });\n }\n\n const catalogGrid = document.getElementById('catalog-grid');\n const modal = document.getElementById('image-modal');\n const modalImg = document.getElementById('modal-img');\n const modalItemName = document.getElementById('modal-item-name');\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 function initCatalog() {\n catalogGrid.innerHTML = '';\n catalogItems.forEach(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}')\">\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=fu.${item.num}'\">\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\">\u7d20\u6750\uff1a\u6b63\u7d79\u3000\u5bfe\u5fdc\u8eab\u9577175\uff43\uff4d\u3000\u30d2\u30c3\u30d7110\uff43\uff4d<\/p>\n <p class=\"text-[10px] md:text-sm font-medium text-gray-900 tracking-tight mb-3\">\u30ec\u30f3\u30bf\u30eb\u4fa1\u683c\u300055,000\u5186\uff08\u7a0e\u8fbc\uff09<\/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-gray-800 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 \u4e88\u7d04\u72b6\u6cc1\uff08\u76ee\u5b89\uff09\u3092\u8868\u793a\n <\/button>\n <\/div>\n <\/div>\n `;\n catalogGrid.appendChild(card);\n observer.observe(card);\n });\n }\n\n function openModal(imgUrl, name, statusUrl) {\n modalImg.src = imgUrl;\n modalItemName.innerText = name;\n modalTitle.innerText = name + ' - \u62e1\u5927\u8868\u793a';\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 + ' - \u7a7a\u304d\u72b6\u6cc1\u78ba\u8a8d';\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 window.addEventListener('DOMContentLoaded', () => {\n initCatalog();\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\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\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":"\u767d\u91d1\u30b7\u30ea\u30fc\u30ba – \u632f\u8896WEB\u30ab\u30bf\u30ed\u30b0 Furisode Collection Premium Selection \u767d\u91d1\u30b7\u30ea\u30fc\u30ba \u6975\u4e0a\u306e\u83ef\u3084\u304e\u3092\u307e\u3068\u3046 Concept \u6642\u3092\u8d85\u3048\u3066\u611b\u3055\u308c\u308b\u3001\u4f1d\u7d71\u3068\u9769\u65b0\u306e\u8abf\u548c\u3002 \u767d […]","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-10966","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966","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=10966"}],"version-history":[{"count":13,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966\/revisions"}],"predecessor-version":[{"id":10981,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966\/revisions\/10981"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=10966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=10966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=10966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10966,"date":"2026-02-23T16:08:43","date_gmt":"2026-02-23T16:08:43","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=10966"},"modified":"2026-03-02T14:40:25","modified_gmt":"2026-03-02T14:40:25","slug":"10966-2","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/10966-2\/","title":{"rendered":"\u767d\u91d1\u30b7\u30ea\u30fc\u30bavol.1-1"},"content":{"rendered":"\n\n\n\n \n \n \u767d\u91d1\u30b7\u30ea\u30fc\u30ba – \u632f\u8896WEB\u30ab\u30bf\u30ed\u30b0<\/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 html {\n height: auto;\n scroll-behavior: smooth;\n }\n body {\n font-family: 'Noto Serif JP', serif;\n color: #333;\n background-color: #fff;\n margin: 0;\n padding: 0;\n min-height: 100%;\n height: auto;\n -webkit-text-size-adjust: 100%;\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden; \/* body\u30bf\u30b0\u304b\u3089CSS\u3078\u79fb\u52d5 *\/\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 \/* \u30d2\u30fc\u30ed\u30fc\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\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 \/* \u30b9\u30e9\u30a4\u30c0\u30fc *\/\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 \/* \u5546\u54c1\u30ab\u30fc\u30c9 *\/\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 \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\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 \/* \u30e2\u30fc\u30c0\u30eb *\/\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 \/* Google \u30b5\u30a4\u30c8\u57cb\u3081\u8fbc\u307f\u6642\u306e\u9ad8\u3055\u5236\u5fa1 *\/\n .hero-container {\n height: 400px; \n }\n @media (min-width: 768px) {\n .hero-container {\n height: 600px;\n }\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\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 <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\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<\/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=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_3.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" src=\"https:\/\/luxury.walin.jp\/wp-content\/uploads\/2025\/03\/luxuy_furisode_5.jpg\" alt=\"\" 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-10 md:pb-20 z-10 px-4 text-center\">\n <p class=\"text-[9px] md:text-xs tracking-[0.4em] mb-2 text-gray-500 font-serif-en uppercase opacity-0 animate-[fadeIn_1s_ease_0.5s_forwards]\">Premium Selection<\/p>\n <h2 class=\"text-xl md:text-5xl font-bold mb-3 text-platinum-gold tracking-tight opacity-0 animate-[fadeIn_1s_ease_0.8s_forwards]\">\u767d\u91d1\u30b7\u30ea\u30fc\u30ba<\/h2>\n <div class=\"w-8 h-[1px] bg-platinum-gold mb-4 opacity-0 animate-[fadeIn_1s_ease_1.1s_forwards]\"><\/div>\n <p class=\"text-[10px] md:text-xl text-gray-700 tracking-[0.2em] font-light italic opacity-0 animate-[fadeIn_1s_ease_1.4s_forwards]\">\u6975\u4e0a\u306e\u83ef\u3084\u304e\u3092\u307e\u3068\u3046<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"concept\" 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\">\n <span class=\"text-xs tracking-[0.3em] text-platinum-gold font-serif-en border-b border-platinum-gold pb-2 uppercase\">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 \u6642\u3092\u8d85\u3048\u3066\u611b\u3055\u308c\u308b\u3001\u4f1d\u7d71\u3068\u9769\u65b0\u306e\u8abf\u548c\u3002\n <\/h3>\n <p>\u767d\u91d1\u632f\u8896\u306f\u3001\u91d1\u5f69\u30fb\u9280\u5f69\u53cb\u7985\u306e\u6280\u6cd5\u3092\u8d05\u6ca2\u306b\u3042\u3057\u3089\u3063\u305f\u6700\u4e0a\u7d1a\u30b7\u30ea\u30fc\u30ba\u3067\u3059\u3002<\/p>\n <p>\u624b\u63cf\u304d\u53cb\u7985\u306e\u7e4a\u7d30\u306a\u7b46\u81f4\u306b\u3001\u714c\u3073\u3084\u304b\u306a\u91d1\u9280\u306e\u8f1d\u304d\u304c\u8abf\u548c\u3002<br>\u6210\u4eba\u5f0f\u3068\u3044\u3046\u4e00\u751f\u306b\u4e00\u5ea6\u306e\u821e\u53f0\u306b\u3001\u6bd4\u985e\u306a\u304d\u54c1\u683c\u3092\u6dfb\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"catalog\" class=\"bg-gray-50 py-12 md:py-24 px-4\">\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\">Catalog<\/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 <p class=\"text-[8px] md:text-[9px] text-gray-400 font-sans tracking-[0.2em] uppercase mb-1\">Total 10 Items<\/p>\n <\/div>\n\n \n <div id=\"catalog-grid\" 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\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\">\u3054\u8a66\u7740\u30fb\u304a\u554f\u5408\u305b<\/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 \u30b3\u30fc\u30c7\u30a3\u30cd\u30fc\u30c8\u306e\u3054\u76f8\u8ac7\u3084\u7a7a\u304d\u72b6\u6cc1\u306e\u78ba\u8a8d\u306f\u3001<br>\u516c\u5f0fLINE\u306b\u3066\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u4e01\u5be7\u306b\u304a\u7b54\u3048\u3044\u305f\u3057\u307e\u3059\u3002\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>\u516c\u5f0fLINE\u3067\u304a\u554f\u5408\u305b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white py-12 md:py-16 text-center border-t border-gray-50 mb-10\">\n <p class=\"text-gray-400 text-[8px] md:text-[9px] tracking-[0.4em] uppercase\">© 2024 Furisode Rental Suzuka Higashi Hiroshima<\/p>\n <\/footer>\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 \u4e00\u89a7\u306b\u623b\u308b\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=\"[\u62e1\u5927\u753b\u50cf]\" 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 class=\"text-gray-500 text-[10px] md:text-sm tracking-widest mb-5\">\u7d20\u6750\uff1a\u6b63\u7d79\u3000\u5bfe\u5fdc\u8eab\u9577175\uff43\uff4d\u3000\u30d2\u30c3\u30d7110\uff43\uff4d<\/p>\n <p class=\"text-base md:text-xl font-medium text-gray-900 mb-8\">\u30ec\u30f3\u30bf\u30eb\u4fa1\u683c\u300055,000\u5186\uff08\u7a0e\u8fbc\uff09<\/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 \u3053\u306e\u5546\u54c1\u306e\u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\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 \u623b\u308b\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\">\u7a7a\u304d\u72b6\u6cc1\u78ba\u8a8d<\/h3>\n <p class=\"text-[7px] md:text-[9px] text-red-500 mt-1 font-medium\">\u203b \u3054\u4e88\u7d04\u72b6\u6cc1 ( \u76ee\u5b89\u306b\u306a\u308a\u307e\u3059 ) \u306f\u968f\u6642\u5909\u52d5\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/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\" target=\"_blank\"><\/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 \/\/ \u5546\u54c1\u30c7\u30fc\u30bf\n const catalogItems = [];\n for (let i = 153; i >= 144; i--) {\n catalogItems.push({\n num: i,\n name: `\u5546\u54c1\u756a\u53f7 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 });\n }\n\n const catalogGrid = document.getElementById('catalog-grid');\n const modal = document.getElementById('image-modal');\n const modalImg = document.getElementById('modal-img');\n const modalItemName = document.getElementById('modal-item-name');\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 function initCatalog() {\n catalogGrid.innerHTML = '';\n catalogItems.forEach(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}')\">\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=fu.${item.num}'\">\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\">\u7d20\u6750\uff1a\u6b63\u7d79\u3000\u5bfe\u5fdc\u8eab\u9577175\uff43\uff4d\u3000\u30d2\u30c3\u30d7110\uff43\uff4d<\/p>\n <p class=\"text-[10px] md:text-sm font-medium text-gray-900 tracking-tight mb-3\">\u30ec\u30f3\u30bf\u30eb\u4fa1\u683c\u300055,000\u5186\uff08\u7a0e\u8fbc\uff09<\/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-gray-800 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 \u4e88\u7d04\u72b6\u6cc1\uff08\u76ee\u5b89\uff09\u3092\u8868\u793a\n <\/button>\n <\/div>\n <\/div>\n `;\n catalogGrid.appendChild(card);\n observer.observe(card);\n });\n }\n\n function openModal(imgUrl, name, statusUrl) {\n modalImg.src = imgUrl;\n modalItemName.innerText = name;\n modalTitle.innerText = name + ' - \u62e1\u5927\u8868\u793a';\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 + ' - \u7a7a\u304d\u72b6\u6cc1\u78ba\u8a8d';\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 window.addEventListener('DOMContentLoaded', () => {\n initCatalog();\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\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\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":"\u767d\u91d1\u30b7\u30ea\u30fc\u30ba – \u632f\u8896WEB\u30ab\u30bf\u30ed\u30b0 Furisode Collection Premium Selection \u767d\u91d1\u30b7\u30ea\u30fc\u30ba \u6975\u4e0a\u306e\u83ef\u3084\u304e\u3092\u307e\u3068\u3046 Concept \u6642\u3092\u8d85\u3048\u3066\u611b\u3055\u308c\u308b\u3001\u4f1d\u7d71\u3068\u9769\u65b0\u306e\u8abf\u548c\u3002 \u767d […]","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-10966","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966","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=10966"}],"version-history":[{"count":13,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966\/revisions"}],"predecessor-version":[{"id":10981,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/10966\/revisions\/10981"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=10966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=10966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=10966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}