{"id":964,"date":"2025-10-02T11:37:52","date_gmt":"2025-10-02T02:37:52","guid":{"rendered":"https:\/\/mayu-juku.com\/?page_id=964"},"modified":"2025-11-06T17:31:21","modified_gmt":"2025-11-06T08:31:21","slug":"kids_navi","status":"publish","type":"page","link":"https:\/\/mayu-juku.com\/?page_id=964","title":{"rendered":"\u5b50\u4f9b\u306e\u500b\u6027\u30ca\u30d3"},"content":{"rendered":"\n<div id=\"kids-navi\" style=\"max-width:800px;margin:0 auto;padding:16px;border:1px solid #e5e7eb;border-radius:12px\">\n\t  <h2 style=\"margin:0 0 8px;font-size:20px;font-weight:700;text-align:center;\">\u7e6d\u587e\uff5emayu-juku\uff5e \u5b50\u3069\u3082\u306e\u500b\u6027\u30ca\u30d3\uff08\u03b2\u30fb\u7c21\u6613\u7248\uff09<\/h2>\n\n\t  <div style=\"background:#f8fafc;padding:18px;border-radius:14px;margin-bottom:20px;\">\n\t    <h3 style=\"font-size:18px;margin-bottom:10px;text-align:center;\">\ud83c\udf31 8\u3064\u306e\u500b\u6027\u30bf\u30a4\u30d7\u306b\u3064\u3044\u3066<\/h3>\n\t    <p style=\"font-size:14px;line-height:1.7;margin-bottom:18px;text-align:center;color:#555;\">\n\t      \u3053\u306e\u30ca\u30d3\u3067\u306f\u3001\u304a\u5b50\u3055\u307e\u306e\u500b\u6027\u3092 <strong>8\u3064\u306e\u30bf\u30a4\u30d7<\/strong> \u306b\u5206\u3051\u3066\u307f\u3066\u3044\u307e\u3059\u3002<br>\n\t      \u300c\u5f97\u610f\u300d\u3084\u300c\u82e6\u624b\u300d\u3092\u6c7a\u3081\u308b\u3082\u306e\u3067\u306f\u306a\u304f\u3001<span style=\"color:#2563eb;font-weight:600;\">\u305d\u306e\u5b50\u306e\u201c\u5149\u308a\u65b9\u201d<\/span>\u3092\u898b\u3064\u3051\u308b\u305f\u3081\u306e\u30d2\u30f3\u30c8\u3067\u3059\u3002\n\t    <\/p>\n\n\t    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;\">\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#db2777;\">\ud83c\udf38 \u611f\u6027\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u611f\u3058\u53d6\u308b\u529b\u304c\u8c4a\u304b\u3067\u3001<br>\u30a4\u30e1\u30fc\u30b8\u3084\u8868\u73fe\u304c\u5f97\u610f\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u5fc3\u3067\u4e16\u754c\u3092\u898b\u308b\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#2563eb;\">\ud83d\udd37 \u7406\u8ad6\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u8003\u3048\u308b\u529b\u304c\u3042\u308a\u3001<br>\u9806\u5e8f\u7acb\u3066\u3066\u7406\u89e3\u3059\u308b\u306e\u304c\u5f97\u610f\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u77e5\u306e\u63a2\u6c42\u3092\u697d\u3057\u3080\u30b5\u30a4\u30a8\u30f3\u30c6\u30a3\u30b9\u30c8\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#ea580c;\">\ud83d\udd25 \u884c\u52d5\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u3059\u3050\u52d5\u3044\u3066\u8a66\u3059\u30bf\u30a4\u30d7\u3002<br>\u7d4c\u9a13\u304b\u3089\u529b\u3092\u4f38\u3070\u3059\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u30a8\u30cd\u30eb\u30ae\u30fc\u3067\u5207\u308a\u958b\u304f\u30c1\u30e3\u30ec\u30f3\u30b8\u30e3\u30fc\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#16a34a;\">\ud83d\udc9e \u5171\u611f\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3092\u5927\u5207\u306b\u3057\u3001<br>\u601d\u3044\u3084\u308a\u3068\u5354\u8abf\u6027\u304c\u5f37\u3044\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u5fc3\u306e\u30cf\u30fc\u30e2\u30cb\u30fc\u3092\u594f\u3067\u308b\u3084\u3055\u3057\u3055\u306e\u4eba\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#7c3aed;\">\ud83c\udfa4 \u8868\u73fe\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u4f1d\u3048\u308b\u529b\u304c\u3042\u308a\u3001<br>\u4eba\u524d\u3067\u306e\u767a\u4fe1\u3067\u8f1d\u304f\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u8a00\u8449\u3068\u7b11\u9854\u3067\u5e83\u3052\u308b\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30bf\u30fc\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#475569;\">\ud83e\udeb4 \u5b89\u5b9a\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u30b3\u30c4\u30b3\u30c4\u7a4d\u307f\u4e0a\u3052\u308b\u529b\u304c\u3042\u308a\u3001<br>\u7d9a\u3051\u308b\u3053\u3068\u3067\u82b1\u304c\u54b2\u304f\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u4fe1\u983c\u3068\u7d99\u7d9a\u3067\u80b2\u3064\u30b9\u30c6\u30c7\u30a3\u30d3\u30eb\u30c0\u30fc\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#0ea5e9;\">\ud83c\udf19 \u601d\u7d22\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u6df1\u304f\u8003\u3048\u3001\u9759\u304b\u306b<br>\u7269\u4e8b\u3092\u898b\u3064\u3081\u308b\u63a2\u6c42\u8005\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u4e16\u754c\u3092\u5185\u5074\u304b\u3089\u89b3\u308b\u30ea\u30d5\u30ec\u30af\u30bf\u30fc\u300d<\/div>\n\t      <\/div>\n\n\t      <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;\">\n\t        <div style=\"font-weight:700;color:#facc15;\">\ud83d\udca1 \u5275\u9020\u30bf\u30a4\u30d7<\/div>\n\t        <div style=\"font-size:13px;color:#555;\">\u65b0\u3057\u3044\u30a2\u30a4\u30c7\u30a2\u3067\u3001<br>\u4e16\u754c\u306b\u65b0\u3057\u3044\u5f62\u3092\u3082\u305f\u3089\u3059\u3002<\/div>\n\t        <div style=\"font-size:12px;color:#9ca3af;\">\u300c\u3072\u3089\u3081\u304d\u3067\u672a\u6765\u3092\u63cf\u304f\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u300d<\/div>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\n\t  <p style=\"margin:0 0 16px;color:#555;text-align:center;\">\u203b \u5165\u529b\u306f\u3053\u306e\u30d6\u30e9\u30a6\u30b6\u5185\u3060\u3051\u3067\u51e6\u7406\u3055\u308c\u307e\u3059\u3002<br> \u203b\u5165\u529b\u3055\u308c\u305f\u60c5\u5831\u306f\u500b\u6027\u8a3a\u65ad\u306e\u307f\u306b\u4f7f\u7528\u3055\u308c\u3001\u5916\u90e8\u3078\u9001\u4fe1\u30fb\u4fdd\u5b58\u3055\u308c\u307e\u305b\u3093\uff08\u6c0f\u540d\u306f\u4efb\u610f\uff09\u3002<\/p>\n\n\t  <div style=\"display:grid;gap:12px;margin-bottom:12px\">\n\t    <label>\u304a\u540d\u524d\uff08\u4efb\u610f\uff09<br><input id=\"name\" style=\"width:100%;padding:8px;border:1px solid #ccc;border-radius:8px\"><\/label>\n\t    <label>\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\uff08\u8868\u793a\u540d\uff09<br><input id=\"nick\" style=\"width:100%;padding:8px;border:1px solid #ccc;border-radius:8px\" placeholder=\"\u547c\u3073\u540d\u304c\u3042\u308c\u3070\"><\/label>\n\t    <label>\u751f\u5e74\u6708\u65e5<br><input id=\"birth\" type=\"date\" style=\"width:100%;padding:8px;border:1px solid #ccc;border-radius:8px\"><\/label>\n\t  <\/div>\n\n\t  <div id=\"questions\" style=\"display:grid;gap:18px;margin:14px 0\"><\/div>\n\n\t  <button id=\"submitBtn\" style=\"padding:10px 16px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:700\">\u8a3a\u65ad\u3059\u308b<\/button>\n\n\t  <div id=\"result\" style=\"margin-top:18px;display:none\"><\/div>\n\n\t  <!-- \u25bc \u30c6\u30b9\u30c8\u30e2\u30fc\u30c9\u5207\u66ff\u30b9\u30a4\u30c3\u30c1\uff08\u904b\u55b6\u8005\u5411\u3051\uff09 -->\n\t  <div style=\"margin-top:20px;font-size:12px;color:#555\">\n\t    <label><input type=\"checkbox\" id=\"debugSwitch\"> \u30c6\u30b9\u30c8\u30e2\u30fc\u30c9\u3092\u6709\u52b9\u306b\u3059\u308b\uff08\u57fa\u790e\u30bf\u30a4\u30d7\u8868\u793a\uff09<\/label>\n\t  <\/div>\n\t<\/div>\n\n\t<script>\n\t(function(){\n\t  \/\/ ==============================\n\t  \/\/  \u30e2\u30fc\u30c9\u8a2d\u5b9a\uff08\u521d\u671f\u5024\uff09\n\t  \/\/ ==============================\n\t  let DEBUG_MODE = true; \/\/ \u2190 \u30c6\u30b9\u30c8\u6642:true \uff0f \u30ea\u30ea\u30fc\u30b9\u6642:false \u306b\u5909\u66f4\uff01\n\n\t  \/\/ ==============================\n\t  \/\/  \u8a2d\u554f\u30fb\u30bf\u30a4\u30d7\u5b9a\u7fa9\n\t  \/\/ ==============================\n\t  const DATA_URL = \"https:\/\/mayu-juku.com\/wp-content\/uploads\/kids-navi\/kids_navi_combos.json\";\n\t  const TYPES = [\"\u611f\u6027\",\"\u7406\u8ad6\",\"\u884c\u52d5\",\"\u5171\u611f\",\"\u8868\u73fe\",\"\u5b89\u5b9a\",\"\u601d\u7d22\",\"\u5275\u9020\"];\n\n\t  const QUESTIONS = [\n\t    {\n\t      id: \"q1\",\n\t      label: \"\u304a\u5b50\u3055\u3093\u304c\u5bb6\u3067\u5922\u4e2d\u306b\u306a\u308a\u3084\u3059\u3044\u306e\u306f\uff1f\uff08\u4f8b\uff1a\u8aad\u66f8\u30fb\u30b9\u30dd\u30fc\u30c4\u30fb\u5de5\u4f5c\u30fb\u30b2\u30fc\u30e0\u2026\uff09\",\n\t      options: [\n\t        { label: \"\u7269\u8a9e\u3084\u7d75\u30fb\u97f3\u697d\u30fb\u5de5\u4f5c\u306a\u3069\u611f\u6027\u3092\u4f7f\u3046\u904a\u3073\uff08\u8aad\u66f8\u3067\u767b\u5834\u4eba\u7269\u3084\u60c5\u666f\u306b\u3072\u305f\u308b\uff09\", weights: { \u611f\u6027:2, \u8868\u73fe:1, \u5275\u9020:1 } },\n\t        { label: \"\u56f3\u9451\u30fb\u79d1\u5b66\u5b9f\u9a13\u30fb\u30d1\u30ba\u30eb\u30fb\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30fb\u77e5\u8b58\u7cfb\u306e\u8aad\u66f8\",                  weights: { \u7406\u8ad6:2, \u601d\u7d22:1, \u5b89\u5b9a:1 } },\n\t        { label: \"\u30b9\u30dd\u30fc\u30c4\u30fb\u5916\u904a\u3073\u30fb\u4f53\u3092\u52d5\u304b\u3059\u4f53\u9a13\u30fb\u6311\u6226\",                                  weights: { \u884c\u52d5:2, \u5275\u9020:1 } },\n\t        { label: \"\u3054\u3063\u3053\u904a\u3073\u30fb\u304a\u4e16\u8a71\u30fb\u4eba\u3068\u5354\u529b\u3059\u308b\u904a\u3073\uff08\u4f1a\u8a71\u3084\u767a\u8868\u3082\u597d\u304d\uff09\",                 weights: { \u5171\u611f:2, \u8868\u73fe:1, \u5b89\u5b9a:1 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q2\",\n\t      label: \"\u56f0\u3063\u305f\u3068\u304d\u306e\u69d8\u5b50\u306b\u8fd1\u3044\u306e\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u9759\u304b\u306b\u8003\u3048\u3066\u6574\u7406\u3057\u3066\u304b\u3089\u52d5\u304f\", weights: { \u601d\u7d22:2, \u7406\u8ad6:1 } },\n\t        { label: \"\u5bb6\u65cf\u3084\u53cb\u3060\u3061\u306b\u76f8\u8ac7\u3057\u3066\u65b9\u5411\u3092\u6c7a\u3081\u308b\", weights: { \u5171\u611f:2, \u8868\u73fe:1 } },\n\t        { label: \"\u307e\u305a\u3084\u3063\u3066\u307f\u3066\u8a66\u884c\u932f\u8aa4\u3059\u308b\", weights: { \u884c\u52d5:2, \u5275\u9020:1 } },\n\t        { label: \"\u843d\u3061\u7740\u3044\u3066\u30b3\u30c4\u30b3\u30c4\u5411\u304d\u5408\u3046\", weights: { \u5b89\u5b9a:2, \u7406\u8ad6:1 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q3\",\n\t      label: \"\u5b66\u3073\u3084\u3059\u3044\u30b9\u30bf\u30a4\u30eb\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u6620\u50cf\u30fb\u8272\u30fb\u97f3\u30fb\u4f53\u9a13\u304b\u3089\u30a4\u30e1\u30fc\u30b8\u3067\u3064\u304b\u3080\", weights: { \u611f\u6027:2, \u8868\u73fe:1 } },\n\t        { label: \"\u624b\u9806\u30fb\u30eb\u30fc\u30eb\u30fb\u69cb\u9020\u3067\u7406\u89e3\u3059\u308b\",             weights: { \u7406\u8ad6:2, \u5b89\u5b9a:1 } },\n\t        { label: \"\u4f53\u3092\u52d5\u304b\u3057\u306a\u304c\u3089\u899a\u3048\u308b\",                     weights: { \u884c\u52d5:2 } },\n\t        { label: \"\u9759\u304b\u306a\u74b0\u5883\u3067\u3058\u3063\u304f\u308a\u5438\u53ce\u3059\u308b\",               weights: { \u601d\u7d22:2 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q4\",\n\t      label: \"\u4eba\u3068\u306e\u95a2\u308f\u308a\u65b9\u3067\u8fd1\u3044\u306e\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u4eba\u524d\u3067\u3082\u7269\u6016\u3058\u305b\u305a\u4f1d\u3048\u305f\u308a\u30ea\u30fc\u30c9\u3059\u308b\", weights: { \u8868\u73fe:2, \u884c\u52d5:1 } },\n\t        { label: \"\u76f8\u624b\u306e\u6c17\u6301\u3061\u306b\u5bc4\u308a\u6dfb\u3044\u5834\u306e\u8abf\u548c\u3092\u5927\u4e8b\u306b\u3059\u308b\", weights: { \u5171\u611f:2, \u5b89\u5b9a:1 } },\n\t        { label: \"\u72b6\u6cc1\u3092\u3088\u304f\u89b3\u5bdf\u3057\u3066\u304b\u3089\u52d5\u304f\u30fb\u805e\u304d\u5f79\u304c\u591a\u3044\", weights: { \u601d\u7d22:2, \u7406\u8ad6:1 } },\n\t        { label: \"\u4e00\u4eba\u3067\u5de5\u592b\u3057\u3066\u65b0\u3057\u3044\u3084\u308a\u65b9\u3092\u8003\u3048\u308b\", weights: { \u5275\u9020:2, \u611f\u6027:1 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q5\",\n\t      label: \"\u7269\u4e8b\u3092\u7d9a\u3051\u308b\u3068\u304d\u306e\u30b9\u30bf\u30a4\u30eb\u306b\u8fd1\u3044\u306e\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u8a08\u753b\u3092\u7acb\u3066\u3066\u7fd2\u6163\u5316\u30fb\u30de\u30a4\u30da\u30fc\u30b9\u3067\u7d99\u7d9a\", weights: { \u5b89\u5b9a:2, \u7406\u8ad6:1 } },\n\t        { label: \"\u8208\u5473\u304c\u523a\u3055\u308b\u3068\u6df1\u304f\u6f5c\u308b\u30fb\u7814\u7a76\u808c\",       weights: { \u601d\u7d22:2, \u611f\u6027:1 } },\n\t        { label: \"\u6ce2\u306f\u3042\u308b\u304c\u4e00\u6c17\u306b\u96c6\u4e2d\u30fb\u884c\u52d5\u91cf\u3067\u62bc\u3059\",   weights: { \u884c\u52d5:2, \u5275\u9020:1 } },\n\t        { label: \"\u8ab0\u304b\u3068\u4e00\u7dd2\u3060\u3068\u7d9a\u304f\u30fb\u58f0\u304b\u3051\u3067\u4f38\u3073\u308b\",   weights: { \u5171\u611f:2, \u8868\u73fe:1 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q6\",\n\t      label: \"\u81ea\u5206\u306e\u8003\u3048\u3084\u6c17\u6301\u3061\u306e\u4f1d\u3048\u65b9\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u8a00\u8449\u30fb\u7d75\u30fb\u4f5c\u54c1\u3067\u8c4a\u304b\u306b\u8868\u73fe\u3059\u308b\", weights: { \u8868\u73fe:2, \u611f\u6027:1 } },\n\t        { label: \"\u9053\u7b4b\u3092\u7acb\u3066\u3066\u8ad6\u7406\u7684\u306b\u8aac\u660e\u3059\u308b\",   weights: { \u7406\u8ad6:2, \u5b89\u5b9a:1 } },\n\t        { label: \"\u884c\u52d5\u3067\u793a\u3059\u30fb\u3084\u3063\u3066\u898b\u305b\u308b\",       weights: { \u884c\u52d5:2 } },\n\t        { label: \"\u76f8\u624b\u306e\u6c17\u6301\u3061\u306b\u5408\u308f\u305b\u3066\u4f1d\u3048\u308b\",   weights: { \u5171\u611f:2 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q7\",\n\t      label: \"\u65b0\u3057\u3044\u3053\u3068\u3078\u306e\u53cd\u5fdc\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u3059\u3050\u6311\u6226\u3057\u3066\u3084\u308a\u306a\u304c\u3089\u899a\u3048\u308b\", weights: { \u884c\u52d5:2, \u5275\u9020:1 } },\n\t        { label: \"\u614e\u91cd\u306b\u69d8\u5b50\u3092\u898b\u3066\u4e00\u6b69\u305a\u3064\u9032\u3081\u308b\", weights: { \u5b89\u5b9a:2, \u7406\u8ad6:1 } },\n\t        { label: \"\u307e\u305a\u30a2\u30a4\u30c7\u30a2\u51fa\u3057\u3084\u5984\u60f3\u30fb\u8a66\u4f5c\u304b\u3089\", weights: { \u5275\u9020:2, \u611f\u6027:1 } },\n\t        { label: \"\u60c5\u5831\u3092\u96c6\u3081\u3066\u3088\u304f\u8003\u3048\u3066\u304b\u3089\u5224\u65ad\", weights: { \u601d\u7d22:2 } },\n\t      ]\n\t    },\n\t    {\n\t      id: \"q8\",\n\t      label: \"\u653e\u8ab2\u5f8c\u3084\u4f11\u65e5\u306e\u597d\u304d\u306a\u904e\u3054\u3057\u65b9\u306f\uff1f\",\n\t      options: [\n\t        { label: \"\u8aad\u66f8\u30fb\u304a\u7d75\u63cf\u304d\u30fb\u97f3\u697d\u30fb\u52d5\u753b\u5236\u4f5c\u306a\u3069\", weights: { \u611f\u6027:2, \u601d\u7d22:1 } },\n\t        { label: \"\u30d1\u30ba\u30eb\u30fb\u30dc\u30fc\u30c9\u30b2\u30fc\u30e0\u30fb\u30d6\u30ed\u30c3\u30af\u30fb\u81ea\u7531\u7814\u7a76\", weights: { \u7406\u8ad6:2, \u5b89\u5b9a:1 } },\n\t        { label: \"\u30b9\u30dd\u30fc\u30c4\u30fb\u30c0\u30f3\u30b9\u30fb\u6599\u7406\u30fb\u5de5\u4f5c\u306a\u3069\u624b\u3092\u52d5\u304b\u3059\", weights: { \u884c\u52d5:2, \u5275\u9020:1 } },\n\t        { label: \"\u53cb\u3060\u3061\u3084\u5bb6\u65cf\u3068\u904a\u3076\u30fb\u30a4\u30d9\u30f3\u30c8\u4f01\u753b\u3084\u304a\u624b\u4f1d\u3044\", weights: { \u5171\u611f:2, \u8868\u73fe:1 } },\n\t      ]\n\t    },\n\t  ];\n\n\t  \/\/ ==============================\n\t  \/\/  UI\u751f\u6210\n\t  \/\/ ==============================\n\t  const qWrap = document.getElementById(\"questions\");\n\t  QUESTIONS.forEach((q) => {\n\t    const field = document.createElement(\"div\");\n\t    field.innerHTML = `<div style=\"font-weight:600\">${q.label}<\/div>`;\n\t    q.options.forEach((opt, oi) => {\n\t      const id = `${q.id}_${oi}`;\n\t      const row = document.createElement(\"label\");\n\t      row.style.display = \"block\";\n\t      row.style.marginTop = \"6px\";\n\t      row.innerHTML = `<input type=\"radio\" name=\"${q.id}\" value=\"${oi}\" id=\"${id}\"> ${opt.label}`;\n\t      field.appendChild(row);\n\t    });\n\t    qWrap.appendChild(field);\n\t  });\n\n\t  \/\/ ==============================\n\t  \/\/  JSON\u8aad\u8fbc\n\t  \/\/ ==============================\n\t  let COMBOS = null;\n\t  fetch(DATA_URL).then(r => r.json()).then(json => {\n\t    COMBOS = json;\n\t  }).catch(e => {\n\t    alert(\"\u6587\u7ae0\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f: \" + e);\n\t  });\n\n\t  \/\/ ==============================\n\t  \/\/  \u751f\u5e74\u6708\u65e5\u30d9\u30fc\u30b9\u30ed\u30b8\u30c3\u30af\n\t  \/\/ ==============================\n\t  function baselineFromBirthday(birth){\n\t    const base = {}; TYPES.forEach(t => base[t]=0);\n\t    if(!birth) return base;\n\t    const [y,m,d] = birth.split(\"-\").map(x => parseInt(x||\"0\",10));\n\t    const sum = (\"\"+y+m+d).replace(\/\\D\/g,\"\").split(\"\").map(Number).reduce((a,b)=>a+b,0);\n\t    const a = sum % TYPES.length;\n\t    let b = (sum + (m||0)) % TYPES.length;\n\t    if(b===a) b = (sum + (d||0)) % TYPES.length;\n\t    base[TYPES[a]] += 3;\n\t    base[TYPES[b]] += 1;\n\t    return base;\n\t  }\n\n\t  \/\/ ==============================\n\t  \/\/  \u7dcf\u5408\u30b9\u30b3\u30a2\u7b97\u51fa\n\t  \/\/ ==============================\n\t  function computeScores(birth){\n\t    const scores = {}; TYPES.forEach(t => scores[t]=0);\n\t    const base = baselineFromBirthday(birth);\n\t    Object.keys(base).forEach(k => scores[k] += base[k]);\n\t    QUESTIONS.forEach(q => {\n\t      const checked = document.querySelector(`input[name=\"${q.id}\"]:checked`);\n\t      if(!checked) return;\n\t      const opt = q.options[Number(checked.value)];\n\t      Object.entries(opt.weights).forEach(([k,v]) => scores[k] += v);\n\t    });\n\t    return scores;\n\t  }\n\n\t  \/\/ ==============================\n\t  \/\/  \u4e0a\u4f4d2\u30bf\u30a4\u30d7\u62bd\u51fa\n\t  \/\/ ==============================\n\t  function topTwo(scores){\n\t    const arr = Object.entries(scores).sort((a,b)=>b[1]-a[1]);\n\t    const primary = arr[0][0];\n\t    const secondary = arr[1][0];\n\t    const [t1,t2] = [primary,secondary].sort();\n\t    return { primary, secondary, key: `${t1}-${t2}` };\n\t  }\n\n      \/\/ \u30bf\u30a4\u30d7\u5225\u30ab\u30e9\u30fc\uff08\u5192\u982d\u30ab\u30fc\u30c9\u306e\u30c8\u30fc\u30f3\u306b\u5408\u308f\u305b\u308b\uff09\n      const TYPE_COLORS = {\n        \"\u611f\u6027\": \"#db2777\", \/\/ \u30d4\u30f3\u30af\n        \"\u7406\u8ad6\": \"#2563eb\", \/\/ \u9752\n        \"\u884c\u52d5\": \"#ea580c\", \/\/ \u30aa\u30ec\u30f3\u30b8\n        \"\u5171\u611f\": \"#16a34a\", \/\/ \u30b0\u30ea\u30fc\u30f3\n        \"\u8868\u73fe\": \"#7c3aed\", \/\/ \u30d1\u30fc\u30d7\u30eb\n        \"\u5b89\u5b9a\": \"#475569\", \/\/ \u30b0\u30ec\u30fc\u7cfb\n        \"\u601d\u7d22\": \"#0ea5e9\", \/\/ \u30b7\u30a2\u30f3\n        \"\u5275\u9020\": \"#facc15\"  \/\/ \u30b4\u30fc\u30eb\u30c9\n      };\n\n      function typeBadge(t){\n        const c = TYPE_COLORS[t] || \"#64748b\";\n        const bg = `${c}22`; \/\/ \u900f\u660e\u5ea6\u4ed8\u304d\u80cc\u666f\n        return `<span style=\"\n          display:inline-block;padding:6px 10px;border-radius:999px;\n          border:1px solid ${c}; background:${bg}; color:${c};\n          font-weight:700; font-size:13px; letter-spacing:.3px;\n        \">${t}<\/span>`;\n      }\n\n\t  \/\/ ==============================\n\t  \/\/  \u8a3a\u65ad\u30dc\u30bf\u30f3\u51e6\u7406\n\t  \/\/ ==============================\n\t  document.getElementById(\"submitBtn\").addEventListener(\"click\", () => {\n\t    for(const q of QUESTIONS){\n\t      if(!document.querySelector(`input[name=\"${q.id}\"]:checked`)){\n\t        alert(\"\u5168\u3066\u306e\u8cea\u554f\u306b\u304a\u7b54\u3048\u304f\u3060\u3055\u3044\u3002\");\n\t        return;\n\t      }\n\t    }\n\t    if(!COMBOS){ alert(\"\u6587\u7ae0\u30c7\u30fc\u30bf\u304c\u307e\u3060\u8aad\u307f\u8fbc\u3081\u3066\u3044\u307e\u305b\u3093\u3002\u5c11\u3057\u5f85\u3063\u3066\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002\"); return; }\n\n\t    const name = document.getElementById(\"name\").value.trim();\n\t    const nick = document.getElementById(\"nick\").value.trim();\n\t    const birth = document.getElementById(\"birth\").value;\n\n\t    const baseMap = baselineFromBirthday(birth);\n\t    const baseShown = Object.entries(baseMap)\n\t      .filter(([,v]) => v > 0)\n\t      .sort((a,b) => b[1]-a[1])\n\t      .map(([k,v]) => `${k} +${v}`)\n\t      .join(' \/ ');\n\n      const scores = computeScores(birth);\n      const res = topTwo(scores);\n      const combo = COMBOS[res.key];\n      const who = nick || name || \"\u304a\u5b50\u3055\u307e\";\n      const resultEl = document.getElementById(\"result\");\n      resultEl.style.display = \"block\";\n\n      let baseHTML = \"\";\n      if (DEBUG_MODE) {\n        const baseMap = baselineFromBirthday(birth);\n        const baseShown = Object.entries(baseMap)\n          .filter(([,v]) => v > 0)\n          .sort((a,b) => b[1]-a[1])\n          .map(([k,v]) => `${k} +${v}`)\n          .join(' \/ ');\n        baseHTML = `\n          <div style=\"border:1px solid #e5e7eb;border-radius:10px;padding:10px\">\n            <div style=\"font-size:12px;color:#555\">\u57fa\u790e\u30bf\u30a4\u30d7\uff08\u751f\u5e74\u6708\u65e5\uff09<\/div>\n            <div style=\"font-weight:700\">${baseShown || \"\u672a\u5165\u529b\"}<\/div>\n          <\/div>`;\n      }\n\n      if(!combo){\n        resultEl.innerHTML = `\n          <div style=\"padding:12px;border:1px solid #fecaca;background:#fff1f2;border-radius:10px\">\n            <div style=\"color:#b91c1c;font-weight:700\">\u6587\u7ae0\u672a\u767b\u9332\uff1a${res.key}<\/div>\n            <div style=\"margin-top:6px\">JSON\u306b\u8a72\u5f53\u30ad\u30fc\u306e\u6587\u7ae0\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n          <\/div>`;\n        return;\n      }\n\n      \/\/ \u25bc \u9806\u4e0d\u540c\u306e2\u30bf\u30a4\u30d7\uff08key\u3092\u5206\u89e3\u3057\u3066\u4f7f\u3046\uff09\n      const [tA, tB] = res.key.split(\"-\");\n\n      resultEl.innerHTML = `\n        <div style=\"display:grid;gap:12px\">\n          <div style=\"display:grid;grid-template-columns:1fr;gap:8px\">\n            <div style=\"border:1px solid #e5e7eb;border-radius:10px;padding:10px\">\n              <div style=\"font-size:12px;color:#555;letter-spacing:.3px;\">\u4e8c\u3064\u306e\u30bf\u30a4\u30d7\uff08\u9806\u4e0d\u540c\uff09<\/div>\n              <div style=\"margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;\">\n                ${typeBadge(tA)} ${typeBadge(tB)}\n              <\/div>\n            <\/div>\n\n            <div style=\"background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #93c5fd;border-radius:10px;padding:12px;text-align:center;box-shadow:inset 0 0 8px #bfdbfe;\">\n              <div style=\"font-size:12px;color:#1e40af;letter-spacing:.5px;\">\u30bf\u30a4\u30d7\u7d44\u307f\u5408\u308f\u305b<\/div>\n              <div style=\"font-weight:700;color:#1e3a8a;font-size:15px;margin-top:3px;\">\n                ${tA} \u00d7 ${tB}\n              <\/div>\n            <\/div>\n\n            ${baseHTML}\n          <\/div>\n\n          <div>\n            <div style=\"font-weight:700;margin-bottom:4px\">\u7279\u5fb4\uff08${who}\uff09<\/div>\n            <div style=\"line-height:1.8\">${combo.feature || \"\uff08\u672a\u767b\u9332\uff09\"}<\/div>\n          <\/div>\n\n          <div>\n            <div style=\"font-weight:700;margin-bottom:4px\">\u63a5\u3057\u65b9\u306e\u30d2\u30f3\u30c8<\/div>\n            <div style=\"line-height:1.8\">${combo.tip || \"\uff08\u672a\u767b\u9332\uff09\"}<\/div>\n          <\/div>\n        <\/div>`;\n\t  });\n\n\t  \/\/ ==============================\n\t  \/\/  \u30c6\u30b9\u30c8\u30e2\u30fc\u30c9ON\/OFF\u5207\u66ffUI\n\t  \/\/ ==============================\n\t  document.getElementById(\"debugSwitch\").addEventListener(\"change\", (e)=>{\n\t    DEBUG_MODE = e.target.checked;\n\t  });\n\n\t})();\n\t<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7e6d\u587e\uff5emayu-juku\uff5e \u5b50\u3069\u3082\u306e\u500b\u6027\u30ca\u30d3\uff08\u03b2\u30fb\u7c21\u6613\u7248\uff09 \ud83c\udf31 8\u3064\u306e\u500b\u6027\u30bf\u30a4\u30d7\u306b\u3064\u3044\u3066 \u3053\u306e\u30ca\u30d3\u3067\u306f\u3001\u304a\u5b50\u3055\u307e\u306e\u500b\u6027\u3092 8\u3064\u306e\u30bf\u30a4\u30d7 \u306b\u5206\u3051\u3066\u307f\u3066\u3044\u307e\u3059\u3002 \u300c\u5f97\u610f\u300d\u3084\u300c\u82e6\u624b\u300d\u3092\u6c7a\u3081\u308b\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u305d\u306e\u5b50\u306e\u201c\u5149\u308a\u65b9\u201d\u3092\u898b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-964","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/pages\/964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mayu-juku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=964"}],"version-history":[{"count":40,"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/pages\/964\/revisions"}],"predecessor-version":[{"id":1487,"href":"https:\/\/mayu-juku.com\/index.php?rest_route=\/wp\/v2\/pages\/964\/revisions\/1487"}],"wp:attachment":[{"href":"https:\/\/mayu-juku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}