\u85e4\u5a18\u304d\u306c\u305f\u3084 \u7279\u5225\u7d5e\u308a\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u7e8f\u3046\u3001\u65e5\u672c\u306e\u6700\u9ad8\u5cf0<\/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@200;300;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --brand-gold: #B89B72; \/* \u843d\u3061\u7740\u3044\u305f\u30b7\u30e3\u30f3\u30d1\u30f3\u30b4\u30fc\u30eb\u30c9 *\/\n --brand-black: #0F0F0F;\n --brand-bg: #F7F5F2; \/* \u548c\u7d19\u306e\u3088\u3046\u306a\u30cb\u30e5\u30a2\u30f3\u30b9\u306e\u3042\u308b\u751f\u6210\u308a *\/\n }\n body {\n font-family: 'Noto Serif JP', serif;\n background-color: var(--brand-bg);\n color: var(--brand-black);\n overflow-x: hidden;\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u7e26\u66f8\u304d\u306e\u7f8e\u5b66 *\/\n .vertical-text {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n letter-spacing: 0.5em;\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .reveal {\n opacity: 0;\n filter: blur(10px);\n transform: translateY(30px);\n transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .reveal.visible {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n }\n\n \/* \u88c5\u98fe\u80cc\u666f\u6587\u5b57 *\/\n .bg-text-deco {\n position: absolute;\n font-size: 15vw;\n font-weight: 700;\n color: rgba(184, 155, 114, 0.03);\n white-space: nowrap;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n }\n\n \/* \u9ad8\u7d1a\u611f\u306e\u3042\u308b\u30dc\u30bf\u30f3\u30b9\u30bf\u30a4\u30eb *\/\n .btn-luxury {\n position: relative;\n display: inline-block;\n padding: 1.5rem 4rem;\n color: white;\n background: var(--brand-black);\n letter-spacing: 0.3em;\n transition: all 0.5s ease;\n overflow: hidden;\n text-decoration: none;\n }\n .btn-luxury::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: all 0.6s ease;\n }\n .btn-luxury:hover::before {\n left: 100%;\n }\n .btn-luxury:hover {\n letter-spacing: 0.4em;\n background: #2a2a2a;\n }\n\n \/* \u753b\u50cf\u30a8\u30ea\u30a2\u306e\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\n .image-container {\n position: relative;\n overflow: hidden;\n }\n .image-container::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.1));\n }\n\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: var(--brand-bg); }\n ::-webkit-scrollbar-thumb { background: var(--brand-gold); }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"fixed w-full z-50 px-8 py-6 flex justify-end items-baseline mix-blend-difference text-white\">\n <nav class=\"hidden md:flex gap-12 text-[10px] tracking-[0.3em] uppercase opacity-70\">\n <a href=\"#concept\" class=\"hover:opacity-100 transition-opacity\">Concept<\/a>\n <a href=\"#lineup\" class=\"hover:opacity-100 transition-opacity\">Lineup<\/a>\n <a href=\"#reserve\" class=\"hover:opacity-100 transition-opacity\">Reserve<\/a>\n <\/nav>\n <\/header>\n\n \n <section class=\"relative h-screen w-full flex items-center justify-center bg-black overflow-hidden\">\n <div class=\"absolute inset-0 z-0 scale-110\">\n \n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/kinutaya_lp\/gihou_2.jpg\" alt=\"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u6280\u6cd5\" class=\"w-full h-full object-cover opacity-60\" loading=\"eager\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/50 via-black\/20 to-transparent\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 w-full max-w-7xl mx-auto px-6 grid grid-cols-12 items-center\">\n <div class=\"col-start-1 col-span-12 md:col-start-2 md:col-span-5\">\n <h1 class=\"vertical-text text-4xl md:text-7xl font-light text-white leading-relaxed drop-shadow-2xl\">\n \u305d\u306e\u4e00\u7740\u306f\u3001<br>\n \u7f8e\u610f\u8b58\u3092<br>\n \u6620\u3057\u51fa\u3059\u3002\n <\/h1>\n <\/div>\n <div class=\"absolute right-10 bottom-20 md:static md:col-start-8 md:col-span-4 text-white\">\n <div class=\"reveal visible\">\n <p class=\"text-xs tracking-[0.5em] mb-4 opacity-70 uppercase\">Special Rental Edition<\/p>\n <p class=\"text-lg md:text-xl font-extralight tracking-widest leading-loose\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084<br>\n \u7d5e\u308a\u6d74\u8863\u3068\u3044\u3046\u8d05\u6ca2\u3002\n <\/p>\n <div class=\"w-20 h-[1px] my-8 bg-white\/50\"><\/div>\n <p class=\"text-[10px] md:text-xs tracking-[0.2em] opacity-80 leading-relaxed font-light\">\n \u91cf\u7523\u54c1\u3067\u306f\u8fbf\u308a\u7740\u3051\u306a\u3044\u3001<br>\n \u624b\u4ed5\u4e8b\u3060\u3051\u304c\u6210\u3057\u5f97\u308b\u7acb\u4f53\u7f8e\u3002<br>\n \u3053\u306e\u590f\u3001\u5927\u4eba\u306e\u54c1\u683c\u3092\u7e8f\u3046\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-4\">\n <span class=\"text-[9px] tracking-[0.4em] text-white\/60 uppercase font-light\">Scroll Down<\/span>\n <div class=\"w-[1px] h-20 bg-gradient-to-b from-white\/60 to-transparent\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"concept\" class=\"relative py-40 overflow-hidden\">\n <div class=\"bg-text-deco top-20 -left-20\">HERITAGE<\/div>\n <div class=\"max-w-4xl mx-auto px-8 relative z-10\">\n <div class=\"flex flex-col items-center text-center\">\n <h2 class=\"text-xs tracking-[0.6em] text-gold mb-16 uppercase font-medium\">\u85e4\u5a18\u304d\u306c\u305f\u3084\u306b\u3064\u3044\u3066<\/h2>\n <div class=\"reveal\">\n <p class=\"text-lg md:text-2xl font-light leading-[2.8] mb-12\">\n \u65e5\u672c\u306e\u4f1d\u7d71\u6280\u6cd5\u300c\u7d5e\u308a\u67d3\u3081\u300d\u3092\u6975\u3081\u3001<br>\n \u552f\u4e00\u7121\u4e8c\u306e\u7f8e\u3057\u3055\u3092\u8ffd\u6c42\u3057\u3066\u304d\u305f\u540d\u9580\u30d6\u30e9\u30f3\u30c9\u3002\n <\/p>\n <p class=\"text-sm md:text-base font-light leading-[2.5] text-neutral-600 max-w-2xl mx-auto\">\n \u4e00\u7c92\u4e00\u7c92\u3001\u8077\u4eba\u306e\u624b\u306b\u3088\u3063\u3066\u62ec\u3089\u308c\u305f\u5e03\u304c\u63cf\u304d\u51fa\u3059\u306e\u306f\u3001<br class=\"hidden md:block\">\n \u30d7\u30ea\u30f3\u30c8\u3067\u306f\u6c7a\u3057\u3066\u8868\u73fe\u3067\u304d\u306a\u3044\u300c\u5149\u3068\u5f71\u306e\u5965\u884c\u304d\u300d\u3002<br><br>\n \u7e4a\u7d30\u306a\u7acb\u4f53\u611f\u3001\u4e0a\u8cea\u306a\u83ef\u3084\u304b\u3055\u3001\u305d\u3057\u3066\u7e8f\u3046\u3060\u3051\u3067\u4f1d\u308f\u308b\u54c1\u683c\u3002<br>\n \u305d\u308c\u306f\u3001\u898b\u308b\u8005\u306e\u76ee\u3092\u596a\u3044\u3001\u7740\u308b\u8005\u306e\u5fc3\u3092\u6574\u3048\u308b\u3002<br>\n \u7279\u5225\u306a\u590f\u306e\u4e00\u65e5\u3001\u672c\u7269\u306e\u624b\u4ed5\u4e8b\u3092\u305d\u306e\u8eab\u306b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white py-32\">\n <div class=\"max-w-7xl mx-auto px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-24 items-center\">\n <div class=\"order-2 md:order-1 image-container reveal\">\n \n <div class=\"aspect-[4\/5] bg-neutral-100 flex items-center justify-center overflow-hidden shadow-sm\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/kinutaya_lp\/shibori_3.jpg\" alt=\"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u306e\u8cea\u611f\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-105\" onerror=\"this.style.display='none'\">\n <\/div>\n <\/div>\n <div class=\"order-1 md:order-2 space-y-12\">\n <h2 class=\"text-2xl md:text-3xl font-light tracking-[0.3em] leading-snug\">\n \u808c\u3092\u7f8e\u3057\u304f\u9b45\u305b\u308b\u3001<br>\n \u51f9\u51f8\u306e\u9b54\u6cd5\u3002\n <\/h2>\n <p class=\"text-sm text-neutral-500 leading-[2.4] font-light text-justify\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u306e\u300c\u7d5e\u308a\u300d\u306e\u6700\u5927\u306e\u7279\u5fb4\u306f\u3001\u305d\u306e\u751f\u5730\u306e\u7acb\u4f53\u611f\u306b\u3042\u308a\u307e\u3059\u3002<br>\n \u719f\u7df4\u306e\u8077\u4eba\u304c\u751f\u5730\u3092\u62ec\u308a\u3001\u67d3\u3081\u4e0a\u3052\u308b\u3053\u3068\u3067\u751f\u307e\u308c\u308b\u72ec\u7279\u306e\u51f9\u51f8\u3002\u3053\u308c\u304c\u5149\u3092\u4e71\u53cd\u5c04\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u9854\u5468\u308a\u3092\u660e\u308b\u304f\u3001\u808c\u3092\u3088\u308a\u304d\u3081\u7d30\u3084\u304b\u306b\u6f14\u51fa\u3057\u307e\u3059\u3002<br><br>\n \u307e\u305f\u3001\u751f\u5730\u304c\u808c\u306b\u89e6\u308c\u308b\u9762\u7a4d\u304c\u5c11\u306a\u304f\u306a\u308b\u305f\u3081\u3001\u771f\u590f\u3067\u3082\u9a5a\u304f\u307b\u3069\u6dbc\u3084\u304b\u3002\u7e8f\u3046\u3060\u3051\u3067\u80cc\u7b4b\u304c\u4f38\u3073\u308b\u3088\u3046\u306a\u3001\u51db\u3068\u3057\u305f\u4f47\u307e\u3044\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"pt-8 border-t border-neutral-100\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-1.5 h-1.5 rounded-full bg-gold\"><\/div>\n <span class=\"text-[11px] tracking-[0.2em] uppercase font-bold text-gold\">Craftsmanship<\/span>\n <\/div>\n <p class=\"mt-4 text-xs font-light leading-relaxed text-neutral-400\">\n \u4e00\u5207\u306e\u59a5\u5354\u3092\u8a31\u3055\u306a\u3044\u624b\u4ed5\u4e8b\u3002\u91cf\u7523\u54c1\u306b\u306f\u6c7a\u3057\u3066\u51fa\u305b\u306a\u3044\u3001<br>\n \u672c\u7269\u3060\u3051\u304c\u6301\u3064\u5b58\u5728\u611f\u3092\u305d\u306e\u624b\u306b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"lineup\" class=\"py-40 bg-[#121212] text-white\">\n <div class=\"max-w-7xl mx-auto px-8\">\n <div class=\"mb-24 text-center\">\n <h2 class=\"text-xs tracking-[0.8em] text-gold mb-6 uppercase\">Selected Collection<\/h2>\n <p class=\"text-2xl font-extralight tracking-[0.2em]\">\u51686\u70b9\u3001\u9650\u5b9a\u306e\u82b8\u8853\u4f5c\u54c1<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-12 gap-y-32\">\n \n <div class=\"reveal group\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"No.kn-1\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-1'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-1<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"No.kn-2\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-2'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-2<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"No.kn-3\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-3'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-3<\/h3>\n <\/div>\n <\/div>\n \n \n <div class=\"reveal group\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"No.kn-4\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-4'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-4<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"No.kn-5\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-5'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-5<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-6.jpg\" alt=\"No.kn-6\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-6'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-6<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-48 bg-white relative overflow-hidden text-center\">\n <div class=\"absolute top-0 right-0 opacity-5 pointer-events-none\">\n <h2 class=\"text-[30vw] font-bold leading-none select-none translate-x-1\/4 text-neutral-100\">GOLD<\/h2>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-8 relative z-10\">\n <h2 class=\"text-xs tracking-[0.6em] text-gold mb-20 uppercase font-medium\">Plan Detail<\/h2>\n <div class=\"reveal\">\n <p class=\"text-[11px] tracking-[0.5em] text-neutral-400 mb-6 uppercase font-medium\">Kinutaya Shibori Rental Plan<\/p>\n <div class=\"inline-block relative\">\n <p class=\"text-5xl md:text-7xl font-extralight tracking-widest mb-10\">\u00a59,790 <span class=\"text-sm font-light tracking-normal opacity-50\">(tax inc.)<\/span><\/p>\n <div class=\"absolute -right-12 top-0 vertical-text text-[10px] tracking-[0.3em] text-gold border-r border-gold\/30 pr-2\">\u9650\u5b9a\u516d\u7740<\/div>\n <\/div>\n <p class=\"text-xs md:text-sm font-light text-neutral-500 leading-[2.8] tracking-widest max-w-lg mx-auto\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u7d5e\u308a\u6d74\u8863 \/ \u5e2f \/ \u4e0b\u99c4 \/ \u808c\u7740<br>\n \u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051 \/ \u5c0f\u7269\u4e00\u5f0f<br>\n <span class=\"text-[10px] opacity-70 font-light\">\u203b\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981\u3067\u3054\u8fd4\u5374\u3044\u305f\u3060\u3051\u307e\u3059<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reserve\" class=\"relative py-48 bg-[#F0EEEA] flex flex-col items-center\">\n <div class=\"bg-text-deco bottom-0 right-0\">RESERVE<\/div>\n <div class=\"max-w-3xl mx-auto px-8 text-center relative z-10\">\n <h2 class=\"text-2xl md:text-4xl font-light tracking-[0.4em] leading-relaxed mb-12\">\n \u3053\u306e\u590f\u3001\u672c\u7269\u3060\u3051\u304c<br>\n \u77e5\u308b\u60a6\u3073\u3092\u3002\n <\/h2>\n <p class=\"text-sm font-light text-neutral-500 mb-16 tracking-widest leading-loose\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u306e\u7d5e\u308a\u6d74\u8863\u306f\u3001\u4e00\u65e5\u306b\u304a\u8cb8\u3057\u51fa\u3057\u3067\u304d\u308b\u6570\u306b\u9650\u308a\u304c\u3054\u3056\u3044\u307e\u3059\u3002<br>\n \u7279\u5225\u306a\u65e5\u306e\u304a\u51fa\u304b\u3051\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u3001\u304a\u65e9\u3081\u306e\u3054\u4e88\u7d04\u3092\u304a\u52e7\u3081\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n \n <a href=\"https:\/\/walin.jp\/kimonovoice\/%e6%b5%b4%e8%a1%a3-%e3%81%94%e6%9d%a5%e5%ba%97%e4%ba%88%e7%b4%84\/\" class=\"btn-luxury group shadow-xl\">\n <span class=\"relative z-10\">\u3054\u4e88\u7d04\u306f\u3053\u3061\u3089\u304b\u3089<\/span>\n <\/a>\n \n <div class=\"mt-20 flex flex-col md:flex-row justify-center gap-8 md:gap-16 text-[10px] tracking-[0.4em] text-neutral-400 font-light uppercase\">\n <span>Kyoto Outing<\/span>\n <span>Fireworks<\/span>\n <span>Fine Dining<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-16 bg-white border-t border-neutral-100\">\n <div class=\"max-w-7xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center gap-8\">\n <div class=\"text-xl tracking-[0.5em] font-extralight\">KINUTAYA<\/div>\n <p class=\"text-[9px] tracking-widest opacity-40 uppercase font-light\">\u00a9 Fujimusume Kinutaya Special Rental Collection<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ \u76e3\u8996\u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n document.querySelectorAll('.bg-text-deco').forEach(el => {\n const speed = 0.05;\n el.style.transform = `translateX(${scrolled * speed}px)`;\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u7279\u5225\u7d5e\u308a\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u7e8f\u3046\u3001\u65e5\u672c\u306e\u6700\u9ad8\u5cf0 Concept Lineup Reserve \u305d\u306e\u4e00\u7740\u306f\u3001 \u7f8e\u610f\u8b58\u3092 \u6620\u3057\u51fa\u3059\u3002 Special Rental Edition \u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u6d74\u8863\u3068\u3044\u3046\u8d05\u6ca2 […]","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-11041","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041","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=11041"}],"version-history":[{"count":2,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions"}],"predecessor-version":[{"id":11043,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions\/11043"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11041,"date":"2026-04-28T09:02:02","date_gmt":"2026-04-28T09:02:02","guid":{"rendered":"https:\/\/walin.jp\/kimonovoice\/?p=11041"},"modified":"2026-04-28T09:03:14","modified_gmt":"2026-04-28T09:03:14","slug":"11041-2","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/11041-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \u85e4\u5a18\u304d\u306c\u305f\u3084 \u7279\u5225\u7d5e\u308a\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u7e8f\u3046\u3001\u65e5\u672c\u306e\u6700\u9ad8\u5cf0<\/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@200;300;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --brand-gold: #B89B72; \/* \u843d\u3061\u7740\u3044\u305f\u30b7\u30e3\u30f3\u30d1\u30f3\u30b4\u30fc\u30eb\u30c9 *\/\n --brand-black: #0F0F0F;\n --brand-bg: #F7F5F2; \/* \u548c\u7d19\u306e\u3088\u3046\u306a\u30cb\u30e5\u30a2\u30f3\u30b9\u306e\u3042\u308b\u751f\u6210\u308a *\/\n }\n body {\n font-family: 'Noto Serif JP', serif;\n background-color: var(--brand-bg);\n color: var(--brand-black);\n overflow-x: hidden;\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u7e26\u66f8\u304d\u306e\u7f8e\u5b66 *\/\n .vertical-text {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n letter-spacing: 0.5em;\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .reveal {\n opacity: 0;\n filter: blur(10px);\n transform: translateY(30px);\n transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .reveal.visible {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n }\n\n \/* \u88c5\u98fe\u80cc\u666f\u6587\u5b57 *\/\n .bg-text-deco {\n position: absolute;\n font-size: 15vw;\n font-weight: 700;\n color: rgba(184, 155, 114, 0.03);\n white-space: nowrap;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n }\n\n \/* \u9ad8\u7d1a\u611f\u306e\u3042\u308b\u30dc\u30bf\u30f3\u30b9\u30bf\u30a4\u30eb *\/\n .btn-luxury {\n position: relative;\n display: inline-block;\n padding: 1.5rem 4rem;\n color: white;\n background: var(--brand-black);\n letter-spacing: 0.3em;\n transition: all 0.5s ease;\n overflow: hidden;\n text-decoration: none;\n }\n .btn-luxury::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: all 0.6s ease;\n }\n .btn-luxury:hover::before {\n left: 100%;\n }\n .btn-luxury:hover {\n letter-spacing: 0.4em;\n background: #2a2a2a;\n }\n\n \/* \u753b\u50cf\u30a8\u30ea\u30a2\u306e\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\n .image-container {\n position: relative;\n overflow: hidden;\n }\n .image-container::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.1));\n }\n\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: var(--brand-bg); }\n ::-webkit-scrollbar-thumb { background: var(--brand-gold); }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"fixed w-full z-50 px-8 py-6 flex justify-end items-baseline mix-blend-difference text-white\">\n <nav class=\"hidden md:flex gap-12 text-[10px] tracking-[0.3em] uppercase opacity-70\">\n <a href=\"#concept\" class=\"hover:opacity-100 transition-opacity\">Concept<\/a>\n <a href=\"#lineup\" class=\"hover:opacity-100 transition-opacity\">Lineup<\/a>\n <a href=\"#reserve\" class=\"hover:opacity-100 transition-opacity\">Reserve<\/a>\n <\/nav>\n <\/header>\n\n \n <section class=\"relative h-screen w-full flex items-center justify-center bg-black overflow-hidden\">\n <div class=\"absolute inset-0 z-0 scale-110\">\n \n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/kinutaya_lp\/gihou_2.jpg\" alt=\"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u6280\u6cd5\" class=\"w-full h-full object-cover opacity-60\" loading=\"eager\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/50 via-black\/20 to-transparent\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 w-full max-w-7xl mx-auto px-6 grid grid-cols-12 items-center\">\n <div class=\"col-start-1 col-span-12 md:col-start-2 md:col-span-5\">\n <h1 class=\"vertical-text text-4xl md:text-7xl font-light text-white leading-relaxed drop-shadow-2xl\">\n \u305d\u306e\u4e00\u7740\u306f\u3001<br>\n \u7f8e\u610f\u8b58\u3092<br>\n \u6620\u3057\u51fa\u3059\u3002\n <\/h1>\n <\/div>\n <div class=\"absolute right-10 bottom-20 md:static md:col-start-8 md:col-span-4 text-white\">\n <div class=\"reveal visible\">\n <p class=\"text-xs tracking-[0.5em] mb-4 opacity-70 uppercase\">Special Rental Edition<\/p>\n <p class=\"text-lg md:text-xl font-extralight tracking-widest leading-loose\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084<br>\n \u7d5e\u308a\u6d74\u8863\u3068\u3044\u3046\u8d05\u6ca2\u3002\n <\/p>\n <div class=\"w-20 h-[1px] my-8 bg-white\/50\"><\/div>\n <p class=\"text-[10px] md:text-xs tracking-[0.2em] opacity-80 leading-relaxed font-light\">\n \u91cf\u7523\u54c1\u3067\u306f\u8fbf\u308a\u7740\u3051\u306a\u3044\u3001<br>\n \u624b\u4ed5\u4e8b\u3060\u3051\u304c\u6210\u3057\u5f97\u308b\u7acb\u4f53\u7f8e\u3002<br>\n \u3053\u306e\u590f\u3001\u5927\u4eba\u306e\u54c1\u683c\u3092\u7e8f\u3046\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-4\">\n <span class=\"text-[9px] tracking-[0.4em] text-white\/60 uppercase font-light\">Scroll Down<\/span>\n <div class=\"w-[1px] h-20 bg-gradient-to-b from-white\/60 to-transparent\"><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"concept\" class=\"relative py-40 overflow-hidden\">\n <div class=\"bg-text-deco top-20 -left-20\">HERITAGE<\/div>\n <div class=\"max-w-4xl mx-auto px-8 relative z-10\">\n <div class=\"flex flex-col items-center text-center\">\n <h2 class=\"text-xs tracking-[0.6em] text-gold mb-16 uppercase font-medium\">\u85e4\u5a18\u304d\u306c\u305f\u3084\u306b\u3064\u3044\u3066<\/h2>\n <div class=\"reveal\">\n <p class=\"text-lg md:text-2xl font-light leading-[2.8] mb-12\">\n \u65e5\u672c\u306e\u4f1d\u7d71\u6280\u6cd5\u300c\u7d5e\u308a\u67d3\u3081\u300d\u3092\u6975\u3081\u3001<br>\n \u552f\u4e00\u7121\u4e8c\u306e\u7f8e\u3057\u3055\u3092\u8ffd\u6c42\u3057\u3066\u304d\u305f\u540d\u9580\u30d6\u30e9\u30f3\u30c9\u3002\n <\/p>\n <p class=\"text-sm md:text-base font-light leading-[2.5] text-neutral-600 max-w-2xl mx-auto\">\n \u4e00\u7c92\u4e00\u7c92\u3001\u8077\u4eba\u306e\u624b\u306b\u3088\u3063\u3066\u62ec\u3089\u308c\u305f\u5e03\u304c\u63cf\u304d\u51fa\u3059\u306e\u306f\u3001<br class=\"hidden md:block\">\n \u30d7\u30ea\u30f3\u30c8\u3067\u306f\u6c7a\u3057\u3066\u8868\u73fe\u3067\u304d\u306a\u3044\u300c\u5149\u3068\u5f71\u306e\u5965\u884c\u304d\u300d\u3002<br><br>\n \u7e4a\u7d30\u306a\u7acb\u4f53\u611f\u3001\u4e0a\u8cea\u306a\u83ef\u3084\u304b\u3055\u3001\u305d\u3057\u3066\u7e8f\u3046\u3060\u3051\u3067\u4f1d\u308f\u308b\u54c1\u683c\u3002<br>\n \u305d\u308c\u306f\u3001\u898b\u308b\u8005\u306e\u76ee\u3092\u596a\u3044\u3001\u7740\u308b\u8005\u306e\u5fc3\u3092\u6574\u3048\u308b\u3002<br>\n \u7279\u5225\u306a\u590f\u306e\u4e00\u65e5\u3001\u672c\u7269\u306e\u624b\u4ed5\u4e8b\u3092\u305d\u306e\u8eab\u306b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white py-32\">\n <div class=\"max-w-7xl mx-auto px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-24 items-center\">\n <div class=\"order-2 md:order-1 image-container reveal\">\n \n <div class=\"aspect-[4\/5] bg-neutral-100 flex items-center justify-center overflow-hidden shadow-sm\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/img\/kinutaya_lp\/shibori_3.jpg\" alt=\"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u306e\u8cea\u611f\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-105\" onerror=\"this.style.display='none'\">\n <\/div>\n <\/div>\n <div class=\"order-1 md:order-2 space-y-12\">\n <h2 class=\"text-2xl md:text-3xl font-light tracking-[0.3em] leading-snug\">\n \u808c\u3092\u7f8e\u3057\u304f\u9b45\u305b\u308b\u3001<br>\n \u51f9\u51f8\u306e\u9b54\u6cd5\u3002\n <\/h2>\n <p class=\"text-sm text-neutral-500 leading-[2.4] font-light text-justify\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u306e\u300c\u7d5e\u308a\u300d\u306e\u6700\u5927\u306e\u7279\u5fb4\u306f\u3001\u305d\u306e\u751f\u5730\u306e\u7acb\u4f53\u611f\u306b\u3042\u308a\u307e\u3059\u3002<br>\n \u719f\u7df4\u306e\u8077\u4eba\u304c\u751f\u5730\u3092\u62ec\u308a\u3001\u67d3\u3081\u4e0a\u3052\u308b\u3053\u3068\u3067\u751f\u307e\u308c\u308b\u72ec\u7279\u306e\u51f9\u51f8\u3002\u3053\u308c\u304c\u5149\u3092\u4e71\u53cd\u5c04\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u9854\u5468\u308a\u3092\u660e\u308b\u304f\u3001\u808c\u3092\u3088\u308a\u304d\u3081\u7d30\u3084\u304b\u306b\u6f14\u51fa\u3057\u307e\u3059\u3002<br><br>\n \u307e\u305f\u3001\u751f\u5730\u304c\u808c\u306b\u89e6\u308c\u308b\u9762\u7a4d\u304c\u5c11\u306a\u304f\u306a\u308b\u305f\u3081\u3001\u771f\u590f\u3067\u3082\u9a5a\u304f\u307b\u3069\u6dbc\u3084\u304b\u3002\u7e8f\u3046\u3060\u3051\u3067\u80cc\u7b4b\u304c\u4f38\u3073\u308b\u3088\u3046\u306a\u3001\u51db\u3068\u3057\u305f\u4f47\u307e\u3044\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"pt-8 border-t border-neutral-100\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-1.5 h-1.5 rounded-full bg-gold\"><\/div>\n <span class=\"text-[11px] tracking-[0.2em] uppercase font-bold text-gold\">Craftsmanship<\/span>\n <\/div>\n <p class=\"mt-4 text-xs font-light leading-relaxed text-neutral-400\">\n \u4e00\u5207\u306e\u59a5\u5354\u3092\u8a31\u3055\u306a\u3044\u624b\u4ed5\u4e8b\u3002\u91cf\u7523\u54c1\u306b\u306f\u6c7a\u3057\u3066\u51fa\u305b\u306a\u3044\u3001<br>\n \u672c\u7269\u3060\u3051\u304c\u6301\u3064\u5b58\u5728\u611f\u3092\u305d\u306e\u624b\u306b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"lineup\" class=\"py-40 bg-[#121212] text-white\">\n <div class=\"max-w-7xl mx-auto px-8\">\n <div class=\"mb-24 text-center\">\n <h2 class=\"text-xs tracking-[0.8em] text-gold mb-6 uppercase\">Selected Collection<\/h2>\n <p class=\"text-2xl font-extralight tracking-[0.2em]\">\u51686\u70b9\u3001\u9650\u5b9a\u306e\u82b8\u8853\u4f5c\u54c1<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-12 gap-y-32\">\n \n <div class=\"reveal group\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-1.jpg\" alt=\"No.kn-1\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-1'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-1<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-2.jpg\" alt=\"No.kn-2\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-2'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-2<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-3.jpg\" alt=\"No.kn-3\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-3'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-3<\/h3>\n <\/div>\n <\/div>\n \n \n <div class=\"reveal group\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-4.jpg\" alt=\"No.kn-4\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-4'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-4<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-5.jpg\" alt=\"No.kn-5\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-5'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-5<\/h3>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal group\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/kn-6.jpg\" alt=\"No.kn-6\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.kn-6'\">\n <div class=\"absolute inset-0 border border-white\/10 m-4 pointer-events-none\"><\/div>\n <\/div>\n <div class=\"flex flex-col items-center text-center\">\n <span class=\"text-[10px] tracking-[0.5em] text-gold mb-2 uppercase\">Fujimusume Kinutaya<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.kn-6<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-48 bg-white relative overflow-hidden text-center\">\n <div class=\"absolute top-0 right-0 opacity-5 pointer-events-none\">\n <h2 class=\"text-[30vw] font-bold leading-none select-none translate-x-1\/4 text-neutral-100\">GOLD<\/h2>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-8 relative z-10\">\n <h2 class=\"text-xs tracking-[0.6em] text-gold mb-20 uppercase font-medium\">Plan Detail<\/h2>\n <div class=\"reveal\">\n <p class=\"text-[11px] tracking-[0.5em] text-neutral-400 mb-6 uppercase font-medium\">Kinutaya Shibori Rental Plan<\/p>\n <div class=\"inline-block relative\">\n <p class=\"text-5xl md:text-7xl font-extralight tracking-widest mb-10\">\u00a59,790 <span class=\"text-sm font-light tracking-normal opacity-50\">(tax inc.)<\/span><\/p>\n <div class=\"absolute -right-12 top-0 vertical-text text-[10px] tracking-[0.3em] text-gold border-r border-gold\/30 pr-2\">\u9650\u5b9a\u516d\u7740<\/div>\n <\/div>\n <p class=\"text-xs md:text-sm font-light text-neutral-500 leading-[2.8] tracking-widest max-w-lg mx-auto\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u7d5e\u308a\u6d74\u8863 \/ \u5e2f \/ \u4e0b\u99c4 \/ \u808c\u7740<br>\n \u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051 \/ \u5c0f\u7269\u4e00\u5f0f<br>\n <span class=\"text-[10px] opacity-70 font-light\">\u203b\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u4e0d\u8981\u3067\u3054\u8fd4\u5374\u3044\u305f\u3060\u3051\u307e\u3059<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reserve\" class=\"relative py-48 bg-[#F0EEEA] flex flex-col items-center\">\n <div class=\"bg-text-deco bottom-0 right-0\">RESERVE<\/div>\n <div class=\"max-w-3xl mx-auto px-8 text-center relative z-10\">\n <h2 class=\"text-2xl md:text-4xl font-light tracking-[0.4em] leading-relaxed mb-12\">\n \u3053\u306e\u590f\u3001\u672c\u7269\u3060\u3051\u304c<br>\n \u77e5\u308b\u60a6\u3073\u3092\u3002\n <\/h2>\n <p class=\"text-sm font-light text-neutral-500 mb-16 tracking-widest leading-loose\">\n \u85e4\u5a18\u304d\u306c\u305f\u3084\u306e\u7d5e\u308a\u6d74\u8863\u306f\u3001\u4e00\u65e5\u306b\u304a\u8cb8\u3057\u51fa\u3057\u3067\u304d\u308b\u6570\u306b\u9650\u308a\u304c\u3054\u3056\u3044\u307e\u3059\u3002<br>\n \u7279\u5225\u306a\u65e5\u306e\u304a\u51fa\u304b\u3051\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u3001\u304a\u65e9\u3081\u306e\u3054\u4e88\u7d04\u3092\u304a\u52e7\u3081\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n \n <a href=\"https:\/\/walin.jp\/kimonovoice\/%e6%b5%b4%e8%a1%a3-%e3%81%94%e6%9d%a5%e5%ba%97%e4%ba%88%e7%b4%84\/\" class=\"btn-luxury group shadow-xl\">\n <span class=\"relative z-10\">\u3054\u4e88\u7d04\u306f\u3053\u3061\u3089\u304b\u3089<\/span>\n <\/a>\n \n <div class=\"mt-20 flex flex-col md:flex-row justify-center gap-8 md:gap-16 text-[10px] tracking-[0.4em] text-neutral-400 font-light uppercase\">\n <span>Kyoto Outing<\/span>\n <span>Fireworks<\/span>\n <span>Fine Dining<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-16 bg-white border-t border-neutral-100\">\n <div class=\"max-w-7xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center gap-8\">\n <div class=\"text-xl tracking-[0.5em] font-extralight\">KINUTAYA<\/div>\n <p class=\"text-[9px] tracking-widest opacity-40 uppercase font-light\">\u00a9 Fujimusume Kinutaya Special Rental Collection<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ \u76e3\u8996\u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n document.querySelectorAll('.bg-text-deco').forEach(el => {\n const speed = 0.05;\n el.style.transform = `translateX(${scrolled * speed}px)`;\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u85e4\u5a18\u304d\u306c\u305f\u3084 \u7279\u5225\u7d5e\u308a\u6d74\u8863\u30ec\u30f3\u30bf\u30eb | \u7e8f\u3046\u3001\u65e5\u672c\u306e\u6700\u9ad8\u5cf0 Concept Lineup Reserve \u305d\u306e\u4e00\u7740\u306f\u3001 \u7f8e\u610f\u8b58\u3092 \u6620\u3057\u51fa\u3059\u3002 Special Rental Edition \u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u6d74\u8863\u3068\u3044\u3046\u8d05\u6ca2 […]","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-11041","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041","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=11041"}],"version-history":[{"count":2,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions"}],"predecessor-version":[{"id":11043,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions\/11043"}],"wp:attachment":[{"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/media?parent=11041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/categories?post=11041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/tags?post=11041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}