{"id":6549,"date":"2026-09-17T22:40:00","date_gmt":"2026-09-17T13:40:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=6549"},"modified":"2026-09-18T21:33:00","modified_gmt":"2026-09-18T12:33:00","slug":"100pt%e3%83%90%e3%83%88%e3%83%ab","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=6549","title":{"rendered":"100pt\u30d0\u30c8\u30eb"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">100\u30dd\u30a4\u30f3\u30c8\u3068\u3044\u3046\u9650\u3089\u308c\u305f\u8cc7\u6e90\u3092\u30014\u3064\u306e\u80fd\u529b\u306b\u914d\u5206\u305b\u3088\u3002<br>\u4f55\u3092\u512a\u5148\u3057\u3001\u4f55\u3092\u6368\u3066\u308b\u304b\u3002<br>\u305d\u308c\u3082\u307e\u305f\u3001\u751f\u5b58\u6226\u7565\u3002<\/p>\n\n\n\n<div id=\"battle100\">\n\n  <div class=\"b100-title\">100 POINT BATTLE<\/div>\n\n  <div id=\"b100-message\" class=\"b100-message\">\n    CPU\u306e\u914d\u5206\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n\n\n  <!-- ================================\n       BATTLE STATUS\n       ================================ -->\n\n  <div id=\"b100-status-area\" class=\"b100-status-area\">\n\n    <!-- PLAYER -->\n    <div class=\"b100-fighter\">\n\n      <div class=\"b100-panel-title\">\n        PLAYER\n      <\/div>\n\n      <div class=\"b100-fighter-hp\">\n        <div>\n          HP\n          <span id=\"player-hp-current\">\u2013<\/span>\n          \/\n          <span id=\"player-hp-max\">\u2013<\/span>\n        <\/div>\n\n        <div class=\"b100-hp-bar\">\n          <div id=\"player-hp-gauge\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"b100-fighter-status\">\n        <div>\u653b\u6483 <span id=\"player-atk-status\">\u2013<\/span><\/div>\n        <div>\u9632\u5fa1 <span id=\"player-def-status\">\u2013<\/span><\/div>\n        <div>\u3059\u3070\u3084\u3055 <span id=\"player-spd-status\">\u2013<\/span><\/div>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- VS -->\n    <div class=\"b100-vs\">\n      VS\n    <\/div>\n\n\n    <!-- CPU -->\n    <div class=\"b100-fighter\">\n\n      <div class=\"b100-panel-title\">\n        CPU\n      <\/div>\n\n      <div class=\"b100-fighter-hp\">\n        <div>\n          HP\n          <span id=\"cpu-hp-current\">\u2013<\/span>\n          \/\n          <span id=\"cpu-hp-max\">\u2013<\/span>\n        <\/div>\n\n        <div class=\"b100-hp-bar\">\n          <div id=\"cpu-hp-gauge\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"b100-fighter-status\">\n        <div>\u653b\u6483 <span id=\"cpu-atk\">\u2013<\/span><\/div>\n        <div>\u9632\u5fa1 <span id=\"cpu-def\">\u2013<\/span><\/div>\n        <div>\u3059\u3070\u3084\u3055 <span id=\"cpu-spd\">\u2013<\/span><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ================================\n       PLAYER ALLOCATION\n       ================================ -->\n\n  <div id=\"b100-allocation\" class=\"b100-panel\">\n\n    <div class=\"b100-panel-title\">\n      PLAYER\n    <\/div>\n\n\n    <!-- HP -->\n    <div class=\"b100-row\">\n\n      <div class=\"b100-label\">HP<\/div>\n\n      <button class=\"b100-adjust\" data-target=\"hp\" data-change=\"-1\">\n        \u2212\n      <\/button>\n\n      <input type=\"range\" id=\"p-hp\" min=\"1\" max=\"97\" value=\"25\" class=\"stat-slider\">\n\n      <button class=\"b100-adjust\" data-target=\"hp\" data-change=\"1\">\n        \uff0b\n      <\/button>\n\n      <div class=\"b100-value\" id=\"p-hp-val\">\n        25\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u653b\u6483 -->\n    <div class=\"b100-row\">\n\n      <div class=\"b100-label\">\u653b\u6483<\/div>\n\n      <button class=\"b100-adjust\" data-target=\"atk\" data-change=\"-1\">\n        \u2212\n      <\/button>\n\n      <input type=\"range\" id=\"p-atk\" min=\"1\" max=\"97\" value=\"25\" class=\"stat-slider\">\n\n      <button class=\"b100-adjust\" data-target=\"atk\" data-change=\"1\">\n        \uff0b\n      <\/button>\n\n      <div class=\"b100-value\" id=\"p-atk-val\">\n        25\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u9632\u5fa1 -->\n    <div class=\"b100-row\">\n\n      <div class=\"b100-label\">\u9632\u5fa1<\/div>\n\n      <button class=\"b100-adjust\" data-target=\"def\" data-change=\"-1\">\n        \u2212\n      <\/button>\n\n      <input type=\"range\" id=\"p-def\" min=\"1\" max=\"97\" value=\"25\" class=\"stat-slider\">\n\n      <button class=\"b100-adjust\" data-target=\"def\" data-change=\"1\">\n        \uff0b\n      <\/button>\n\n      <div class=\"b100-value\" id=\"p-def-val\">\n        25\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u3059\u3070\u3084\u3055 -->\n    <div class=\"b100-row\">\n\n      <div class=\"b100-label\">\u3059\u3070\u3084\u3055<\/div>\n\n      <button class=\"b100-adjust\" data-target=\"spd\" data-change=\"-1\">\n        \u2212\n      <\/button>\n\n      <input type=\"range\" id=\"p-spd\" min=\"1\" max=\"97\" value=\"25\" class=\"stat-slider\">\n\n      <button class=\"b100-adjust\" data-target=\"spd\" data-change=\"1\">\n        \uff0b\n      <\/button>\n\n      <div class=\"b100-value\" id=\"p-spd-val\">\n        25\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"b100-total\">\n      TOTAL\n      <span id=\"p-total\">100<\/span>\n      \/ 100\n    <\/div>\n\n\n    <button id=\"b100-battle\" class=\"startBtn\">\n      BATTLE\n    <\/button>\n\n  <\/div>\n\n\n  <!-- ================================\n       BATTLE LOG\n       ================================ -->\n\n  <div id=\"b100-log-panel\" class=\"b100-panel\">\n\n    <div class=\"b100-panel-title\">\n      BATTLE LOG\n    <\/div>\n\n    <div id=\"b100-log\" class=\"b100-log\">\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ================================\n       RESULT\n       ================================ -->\n\n  <div id=\"b100-result\" class=\"b100-result\" style=\"display:none;\">\n\n    <button id=\"b100-rematch\" class=\"startBtn\">\n      \u518d\u6226\n    <\/button>\n\n    <button id=\"b100-next\" class=\"startBtn\">\n      \u5225\u306e\u76f8\u624b\u306b\u6311\u3080\n    <\/button>\n\n    <button id=\"b100-quit\" class=\"startBtn\">\n      \u3084\u3081\u308b\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   100 POINT BATTLE\n   ========================================= *\/\n\n#battle100 {\n\n  max-width: 760px;\n\n  margin: 30px auto;\n\n  font-family:\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n  color: #333;\n\n}\n\n\n\/* =========================================\n   \u30bf\u30a4\u30c8\u30eb\n   ========================================= *\/\n\n.b100-title {\n\n  text-align: center;\n\n  font-size: 24px;\n\n  font-weight: bold;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 15px;\n\n  font-family: \"Courier New\", monospace;\n}\n\n\n.b100-message {\n\n  text-align: center;\n\n  min-height: 28px;\n\n  margin-bottom: 15px;\n\n  font-family: \"Courier New\", monospace;\n}\n\n\n\/* =========================================\n   CURRENT STATUS\n   ========================================= *\/\n\n.b100-status-area {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    50px\n    1fr;\n\n  gap: 15px;\n\n  align-items: stretch;\n\n  margin-bottom: 15px;\n\n  font-family: \"Courier New\", monospace;\n\n}\n\n\n.b100-fighter {\n\n  border: 1px solid #ccc;\n\n  padding: 15px;\n\n  background: #fff;\n\n}\n\n\n.b100-panel-title {\n\n  font-weight: bold;\n\n  border-bottom: 1px solid #ddd;\n\n  padding-bottom: 8px;\n\n  margin-bottom: 15px;\n\n}\n\n\n.b100-vs {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  font-weight: bold;\n\n  font-size: 18px;\n\n}\n\n\n.b100-fighter-hp {\n\n  margin-bottom: 15px;\n\n}\n\n\n.b100-fighter-hp > div:first-child {\n\n  font-weight: bold;\n\n}\n\n.b100-fighter-hp > div:first-child {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.b100-fighter-hp > div:first-child span {\n  font-weight: bold;\n}\n\n\n\/* =========================================\n   HP BAR\n   ========================================= *\/\n\n.b100-hp-bar {\n\n  width: 100%;\n\n  height: 14px;\n\n  border: 1px solid #333;\n\n  background: #eee;\n\n  box-sizing: border-box;\n\n  margin-top: 5px;\n\n}\n\n\n.b100-hp-bar > div {\n\n  width: 100%;\n\n  height: 100%;\n\n  background: #333;\n\n  transition:\n    width 0.2s ease;\n\n}\n\n\n.b100-fighter-status {\n\n  display: grid;\n\n  gap: 8px;\n\n}\n\n\n.b100-fighter-status div {\n\n  padding: 5px 8px;\n\n  border-bottom: 1px dotted #ddd;\n\n}\n\n\n.b100-fighter-status span {\n\n  float: right;\n\n  font-weight: bold;\n\n}\n\n\n\/* =========================================\n   PLAYER \u914d\u5206\n   ========================================= *\/\n\n.b100-panel {\n\n  border: 1px solid #ccc;\n\n  padding: 15px;\n\n  margin-bottom: 15px;\n\n  background: #fff;\n\n  font-family: \"Courier New\", monospace;\n}\n\n\n.b100-row {\n\n  display: grid;\n\n  grid-template-columns:\n    65px\n    36px\n    1fr\n    36px\n    40px;\n\n  gap: 6px;\n\n  align-items: center;\n\n  margin-bottom: 12px;\n\n}\n\n\n.b100-label {\n\n  font-weight: bold;\n\n  white-space: nowrap;\n\n}\n\n\n.b100-row input[type=\"range\"] {\n\n  width: 100%;\n  accent-color: #445555;\n}\n\n\n.b100-adjust {\n\n  width: 36px;\n\n  height: 32px;\n\n  padding: 0;\n\n  border: 1px solid #aaa;\n\n  background: #f5f5f5;\n\n  color: #333;\n\n  font-size: 18px;\n\n  line-height: 1;\n\n  cursor: pointer;\n\n  border-radius: 3px;\n\n}\n\n\n.b100-adjust:hover {\n\n  background: #e8e8e8;\n\n}\n\n\n.b100-adjust:disabled {\n\n  opacity: 0.3;\n\n  cursor: default;\n\n}\n\n\n.b100-value {\n\n  text-align: right;\n\n  font-weight: bold;\n\n}\n\n\n.b100-total {\n\n  text-align: center;\n\n  font-size: 18px;\n\n  font-weight: bold;\n\n  margin: 18px 0;\n\n}\n\n\n\/* =========================================\n   BATTLE BUTTON\n   ========================================= *\/\n\n#b100-battle {\n\n  width: 100%;\n\n  padding: 12px;\n\n  border: 1px solid #777;\n\n  \/*background: #f5f5f5;\n\n  color: #333;*\/\n\n  font-size: 16px;\n\n  font-weight: bold;\n\n  cursor: pointer;\n\n  border-radius: 3px;\n\n}\n\n\n#b100-battle:hover {\n\n  \/*background: #e8e8e8;*\/\n\n}\n\n\n#b100-battle:disabled {\n\n  opacity: 0.35;\n\n  cursor: not-allowed;\n\n}\n\n\n\/* =========================================\n   BATTLE LOG\n   ========================================= *\/\n\n.b100-log {\n\n  height: 220px;\n\n  overflow-y: auto;\n\n  padding: 10px;\n\n  border: 1px solid #ddd;\n\n  background: #fafafa;\n\n  \/*font-family: monospace;*\/\n  font-family: \"Courier New\", monospace;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =========================================\n   RESULT\n   ========================================= *\/\n\n.b100-result button {\n  width: 100%;\n\n  padding: 11px;\n\n  margin-top: 8px;\n\n  border: 1px solid #aaa;\n\n  \/*background: #f5f5f5;*\/\n\n  \/*color: #333;*\/\n\n  font-size: 15px;\n\n  cursor: pointer;\n\n  border-radius: 3px;\n\n}\n\n\n.b100-result button:hover {\n\n  \/*background: #e8e8e8;*\/\n\n}\n\n\n\/* =========================================\n   \u30b9\u30de\u30db\n   ========================================= *\/\n\n@media (max-width: 600px) {\n\n  \/* PLAYER \/ CPU *\/\n  .b100-status-area {\n    grid-template-columns: 1fr 1fr;\n    gap: 5px;\n    margin-bottom: 6px;\n  }\n\n  .b100-vs {\n    display: none;\n  }\n\n  .b100-fighter {\n    padding: 5px;\n  }\n\n  .b100-panel-title {\n    font-size: 12px;\n    padding-bottom: 3px;\n    margin-bottom: 4px;\n  }\n\n  .b100-fighter-hp {\n    font-size: 11px;\n    margin-bottom: 4px;\n  }\n\n  .b100-hp-bar {\n    height: 7px;\n    margin-top: 2px;\n  }\n\n  .b100-fighter-status {\n    gap: 0;\n    font-size: 10px;\n  }\n\n  .b100-fighter-status div {\n    padding: 1px 3px;\n    line-height: 1.3;\n  }\n\n\n  \/* =================================\n     PLAYER \u914d\u5206\u753b\u9762\n     ================================= *\/\n\n  .b100-panel {\n    padding: 8px;\n    margin-bottom: 8px;\n  }\n\n  .b100-row {\n    grid-template-columns:\n      50px\n      30px\n      1fr\n      30px\n      30px;\n\n    gap: 3px;\n    margin-bottom: 6px;\n    font-size: 11px;\n  }\n\n  .b100-adjust {\n    width: 30px;\n    height: 26px;\n    font-size: 15px;\n  }\n\n  .b100-value {\n    font-size: 11px;\n  }\n\n  .b100-total {\n    font-size: 14px;\n    margin: 8px 0;\n  }\n\n\n  \/* BATTLE LOG *\/\n\n  .b100-log {\n    height: 180px;\n    padding: 6px;\n    font-size: 11px;\n    line-height: 1.4;\n  }\n\n}\n\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>100\u30dd\u30a4\u30f3\u30c8\u3068\u3044\u3046\u9650\u3089\u308c\u305f\u8cc7\u6e90\u3092\u30014\u3064\u306e\u80fd\u529b\u306b\u914d\u5206\u305b\u3088\u3002\u4f55\u3092\u512a\u5148\u3057\u3001\u4f55\u3092\u6368\u3066\u308b\u304b\u3002\u305d\u308c\u3082\u307e\u305f\u3001\u751f\u5b58\u6226\u7565\u3002 100 POINT BATTLE CPU\u306e\u914d\u5206\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002 PLAYER HP \u2013 \/ \u2013 \u653b\u6483 \u2013 \u9632 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6549","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6549"}],"version-history":[{"count":33,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6549\/revisions"}],"predecessor-version":[{"id":6588,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6549\/revisions\/6588"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}