{"id":2,"date":"2026-05-09T02:29:59","date_gmt":"2026-05-09T02:29:59","guid":{"rendered":"http:\/\/www.member.pc-nothing.com\/?page_id=2"},"modified":"2026-05-22T06:54:51","modified_gmt":"2026-05-21T21:54:51","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.member.pc-nothing.com\/?page_id=2","title":{"rendered":"\u30c6\u30b9\u30c8\u30da\u30fc\u30b8\u30bb\u30af\u30b7\u30e7\u30f32"},"content":{"rendered":"\n\n<style>\n.mp{font-family:'Noto Sans JP',sans-serif;max-width:960px;margin:0 auto;color:#1a1a1a}\n\n\/* \u30d8\u30c3\u30c0\u30fc *\/\n.mp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:32px;border-bottom:1px solid #e8e8e8}\n.mp-header .logo{font-size:16px;font-weight:900;color:#1a3a1a}\n.mp-header .logo span{color:#2d6a2d}\n.mp-header .member-badge{background:#f0f7f0;color:#2d6a2d;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;border:1px solid #c8e6c8}\n\n\/* \u30a6\u30a7\u30eb\u30ab\u30e0\u30d0\u30fc *\/\n.welcome-bar{background:#1a3a1a;border-radius:12px;padding:20px 28px;margin-bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}\n.welcome-bar .msg{color:#fff;font-size:15px;font-weight:700}\n.welcome-bar .msg span{color:#a8e6a8}\n.welcome-bar .sub{color:#c8f0c8;font-size:13px}\n\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n.mp-sec-title{font-size:14px;font-weight:700;color:#888;letter-spacing:0.08em;margin:0 0 16px}\n\n\/* \u8b1b\u5ea7\u30b0\u30ea\u30c3\u30c9 *\/\n.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:48px}\n\n\/* \u8b1b\u5ea7\u30ab\u30fc\u30c9 *\/\n.mp-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform 0.2s,box-shadow 0.2s}\n.mp-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.09);text-decoration:none;color:inherit}\n\n\/* \u30b5\u30e0\u30cd *\/\n.mp-thumb{width:100%;aspect-ratio:16\/9;background:#f0f7f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}\n.mp-thumb img{width:100%;height:100%;object-fit:cover;display:block}\n.mp-thumb .ph{font-size:28px;opacity:0.3}\n.mp-thumb .ph-t{font-size:11px;color:#888}\n.mp-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:2px 9px;border-radius:3px}\n.mp-badge.excel{background:#1a3a1a;color:#a8e6a8}\n.mp-badge.macro{background:#0c3a5a;color:#a8d8ea}\n.mp-badge.soon{background:#888;color:#fff}\n\n\/* \u9032\u6357\u30d0\u30fc *\/\n.progress-wrap{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(0,0,0,0.15)}\n.progress-bar{height:100%;background:#4caf50;transition:width 0.3s}\n\n\/* \u30ab\u30fc\u30c9\u672c\u6587 *\/\n.mp-body{padding:14px 16px 18px}\n.mp-title{font-size:14px;font-weight:800;color:#1a3a1a;line-height:1.5;margin:0 0 8px}\n.mp-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#888}\n.mp-progress-text{font-size:11px;color:#2d6a2d;font-weight:700}\n\n\/* \u8fd1\u65e5\u516c\u958b *\/\n.mp-card.coming{opacity:0.55;pointer-events:none}\n\n\/* \u533a\u5207\u308a *\/\n.mp-divider{border:none;border-top:1px solid #eee;margin:8px 0 28px}\n<\/style>\n\n<div class=\"mp\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"mp-header\">\n    <div class=\"logo\">\u77ac\u7fd2<span>\u30a8\u30af\u30bb\u30eb<\/span>\u30a2\u30ab\u30c7\u30df\u30fc<\/div>\n    <div class=\"member-badge\">\u4f1a\u54e1\u30da\u30fc\u30b8<\/div>\n  <\/div>\n\n  <!-- \u30a6\u30a7\u30eb\u30ab\u30e0\u30d0\u30fc -->\n  <div class=\"welcome-bar\">\n    <div>\n      <div class=\"msg\">\u3088\u3046\u3053\u305d\uff01<span>\u5168\u8b1b\u5ea7\u898b\u653e\u984c\u30d7\u30e9\u30f3<\/span>\u3092\u3054\u5229\u7528\u4e2d\u3067\u3059<\/div>\n      <div class=\"sub\">\u53d7\u8b1b\u3057\u305f\u3044\u8b1b\u5ea7\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u5b66\u7fd2\u3092\u59cb\u3081\u307e\u3057\u3087\u3046<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u53d7\u8b1b\u53ef\u80fd\u306a\u8b1b\u5ea7 -->\n  <p class=\"mp-sec-title\">\u53d7\u8b1b\u53ef\u80fd\u306a\u8b1b\u5ea7<\/p>\n\n  <div class=\"mp-grid\">\n\n    <!-- \u8b1b\u5ea7\u2460 -->\n    <a class=\"mp-card\" href=\"#\">\n      <div class=\"mp-thumb\">\n        <!-- <img decoding=\"async\" src=\"\u30b5\u30e0\u30cdURL\" alt=\"Excel\u3067\u304d\u307e\u3059\u8b1b\u5ea7\"> -->\n        <span class=\"ph\">\ud83d\uddbc<\/span>\n        <span class=\"ph-t\">\u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a<\/span>\n        <span class=\"mp-badge excel\">Excel\u57fa\u790e<\/span>\n        <div class=\"progress-wrap\"><div class=\"progress-bar\" style=\"width:0%\"><\/div><\/div>\n      <\/div>\n      <div class=\"mp-body\">\n        <p class=\"mp-title\">\u300cExcel\u3067\u304d\u307e\u3059\u300d\u3068\u8a00\u3048\u308b\u3088\u3046\u306b\u306a\u308b\u8b1b\u5ea7<\/p>\n        <div class=\"mp-meta\">\n          <span>\u51687\u30bb\u30af\u30b7\u30e7\u30f3<\/span>\n          <span>\u7d044\u6642\u9593<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- \u8b1b\u5ea7\u2461 -->\n    <a class=\"mp-card\" href=\"#\">\n      <div class=\"mp-thumb\">\n        <!-- <img decoding=\"async\" src=\"\u30b5\u30e0\u30cdURL\" alt=\"\u30de\u30af\u30ed\u5165\u9580\u8b1b\u5ea7\"> -->\n        <span class=\"ph\">\ud83d\uddbc<\/span>\n        <span class=\"ph-t\">\u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a<\/span>\n        <span class=\"mp-badge macro\">\u30de\u30af\u30ed\u5165\u9580<\/span>\n        <div class=\"progress-wrap\"><div class=\"progress-bar\" style=\"width:0%\"><\/div><\/div>\n      <\/div>\n      <div class=\"mp-body\">\n        <p class=\"mp-title\">Excel\u30de\u30af\u30ed\u3067\u4ed5\u4e8b\u3092\u81ea\u52d5\u5316\uff01\u30de\u30af\u30ed\u5165\u9580\u8b1b\u5ea7<\/p>\n        <div class=\"mp-meta\">\n          <span>\u51687\u30bb\u30af\u30b7\u30e7\u30f3<\/span>\n          <span>\u7d045\u6642\u9593<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- \u8b1b\u5ea7\u2462\u301c\u2464\uff08\u8fd1\u65e5\u516c\u958b\uff09 -->\n    <a class=\"mp-card coming\" href=\"#\">\n      <div class=\"mp-thumb\">\n        <span class=\"ph\">\ud83d\uddbc<\/span>\n        <span class=\"ph-t\">\u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a<\/span>\n        <span class=\"mp-badge soon\">\u8fd1\u65e5\u516c\u958b<\/span>\n      <\/div>\n      <div class=\"mp-body\">\n        <p class=\"mp-title\">\u8b1b\u5ea7\u2462\u3000\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a<\/p>\n        <div class=\"mp-meta\"><span>\u516c\u958b\u6e96\u5099\u4e2d<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <a class=\"mp-card coming\" href=\"#\">\n      <div class=\"mp-thumb\">\n        <span class=\"ph\">\ud83d\uddbc<\/span>\n        <span class=\"ph-t\">\u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a<\/span>\n        <span class=\"mp-badge soon\">\u8fd1\u65e5\u516c\u958b<\/span>\n      <\/div>\n      <div class=\"mp-body\">\n        <p class=\"mp-title\">\u8b1b\u5ea7\u2463\u3000\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a<\/p>\n        <div class=\"mp-meta\"><span>\u516c\u958b\u6e96\u5099\u4e2d<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <a class=\"mp-card coming\" href=\"#\">\n      <div class=\"mp-thumb\">\n        <span class=\"ph\">\ud83d\uddbc<\/span>\n        <span class=\"ph-t\">\u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a<\/span>\n        <span class=\"mp-badge soon\">\u8fd1\u65e5\u516c\u958b<\/span>\n      <\/div>\n      <div class=\"mp-body\">\n        <p class=\"mp-title\">\u8b1b\u5ea7\u2464\u3000\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a<\/p>\n        <div class=\"mp-meta\"><span>\u516c\u958b\u6e96\u5099\u4e2d<\/span><\/div>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <hr class=\"mp-divider\">\n\n  <!-- \u304a\u77e5\u3089\u305b -->\n  <p class=\"mp-sec-title\">\u304a\u77e5\u3089\u305b<\/p>\n  <div style=\"background:#f9fafb;border-radius:10px;padding:16px 20px;font-size:13px;color:#555;line-height:1.8;\">\n    \ud83d\udccc \u6bce\u67081\u65e5\u306b\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u66f4\u65b0\u3055\u308c\u307e\u3059\u3002\u66f4\u65b0\u5f8c\u306f\u30e1\u30fc\u30eb\u3067\u3054\u6848\u5185\u3057\u307e\u3059\u3002<br>\n    \ud83d\udccc \u30d6\u30e9\u30a6\u30b6\u306e\u300c\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u4fdd\u5b58\u300d\u3092\u8a2d\u5b9a\u3057\u3066\u304a\u304f\u3068\u6b21\u56de\u304b\u3089\u81ea\u52d5\u3067\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\n  <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u77ac\u7fd2\u30a8\u30af\u30bb\u30eb\u30a2\u30ab\u30c7\u30df\u30fc \u4f1a\u54e1\u30da\u30fc\u30b8 \u3088\u3046\u3053\u305d\uff01\u5168\u8b1b\u5ea7\u898b\u653e\u984c\u30d7\u30e9\u30f3\u3092\u3054\u5229\u7528\u4e2d\u3067\u3059 \u53d7\u8b1b\u3057\u305f\u3044\u8b1b\u5ea7\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u5b66\u7fd2\u3092\u59cb\u3081\u307e\u3057\u3087\u3046 \u53d7\u8b1b\u53ef\u80fd\u306a\u8b1b\u5ea7 \ud83d\uddbc \u30b5\u30e0\u30cd\u3092\u8a2d\u5b9a Excel\u57fa\u790e \u300cExcel\u3067\u304d\u307e\u3059\u300d\u3068\u8a00\u3048\u308b\u3088\u3046\u306b\u306a\u308b\u8b1b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/www.member.pc-nothing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}