\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001\u5f37\u307f\u3068\u5f31\u307f\u3002 | mobler<\/title>\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=Zen+Kaku+Gothic+New:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#FAF7F2;\n --panel:#F1E9DD;\n --panel-2:#EDE2D0;\n --ink:#2B2622;\n --ink-soft:#7A6F63;\n --accent:#C1592F;\n --accent-deep:#8F3D1F;\n --accent-soft:#F1CBB4;\n --line:#E3D7C4;\n --white:#FFFFFF;\n --ok:#5C7A5A;\n --warn:#B23A2E;\n }\n *{box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n margin:0;\n background:var(--bg);\n color:var(--ink);\n font-family:'Noto Sans JP',sans-serif;\n line-height:1.85;\n -webkit-font-smoothing:antialiased;\n }\n h1,h2,h3{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:900;\n margin:0;\n letter-spacing:.01em;\n }\n em{\n font-style:normal;\n color:var(--accent);\n position:relative;\n }\n .wrap{max-width:780px;margin:0 auto;padding:0 24px;}\n .eyebrow{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:12px;\n letter-spacing:.24em;\n color:var(--accent-deep);\n text-transform:uppercase;\n font-weight:700;\n }\n .eyebrow::before{\n content:\"\";\n display:inline-block;\n width:22px;height:1px;\n background:var(--accent);\n margin-right:10px;\n vertical-align:middle;\n }\n\n \/* ---------- HERO ---------- *\/\n .hero{padding:88px 0 40px;}\n .hero .eyebrow{margin-bottom:22px;}\n .hero h1{\n font-size:clamp(30px,5.4vw,46px);\n line-height:1.42;\n letter-spacing:.005em;\n }\n .hero .lede{\n margin-top:22px;\n color:var(--ink-soft);\n font-size:16px;\n max-width:56ch;\n }\n .tags{margin-top:28px;display:flex;gap:8px;flex-wrap:wrap;}\n .tag{\n font-size:12px;\n font-weight:700;\n letter-spacing:.06em;\n padding:6px 14px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--ink-soft);\n background:var(--white);\n }\n .hero-rule{\n margin-top:44px;\n height:1px;\n background:linear-gradient(90deg,var(--accent) 0 64px,var(--line) 64px 100%);\n }\n\n \/* ---------- INTRO ---------- *\/\n .intro{padding:44px 0 8px;}\n .intro p{font-size:16px;color:var(--ink);}\n .intro p + p{margin-top:16px;}\n\n \/* ---------- SECTION HEADS ---------- *\/\n section{padding:64px 0;}\n section + section{border-top:1px solid var(--line);}\n .section-head{margin-bottom:40px;}\n .section-head .eyebrow{margin-bottom:14px;}\n .section-head h2{font-size:clamp(24px,3.6vw,32px);line-height:1.5;}\n\n \/* ---------- NUMBERED GRID ---------- *\/\n .grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:1px;\n background:var(--line);\n border:1px solid var(--line);\n }\n .card{\n background:var(--white);\n padding:32px 28px;\n }\n .card .num{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:13px;\n font-weight:700;\n color:var(--accent);\n letter-spacing:.08em;\n }\n .card h3{\n font-size:17px;\n margin-top:14px;\n line-height:1.6;\n }\n .card p{\n margin-top:10px;\n font-size:14.5px;\n color:var(--ink-soft);\n }\n\n \/* ---------- SIMULATOR (signature element) ---------- *\/\n .sim{\n background:var(--panel);\n border:1px solid var(--line);\n padding:36px 28px 32px;\n }\n .sim-top{\n display:flex;\n justify-content:space-between;\n align-items:flex-end;\n flex-wrap:wrap;\n gap:16px;\n margin-bottom:24px;\n }\n .sim-top h3{font-size:18px;}\n .sim-top p{margin-top:6px;font-size:13.5px;color:var(--ink-soft);max-width:44ch;}\n .sim-btn{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:700;\n font-size:13.5px;\n letter-spacing:.04em;\n color:var(--white);\n background:var(--accent);\n border:none;\n padding:12px 22px;\n border-radius:2px;\n cursor:pointer;\n white-space:nowrap;\n transition:background .15s ease, transform .1s ease;\n }\n .sim-btn:hover{background:var(--accent-deep);}\n .sim-btn:active{transform:scale(.97);}\n .sim-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:10px;\n }\n .slot{\n background:var(--white);\n border:1px solid var(--line);\n padding:16px 12px;\n text-align:center;\n min-height:118px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n align-items:center;\n gap:8px;\n transition:opacity .25s ease, transform .25s ease;\n }\n .slot .icon{font-size:26px;line-height:1;}\n .slot .name{font-size:12.5px;font-weight:700;}\n .slot .status{\n font-size:10.5px;\n font-weight:700;\n letter-spacing:.03em;\n padding:3px 8px;\n border-radius:999px;\n }\n .status.new{background:#E7EFE4;color:var(--ok);}\n .status.few{background:#FBEADF;color:var(--accent-deep);}\n .status.sold{background:#F3E3E0;color:var(--warn);}\n .sim-note{\n margin-top:18px;\n font-size:12.5px;\n color:var(--ink-soft);\n }\n .sim-note b{color:var(--ink);}\n\n \/* ---------- SPLIT ---------- *\/\n .split{display:grid;grid-template-columns:1fr 1fr;gap:32px;}\n .split .box{\n border-left:2px solid var(--accent);\n padding-left:20px;\n }\n .split .box h3{font-size:16px;margin-bottom:10px;}\n .split .box p{font-size:14.5px;color:var(--ink-soft);}\n\n \/* ---------- HONEST \/ CON LIST ---------- *\/\n .con-list{margin-top:8px;}\n .con-item{\n display:grid;\n grid-template-columns:56px 1fr;\n gap:20px;\n padding:26px 0;\n border-top:1px solid var(--line);\n }\n .con-item:last-child{border-bottom:1px solid var(--line);}\n .con-item .num{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:22px;\n font-weight:700;\n color:var(--line);\n }\n .con-item h3{font-size:16px;margin-bottom:8px;}\n .con-item p{font-size:14.5px;color:var(--ink-soft);}\n\n \/* ---------- CALLOUT ---------- *\/\n .callout{\n background:var(--panel-2);\n border-left:3px solid var(--accent);\n padding:24px 26px;\n margin-top:36px;\n }\n .callout .k{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:12px;\n font-weight:700;\n letter-spacing:.1em;\n color:var(--accent-deep);\n text-transform:uppercase;\n }\n .callout p{margin-top:10px;font-size:14.5px;color:var(--ink);}\n\n \/* ---------- BRAND NOTE ---------- *\/\n .brand-note{\n background:var(--ink);\n color:var(--bg);\n padding:52px 40px;\n border-radius:2px;\n }\n .brand-note .eyebrow{color:var(--accent-soft);}\n .brand-note .eyebrow::before{background:var(--accent-soft);}\n .brand-note p{\n margin-top:20px;\n font-size:17px;\n line-height:1.95;\n max-width:56ch;\n }\n .brand-note .sign{\n margin-top:24px;\n font-size:13px;\n color:#B8AFA4;\n letter-spacing:.04em;\n }\n\n \/* ---------- CTA ---------- *\/\n .cta{\n text-align:center;\n padding:72px 0 96px;\n }\n .cta h2{font-size:clamp(22px,3.4vw,28px);line-height:1.55;}\n .cta p{margin-top:14px;color:var(--ink-soft);font-size:14.5px;}\n .cta a.btn{\n display:inline-block;\n margin-top:28px;\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:700;\n font-size:14.5px;\n letter-spacing:.04em;\n color:var(--white);\n background:var(--accent);\n padding:16px 36px;\n text-decoration:none;\n border-radius:2px;\n transition:background .15s ease;\n }\n .cta a.btn:hover{background:var(--accent-deep);}\n\n footer{\n padding:32px 0 60px;\n text-align:center;\n font-size:12px;\n color:var(--ink-soft);\n letter-spacing:.04em;\n }\n\n \/* ---------- reveal on scroll ---------- *\/\n .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease;}\n .reveal.in{opacity:1;transform:translateY(0);}\n\n @media (prefers-reduced-motion: reduce){\n .reveal{opacity:1;transform:none;transition:none;}\n html{scroll-behavior:auto;}\n }\n\n @media (max-width:680px){\n .grid{grid-template-columns:1fr;}\n .split{grid-template-columns:1fr;gap:28px;}\n .sim-grid{grid-template-columns:repeat(2,1fr);}\n .con-item{grid-template-columns:36px 1fr;gap:14px;}\n .brand-note{padding:36px 24px;}\n .hero{padding:56px 0 32px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap hero reveal in\">\n <div class=\"eyebrow\">mobler \/ SHOP GUIDE<\/div>\n <h1>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001<br><em>\u6b63\u76f4\u306a<\/em>\u5f37\u307f\u3068\u5f31\u307f\u3002<\/h1>\n <p class=\"lede\">\u300c\u5b89\u3044\u304b\u3089\u3001\u4f55\u304b\u3042\u308b\u3093\u3058\u3083\u306a\u3044\u304b\u300d\u2014\u2014\u305d\u3046\u601d\u308f\u308c\u304c\u3061\u306a\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u3002\u5b9f\u969b\u306b\u4e00\u70b9\u3082\u306e\u3092\u6bce\u65e5\u6271\u3063\u3066\u3044\u308b\u7acb\u5834\u304b\u3089\u3001\u826f\u3044\u3068\u3053\u308d\u3082\u3001\u305d\u3046\u3067\u306a\u3044\u3068\u3053\u308d\u3082\u3001\u96a0\u3055\u305a\u306b\u66f8\u304d\u307e\u3059\u3002<\/p>\n <div class=\"tags\">\n <span class=\"tag\">\u691c\u54c1\u6e08<\/span>\n <span class=\"tag\">\u4e00\u70b9\u3082\u306e<\/span>\n <span class=\"tag\">\u6b63\u76f4\u306a\u8a71<\/span>\n <\/div>\n <div class=\"hero-rule\"><\/div>\n<\/div>\n\n<div class=\"wrap intro reveal\">\n <p>\u7d50\u8ad6\u304b\u3089\u8a00\u3046\u3068\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u306e\u5f37\u307f\u306f\u300c\u5b89\u3055\u300d\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u751f\u307e\u308c\u308b\u51fa\u4f1a\u3044\u65b9\u3001\u9078\u3073\u65b9\u3001\u5c4a\u304d\u65b9\u304c\u3042\u308a\u307e\u3059\u3002\u3082\u3061\u308d\u3093\u3001\u826f\u3044\u3053\u3068\u3070\u304b\u308a\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u4eca\u65e5\u306f\u3001mobler\uff08\u30e2\u30d6\u30e9\u30fc\uff09\u304c\u666e\u6bb5\u306e\u904b\u55b6\u306e\u4e2d\u3067\u611f\u3058\u3066\u3044\u308b\u5f37\u307f\u3068\u5f31\u307f\u3092\u3001\u305d\u306e\u307e\u307e\u4e26\u3079\u3066\u307f\u307e\u3059\u3002<\/p>\n<\/div>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Why outlet<\/div>\n <h2>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u3001<br>\u3067\u304d\u308b\u3053\u3068\u3002<\/h2>\n <\/div>\n\n <div class=\"grid reveal\">\n <div class=\"card\">\n <div class=\"num\">01<\/div>\n <h3>\u4e00\u70b9\u3082\u306e\u304c\u3001\u5b89\u304f\u624b\u306b\u5165\u308b<\/h3>\n <p>\u5c55\u793a\u4f1a\u30fb\u64ae\u5f71\u30fb\u30b7\u30e7\u30fc\u30eb\u30fc\u30e0\u306a\u3069\u3067\u4e00\u5ea6\u3060\u3051\u4f7f\u308f\u308c\u305f\u54c1\u3084\u3001\u5728\u5eab\u51e6\u5206\u54c1\u3092\u4ed5\u5165\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u901a\u5e38\u30eb\u30fc\u30c8\u3067\u306f\u51fa\u305b\u306a\u3044\u4fa1\u683c\u3067\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">02<\/div>\n <h3>\u6bce\u9031\u30c1\u30a7\u30c3\u30af\u3057\u3066\u3082\u3001\u9055\u3046\u5546\u54c1\u3068\u51fa\u4f1a\u3048\u308b<\/h3>\n <p>\u5165\u8377\u306f\u6bce\u65e5\u30fb\u6bce\u9031\u52d5\u3044\u3066\u3044\u307e\u3059\u3002\u4eca\u9031\u306a\u304b\u3063\u305f\u3082\u306e\u304c\u6765\u9031\u306b\u4e26\u3076\u3053\u3068\u3082\u3042\u308a\u3001\u8997\u304f\u305f\u3073\u306b\u9055\u3046\u4e00\u70b9\u304c\u5f85\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">03<\/div>\n <h3>\u50b7\u304c\u3042\u308c\u3070\u3001\u4e8b\u524d\u306b\u304d\u3061\u3093\u3068\u8a18\u8f09<\/h3>\n <p>\u72b6\u614b\u306e\u826f\u3057\u60aa\u3057\u306b\u95a2\u308f\u3089\u305a\u3001\u6c17\u306b\u306a\u308b\u70b9\u306f\u3059\u3079\u3066\u5546\u54c1\u30da\u30fc\u30b8\u306b\u6b63\u76f4\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002\u5c4a\u3044\u3066\u304b\u3089\u300c\u77e5\u3089\u306a\u304b\u3063\u305f\u300d\u304c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">04<\/div>\n <h3>\u5bb6\u3067\u3058\u3063\u304f\u308a\u6bd4\u8f03\u3057\u306a\u304c\u3089\u9078\u3079\u308b<\/h3>\n <p>\u304a\u5e97\u306b\u4f55\u5ea6\u3082\u8db3\u3092\u904b\u3070\u306a\u304f\u3066\u3082\u3001\u81ea\u5b85\u3067\u5199\u771f\u3068\u8aac\u660e\u3092\u898b\u6bd4\u3079\u306a\u304c\u3089\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u9078\u3076\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">One of a kind<\/div>\n <h2>\u540c\u3058\u5546\u54c1\u304c\u3001<em>\u307e\u305f<\/em>\u5165\u308b\u3068\u306f\u9650\u3089\u306a\u3044\u3002<\/h2>\n <p style=\"margin-top:16px;color:var(--ink-soft);font-size:15px;max-width:58ch;\">\u4e00\u70b9\u3082\u306e\u306a\u306e\u3067\u3001\u540c\u3058\u5546\u54c1\u304c\u6b21\u306b\u5165\u8377\u3059\u308b\u304b\u3069\u3046\u304b\u306f\u6b63\u76f4\u308f\u304b\u308a\u307e\u305b\u3093\u3002\u5165\u308b\u53ef\u80fd\u6027\u3082\u3042\u308c\u3070\u3001\u5165\u3089\u306a\u3044\u53ef\u80fd\u6027\u3082\u3042\u308b\u3002\u305d\u306e\u30e9\u30f3\u30c0\u30e0\u3055\u3053\u305d\u304c\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u306e\u918d\u9190\u5473\u3067\u3082\u3042\u308a\u307e\u3059\u3002\u8a66\u3057\u306b\u3001\u5728\u5eab\u306e\u52d5\u304d\u3092\u8997\u3044\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n <div class=\"sim reveal\">\n <div class=\"sim-top\">\n <div>\n <h3>\u4eca\u9031\u306e\u5728\u5eab\u3001\u306e\u305e\u3044\u3066\u307f\u308b<\/h3>\n <p>\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u305f\u3073\u306b\u3001\u5728\u5eab\u306e\u72b6\u614b\u304c\u30e9\u30f3\u30c0\u30e0\u306b\u5165\u308c\u66ff\u308f\u308a\u307e\u3059\u3002\u5b9f\u969b\u306e\u5165\u8377\u3082\u3001\u3053\u308c\u3068\u540c\u3058\u611f\u899a\u3067\u52d5\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <button class=\"sim-btn\" id=\"shuffleBtn\">\u5728\u5eab\u3092\u66f4\u65b0\u3059\u308b \u21bb<\/button>\n <\/div>\n <div class=\"sim-grid\" id=\"simGrid\"><\/div>\n <p class=\"sim-note\"><b>NEW<\/b> = \u65b0\u7740\u5165\u8377 \uff0f <b>\u6b8b\u308a\u308f\u305a\u304b<\/b> = \u4e00\u70b9\u306e\u307f \uff0f <b>\u5b8c\u58f2<\/b> = \u6b21\u306e\u5165\u8377\u306f\u672a\u5b9a\u3067\u3059<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Delivery<\/div>\n <h2>\u9078\u3093\u3060\u3042\u3068\u3082\u3001\u624b\u9593\u3092\u304b\u3051\u305a\u306b\u3002<\/h2>\n <\/div>\n <div class=\"split reveal\">\n <div class=\"box\">\n <h3>\u304a\u5b9d\u63a2\u3057\u6c17\u5206\u3067\u697d\u3057\u3081\u308b<\/h3>\n <p>\u300c\u4eca\u9031\u306f\u4f55\u304c\u5165\u3063\u3066\u3044\u308b\u3060\u308d\u3046\u300d\u3068\u8997\u304f\u3053\u3068\u81ea\u4f53\u304c\u3001\u5b9d\u63a2\u3057\u306e\u3088\u3046\u306a\u6642\u9593\u306b\u306a\u308a\u307e\u3059\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u3001\u898b\u3064\u3051\u305f\u3068\u304d\u306e\u6c17\u6301\u3061\u3088\u3055\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"box\">\n <h3>\u7384\u95a2\u307e\u3067\u914d\u9054<\/h3>\n <p>\u6c17\u306b\u306a\u308b\u4e00\u70b9\u304c\u6c7a\u307e\u308c\u3070\u3001\u3042\u3068\u306f\u5f85\u3064\u3060\u3051\u3002\u5927\u578b\u5bb6\u5177\u3067\u3082\u7384\u95a2\u5148\u307e\u3067\u914d\u9001\u3059\u308b\u306e\u3067\u3001\u91cd\u3044\u8377\u7269\u3092\u904b\u3076\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Honestly<\/div>\n <h2>\u6b63\u76f4\u306b\u8a00\u3046\u3068\u3001<br><em>\u30c7\u30e1\u30ea\u30c3\u30c8<\/em>\u3082\u3042\u308a\u307e\u3059\u3002<\/h2>\n <\/div>\n\n <div class=\"con-list reveal\">\n <div class=\"con-item\">\n <div class=\"num\">01<\/div>\n <div>\n <h3>\u5230\u7740\u307e\u30671\u9031\u9593\u307b\u3069\u304b\u304b\u308a\u307e\u3059<\/h3>\n <p>\u5927\u578b\u5546\u54c1\u306e\u305f\u3081\u3001\u901a\u5e38\u306e\u5b85\u914d\u4fbf\u3068\u306f\u7570\u306a\u308b\u7279\u6b8a\u306a\u914d\u9001\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u624b\u5143\u306b\u5c4a\u304f\u307e\u3067\u30011\u9031\u9593\u307b\u3069\u898b\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"con-item\">\n <div class=\"num\">02<\/div>\n <div>\n <h3>\u307b\u3057\u304b\u3063\u305f\u5546\u54c1\u304c\u3001\u5148\u306b\u58f2\u308a\u5207\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059<\/h3>\n <p>\u4e00\u70b9\u3082\u306e\u306a\u306e\u3067\u3001\u8ff7\u3063\u3066\u3044\u308b\u9593\u306b\u4ed6\u306e\u65b9\u306b\u6c7a\u307e\u3063\u3066\u3057\u307e\u3046\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u6c17\u306b\u306a\u308b\u4e00\u70b9\u306f\u3001\u304a\u65e9\u3081\u306e\u3054\u691c\u8a0e\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"con-item\">\n <div class=\"num\">03<\/div>\n <div>\n <h3>\u50b7\u304c\u3042\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059<\/h3>\n <p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u54c1\u3067\u3042\u308b\u4ee5\u4e0a\u3001\u5c0f\u3055\u306a\u50b7\u3084\u4f7f\u7528\u611f\u304c\u3042\u308b\u5546\u54c1\u3082\u542b\u307e\u308c\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u305d\u306e\u5834\u5408\u306f\u5fc5\u305a\u5546\u54c1\u30da\u30fc\u30b8\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"callout reveal\">\n <div class=\"k\">Please note<\/div>\n <p>\u5165\u8377\u306f\u3042\u304f\u307e\u3067\u30e9\u30f3\u30c0\u30e0\u3067\u3059\u3002\u300c\u540c\u3058\u3082\u306e\u304c\u307e\u305f\u5165\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u300d\u3068\u5f85\u3063\u3066\u3044\u308b\u3046\u3061\u306b\u3001\u305d\u306e\u4e00\u70b9\u306f\u4ed6\u306e\u65b9\u306e\u624b\u306b\u6e21\u3063\u3066\u3044\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u6c17\u306b\u306a\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u304c\u3001\u3044\u3061\u3070\u3093\u306e\u8cb7\u3044\u6642\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"brand-note reveal\">\n <div class=\"eyebrow\">mobler \/ ABOUT US<\/div>\n <p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u306f\u3001\u5b89\u3055\u306e\u305f\u3081\u306e\u624b\u6bb5\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u307e\u3060\u5341\u5206\u306b\u4f7f\u3048\u308b\u5bb6\u5177\u3092\u3001\u5fc5\u8981\u306a\u4eba\u306e\u3082\u3068\u3078\u5c4a\u3051\u308b\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3067\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u826f\u3044\u3068\u3053\u308d\u3082\u5f31\u3044\u3068\u3053\u308d\u3082\u3001\u96a0\u3055\u305a\u4f1d\u3048\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002\u304a\u5e97\u3067\u6bd4\u8f03\u3059\u308b\u3088\u3046\u306b\u3001\u3086\u3063\u304f\u308a\u9078\u3093\u3067\u3082\u3089\u3048\u305f\u3089\u5b09\u3057\u3044\u3067\u3059\u3002<\/p>\n <div class=\"sign\">mobler \u4ee3\u8868 \u677f\u5009\u5efa\u543e<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"wrap cta reveal\">\n <h2>\u4eca\u9031\u3082\u3001\u3069\u3053\u304b\u3067\u65b0\u3057\u3044\u4e00\u70b9\u304c\u5165\u3063\u3066\u3044\u307e\u3059\u3002<\/h2>\n <p>\u6bce\u9031\u66f4\u65b0\u4e2d\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u51fa\u4f1a\u3048\u308b\u4fa1\u683c\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <a class=\"btn\" href=\"https:\/\/www.mobler.co.jp\/SHOP\/238657\/list.html\">\u4eca\u9031\u306e\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u3092\u898b\u308b \u2192<\/a>\n<\/div>\n\n<footer>mobler\uff08\u30e2\u30d6\u30e9\u30fc\uff09\u2014 \u5bb6\u5177\u30fb\u30a4\u30f3\u30c6\u30ea\u30a2 \u30aa\u30d5\u30d7\u30e9\u30a4\u30b9\u30b9\u30c8\u30a2<\/footer>\n\n<script>\n \/\/ scroll reveal\n const revealEls = document.querySelectorAll('.reveal');\n const io = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n e.target.classList.add('in');\n io.unobserve(e.target);\n }\n });\n },{threshold:0.12});\n revealEls.forEach(el=>io.observe(el));\n\n \/\/ inventory simulator\n const items = [\n {icon:\"\ud83d\udecb\ufe0f\", name:\"2\u4eba\u639b\u3051\u30bd\u30d5\u30a1\"},\n {icon:\"\ud83e\ude91\", name:\"\u30c0\u30a4\u30cb\u30f3\u30b0\u30c1\u30a7\u30a2\"},\n {icon:\"\ud83d\udecf\ufe0f\", name:\"\u3059\u306e\u3053\u30d9\u30c3\u30c9\"},\n {icon:\"\ud83d\uddc4\ufe0f\", name:\"\u30c1\u30a7\u30b9\u30c8\"},\n {icon:\"\ud83d\udcfa\", name:\"\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\"},\n {icon:\"\ud83e\ude9f\", name:\"\u30ad\u30c3\u30c1\u30f3\u53ce\u7d0d\"},\n {icon:\"\ud83e\uddfa\", name:\"\u30ab\u30fc\u30da\u30c3\u30c8\"},\n {icon:\"\ud83d\udd25\", name:\"\u3053\u305f\u3064\"}\n ];\n const statuses = [\n {label:\"NEW\", cls:\"new\"},\n {label:\"\u6b8b\u308a\u308f\u305a\u304b\", cls:\"few\"},\n {label:\"\u5b8c\u58f2\", cls:\"sold\"},\n {label:\"NEW\", cls:\"new\"}\n ];\n\n function shuffle(arr){\n const a = arr.slice();\n for(let i=a.length-1;i>0;i--){\n const j = Math.floor(Math.random()*(i+1));\n [a[i],a[j]]=[a[j],a[i]];\n }\n return a;\n }\n\n function renderGrid(){\n const grid = document.getElementById('simGrid');\n const picked = shuffle(items).slice(0,4);\n const stat = shuffle(statuses);\n grid.innerHTML = \"\";\n picked.forEach((it,idx)=>{\n const s = stat[idx];\n const slot = document.createElement('div');\n slot.className = 'slot';\n slot.style.opacity = 0;\n slot.innerHTML = `\n <div class=\"icon\">${it.icon}<\/div>\n <div class=\"name\">${it.name}<\/div>\n <div class=\"status ${s.cls}\">${s.label}<\/div>\n `;\n grid.appendChild(slot);\n requestAnimationFrame(()=>{ slot.style.opacity = 1; });\n });\n }\n\n document.getElementById('shuffleBtn').addEventListener('click', renderGrid);\n renderGrid();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001\u5f37\u307f\u3068\u5f31\u307f\u3002 | mobler mobler \/ SHOP GU <a href=\"https:\/\/www.mobler.co.jp\/blog\/?p=247\" class=\"btn btn-link continue-link\">\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247"}],"collection":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=247"}],"version-history":[{"count":1,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":247,"date":"2026-08-24T15:52:47","date_gmt":"2026-08-24T06:52:47","guid":{"rendered":"https:\/\/www.mobler.co.jp\/blog\/?p=247"},"modified":"2026-08-24T15:52:49","modified_gmt":"2026-08-24T06:52:49","slug":"%e3%82%a2%e3%82%a6%e3%83%88%e3%83%ac%e3%83%83%e3%83%88%e5%ae%b6%e5%85%b7%e5%b0%82%e9%96%80%e5%ba%97%e3%81%a0%e3%81%8b%e3%82%89%e3%81%93%e3%81%9d%e3%81%ae%e3%80%81%e5%bc%b7%e3%81%bf%e3%81%a8%e5%bc%b1","status":"publish","type":"post","link":"https:\/\/www.mobler.co.jp\/blog\/?p=247","title":{"rendered":"\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001\u5f37\u307f\u3068\u5f31\u307f\u3002"},"content":{"rendered":"\n\n\n\n\n\n\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001\u5f37\u307f\u3068\u5f31\u307f\u3002 | mobler<\/title>\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=Zen+Kaku+Gothic+New:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#FAF7F2;\n --panel:#F1E9DD;\n --panel-2:#EDE2D0;\n --ink:#2B2622;\n --ink-soft:#7A6F63;\n --accent:#C1592F;\n --accent-deep:#8F3D1F;\n --accent-soft:#F1CBB4;\n --line:#E3D7C4;\n --white:#FFFFFF;\n --ok:#5C7A5A;\n --warn:#B23A2E;\n }\n *{box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n margin:0;\n background:var(--bg);\n color:var(--ink);\n font-family:'Noto Sans JP',sans-serif;\n line-height:1.85;\n -webkit-font-smoothing:antialiased;\n }\n h1,h2,h3{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:900;\n margin:0;\n letter-spacing:.01em;\n }\n em{\n font-style:normal;\n color:var(--accent);\n position:relative;\n }\n .wrap{max-width:780px;margin:0 auto;padding:0 24px;}\n .eyebrow{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:12px;\n letter-spacing:.24em;\n color:var(--accent-deep);\n text-transform:uppercase;\n font-weight:700;\n }\n .eyebrow::before{\n content:\"\";\n display:inline-block;\n width:22px;height:1px;\n background:var(--accent);\n margin-right:10px;\n vertical-align:middle;\n }\n\n \/* ---------- HERO ---------- *\/\n .hero{padding:88px 0 40px;}\n .hero .eyebrow{margin-bottom:22px;}\n .hero h1{\n font-size:clamp(30px,5.4vw,46px);\n line-height:1.42;\n letter-spacing:.005em;\n }\n .hero .lede{\n margin-top:22px;\n color:var(--ink-soft);\n font-size:16px;\n max-width:56ch;\n }\n .tags{margin-top:28px;display:flex;gap:8px;flex-wrap:wrap;}\n .tag{\n font-size:12px;\n font-weight:700;\n letter-spacing:.06em;\n padding:6px 14px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--ink-soft);\n background:var(--white);\n }\n .hero-rule{\n margin-top:44px;\n height:1px;\n background:linear-gradient(90deg,var(--accent) 0 64px,var(--line) 64px 100%);\n }\n\n \/* ---------- INTRO ---------- *\/\n .intro{padding:44px 0 8px;}\n .intro p{font-size:16px;color:var(--ink);}\n .intro p + p{margin-top:16px;}\n\n \/* ---------- SECTION HEADS ---------- *\/\n section{padding:64px 0;}\n section + section{border-top:1px solid var(--line);}\n .section-head{margin-bottom:40px;}\n .section-head .eyebrow{margin-bottom:14px;}\n .section-head h2{font-size:clamp(24px,3.6vw,32px);line-height:1.5;}\n\n \/* ---------- NUMBERED GRID ---------- *\/\n .grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:1px;\n background:var(--line);\n border:1px solid var(--line);\n }\n .card{\n background:var(--white);\n padding:32px 28px;\n }\n .card .num{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:13px;\n font-weight:700;\n color:var(--accent);\n letter-spacing:.08em;\n }\n .card h3{\n font-size:17px;\n margin-top:14px;\n line-height:1.6;\n }\n .card p{\n margin-top:10px;\n font-size:14.5px;\n color:var(--ink-soft);\n }\n\n \/* ---------- SIMULATOR (signature element) ---------- *\/\n .sim{\n background:var(--panel);\n border:1px solid var(--line);\n padding:36px 28px 32px;\n }\n .sim-top{\n display:flex;\n justify-content:space-between;\n align-items:flex-end;\n flex-wrap:wrap;\n gap:16px;\n margin-bottom:24px;\n }\n .sim-top h3{font-size:18px;}\n .sim-top p{margin-top:6px;font-size:13.5px;color:var(--ink-soft);max-width:44ch;}\n .sim-btn{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:700;\n font-size:13.5px;\n letter-spacing:.04em;\n color:var(--white);\n background:var(--accent);\n border:none;\n padding:12px 22px;\n border-radius:2px;\n cursor:pointer;\n white-space:nowrap;\n transition:background .15s ease, transform .1s ease;\n }\n .sim-btn:hover{background:var(--accent-deep);}\n .sim-btn:active{transform:scale(.97);}\n .sim-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:10px;\n }\n .slot{\n background:var(--white);\n border:1px solid var(--line);\n padding:16px 12px;\n text-align:center;\n min-height:118px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n align-items:center;\n gap:8px;\n transition:opacity .25s ease, transform .25s ease;\n }\n .slot .icon{font-size:26px;line-height:1;}\n .slot .name{font-size:12.5px;font-weight:700;}\n .slot .status{\n font-size:10.5px;\n font-weight:700;\n letter-spacing:.03em;\n padding:3px 8px;\n border-radius:999px;\n }\n .status.new{background:#E7EFE4;color:var(--ok);}\n .status.few{background:#FBEADF;color:var(--accent-deep);}\n .status.sold{background:#F3E3E0;color:var(--warn);}\n .sim-note{\n margin-top:18px;\n font-size:12.5px;\n color:var(--ink-soft);\n }\n .sim-note b{color:var(--ink);}\n\n \/* ---------- SPLIT ---------- *\/\n .split{display:grid;grid-template-columns:1fr 1fr;gap:32px;}\n .split .box{\n border-left:2px solid var(--accent);\n padding-left:20px;\n }\n .split .box h3{font-size:16px;margin-bottom:10px;}\n .split .box p{font-size:14.5px;color:var(--ink-soft);}\n\n \/* ---------- HONEST \/ CON LIST ---------- *\/\n .con-list{margin-top:8px;}\n .con-item{\n display:grid;\n grid-template-columns:56px 1fr;\n gap:20px;\n padding:26px 0;\n border-top:1px solid var(--line);\n }\n .con-item:last-child{border-bottom:1px solid var(--line);}\n .con-item .num{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:22px;\n font-weight:700;\n color:var(--line);\n }\n .con-item h3{font-size:16px;margin-bottom:8px;}\n .con-item p{font-size:14.5px;color:var(--ink-soft);}\n\n \/* ---------- CALLOUT ---------- *\/\n .callout{\n background:var(--panel-2);\n border-left:3px solid var(--accent);\n padding:24px 26px;\n margin-top:36px;\n }\n .callout .k{\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-size:12px;\n font-weight:700;\n letter-spacing:.1em;\n color:var(--accent-deep);\n text-transform:uppercase;\n }\n .callout p{margin-top:10px;font-size:14.5px;color:var(--ink);}\n\n \/* ---------- BRAND NOTE ---------- *\/\n .brand-note{\n background:var(--ink);\n color:var(--bg);\n padding:52px 40px;\n border-radius:2px;\n }\n .brand-note .eyebrow{color:var(--accent-soft);}\n .brand-note .eyebrow::before{background:var(--accent-soft);}\n .brand-note p{\n margin-top:20px;\n font-size:17px;\n line-height:1.95;\n max-width:56ch;\n }\n .brand-note .sign{\n margin-top:24px;\n font-size:13px;\n color:#B8AFA4;\n letter-spacing:.04em;\n }\n\n \/* ---------- CTA ---------- *\/\n .cta{\n text-align:center;\n padding:72px 0 96px;\n }\n .cta h2{font-size:clamp(22px,3.4vw,28px);line-height:1.55;}\n .cta p{margin-top:14px;color:var(--ink-soft);font-size:14.5px;}\n .cta a.btn{\n display:inline-block;\n margin-top:28px;\n font-family:'Zen Kaku Gothic New',sans-serif;\n font-weight:700;\n font-size:14.5px;\n letter-spacing:.04em;\n color:var(--white);\n background:var(--accent);\n padding:16px 36px;\n text-decoration:none;\n border-radius:2px;\n transition:background .15s ease;\n }\n .cta a.btn:hover{background:var(--accent-deep);}\n\n footer{\n padding:32px 0 60px;\n text-align:center;\n font-size:12px;\n color:var(--ink-soft);\n letter-spacing:.04em;\n }\n\n \/* ---------- reveal on scroll ---------- *\/\n .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease;}\n .reveal.in{opacity:1;transform:translateY(0);}\n\n @media (prefers-reduced-motion: reduce){\n .reveal{opacity:1;transform:none;transition:none;}\n html{scroll-behavior:auto;}\n }\n\n @media (max-width:680px){\n .grid{grid-template-columns:1fr;}\n .split{grid-template-columns:1fr;gap:28px;}\n .sim-grid{grid-template-columns:repeat(2,1fr);}\n .con-item{grid-template-columns:36px 1fr;gap:14px;}\n .brand-note{padding:36px 24px;}\n .hero{padding:56px 0 32px;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap hero reveal in\">\n <div class=\"eyebrow\">mobler \/ SHOP GUIDE<\/div>\n <h1>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001<br><em>\u6b63\u76f4\u306a<\/em>\u5f37\u307f\u3068\u5f31\u307f\u3002<\/h1>\n <p class=\"lede\">\u300c\u5b89\u3044\u304b\u3089\u3001\u4f55\u304b\u3042\u308b\u3093\u3058\u3083\u306a\u3044\u304b\u300d\u2014\u2014\u305d\u3046\u601d\u308f\u308c\u304c\u3061\u306a\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u3002\u5b9f\u969b\u306b\u4e00\u70b9\u3082\u306e\u3092\u6bce\u65e5\u6271\u3063\u3066\u3044\u308b\u7acb\u5834\u304b\u3089\u3001\u826f\u3044\u3068\u3053\u308d\u3082\u3001\u305d\u3046\u3067\u306a\u3044\u3068\u3053\u308d\u3082\u3001\u96a0\u3055\u305a\u306b\u66f8\u304d\u307e\u3059\u3002<\/p>\n <div class=\"tags\">\n <span class=\"tag\">\u691c\u54c1\u6e08<\/span>\n <span class=\"tag\">\u4e00\u70b9\u3082\u306e<\/span>\n <span class=\"tag\">\u6b63\u76f4\u306a\u8a71<\/span>\n <\/div>\n <div class=\"hero-rule\"><\/div>\n<\/div>\n\n<div class=\"wrap intro reveal\">\n <p>\u7d50\u8ad6\u304b\u3089\u8a00\u3046\u3068\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u306e\u5f37\u307f\u306f\u300c\u5b89\u3055\u300d\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u751f\u307e\u308c\u308b\u51fa\u4f1a\u3044\u65b9\u3001\u9078\u3073\u65b9\u3001\u5c4a\u304d\u65b9\u304c\u3042\u308a\u307e\u3059\u3002\u3082\u3061\u308d\u3093\u3001\u826f\u3044\u3053\u3068\u3070\u304b\u308a\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u4eca\u65e5\u306f\u3001mobler\uff08\u30e2\u30d6\u30e9\u30fc\uff09\u304c\u666e\u6bb5\u306e\u904b\u55b6\u306e\u4e2d\u3067\u611f\u3058\u3066\u3044\u308b\u5f37\u307f\u3068\u5f31\u307f\u3092\u3001\u305d\u306e\u307e\u307e\u4e26\u3079\u3066\u307f\u307e\u3059\u3002<\/p>\n<\/div>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Why outlet<\/div>\n <h2>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u3001<br>\u3067\u304d\u308b\u3053\u3068\u3002<\/h2>\n <\/div>\n\n <div class=\"grid reveal\">\n <div class=\"card\">\n <div class=\"num\">01<\/div>\n <h3>\u4e00\u70b9\u3082\u306e\u304c\u3001\u5b89\u304f\u624b\u306b\u5165\u308b<\/h3>\n <p>\u5c55\u793a\u4f1a\u30fb\u64ae\u5f71\u30fb\u30b7\u30e7\u30fc\u30eb\u30fc\u30e0\u306a\u3069\u3067\u4e00\u5ea6\u3060\u3051\u4f7f\u308f\u308c\u305f\u54c1\u3084\u3001\u5728\u5eab\u51e6\u5206\u54c1\u3092\u4ed5\u5165\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u901a\u5e38\u30eb\u30fc\u30c8\u3067\u306f\u51fa\u305b\u306a\u3044\u4fa1\u683c\u3067\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">02<\/div>\n <h3>\u6bce\u9031\u30c1\u30a7\u30c3\u30af\u3057\u3066\u3082\u3001\u9055\u3046\u5546\u54c1\u3068\u51fa\u4f1a\u3048\u308b<\/h3>\n <p>\u5165\u8377\u306f\u6bce\u65e5\u30fb\u6bce\u9031\u52d5\u3044\u3066\u3044\u307e\u3059\u3002\u4eca\u9031\u306a\u304b\u3063\u305f\u3082\u306e\u304c\u6765\u9031\u306b\u4e26\u3076\u3053\u3068\u3082\u3042\u308a\u3001\u8997\u304f\u305f\u3073\u306b\u9055\u3046\u4e00\u70b9\u304c\u5f85\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">03<\/div>\n <h3>\u50b7\u304c\u3042\u308c\u3070\u3001\u4e8b\u524d\u306b\u304d\u3061\u3093\u3068\u8a18\u8f09<\/h3>\n <p>\u72b6\u614b\u306e\u826f\u3057\u60aa\u3057\u306b\u95a2\u308f\u3089\u305a\u3001\u6c17\u306b\u306a\u308b\u70b9\u306f\u3059\u3079\u3066\u5546\u54c1\u30da\u30fc\u30b8\u306b\u6b63\u76f4\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002\u5c4a\u3044\u3066\u304b\u3089\u300c\u77e5\u3089\u306a\u304b\u3063\u305f\u300d\u304c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"num\">04<\/div>\n <h3>\u5bb6\u3067\u3058\u3063\u304f\u308a\u6bd4\u8f03\u3057\u306a\u304c\u3089\u9078\u3079\u308b<\/h3>\n <p>\u304a\u5e97\u306b\u4f55\u5ea6\u3082\u8db3\u3092\u904b\u3070\u306a\u304f\u3066\u3082\u3001\u81ea\u5b85\u3067\u5199\u771f\u3068\u8aac\u660e\u3092\u898b\u6bd4\u3079\u306a\u304c\u3089\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u9078\u3076\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">One of a kind<\/div>\n <h2>\u540c\u3058\u5546\u54c1\u304c\u3001<em>\u307e\u305f<\/em>\u5165\u308b\u3068\u306f\u9650\u3089\u306a\u3044\u3002<\/h2>\n <p style=\"margin-top:16px;color:var(--ink-soft);font-size:15px;max-width:58ch;\">\u4e00\u70b9\u3082\u306e\u306a\u306e\u3067\u3001\u540c\u3058\u5546\u54c1\u304c\u6b21\u306b\u5165\u8377\u3059\u308b\u304b\u3069\u3046\u304b\u306f\u6b63\u76f4\u308f\u304b\u308a\u307e\u305b\u3093\u3002\u5165\u308b\u53ef\u80fd\u6027\u3082\u3042\u308c\u3070\u3001\u5165\u3089\u306a\u3044\u53ef\u80fd\u6027\u3082\u3042\u308b\u3002\u305d\u306e\u30e9\u30f3\u30c0\u30e0\u3055\u3053\u305d\u304c\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u306e\u918d\u9190\u5473\u3067\u3082\u3042\u308a\u307e\u3059\u3002\u8a66\u3057\u306b\u3001\u5728\u5eab\u306e\u52d5\u304d\u3092\u8997\u3044\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n <div class=\"sim reveal\">\n <div class=\"sim-top\">\n <div>\n <h3>\u4eca\u9031\u306e\u5728\u5eab\u3001\u306e\u305e\u3044\u3066\u307f\u308b<\/h3>\n <p>\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u305f\u3073\u306b\u3001\u5728\u5eab\u306e\u72b6\u614b\u304c\u30e9\u30f3\u30c0\u30e0\u306b\u5165\u308c\u66ff\u308f\u308a\u307e\u3059\u3002\u5b9f\u969b\u306e\u5165\u8377\u3082\u3001\u3053\u308c\u3068\u540c\u3058\u611f\u899a\u3067\u52d5\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <button class=\"sim-btn\" id=\"shuffleBtn\">\u5728\u5eab\u3092\u66f4\u65b0\u3059\u308b \u21bb<\/button>\n <\/div>\n <div class=\"sim-grid\" id=\"simGrid\"><\/div>\n <p class=\"sim-note\"><b>NEW<\/b> = \u65b0\u7740\u5165\u8377 \uff0f <b>\u6b8b\u308a\u308f\u305a\u304b<\/b> = \u4e00\u70b9\u306e\u307f \uff0f <b>\u5b8c\u58f2<\/b> = \u6b21\u306e\u5165\u8377\u306f\u672a\u5b9a\u3067\u3059<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Delivery<\/div>\n <h2>\u9078\u3093\u3060\u3042\u3068\u3082\u3001\u624b\u9593\u3092\u304b\u3051\u305a\u306b\u3002<\/h2>\n <\/div>\n <div class=\"split reveal\">\n <div class=\"box\">\n <h3>\u304a\u5b9d\u63a2\u3057\u6c17\u5206\u3067\u697d\u3057\u3081\u308b<\/h3>\n <p>\u300c\u4eca\u9031\u306f\u4f55\u304c\u5165\u3063\u3066\u3044\u308b\u3060\u308d\u3046\u300d\u3068\u8997\u304f\u3053\u3068\u81ea\u4f53\u304c\u3001\u5b9d\u63a2\u3057\u306e\u3088\u3046\u306a\u6642\u9593\u306b\u306a\u308a\u307e\u3059\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u3001\u898b\u3064\u3051\u305f\u3068\u304d\u306e\u6c17\u6301\u3061\u3088\u3055\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"box\">\n <h3>\u7384\u95a2\u307e\u3067\u914d\u9054<\/h3>\n <p>\u6c17\u306b\u306a\u308b\u4e00\u70b9\u304c\u6c7a\u307e\u308c\u3070\u3001\u3042\u3068\u306f\u5f85\u3064\u3060\u3051\u3002\u5927\u578b\u5bb6\u5177\u3067\u3082\u7384\u95a2\u5148\u307e\u3067\u914d\u9001\u3059\u308b\u306e\u3067\u3001\u91cd\u3044\u8377\u7269\u3092\u904b\u3076\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">Honestly<\/div>\n <h2>\u6b63\u76f4\u306b\u8a00\u3046\u3068\u3001<br><em>\u30c7\u30e1\u30ea\u30c3\u30c8<\/em>\u3082\u3042\u308a\u307e\u3059\u3002<\/h2>\n <\/div>\n\n <div class=\"con-list reveal\">\n <div class=\"con-item\">\n <div class=\"num\">01<\/div>\n <div>\n <h3>\u5230\u7740\u307e\u30671\u9031\u9593\u307b\u3069\u304b\u304b\u308a\u307e\u3059<\/h3>\n <p>\u5927\u578b\u5546\u54c1\u306e\u305f\u3081\u3001\u901a\u5e38\u306e\u5b85\u914d\u4fbf\u3068\u306f\u7570\u306a\u308b\u7279\u6b8a\u306a\u914d\u9001\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u624b\u5143\u306b\u5c4a\u304f\u307e\u3067\u30011\u9031\u9593\u307b\u3069\u898b\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"con-item\">\n <div class=\"num\">02<\/div>\n <div>\n <h3>\u307b\u3057\u304b\u3063\u305f\u5546\u54c1\u304c\u3001\u5148\u306b\u58f2\u308a\u5207\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059<\/h3>\n <p>\u4e00\u70b9\u3082\u306e\u306a\u306e\u3067\u3001\u8ff7\u3063\u3066\u3044\u308b\u9593\u306b\u4ed6\u306e\u65b9\u306b\u6c7a\u307e\u3063\u3066\u3057\u307e\u3046\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u6c17\u306b\u306a\u308b\u4e00\u70b9\u306f\u3001\u304a\u65e9\u3081\u306e\u3054\u691c\u8a0e\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"con-item\">\n <div class=\"num\">03<\/div>\n <div>\n <h3>\u50b7\u304c\u3042\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059<\/h3>\n <p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u54c1\u3067\u3042\u308b\u4ee5\u4e0a\u3001\u5c0f\u3055\u306a\u50b7\u3084\u4f7f\u7528\u611f\u304c\u3042\u308b\u5546\u54c1\u3082\u542b\u307e\u308c\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u305d\u306e\u5834\u5408\u306f\u5fc5\u305a\u5546\u54c1\u30da\u30fc\u30b8\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"callout reveal\">\n <div class=\"k\">Please note<\/div>\n <p>\u5165\u8377\u306f\u3042\u304f\u307e\u3067\u30e9\u30f3\u30c0\u30e0\u3067\u3059\u3002\u300c\u540c\u3058\u3082\u306e\u304c\u307e\u305f\u5165\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u300d\u3068\u5f85\u3063\u3066\u3044\u308b\u3046\u3061\u306b\u3001\u305d\u306e\u4e00\u70b9\u306f\u4ed6\u306e\u65b9\u306e\u624b\u306b\u6e21\u3063\u3066\u3044\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u6c17\u306b\u306a\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u304c\u3001\u3044\u3061\u3070\u3093\u306e\u8cb7\u3044\u6642\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section>\n <div class=\"wrap\">\n <div class=\"brand-note reveal\">\n <div class=\"eyebrow\">mobler \/ ABOUT US<\/div>\n <p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u306f\u3001\u5b89\u3055\u306e\u305f\u3081\u306e\u624b\u6bb5\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u307e\u3060\u5341\u5206\u306b\u4f7f\u3048\u308b\u5bb6\u5177\u3092\u3001\u5fc5\u8981\u306a\u4eba\u306e\u3082\u3068\u3078\u5c4a\u3051\u308b\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3067\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u826f\u3044\u3068\u3053\u308d\u3082\u5f31\u3044\u3068\u3053\u308d\u3082\u3001\u96a0\u3055\u305a\u4f1d\u3048\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002\u304a\u5e97\u3067\u6bd4\u8f03\u3059\u308b\u3088\u3046\u306b\u3001\u3086\u3063\u304f\u308a\u9078\u3093\u3067\u3082\u3089\u3048\u305f\u3089\u5b09\u3057\u3044\u3067\u3059\u3002<\/p>\n <div class=\"sign\">mobler \u4ee3\u8868 \u677f\u5009\u5efa\u543e<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"wrap cta reveal\">\n <h2>\u4eca\u9031\u3082\u3001\u3069\u3053\u304b\u3067\u65b0\u3057\u3044\u4e00\u70b9\u304c\u5165\u3063\u3066\u3044\u307e\u3059\u3002<\/h2>\n <p>\u6bce\u9031\u66f4\u65b0\u4e2d\u3002\u4e00\u70b9\u3082\u306e\u3060\u304b\u3089\u3053\u305d\u51fa\u4f1a\u3048\u308b\u4fa1\u683c\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <a class=\"btn\" href=\"https:\/\/www.mobler.co.jp\/SHOP\/238657\/list.html\">\u4eca\u9031\u306e\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u3092\u898b\u308b \u2192<\/a>\n<\/div>\n\n<footer>mobler\uff08\u30e2\u30d6\u30e9\u30fc\uff09\u2014 \u5bb6\u5177\u30fb\u30a4\u30f3\u30c6\u30ea\u30a2 \u30aa\u30d5\u30d7\u30e9\u30a4\u30b9\u30b9\u30c8\u30a2<\/footer>\n\n<script>\n \/\/ scroll reveal\n const revealEls = document.querySelectorAll('.reveal');\n const io = new IntersectionObserver((entries)=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n e.target.classList.add('in');\n io.unobserve(e.target);\n }\n });\n },{threshold:0.12});\n revealEls.forEach(el=>io.observe(el));\n\n \/\/ inventory simulator\n const items = [\n {icon:\"\ud83d\udecb\ufe0f\", name:\"2\u4eba\u639b\u3051\u30bd\u30d5\u30a1\"},\n {icon:\"\ud83e\ude91\", name:\"\u30c0\u30a4\u30cb\u30f3\u30b0\u30c1\u30a7\u30a2\"},\n {icon:\"\ud83d\udecf\ufe0f\", name:\"\u3059\u306e\u3053\u30d9\u30c3\u30c9\"},\n {icon:\"\ud83d\uddc4\ufe0f\", name:\"\u30c1\u30a7\u30b9\u30c8\"},\n {icon:\"\ud83d\udcfa\", name:\"\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\"},\n {icon:\"\ud83e\ude9f\", name:\"\u30ad\u30c3\u30c1\u30f3\u53ce\u7d0d\"},\n {icon:\"\ud83e\uddfa\", name:\"\u30ab\u30fc\u30da\u30c3\u30c8\"},\n {icon:\"\ud83d\udd25\", name:\"\u3053\u305f\u3064\"}\n ];\n const statuses = [\n {label:\"NEW\", cls:\"new\"},\n {label:\"\u6b8b\u308a\u308f\u305a\u304b\", cls:\"few\"},\n {label:\"\u5b8c\u58f2\", cls:\"sold\"},\n {label:\"NEW\", cls:\"new\"}\n ];\n\n function shuffle(arr){\n const a = arr.slice();\n for(let i=a.length-1;i>0;i--){\n const j = Math.floor(Math.random()*(i+1));\n [a[i],a[j]]=[a[j],a[i]];\n }\n return a;\n }\n\n function renderGrid(){\n const grid = document.getElementById('simGrid');\n const picked = shuffle(items).slice(0,4);\n const stat = shuffle(statuses);\n grid.innerHTML = \"\";\n picked.forEach((it,idx)=>{\n const s = stat[idx];\n const slot = document.createElement('div');\n slot.className = 'slot';\n slot.style.opacity = 0;\n slot.innerHTML = `\n <div class=\"icon\">${it.icon}<\/div>\n <div class=\"name\">${it.name}<\/div>\n <div class=\"status ${s.cls}\">${s.label}<\/div>\n `;\n grid.appendChild(slot);\n requestAnimationFrame(()=>{ slot.style.opacity = 1; });\n });\n }\n\n document.getElementById('shuffleBtn').addEventListener('click', renderGrid);\n renderGrid();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\u5bb6\u5177\u5c02\u9580\u5e97\u3060\u304b\u3089\u3053\u305d\u306e\u3001\u5f37\u307f\u3068\u5f31\u307f\u3002 | mobler mobler \/ SHOP GU <a href=\"https:\/\/www.mobler.co.jp\/blog\/?p=247\" class=\"btn btn-link continue-link\">\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247"}],"collection":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=247"}],"version-history":[{"count":1,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/247\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mobler.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}