\u7269\u4ef6\u4e00\u89a7 \u2013 Share House<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,300;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/*\n=============================================================\n \u2605 CSS\u5909\u6570\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3068\u540c\u3058\u8272\u30fb\u30d5\u30a9\u30f3\u30c8\uff09 \u2605\n \u8272\u3092\u5909\u3048\u305f\u3044\u5834\u5408\u306f\u3053\u3053\u3060\u3051\u7de8\u96c6\u3059\u308c\u3070OK\n=============================================================\n*\/\n:root {\n --green: #87cefa; \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u6c34\u8272\uff09 *\/\n --green-light: #5a8f6a; \/* \u30b5\u30d6\u30ab\u30e9\u30fc\uff08\u30b0\u30ea\u30fc\u30f3\uff09 *\/\n --green-pale: #e8f0eb; \/* \u8584\u3044\u80cc\u666f\u8272 *\/\n --cream: #f9f6f0; \/* \u30da\u30fc\u30b8\u80cc\u666f *\/\n --dark: #1c1c1c; \/* \u6587\u5b57\u8272\uff08\u6fc3\uff09 *\/\n --gray: #444; \/* \u6587\u5b57\u8272\uff08\u8584\uff09 *\/\n --white: #ffffff;\n --accent: #c8a96e; \/* \u30b4\u30fc\u30eb\u30c9\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n --prop-bg: #f0f7ff; \/* \u7269\u4ef6\u30bb\u30af\u30b7\u30e7\u30f3\u80cc\u666f \u2605\u3053\u3053\u304c\u30e1\u30a4\u30f3\u80cc\u666f\u2605 *\/\n}\n\n\/* \u2500\u2500 \u30ea\u30bb\u30c3\u30c8 \u2500\u2500 *\/\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--prop-bg); \/* \u2605\u30da\u30fc\u30b8\u5168\u4f53\u306e\u80cc\u666f\u8272\u2605 *\/\n color: var(--dark);\n overflow-x: hidden;\n}\n\n\/*\n=============================================================\n \u2605 JIN\u30c6\u30fc\u30de\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664 \u2605\n \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3068\u540c\u3058\u8a2d\u5b9a\u3002\u89e6\u3089\u306a\u304f\u3066OK\n=============================================================\n*\/\n.l-article__body,.l-main__inner,.l-main,.c-post__body,.entry-content,.article__body,#content,.site-main {\n max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important;\n}\n\n.btn-primary,\n.btn-outline,\n.btn-white,\n.btn-outline-white,\n.prop-card {\n text-decoration: none !important;\n}\n\n\/*\n=============================================================\n \u2605 \u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\uff08\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\uff09 \u2605\n \u300c\u7269\u4ef6\u4e00\u89a7\u300d\u3068\u3044\u3046\u5927\u898b\u51fa\u3057\u306e\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.page-header {\n background: var(--white);\n padding: 80px 72px 64px;\n width: 100vw; margin-left: calc(50% - 50vw);\n position: relative; overflow: hidden;\n border-bottom: 1px solid rgba(135,206,250,0.2);\n}\n\n\/* \u2605\u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\u306e\u80cc\u666f\u306e\u4e38\u3044\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u88c5\u98fe\u2605 *\/\n.page-header::before {\n content: ''; position: absolute; top: -100px; right: -100px;\n width: 400px; height: 400px; border-radius: 50%;\n background: radial-gradient(circle, rgba(135,206,250,0.25) 0%, transparent 70%);\n pointer-events: none;\n}\n.page-header::after {\n content: ''; position: absolute; bottom: -60px; left: -60px;\n width: 240px; height: 240px; border-radius: 50%;\n background: radial-gradient(circle, rgba(200,169,110,0.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n\/* \u2605\u300cOur Properties\u300d\u306e\u5c0f\u3055\u3044\u30e9\u30d9\u30eb\u2605 *\/\n.page-header-label {\n font-family: 'DM Sans', sans-serif;\n font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--green-light); margin-bottom: 16px; display: block;\n}\n\n\/* \u2605\u300c\u7269\u4ef6\u4e00\u89a7\u300d\u306e\u5927\u898b\u51fa\u3057\u2605 *\/\n.page-header-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 300; line-height: 1.3; color: var(--dark);\n}\n.page-header-title em { font-style: italic; color: #87cefa; }\n\n\/* \u2605\u898b\u51fa\u3057\u4e0b\u306e\u8aac\u660e\u6587\u2605 *\/\n.page-header-desc {\n font-size: 0.92rem; color: var(--gray); line-height: 1.8;\n font-weight: 300; margin-top: 16px; max-width: 560px;\n}\n\n\/*\n=============================================================\n \u2605 \u30d5\u30a3\u30eb\u30bf\u30fc\u30d0\u30fc\uff08\u30a8\u30ea\u30a2\u30fb\u6761\u4ef6\u3067\u7d5e\u308a\u8fbc\u3080\uff09 \u2605\n \u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u7d5e\u308a\u8fbc\u307f\u304c\u3067\u304d\u308b\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.filter-bar {\n background: var(--white);\n padding: 20px 72px;\n width: 100vw; margin-left: calc(50% - 50vw);\n display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\n border-bottom: 1px solid rgba(135,206,250,0.2);\n position: sticky; top: 0; z-index: 100;\n box-shadow: 0 2px 12px rgba(135,206,250,0.1);\n}\n\n\/* \u2605\u300c\u7d5e\u308a\u8fbc\u307f\uff1a\u300d\u3068\u3044\u3046\u30e9\u30d9\u30eb\u2605 *\/\n.filter-label {\n font-size: 0.75rem; color: var(--gray); font-weight: 500;\n letter-spacing: 0.05em; white-space: nowrap;\n}\n\n\/* \u2605\u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\uff08\u62bc\u3059\u3068\u9078\u629e\u72b6\u614b\u306b\u306a\u308b\uff09\u2605 *\/\n.filter-btn {\n font-size: 0.75rem; padding: 8px 18px; border-radius: 50px;\n border: 1.5px solid rgba(135,206,250,0.5);\n background: transparent; color: #3a7ca5;\n cursor: pointer; transition: all 0.2s; white-space: nowrap;\n font-family: 'Noto Sans JP', sans-serif;\n}\n.filter-btn:hover { background: rgba(135,206,250,0.15); }\n\n\/* \u2605\u9078\u629e\u4e2d\u306e\u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\u2605 *\/\n.filter-btn.active {\n background: var(--green); color: #1c1c1c;\n border-color: var(--green); font-weight: 700;\n}\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30b0\u30ea\u30c3\u30c9\u30a8\u30ea\u30a2 \u2605\n \u30ab\u30fc\u30c9\u304c\u4e26\u3076\u30e1\u30a4\u30f3\u306e\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.properties-section {\n padding: 64px 72px 120px;\n width: 100vw; margin-left: calc(50% - 50vw);\n position: relative;\n}\n\n\/* \u2605\u80cc\u666f\u306e\u88c5\u98fe\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306eproperties\u3068\u540c\u3058\uff09\u2605 *\/\n.properties-section::before {\n content: ''; position: absolute; top: -80px; right: -80px;\n width: 480px; height: 480px; border-radius: 50%;\n background: radial-gradient(circle, rgba(135,206,250,0.25) 0%, transparent 70%);\n pointer-events: none;\n}\n.properties-section::after {\n content: ''; position: absolute; bottom: -60px; left: -60px;\n width: 320px; height: 320px; border-radius: 50%;\n background: radial-gradient(circle, rgba(200,169,110,0.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n\/* \u2605\u300c\u25cb\u4ef6\u306e\u7269\u4ef6\u304c\u898b\u3064\u304b\u308a\u307e\u3057\u305f\u300d\u30ab\u30a6\u30f3\u30c8\u8868\u793a\u2605 *\/\n.result-count {\n font-size: 0.82rem; color: var(--gray); margin-bottom: 32px;\n font-weight: 300; position: relative; z-index: 1;\n}\n.result-count strong { color: var(--dark); font-weight: 700; }\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30b0\u30ea\u30c3\u30c9\uff08\u30ab\u30fc\u30c9\u306e\u4e26\u3073\u65b9\uff09 \u2605\n grid-template-columns \u3067\u5217\u6570\u3092\u5909\u66f4\u3067\u304d\u308b\n \u73fe\u5728\uff1a3\u5217\u30022\u5217\u306b\u3057\u305f\u3044\u2192 repeat(2, 1fr) \u306b\u5909\u66f4\n=============================================================\n*\/\n.props-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* \u2605\u5217\u6570\u2605 *\/\n gap: 24px;\n position: relative; z-index: 1;\n}\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30ab\u30fc\u30c9 \u2605\n \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e .prop-card \u3068\u540c\u3058\u30b9\u30bf\u30a4\u30eb\n=============================================================\n*\/\n.prop-card {\n border-radius: 20px; overflow: hidden;\n background: var(--white);\n box-shadow: 0 4px 24px rgba(135,206,250,0.2);\n transition: transform 0.3s, box-shadow 0.3s;\n border: 1.5px solid rgba(135,206,250,0.3);\n text-decoration: none; color: inherit; display: block; \/* \u2605\u30ea\u30f3\u30af\u3068\u3057\u3066\u4f7f\u3046\u2605 *\/\n}\n.prop-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 16px 40px rgba(135,206,250,0.35);\n}\n\n\/* \u2605\u30ab\u30fc\u30c9\u4e0a\u90e8\u306e\u753b\u50cf\u30a8\u30ea\u30a2\uff08\u9ad8\u3055\u5909\u66f4\u53ef\uff09\u2605 *\/\n.prop-img {\n height: 220px; \/* \u2605\u753b\u50cf\u306e\u9ad8\u3055\u2605 *\/\n background: #cce8f6;\n position: relative; overflow: hidden; display: flex; align-items: flex-end;\n}\n.prop-img-bg {\n position: absolute; inset: 0;\n background-size: cover; background-position: center;\n opacity: 0.9; transition: transform 0.4s;\n}\n.prop-card:hover .prop-img-bg { transform: scale(1.05); }\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30ab\u30fc\u30c9\u306e\u753b\u50cfURL \u2605\n .prop-img-\u6570\u5b57 { background-image: url('\u753b\u50cfURL'); }\n \u7269\u4ef6\u3092\u5897\u3084\u3059\u3068\u304d\u306f .prop-img-4, .prop-img-5 ... \u3068\u8ffd\u52a0\n=============================================================\n*\/\n.prop-img-1 { background-image: url('http:\/\/sharehouse.space\/wp-content\/uploads\/2026\/05\/DSC_5894.jpg'); }\n.prop-img-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=700&q=85'); }\n.prop-img-3 { background-image: url('https:\/\/images.unsplash.com\/photo-1493809842364-78817add7ffb?w=700&q=85'); }\n\/* \u2193 \u7269\u4ef64\u30fb5\u30fb6\u3092\u8ffd\u52a0\u3059\u308b\u3068\u304d\u306f\u3053\u3053\u306bURL\u3092\u8cbc\u308b *\/\n\/* .prop-img-4 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\/* .prop-img-5 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\/* .prop-img-6 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\n\/* \u2605\u30ab\u30fc\u30c9\u5de6\u4e0a\u306e\u30bf\u30b0\uff08\u300cNEW\u300d\u300c\u4eba\u6c17\u300d\u306a\u3069\uff09\u2605 *\/\n.prop-tag {\n position: relative; z-index: 1; margin: 12px;\n background: var(--green); color: #1c1c1c;\n font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase;\n padding: 5px 12px; border-radius: 50px; font-weight: 700; display: inline-block;\n}\n\n\/* \u2605\u30ab\u30fc\u30c9\u4e0b\u90e8\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u2605 *\/\n.prop-info { padding: 24px; }\n\n\/* \u2605\u7269\u4ef6\u540d\u2605 *\/\n.prop-name { font-size: 1rem; font-weight: 700; color: var(--dark); margin-bottom: 6px; }\n\n\/* \u2605\u6700\u5bc4\u308a\u99c5\u2605 *\/\n.prop-area {\n font-size: 0.78rem; color: #666; margin-bottom: 16px;\n display: flex; align-items: center; gap: 5px;\n}\n.prop-area svg {\n width: 13px; height: 13px; stroke: var(--green-light); stroke-width: 2; fill: none;\n stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;\n}\n\n\/* \u2605\u6599\u91d1\u2605 *\/\n.prop-price {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem; font-weight: 600; color: var(--green-light);\n}\n.prop-price span { font-size: 0.75rem; color: #999; font-family: 'Noto Sans JP'; font-weight: 300; }\n\n\/* \u2605\u30c1\u30c3\u30d7\uff08\u5bb6\u5177\u5bb6\u96fb\u4ed8\u30fbWi-Fi\u306a\u3069\uff09\u2605 *\/\n.prop-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }\n.chip {\n font-size: 0.68rem; padding: 4px 10px; border-radius: 50px;\n border: 1.5px solid rgba(135,206,250,0.6); color: #3a7ca5;\n background: rgba(135,206,250,0.1);\n}\n\n\/* \u2605\u300c\u8a73\u7d30\u3092\u898b\u308b\u300d\u30dc\u30bf\u30f3\u2605 *\/\n.prop-btn {\n display: block; margin: 20px 24px 24px;\n background: var(--green); color: #1c1c1c;\n text-align: center; padding: 12px; border-radius: 50px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em;\n text-decoration: none; text-transform: uppercase;\n transition: all 0.25s;\n}\n.prop-btn:hover { background: var(--green-light); color: #fff; }\n\n\/*\n=============================================================\n \u2605 \u7d5e\u308a\u8fbc\u307f\u3067\u975e\u8868\u793a\u306b\u306a\u308b\u30ab\u30fc\u30c9 \u2605\n JS\u3067 .hidden \u30af\u30e9\u30b9\u3092\u4ed8\u3051\u5916\u3057\u3059\u308b\n=============================================================\n*\/\n.prop-card.hidden { display: none; }\n\n\/*\n=============================================================\n \u2605 \u7a7a\u72b6\u614b\uff08\u8a72\u5f53\u7269\u4ef6\u306a\u3057\uff09\u306e\u8868\u793a \u2605\n=============================================================\n*\/\n.no-result {\n display: none; text-align: center; padding: 80px 0;\n color: var(--gray); font-size: 0.92rem; grid-column: 1 \/ -1;\n}\n.no-result.show { display: block; }\n\n\/*\n=============================================================\n \u2605 \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u2605\n \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u8981\u7d20\u304c\u3075\u308f\u3063\u3068\u51fa\u3066\u304f\u308b\n=============================================================\n*\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n.reveal.visible { opacity: 1; transform: none; }\n\n\/*\n=============================================================\n \u2605 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08\u30bf\u30d6\u30ec\u30c3\u30c8\uff09 \u2605\n=============================================================\n*\/\n@media (max-width: 1024px) {\n .page-header { padding: 64px 40px 48px; }\n .filter-bar { padding: 16px 40px; }\n .properties-section { padding: 48px 40px 80px; }\n .props-grid { grid-template-columns: repeat(2, 1fr); } \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u306f2\u5217 *\/\n}\n\n\/*\n=============================================================\n \u2605 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08\u30b9\u30de\u30db\uff09 \u2605\n=============================================================\n*\/\n@media (max-width: 640px) {\n .page-header { padding: 48px 20px 36px; }\n .filter-bar { padding: 12px 20px; gap: 8px; }\n .filter-btn { font-size: 0.7rem; padding: 6px 14px; }\n .properties-section { padding: 32px 20px 64px; }\n .props-grid { grid-template-columns: 1fr; } \/* \u30b9\u30de\u30db\u306f1\u5217 *\/\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"page-header\">\n <span class=\"page-header-label\">Our Properties<\/span>\n <h1 class=\"page-header-title\">\u7269\u4ef6<em>\u4e00\u89a7<\/em><\/h1>\n <p class=\"page-header-desc\">\n \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u3092\u3054\u7d39\u4ecb\u3002<br>\n \u521d\u671f\u8cbb\u7528\u3092\u6291\u3048\u3066\u3001\u65b0\u3057\u3044\u66ae\u3089\u3057\u3092\u30b9\u30bf\u30fc\u30c8\u3057\u3088\u3046\u3002\n <\/p>\n<\/div>\n\n\n<div class=\"filter-bar\">\n <span class=\"filter-label\">\u7d5e\u308a\u8fbc\u307f\uff1a<\/span>\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"nagoya\">\u540d\u53e4\u5c4b<\/button>\n <button class=\"filter-btn\" data-filter=\"tokyo\">\u6771\u4eac<\/button>\n <button class=\"filter-btn\" data-filter=\"aichi\">\u611b\u77e5\uff08\u5ca1\u5d0e\uff09<\/button>\n<\/div>\n\n\n<div class=\"properties-section\">\n\n \n <div class=\"result-count\"><strong id=\"count\">3<\/strong>\u4ef6\u306e\u7269\u4ef6<\/div>\n\n <div class=\"props-grid\" id=\"propsGrid\">\n\n \n <a class=\"prop-card reveal\" href=\"https:\/\/sharehouse.space\/?page_id=203\" data-tags=\"nagoya\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-1\"><\/div>\n <div class=\"prop-tag\">NEWOPEN<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u4eca\u6c60<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n \u5730\u4e0b\u9244\u6771\u5c71\u7dda\u300c\u4eca\u6c60\u300d\u99c5 \u5f92\u6b6910\u5206\n <\/div>\n <div class=\"prop-price\">\u00a542,000<span>\u301c \/ \u6708\uff08\u5171\u76ca\u8cbb\u5225\uff09<\/span><\/div>\n <div class=\"prop-chips\">\n \n <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n <span class=\"chip\">Wi-Fi\u5b8c\u5099<\/span>\n <span class=\"chip\">\u30b7\u30a2\u30bf\u30fc\u30eb\u30fc\u30e0<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n <a class=\"prop-card reveal\" href=\"#\" data-tags=\"tokyo\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-2\"><\/div>\n <div class=\"prop-tag\">\u4eba\u6c17<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u6c60\u888b<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n \u8981\u753a\u99c5 \u5f92\u6b697\u5206\n <\/div>\n <div class=\"prop-price\">\u00a560,000<span>\u301c \/ \u6708<\/span><\/div>\n <div class=\"prop-chips\">\n <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n <span class=\"chip\">\u30a2\u30a4\u30e9\u30f3\u30c9\u30ad\u30c3\u30c1\u30f3<\/span>\n <span class=\"chip\">\u30c7\u30b6\u30a4\u30ca\u30fc\u30ba<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n <a class=\"prop-card reveal\" href=\"#\" data-tags=\"aichi\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-3\"><\/div>\n <div class=\"prop-tag\">\u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u5b8c\u5099<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u5ca1\u5d0e<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n JR\u300c\u5ca1\u5d0e\u300d\u99c5 \u5f92\u6b6910\u5206\n <\/div>\n <div class=\"prop-price\">\u00a538,000<span>\u301c \/ \u6708<\/span><\/div>\n <div class=\"prop-chips\">\n <span class=\"chip\">\u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u30eb\u30fc\u30e0<\/span>\n <span class=\"chip\">\u99d0\u8eca\u5834\u3042\u308a<\/span>\n <span class=\"chip\">\u4e09\u6cb3\u30a8\u30ea\u30a2<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n\n \n <div class=\"no-result\" id=\"noResult\">\u8a72\u5f53\u3059\u308b\u7269\u4ef6\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/div>\n\n <\/div>\n<\/div>\n\n\n<script>\n\/*\n=============================================================\n \u2605 \u30d5\u30a3\u30eb\u30bf\u30fc\u6a5f\u80fd\uff08JS\uff09 \u2605\n \u57fa\u672c\u7684\u306b\u89e6\u3089\u306a\u304f\u3066OK\n \u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068 data-tags \u304c\u4e00\u81f4\u3059\u308b\u30ab\u30fc\u30c9\u3060\u3051\u8868\u793a\u3055\u308c\u308b\n=============================================================\n*\/\n(function(){\n const btns = document.querySelectorAll('.filter-btn');\n const cards = document.querySelectorAll('.prop-card');\n const countEl = document.getElementById('count');\n const noResult = document.getElementById('noResult');\n\n btns.forEach(btn => {\n btn.addEventListener('click', () => {\n \/\/ \u30dc\u30bf\u30f3\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u72b6\u614b\u3092\u5207\u308a\u66ff\u3048\n btns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n\n const filter = btn.dataset.filter;\n let visible = 0;\n\n cards.forEach(card => {\n const tags = card.dataset.tags || '';\n const show = filter === 'all' || tags.includes(filter);\n card.classList.toggle('hidden', !show);\n if (show) visible++;\n });\n\n \/\/ \u4ef6\u6570\u3092\u66f4\u65b0\n countEl.textContent = visible;\n\n \/\/ 0\u4ef6\u306e\u3068\u304d\u300c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3092\u8868\u793a\n noResult.classList.toggle('show', visible === 0);\n });\n });\n})();\n\n\/*\n=============================================================\n \u2605 \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u2605\n \u89e6\u3089\u306a\u304f\u3066OK\n=============================================================\n*\/\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 100);\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7269\u4ef6\u4e00\u89a7 \u2013 Share House Our Properties \u7269\u4ef6\u4e00\u89a7 \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u3092\u3054\u7d39\u4ecb\u3002 \u521d\u671f\u8cbb\u7528\u3092\u6291\u3048\u3066\u3001\u65b0\u3057\u3044\u66ae\u3089\u3057\u3092\u30b9\u30bf\u30fc\u30c8\u3057\u3088\u3046\u3002 \u7d5e\u308a\u8fbc\u307f\uff1a \u3059\u3079\u3066 \u540d\u53e4\u5c4b \u6771\u4eac \u611b\u77e5\uff08\u5ca1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"lp.php","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"cps_thumbnails":false,"small_size":false,"large_size":false},"uagb_author_info":{"display_name":"tanacafe","author_link":"https:\/\/sharehouse.space\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u7269\u4ef6\u4e00\u89a7 \u2013 Share House Our Properties \u7269\u4ef6\u4e00\u89a7 \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2…","_links":{"self":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=241"}],"version-history":[{"count":5,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":241,"date":"2026-05-15T10:48:24","date_gmt":"2026-05-15T01:48:24","guid":{"rendered":"https:\/\/sharehouse.space\/?page_id=241"},"modified":"2026-05-15T11:34:04","modified_gmt":"2026-05-15T02:34:04","slug":"241-2","status":"publish","type":"page","link":"https:\/\/sharehouse.space\/?page_id=241","title":{"rendered":"\u7269\u4ef6\u4e00\u89a7"},"content":{"rendered":"\n\n\n\n\n\n\u7269\u4ef6\u4e00\u89a7 \u2013 Share House<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,300;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/*\n=============================================================\n \u2605 CSS\u5909\u6570\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3068\u540c\u3058\u8272\u30fb\u30d5\u30a9\u30f3\u30c8\uff09 \u2605\n \u8272\u3092\u5909\u3048\u305f\u3044\u5834\u5408\u306f\u3053\u3053\u3060\u3051\u7de8\u96c6\u3059\u308c\u3070OK\n=============================================================\n*\/\n:root {\n --green: #87cefa; \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u6c34\u8272\uff09 *\/\n --green-light: #5a8f6a; \/* \u30b5\u30d6\u30ab\u30e9\u30fc\uff08\u30b0\u30ea\u30fc\u30f3\uff09 *\/\n --green-pale: #e8f0eb; \/* \u8584\u3044\u80cc\u666f\u8272 *\/\n --cream: #f9f6f0; \/* \u30da\u30fc\u30b8\u80cc\u666f *\/\n --dark: #1c1c1c; \/* \u6587\u5b57\u8272\uff08\u6fc3\uff09 *\/\n --gray: #444; \/* \u6587\u5b57\u8272\uff08\u8584\uff09 *\/\n --white: #ffffff;\n --accent: #c8a96e; \/* \u30b4\u30fc\u30eb\u30c9\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n --prop-bg: #f0f7ff; \/* \u7269\u4ef6\u30bb\u30af\u30b7\u30e7\u30f3\u80cc\u666f \u2605\u3053\u3053\u304c\u30e1\u30a4\u30f3\u80cc\u666f\u2605 *\/\n}\n\n\/* \u2500\u2500 \u30ea\u30bb\u30c3\u30c8 \u2500\u2500 *\/\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--prop-bg); \/* \u2605\u30da\u30fc\u30b8\u5168\u4f53\u306e\u80cc\u666f\u8272\u2605 *\/\n color: var(--dark);\n overflow-x: hidden;\n}\n\n\/*\n=============================================================\n \u2605 JIN\u30c6\u30fc\u30de\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664 \u2605\n \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3068\u540c\u3058\u8a2d\u5b9a\u3002\u89e6\u3089\u306a\u304f\u3066OK\n=============================================================\n*\/\n.l-article__body,.l-main__inner,.l-main,.c-post__body,.entry-content,.article__body,#content,.site-main {\n max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important;\n}\n\n.btn-primary,\n.btn-outline,\n.btn-white,\n.btn-outline-white,\n.prop-card {\n text-decoration: none !important;\n}\n\n\/*\n=============================================================\n \u2605 \u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\uff08\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\uff09 \u2605\n \u300c\u7269\u4ef6\u4e00\u89a7\u300d\u3068\u3044\u3046\u5927\u898b\u51fa\u3057\u306e\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.page-header {\n background: var(--white);\n padding: 80px 72px 64px;\n width: 100vw; margin-left: calc(50% - 50vw);\n position: relative; overflow: hidden;\n border-bottom: 1px solid rgba(135,206,250,0.2);\n}\n\n\/* \u2605\u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\u306e\u80cc\u666f\u306e\u4e38\u3044\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u88c5\u98fe\u2605 *\/\n.page-header::before {\n content: ''; position: absolute; top: -100px; right: -100px;\n width: 400px; height: 400px; border-radius: 50%;\n background: radial-gradient(circle, rgba(135,206,250,0.25) 0%, transparent 70%);\n pointer-events: none;\n}\n.page-header::after {\n content: ''; position: absolute; bottom: -60px; left: -60px;\n width: 240px; height: 240px; border-radius: 50%;\n background: radial-gradient(circle, rgba(200,169,110,0.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n\/* \u2605\u300cOur Properties\u300d\u306e\u5c0f\u3055\u3044\u30e9\u30d9\u30eb\u2605 *\/\n.page-header-label {\n font-family: 'DM Sans', sans-serif;\n font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--green-light); margin-bottom: 16px; display: block;\n}\n\n\/* \u2605\u300c\u7269\u4ef6\u4e00\u89a7\u300d\u306e\u5927\u898b\u51fa\u3057\u2605 *\/\n.page-header-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 300; line-height: 1.3; color: var(--dark);\n}\n.page-header-title em { font-style: italic; color: #87cefa; }\n\n\/* \u2605\u898b\u51fa\u3057\u4e0b\u306e\u8aac\u660e\u6587\u2605 *\/\n.page-header-desc {\n font-size: 0.92rem; color: var(--gray); line-height: 1.8;\n font-weight: 300; margin-top: 16px; max-width: 560px;\n}\n\n\/*\n=============================================================\n \u2605 \u30d5\u30a3\u30eb\u30bf\u30fc\u30d0\u30fc\uff08\u30a8\u30ea\u30a2\u30fb\u6761\u4ef6\u3067\u7d5e\u308a\u8fbc\u3080\uff09 \u2605\n \u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u7d5e\u308a\u8fbc\u307f\u304c\u3067\u304d\u308b\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.filter-bar {\n background: var(--white);\n padding: 20px 72px;\n width: 100vw; margin-left: calc(50% - 50vw);\n display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\n border-bottom: 1px solid rgba(135,206,250,0.2);\n position: sticky; top: 0; z-index: 100;\n box-shadow: 0 2px 12px rgba(135,206,250,0.1);\n}\n\n\/* \u2605\u300c\u7d5e\u308a\u8fbc\u307f\uff1a\u300d\u3068\u3044\u3046\u30e9\u30d9\u30eb\u2605 *\/\n.filter-label {\n font-size: 0.75rem; color: var(--gray); font-weight: 500;\n letter-spacing: 0.05em; white-space: nowrap;\n}\n\n\/* \u2605\u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\uff08\u62bc\u3059\u3068\u9078\u629e\u72b6\u614b\u306b\u306a\u308b\uff09\u2605 *\/\n.filter-btn {\n font-size: 0.75rem; padding: 8px 18px; border-radius: 50px;\n border: 1.5px solid rgba(135,206,250,0.5);\n background: transparent; color: #3a7ca5;\n cursor: pointer; transition: all 0.2s; white-space: nowrap;\n font-family: 'Noto Sans JP', sans-serif;\n}\n.filter-btn:hover { background: rgba(135,206,250,0.15); }\n\n\/* \u2605\u9078\u629e\u4e2d\u306e\u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\u2605 *\/\n.filter-btn.active {\n background: var(--green); color: #1c1c1c;\n border-color: var(--green); font-weight: 700;\n}\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30b0\u30ea\u30c3\u30c9\u30a8\u30ea\u30a2 \u2605\n \u30ab\u30fc\u30c9\u304c\u4e26\u3076\u30e1\u30a4\u30f3\u306e\u30a8\u30ea\u30a2\n=============================================================\n*\/\n.properties-section {\n padding: 64px 72px 120px;\n width: 100vw; margin-left: calc(50% - 50vw);\n position: relative;\n}\n\n\/* \u2605\u80cc\u666f\u306e\u88c5\u98fe\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306eproperties\u3068\u540c\u3058\uff09\u2605 *\/\n.properties-section::before {\n content: ''; position: absolute; top: -80px; right: -80px;\n width: 480px; height: 480px; border-radius: 50%;\n background: radial-gradient(circle, rgba(135,206,250,0.25) 0%, transparent 70%);\n pointer-events: none;\n}\n.properties-section::after {\n content: ''; position: absolute; bottom: -60px; left: -60px;\n width: 320px; height: 320px; border-radius: 50%;\n background: radial-gradient(circle, rgba(200,169,110,0.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n\/* \u2605\u300c\u25cb\u4ef6\u306e\u7269\u4ef6\u304c\u898b\u3064\u304b\u308a\u307e\u3057\u305f\u300d\u30ab\u30a6\u30f3\u30c8\u8868\u793a\u2605 *\/\n.result-count {\n font-size: 0.82rem; color: var(--gray); margin-bottom: 32px;\n font-weight: 300; position: relative; z-index: 1;\n}\n.result-count strong { color: var(--dark); font-weight: 700; }\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30b0\u30ea\u30c3\u30c9\uff08\u30ab\u30fc\u30c9\u306e\u4e26\u3073\u65b9\uff09 \u2605\n grid-template-columns \u3067\u5217\u6570\u3092\u5909\u66f4\u3067\u304d\u308b\n \u73fe\u5728\uff1a3\u5217\u30022\u5217\u306b\u3057\u305f\u3044\u2192 repeat(2, 1fr) \u306b\u5909\u66f4\n=============================================================\n*\/\n.props-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* \u2605\u5217\u6570\u2605 *\/\n gap: 24px;\n position: relative; z-index: 1;\n}\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30ab\u30fc\u30c9 \u2605\n \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e .prop-card \u3068\u540c\u3058\u30b9\u30bf\u30a4\u30eb\n=============================================================\n*\/\n.prop-card {\n border-radius: 20px; overflow: hidden;\n background: var(--white);\n box-shadow: 0 4px 24px rgba(135,206,250,0.2);\n transition: transform 0.3s, box-shadow 0.3s;\n border: 1.5px solid rgba(135,206,250,0.3);\n text-decoration: none; color: inherit; display: block; \/* \u2605\u30ea\u30f3\u30af\u3068\u3057\u3066\u4f7f\u3046\u2605 *\/\n}\n.prop-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 16px 40px rgba(135,206,250,0.35);\n}\n\n\/* \u2605\u30ab\u30fc\u30c9\u4e0a\u90e8\u306e\u753b\u50cf\u30a8\u30ea\u30a2\uff08\u9ad8\u3055\u5909\u66f4\u53ef\uff09\u2605 *\/\n.prop-img {\n height: 220px; \/* \u2605\u753b\u50cf\u306e\u9ad8\u3055\u2605 *\/\n background: #cce8f6;\n position: relative; overflow: hidden; display: flex; align-items: flex-end;\n}\n.prop-img-bg {\n position: absolute; inset: 0;\n background-size: cover; background-position: center;\n opacity: 0.9; transition: transform 0.4s;\n}\n.prop-card:hover .prop-img-bg { transform: scale(1.05); }\n\n\/*\n=============================================================\n \u2605 \u7269\u4ef6\u30ab\u30fc\u30c9\u306e\u753b\u50cfURL \u2605\n .prop-img-\u6570\u5b57 { background-image: url('\u753b\u50cfURL'); }\n \u7269\u4ef6\u3092\u5897\u3084\u3059\u3068\u304d\u306f .prop-img-4, .prop-img-5 ... \u3068\u8ffd\u52a0\n=============================================================\n*\/\n.prop-img-1 { background-image: url('http:\/\/sharehouse.space\/wp-content\/uploads\/2026\/05\/DSC_5894.jpg'); }\n.prop-img-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=700&q=85'); }\n.prop-img-3 { background-image: url('https:\/\/images.unsplash.com\/photo-1493809842364-78817add7ffb?w=700&q=85'); }\n\/* \u2193 \u7269\u4ef64\u30fb5\u30fb6\u3092\u8ffd\u52a0\u3059\u308b\u3068\u304d\u306f\u3053\u3053\u306bURL\u3092\u8cbc\u308b *\/\n\/* .prop-img-4 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\/* .prop-img-5 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\/* .prop-img-6 { background-image: url('YOUR_IMAGE_URL'); } *\/\n\n\/* \u2605\u30ab\u30fc\u30c9\u5de6\u4e0a\u306e\u30bf\u30b0\uff08\u300cNEW\u300d\u300c\u4eba\u6c17\u300d\u306a\u3069\uff09\u2605 *\/\n.prop-tag {\n position: relative; z-index: 1; margin: 12px;\n background: var(--green); color: #1c1c1c;\n font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase;\n padding: 5px 12px; border-radius: 50px; font-weight: 700; display: inline-block;\n}\n\n\/* \u2605\u30ab\u30fc\u30c9\u4e0b\u90e8\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u2605 *\/\n.prop-info { padding: 24px; }\n\n\/* \u2605\u7269\u4ef6\u540d\u2605 *\/\n.prop-name { font-size: 1rem; font-weight: 700; color: var(--dark); margin-bottom: 6px; }\n\n\/* \u2605\u6700\u5bc4\u308a\u99c5\u2605 *\/\n.prop-area {\n font-size: 0.78rem; color: #666; margin-bottom: 16px;\n display: flex; align-items: center; gap: 5px;\n}\n.prop-area svg {\n width: 13px; height: 13px; stroke: var(--green-light); stroke-width: 2; fill: none;\n stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;\n}\n\n\/* \u2605\u6599\u91d1\u2605 *\/\n.prop-price {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem; font-weight: 600; color: var(--green-light);\n}\n.prop-price span { font-size: 0.75rem; color: #999; font-family: 'Noto Sans JP'; font-weight: 300; }\n\n\/* \u2605\u30c1\u30c3\u30d7\uff08\u5bb6\u5177\u5bb6\u96fb\u4ed8\u30fbWi-Fi\u306a\u3069\uff09\u2605 *\/\n.prop-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }\n.chip {\n font-size: 0.68rem; padding: 4px 10px; border-radius: 50px;\n border: 1.5px solid rgba(135,206,250,0.6); color: #3a7ca5;\n background: rgba(135,206,250,0.1);\n}\n\n\/* \u2605\u300c\u8a73\u7d30\u3092\u898b\u308b\u300d\u30dc\u30bf\u30f3\u2605 *\/\n.prop-btn {\n display: block; margin: 20px 24px 24px;\n background: var(--green); color: #1c1c1c;\n text-align: center; padding: 12px; border-radius: 50px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em;\n text-decoration: none; text-transform: uppercase;\n transition: all 0.25s;\n}\n.prop-btn:hover { background: var(--green-light); color: #fff; }\n\n\/*\n=============================================================\n \u2605 \u7d5e\u308a\u8fbc\u307f\u3067\u975e\u8868\u793a\u306b\u306a\u308b\u30ab\u30fc\u30c9 \u2605\n JS\u3067 .hidden \u30af\u30e9\u30b9\u3092\u4ed8\u3051\u5916\u3057\u3059\u308b\n=============================================================\n*\/\n.prop-card.hidden { display: none; }\n\n\/*\n=============================================================\n \u2605 \u7a7a\u72b6\u614b\uff08\u8a72\u5f53\u7269\u4ef6\u306a\u3057\uff09\u306e\u8868\u793a \u2605\n=============================================================\n*\/\n.no-result {\n display: none; text-align: center; padding: 80px 0;\n color: var(--gray); font-size: 0.92rem; grid-column: 1 \/ -1;\n}\n.no-result.show { display: block; }\n\n\/*\n=============================================================\n \u2605 \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u2605\n \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u8981\u7d20\u304c\u3075\u308f\u3063\u3068\u51fa\u3066\u304f\u308b\n=============================================================\n*\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n.reveal.visible { opacity: 1; transform: none; }\n\n\/*\n=============================================================\n \u2605 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08\u30bf\u30d6\u30ec\u30c3\u30c8\uff09 \u2605\n=============================================================\n*\/\n@media (max-width: 1024px) {\n .page-header { padding: 64px 40px 48px; }\n .filter-bar { padding: 16px 40px; }\n .properties-section { padding: 48px 40px 80px; }\n .props-grid { grid-template-columns: repeat(2, 1fr); } \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u306f2\u5217 *\/\n}\n\n\/*\n=============================================================\n \u2605 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08\u30b9\u30de\u30db\uff09 \u2605\n=============================================================\n*\/\n@media (max-width: 640px) {\n .page-header { padding: 48px 20px 36px; }\n .filter-bar { padding: 12px 20px; gap: 8px; }\n .filter-btn { font-size: 0.7rem; padding: 6px 14px; }\n .properties-section { padding: 32px 20px 64px; }\n .props-grid { grid-template-columns: 1fr; } \/* \u30b9\u30de\u30db\u306f1\u5217 *\/\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"page-header\">\n <span class=\"page-header-label\">Our Properties<\/span>\n <h1 class=\"page-header-title\">\u7269\u4ef6<em>\u4e00\u89a7<\/em><\/h1>\n <p class=\"page-header-desc\">\n \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u3092\u3054\u7d39\u4ecb\u3002<br>\n \u521d\u671f\u8cbb\u7528\u3092\u6291\u3048\u3066\u3001\u65b0\u3057\u3044\u66ae\u3089\u3057\u3092\u30b9\u30bf\u30fc\u30c8\u3057\u3088\u3046\u3002\n <\/p>\n<\/div>\n\n\n<div class=\"filter-bar\">\n <span class=\"filter-label\">\u7d5e\u308a\u8fbc\u307f\uff1a<\/span>\n <button class=\"filter-btn active\" data-filter=\"all\">\u3059\u3079\u3066<\/button>\n <button class=\"filter-btn\" data-filter=\"nagoya\">\u540d\u53e4\u5c4b<\/button>\n <button class=\"filter-btn\" data-filter=\"tokyo\">\u6771\u4eac<\/button>\n <button class=\"filter-btn\" data-filter=\"aichi\">\u611b\u77e5\uff08\u5ca1\u5d0e\uff09<\/button>\n<\/div>\n\n\n<div class=\"properties-section\">\n\n \n <div class=\"result-count\"><strong id=\"count\">3<\/strong>\u4ef6\u306e\u7269\u4ef6<\/div>\n\n <div class=\"props-grid\" id=\"propsGrid\">\n\n \n <a class=\"prop-card reveal\" href=\"https:\/\/sharehouse.space\/?page_id=203\" data-tags=\"nagoya\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-1\"><\/div>\n <div class=\"prop-tag\">NEWOPEN<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u4eca\u6c60<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n \u5730\u4e0b\u9244\u6771\u5c71\u7dda\u300c\u4eca\u6c60\u300d\u99c5 \u5f92\u6b6910\u5206\n <\/div>\n <div class=\"prop-price\">\u00a542,000<span>\u301c \/ \u6708\uff08\u5171\u76ca\u8cbb\u5225\uff09<\/span><\/div>\n <div class=\"prop-chips\">\n \n <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n <span class=\"chip\">Wi-Fi\u5b8c\u5099<\/span>\n <span class=\"chip\">\u30b7\u30a2\u30bf\u30fc\u30eb\u30fc\u30e0<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n <a class=\"prop-card reveal\" href=\"#\" data-tags=\"tokyo\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-2\"><\/div>\n <div class=\"prop-tag\">\u4eba\u6c17<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u6c60\u888b<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n \u8981\u753a\u99c5 \u5f92\u6b697\u5206\n <\/div>\n <div class=\"prop-price\">\u00a560,000<span>\u301c \/ \u6708<\/span><\/div>\n <div class=\"prop-chips\">\n <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n <span class=\"chip\">\u30a2\u30a4\u30e9\u30f3\u30c9\u30ad\u30c3\u30c1\u30f3<\/span>\n <span class=\"chip\">\u30c7\u30b6\u30a4\u30ca\u30fc\u30ba<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n <a class=\"prop-card reveal\" href=\"#\" data-tags=\"aichi\">\n <div class=\"prop-img\">\n <div class=\"prop-img-bg prop-img-3\"><\/div>\n <div class=\"prop-tag\">\u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u5b8c\u5099<\/div>\n <\/div>\n <div class=\"prop-info\">\n <div class=\"prop-name\">Share-house \u5ca1\u5d0e<\/div>\n <div class=\"prop-area\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n JR\u300c\u5ca1\u5d0e\u300d\u99c5 \u5f92\u6b6910\u5206\n <\/div>\n <div class=\"prop-price\">\u00a538,000<span>\u301c \/ \u6708<\/span><\/div>\n <div class=\"prop-chips\">\n <span class=\"chip\">\u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u30eb\u30fc\u30e0<\/span>\n <span class=\"chip\">\u99d0\u8eca\u5834\u3042\u308a<\/span>\n <span class=\"chip\">\u4e09\u6cb3\u30a8\u30ea\u30a2<\/span>\n <\/div>\n <\/div>\n <span class=\"prop-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span>\n <\/a>\n\n \n\n \n <div class=\"no-result\" id=\"noResult\">\u8a72\u5f53\u3059\u308b\u7269\u4ef6\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/div>\n\n <\/div>\n<\/div>\n\n\n<script>\n\/*\n=============================================================\n \u2605 \u30d5\u30a3\u30eb\u30bf\u30fc\u6a5f\u80fd\uff08JS\uff09 \u2605\n \u57fa\u672c\u7684\u306b\u89e6\u3089\u306a\u304f\u3066OK\n \u30d5\u30a3\u30eb\u30bf\u30fc\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068 data-tags \u304c\u4e00\u81f4\u3059\u308b\u30ab\u30fc\u30c9\u3060\u3051\u8868\u793a\u3055\u308c\u308b\n=============================================================\n*\/\n(function(){\n const btns = document.querySelectorAll('.filter-btn');\n const cards = document.querySelectorAll('.prop-card');\n const countEl = document.getElementById('count');\n const noResult = document.getElementById('noResult');\n\n btns.forEach(btn => {\n btn.addEventListener('click', () => {\n \/\/ \u30dc\u30bf\u30f3\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u72b6\u614b\u3092\u5207\u308a\u66ff\u3048\n btns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n\n const filter = btn.dataset.filter;\n let visible = 0;\n\n cards.forEach(card => {\n const tags = card.dataset.tags || '';\n const show = filter === 'all' || tags.includes(filter);\n card.classList.toggle('hidden', !show);\n if (show) visible++;\n });\n\n \/\/ \u4ef6\u6570\u3092\u66f4\u65b0\n countEl.textContent = visible;\n\n \/\/ 0\u4ef6\u306e\u3068\u304d\u300c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3092\u8868\u793a\n noResult.classList.toggle('show', visible === 0);\n });\n });\n})();\n\n\/*\n=============================================================\n \u2605 \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u2605\n \u89e6\u3089\u306a\u304f\u3066OK\n=============================================================\n*\/\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 100);\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7269\u4ef6\u4e00\u89a7 \u2013 Share House Our Properties \u7269\u4ef6\u4e00\u89a7 \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u3092\u3054\u7d39\u4ecb\u3002 \u521d\u671f\u8cbb\u7528\u3092\u6291\u3048\u3066\u3001\u65b0\u3057\u3044\u66ae\u3089\u3057\u3092\u30b9\u30bf\u30fc\u30c8\u3057\u3088\u3046\u3002 \u7d5e\u308a\u8fbc\u307f\uff1a \u3059\u3079\u3066 \u540d\u53e4\u5c4b \u6771\u4eac \u611b\u77e5\uff08\u5ca1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"lp.php","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"cps_thumbnails":false,"small_size":false,"large_size":false},"uagb_author_info":{"display_name":"tanacafe","author_link":"https:\/\/sharehouse.space\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u7269\u4ef6\u4e00\u89a7 \u2013 Share House Our Properties \u7269\u4ef6\u4e00\u89a7 \u540d\u53e4\u5c4b\u30fb\u6771\u4eac\u30fb\u611b\u77e5\u30a8\u30ea\u30a2\u306e\u30b7\u30a7\u30a2…","_links":{"self":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=241"}],"version-history":[{"count":5,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/241\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}