\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 \n \/* \u8272\u306e\u6307\u5b9a *\/\n .text-gold { color: var(--brand-gold); }\n .bg-gold { background-color: var(--brand-gold); }\n\n \/* \u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u7528\u30b9\u30bf\u30a4\u30eb *\/\n #imageModal.active {\n opacity: 1;\n pointer-events: auto;\n }\n #imageModal.active img {\n transform: scale(1);\n }\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 px-6\">\n \n <div class=\"absolute inset-0 z-0 overflow-hidden\">\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-70 md:opacity-60 scale-[1.5] md:scale-110\" loading=\"eager\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1578439210253-1ee4f17dcdad?auto=format&fit=crop&q=80&w=2000'\">\n \n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-black\/10 to-black\/60 md:bg-gradient-to-r md:from-black\/60 md:via-black\/20 md:to-transparent\"><\/div>\n <\/div>\n\n \n <div class=\"relative z-10 w-full max-w-7xl mx-auto flex flex-col justify-between h-full pt-24 pb-36 md:grid md:grid-cols-12 md:items-center md:pt-0 md:pb-0\">\n \n <div class=\"md:col-start-2 md:col-span-5 flex justify-center md:justify-start\">\n <h1 class=\"vertical-text text-3xl 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 \n \n <div class=\"md:col-start-8 md:col-span-4 text-white\">\n <div class=\"reveal visible\">\n <p class=\"text-[10px] md:text-xs tracking-[0.5em] mb-4 opacity-70 uppercase\">Shibori Yukata Collection<\/p>\n <p class=\"text-base 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\u3092\u3001<br>\n \u6c17\u8efd\u306b\u697d\u3057\u3081\u308b\u30ec\u30f3\u30bf\u30eb\u3067\n <\/p>\n <div class=\"w-16 h-[1px] mt-6 bg-white\/50\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-2 md:bottom-10 md:gap-4 pointer-events-none\">\n <span class=\"text-[8px] md:text-[9px] tracking-[0.4em] text-white\/50 uppercase font-light\">Scroll Down<\/span>\n <div class=\"w-[1px] h-10 md:h-20 bg-gradient-to-b from-white\/50 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 <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.src='https:\/\/images.unsplash.com\/photo-1528127269322-539801943592?auto=format&fit=crop&q=80&w=1000'\">\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\u7d5e\u308a\u304c\u751f\u3080\u306e\u306f\u3001\u3084\u308f\u3089\u304b\u3067\u4e0a\u54c1\u306a\u7acb\u4f53\u611f\u3002<br>\n \u5149\u3092\u3084\u3055\u3057\u304f\u53d7\u3051\u3001\u9854\u307e\u308f\u308a\u306b\u81ea\u7136\u306a\u660e\u308b\u3055\u3092\u6dfb\u3048\u307e\u3059\u3002<br><br>\n \u307e\u305f\u3001\u808c\u306b\u89e6\u308c\u308b\u9762\u7a4d\u304c\u5c11\u306a\u304f\u3001\u3055\u3089\u308a\u3068\u8efd\u3084\u304b\u306a\u7740\u5fc3\u5730\u3002<br>\n \u771f\u590f\u3067\u3082\u3001\u6dbc\u3084\u304b\u306b\u3001\u51db\u3068\u3057\u305f\u4f47\u307e\u3044\u306b\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 \/ \u8077\u4eba\u6280<\/span>\n <\/div>\n <p class=\"mt-4 text-xs font-light leading-relaxed text-neutral-400\">\n \u53d7\u3051\u7d99\u304c\u308c\u308b\u624b\u4ed5\u4e8b\u304c\u751f\u3080\u3001\u7d5e\u308a\u306a\u3089\u3067\u306f\u306e\u8868\u60c5\u3002<br>\n \u91cf\u7523\u3067\u306f\u51fa\u305b\u306a\u3044\u3001\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\u306e\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/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 <script>\n const items = ['kn-1', 'kn-2', 'kn-3', 'kn-4', 'kn-5', 'kn-6'];\n document.write(items.map((id, index) => `\n <div class=\"reveal group\" style=\"transition-delay: ${index % 3 * 0.1}s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl cursor-pointer\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/${id}.jpg\" alt=\"No.${id}\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105 lineup-trigger\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.${id}'\">\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\">\u304d\u306c\u305f\u3084\u6d74\u8863<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.${id}<\/h3>\n <\/div>\n <\/div>\n `).join(''));\n <\/script>\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-4 uppercase font-medium\">Plan Detail<\/h2>\n <p class=\"text-2xl font-light tracking-[0.2em] mb-20\">\u30d7\u30e9\u30f3\u5185\u5bb9<\/p>\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>\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 \/ \u30ab\u30b4\u5dfe\u7740<br>\n \u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051\u8fbc\u307f\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 <div class=\"flex flex-col items-center gap-8\">\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=\"flex flex-col items-center gap-4\">\n <p class=\"text-[11px] text-neutral-400 tracking-widest font-light\">LINE\u304b\u3089\u3082\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n \n <a href=\"https:\/\/page.line.me\/862ezwmc\" class=\"reveal group flex items-center gap-3 px-10 py-4 bg-white border border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white transition-all duration-500 shadow-sm tracking-[0.2em] text-sm font-medium\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"transition-colors group-hover:fill-white\"><path d=\"M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 4.269 8.846 10.036 9.608.391.084.922.258 1.057.592.121.303.079.778.039 1.085l-.171 1.047c-.052.314-.251 1.229 1.083.67 1.333-.559 7.176-4.227 9.782-7.23 1.83-2.107 2.174-3.722 2.174-5.772zm-14.933 3.111h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511.283 0 .511.228.511.511v3.739h1.127c.283 0 .511.228.511.511s-.228.512-.511.512zm3.328 0h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511.283 0 .511.228.511.511v4.25c0 .283-.228.511-.511.511zm3.64 0h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511s.511.228.511.511v3.136l1.242-3.414c.094-.258.337-.424.611-.424.38 0 .653.351.544.715l-1.124 3.125h.365c.283 0 .511.228.511.511s-.228.512-.511.512zm4.331-1.022c0 .283-.228.511-.511.511h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511h1.638c.283 0 .511.228.511.511s-.228.511-.511.511h-1.127v1.112h1.127c.283 0 .511.228.511.511s-.228.511-.511.511h-1.127v1.114h1.127c.283 0 .511.228.511.511z\"\/><\/svg>\n <span>LINE\u3067\u7121\u6599\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\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 \n <div id=\"imageModal\" class=\"fixed inset-0 z-[100] bg-black\/95 flex items-center justify-center opacity-0 pointer-events-none transition-all duration-300 cursor-zoom-out\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u62e1\u5927\u753b\u50cf\" class=\"max-w-[90%] max-h-[90vh] object-contain shadow-2xl transition-transform duration-500 scale-90\">\n <\/div>\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\n \/\/ \u30e2\u30fc\u30c0\u30eb\u6a5f\u80fd\u306e\u8ffd\u52a0\n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n const triggers = document.querySelectorAll('.lineup-trigger');\n\n triggers.forEach(trigger => {\n trigger.addEventListener('click', (e) => {\n const imgSrc = e.target.src;\n modalImg.src = imgSrc;\n modal.classList.add('active');\n });\n });\n\n modal.addEventListener('click', () => {\n modal.classList.remove('active');\n \/\/ \u5c11\u3057\u9045\u5ef6\u3055\u305b\u3066\u304b\u3089\u30bd\u30fc\u30b9\u3092\u30af\u30ea\u30a2\uff08\u9589\u3058\u308b\u6642\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u7dba\u9e97\u306b\u898b\u305b\u308b\u305f\u3081\uff09\n setTimeout(() => {\n if(!modal.classList.contains('active')) modalImg.src = '';\n }, 300);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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 Shibori Yukata Collection \u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u6d74\u8863\u3068\u3044 […]","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":9,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions"}],"predecessor-version":[{"id":11074,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions\/11074"}],"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-05-14T07:22:12","modified_gmt":"2026-05-14T07:22:12","slug":"kinutayayukata","status":"publish","type":"post","link":"https:\/\/walin.jp\/kimonovoice\/kinutayayukata\/","title":{"rendered":"\u304d\u306c\u305f\u3084\u6d74\u8863"},"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 \n \/* \u8272\u306e\u6307\u5b9a *\/\n .text-gold { color: var(--brand-gold); }\n .bg-gold { background-color: var(--brand-gold); }\n\n \/* \u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u7528\u30b9\u30bf\u30a4\u30eb *\/\n #imageModal.active {\n opacity: 1;\n pointer-events: auto;\n }\n #imageModal.active img {\n transform: scale(1);\n }\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 px-6\">\n \n <div class=\"absolute inset-0 z-0 overflow-hidden\">\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-70 md:opacity-60 scale-[1.5] md:scale-110\" loading=\"eager\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1578439210253-1ee4f17dcdad?auto=format&fit=crop&q=80&w=2000'\">\n \n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-black\/10 to-black\/60 md:bg-gradient-to-r md:from-black\/60 md:via-black\/20 md:to-transparent\"><\/div>\n <\/div>\n\n \n <div class=\"relative z-10 w-full max-w-7xl mx-auto flex flex-col justify-between h-full pt-24 pb-36 md:grid md:grid-cols-12 md:items-center md:pt-0 md:pb-0\">\n \n <div class=\"md:col-start-2 md:col-span-5 flex justify-center md:justify-start\">\n <h1 class=\"vertical-text text-3xl 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 \n \n <div class=\"md:col-start-8 md:col-span-4 text-white\">\n <div class=\"reveal visible\">\n <p class=\"text-[10px] md:text-xs tracking-[0.5em] mb-4 opacity-70 uppercase\">Shibori Yukata Collection<\/p>\n <p class=\"text-base 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\u3092\u3001<br>\n \u6c17\u8efd\u306b\u697d\u3057\u3081\u308b\u30ec\u30f3\u30bf\u30eb\u3067\n <\/p>\n <div class=\"w-16 h-[1px] mt-6 bg-white\/50\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-2 md:bottom-10 md:gap-4 pointer-events-none\">\n <span class=\"text-[8px] md:text-[9px] tracking-[0.4em] text-white\/50 uppercase font-light\">Scroll Down<\/span>\n <div class=\"w-[1px] h-10 md:h-20 bg-gradient-to-b from-white\/50 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 <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.src='https:\/\/images.unsplash.com\/photo-1528127269322-539801943592?auto=format&fit=crop&q=80&w=1000'\">\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\u7d5e\u308a\u304c\u751f\u3080\u306e\u306f\u3001\u3084\u308f\u3089\u304b\u3067\u4e0a\u54c1\u306a\u7acb\u4f53\u611f\u3002<br>\n \u5149\u3092\u3084\u3055\u3057\u304f\u53d7\u3051\u3001\u9854\u307e\u308f\u308a\u306b\u81ea\u7136\u306a\u660e\u308b\u3055\u3092\u6dfb\u3048\u307e\u3059\u3002<br><br>\n \u307e\u305f\u3001\u808c\u306b\u89e6\u308c\u308b\u9762\u7a4d\u304c\u5c11\u306a\u304f\u3001\u3055\u3089\u308a\u3068\u8efd\u3084\u304b\u306a\u7740\u5fc3\u5730\u3002<br>\n \u771f\u590f\u3067\u3082\u3001\u6dbc\u3084\u304b\u306b\u3001\u51db\u3068\u3057\u305f\u4f47\u307e\u3044\u306b\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 \/ \u8077\u4eba\u6280<\/span>\n <\/div>\n <p class=\"mt-4 text-xs font-light leading-relaxed text-neutral-400\">\n \u53d7\u3051\u7d99\u304c\u308c\u308b\u624b\u4ed5\u4e8b\u304c\u751f\u3080\u3001\u7d5e\u308a\u306a\u3089\u3067\u306f\u306e\u8868\u60c5\u3002<br>\n \u91cf\u7523\u3067\u306f\u51fa\u305b\u306a\u3044\u3001\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\u306e\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/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 <script>\n const items = ['kn-1', 'kn-2', 'kn-3', 'kn-4', 'kn-5', 'kn-6'];\n document.write(items.map((id, index) => `\n <div class=\"reveal group\" style=\"transition-delay: ${index % 3 * 0.1}s;\">\n <div class=\"relative overflow-hidden aspect-[3\/4] mb-8 bg-neutral-900 shadow-2xl cursor-pointer\">\n <img decoding=\"async\" src=\"https:\/\/walin.jp\/plan\/img\/yukata\/kinutayayukata\/${id}.jpg\" alt=\"No.${id}\" class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105 lineup-trigger\" onerror=\"this.src='https:\/\/placehold.jp\/24\/1a1a1a\/ffffff\/400x533.png?text=No.${id}'\">\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\">\u304d\u306c\u305f\u3084\u6d74\u8863<\/span>\n <h3 class=\"text-xl font-extralight tracking-widest\">No.${id}<\/h3>\n <\/div>\n <\/div>\n `).join(''));\n <\/script>\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-4 uppercase font-medium\">Plan Detail<\/h2>\n <p class=\"text-2xl font-light tracking-[0.2em] mb-20\">\u30d7\u30e9\u30f3\u5185\u5bb9<\/p>\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>\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 \/ \u30ab\u30b4\u5dfe\u7740<br>\n \u30d7\u30ed\u306b\u3088\u308b\u7740\u4ed8\u3051\u8fbc\u307f\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 <div class=\"flex flex-col items-center gap-8\">\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=\"flex flex-col items-center gap-4\">\n <p class=\"text-[11px] text-neutral-400 tracking-widest font-light\">LINE\u304b\u3089\u3082\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n \n <a href=\"https:\/\/page.line.me\/862ezwmc\" class=\"reveal group flex items-center gap-3 px-10 py-4 bg-white border border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white transition-all duration-500 shadow-sm tracking-[0.2em] text-sm font-medium\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"transition-colors group-hover:fill-white\"><path d=\"M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 4.269 8.846 10.036 9.608.391.084.922.258 1.057.592.121.303.079.778.039 1.085l-.171 1.047c-.052.314-.251 1.229 1.083.67 1.333-.559 7.176-4.227 9.782-7.23 1.83-2.107 2.174-3.722 2.174-5.772zm-14.933 3.111h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511.283 0 .511.228.511.511v3.739h1.127c.283 0 .511.228.511.511s-.228.512-.511.512zm3.328 0h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511.283 0 .511.228.511.511v4.25c0 .283-.228.511-.511.511zm3.64 0h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511s.511.228.511.511v3.136l1.242-3.414c.094-.258.337-.424.611-.424.38 0 .653.351.544.715l-1.124 3.125h.365c.283 0 .511.228.511.511s-.228.512-.511.512zm4.331-1.022c0 .283-.228.511-.511.511h-1.638c-.283 0-.511-.228-.511-.511V8.653c0-.283.228-.511.511-.511h1.638c.283 0 .511.228.511.511s-.228.511-.511.511h-1.127v1.112h1.127c.283 0 .511.228.511.511s-.228.511-.511.511h-1.127v1.114h1.127c.283 0 .511.228.511.511z\"\/><\/svg>\n <span>LINE\u3067\u7121\u6599\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\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 \n <div id=\"imageModal\" class=\"fixed inset-0 z-[100] bg-black\/95 flex items-center justify-center opacity-0 pointer-events-none transition-all duration-300 cursor-zoom-out\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u62e1\u5927\u753b\u50cf\" class=\"max-w-[90%] max-h-[90vh] object-contain shadow-2xl transition-transform duration-500 scale-90\">\n <\/div>\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\n \/\/ \u30e2\u30fc\u30c0\u30eb\u6a5f\u80fd\u306e\u8ffd\u52a0\n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n const triggers = document.querySelectorAll('.lineup-trigger');\n\n triggers.forEach(trigger => {\n trigger.addEventListener('click', (e) => {\n const imgSrc = e.target.src;\n modalImg.src = imgSrc;\n modal.classList.add('active');\n });\n });\n\n modal.addEventListener('click', () => {\n modal.classList.remove('active');\n \/\/ \u5c11\u3057\u9045\u5ef6\u3055\u305b\u3066\u304b\u3089\u30bd\u30fc\u30b9\u3092\u30af\u30ea\u30a2\uff08\u9589\u3058\u308b\u6642\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u7dba\u9e97\u306b\u898b\u305b\u308b\u305f\u3081\uff09\n setTimeout(() => {\n if(!modal.classList.contains('active')) modalImg.src = '';\n }, 300);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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 Shibori Yukata Collection \u85e4\u5a18\u304d\u306c\u305f\u3084 \u7d5e\u308a\u6d74\u8863\u3068\u3044 […]","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":9,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions"}],"predecessor-version":[{"id":11074,"href":"https:\/\/walin.jp\/kimonovoice\/wp-json\/wp\/v2\/posts\/11041\/revisions\/11074"}],"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}]}}