{"id":695,"date":"2019-06-26T03:05:15","date_gmt":"2019-06-25T18:05:15","guid":{"rendered":"http:\/\/soltilo-fc.com\/st-football-club\/?page_id=695"},"modified":"2026-05-22T02:33:59","modified_gmt":"2026-05-21T17:33:59","slug":"junior-schedule","status":"publish","type":"page","link":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/junior\/junior-schedule","title":{"rendered":"\u30b8\u30e5\u30cb\u30a2 \u30b9\u30b1\u30b8\u30e5\u30fc\u30eb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"695\" class=\"elementor elementor-695\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-884162f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"884162f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f3e530\" data-id=\"9f3e530\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2776a25 elementor-widget elementor-widget-html\" data-id=\"2776a25\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"soccer-schedule-container\">\r\n  <div class=\"schedule-header\">\r\n    <div class=\"header-date-box\">\r\n      <span id=\"sch-month\" class=\"month-large\">--<\/span>\r\n      <span class=\"sch-slash\">\/<\/span>\r\n      <span id=\"sch-year\" class=\"year-small\">----<\/span>\r\n    <\/div>\r\n    <div class=\"header-title-box\">\r\n      <span class=\"sch-title\">U-12 MONTHLY SCHEDULE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"schedule-table-wrapper\">\r\n    <table class=\"schedule-table\">\r\n      <thead>\r\n        <tr>\r\n          <th style=\"width: 50px;\">\u65e5<\/th>\r\n          <th style=\"width: 50px;\">\u66dc\u65e5<\/th>\r\n          <th style=\"width: 80px;\">\u5b66\u5e74<\/th>\r\n          <th>\u6d3b\u52d5\u5185\u5bb9 \/ \u6642\u9593 \/ \u5834\u6240<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody id=\"schedule-data-rows\">\r\n        <tr>\r\n          <td colspan=\"4\" style=\"text-align:center; padding: 20px;\">\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u8aad\u307f\u8fbc\u307f\u4e2d...<\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u30c1\u30fc\u30e0\u30ab\u30e9\u30fc\u5909\u6570\u306e\u5b9a\u7fa9 *\/\r\n:root {\r\n  --main-yellow: #FFEB3B; \/* \u30e1\u30a4\u30f3\uff1a\u30a4\u30a8\u30ed\u30fc *\/\r\n  --sub-navy: #1A237E;    \/* \u30b5\u30d6\uff1a\u30cd\u30a4\u30d3\u30fc *\/\r\n  --text-dark: #333333;\r\n  --text-light: #FFFFFF;\r\n  \r\n  \/* \u7a2e\u5225\u30ab\u30e9\u30fc *\/\r\n  --color-tr: #1A237E;        \/* TR: \u30cd\u30a4\u30d3\u30fc *\/\r\n  --color-trm: #FFF59D;       \/* TRM: \u8584\u3044\u9ec4\u8272 *\/\r\n  --color-match: #FBC02D;     \/* \u516c\u5f0f\u6226: \u6fc3\u3044\u9ec4\u8272 *\/\r\n  --color-off: #E0E0E0;       \/* OFF: \u30b0\u30ec\u30fc *\/\r\n}\r\n\r\n\/* \u898b\u51fa\u3057\u5168\u4f53\u306e\u30c7\u30b6\u30a4\u30f3\u5f37\u5316 *\/\r\n.schedule-header {\r\n  font-family: 'Impact', 'Arial Black', 'Helvetica Neue', Arial, sans-serif;\r\n  background-color: var(--sub-navy);\r\n  color: var(--text-light);\r\n  padding: 18px 24px;\r\n  border-left: 10px solid var(--main-yellow);\r\n  margin-bottom: 25px;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 15px;\r\n  border-radius: 6px;\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* \u65e5\u4ed8\u90e8\u5206\u306e\u30dc\u30c3\u30af\u30b9 *\/\r\n.header-date-box {\r\n  display: flex;\r\n  align-items: baseline;\r\n  white-space: nowrap;\r\n}\r\n.month-large {\r\n  font-size: 38px;\r\n  font-weight: 900;\r\n  color: var(--main-yellow);\r\n  line-height: 1;\r\n}\r\n.year-small {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: rgba(255, 255, 255, 0.9);\r\n}\r\n.sch-slash {\r\n  font-size: 24px;\r\n  margin: 0 8px;\r\n  color: rgba(255,255,255,0.4);\r\n  font-weight: normal;\r\n}\r\n\r\n\/* \u30bf\u30a4\u30c6\u30ad\u30b9\u30c8 *\/\r\n.header-title-box {\r\n  flex: 1;\r\n  min-width: 250px;\r\n}\r\n.sch-title {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  display: inline-block;\r\n  text-transform: uppercase;\r\n  border-bottom: 2px solid rgba(255,255,255,0.2);\r\n  padding-bottom: 2px;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u30c6\u30fc\u30d6\u30eb\u5168\u4f53\u306e\u30c7\u30b6\u30a4\u30f3 *\/\r\n.schedule-table-wrapper {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n  border-radius: 4px;\r\n}\r\n.schedule-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n  color: var(--text-dark);\r\n  background: #fff;\r\n  min-width: 500px;\r\n}\r\n.schedule-table th {\r\n  background-color: var(--sub-navy);\r\n  color: var(--text-light);\r\n  font-weight: bold;\r\n  padding: 12px 10px;\r\n  text-align: center;\r\n  border: 1px solid #dcdcdc;\r\n}\r\n.schedule-table td {\r\n  padding: 12px 10px;\r\n  border: 1px solid #dcdcdc;\r\n  vertical-align: middle;\r\n}\r\n\r\n\/* \u5217\u3054\u3068\u306e\u914d\u7f6e *\/\r\n.col-day { text-align: center; font-weight: bold; font-size: 16px; background-color: #ffffff; }\r\n.col-rowday { text-align: center; font-weight: bold; font-size: 16px; background-color: #ffffff; }\r\n.col-grade { text-align: center; font-weight: bold; }\r\n.col-details { text-align: left; }\r\n\r\n\/* \u66dc\u65e5\u306e\u8272\u5206\u3051\u3068\u30bb\u30eb\u80cc\u666f *\/\r\n.sat-blue { color: #0029ff !important; }\r\ntd.sat-blue { background-color: #f2f6ff !important; }\r\n\r\n.sun-red { color: #ff0000 !important; }\r\ntd.sun-red { background-color: #fff2f2 !important; }\r\n\r\n\/* \u6d3b\u52a8\u8a73\u7d30\u5185\u306e\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\r\n.detail-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n.detail-main {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.activity-text {\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n}\r\n.time-place {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n\/* \u7a2e\u5225\u30d0\u30c3\u30b8 *\/\r\n.type-badge {\r\n  display: inline-block;\r\n  padding: 3px 8px;\r\n  font-size: 11px;\r\n  font-weight: bold;\r\n  border-radius: 4px;\r\n  text-align: center;\r\n}\r\n.badge-tr { background-color: var(--color-tr); color: #fff; }\r\n.badge-trm { background-color: var(--color-trm); color: #333; border: 1px solid #ddc; }\r\n.badge-match { background-color: var(--color-match); color: #333; }\r\n.badge-off { background-color: var(--color-off); color: #666; }\r\n\r\n\/* \u5404\u884c\u306e\u7a2e\u5225\u80cc\u666f\u8272 *\/\r\n.row-trm td.col-grade, .row-trm td.col-details { background-color: #FFFDE7 !important; }\r\n.row-match td.col-grade, .row-match td.col-details { background-color: #FFF9C4 !important; }\r\n.row-off td.col-grade, .row-off td.col-details { background-color: #F5F5F5 !important; color: #999; }\r\n\r\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u8abf\u6574\uff08\u30b9\u30de\u30db\u5bfe\u5fdc\uff09 *\/\r\n@media (max-width: 600px) {\r\n  .schedule-header { flex-direction: column; align-items: flex-start; gap: 8px; padding: 15px; }\r\n  .sch-slash { display: none; }\r\n  .year-small::after { content: \"\u5e74\"; font-size: 12px; margin-left: 2px;}\r\n  .month-large::after { content: \"\u6708\"; font-size: 14px; margin-left: 2px;}\r\n  .sch-title { font-size: 20px; border-bottom: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ GAS\u306e\u30a6\u30a7\u30d6\u30a2\u30d7\u30eaURL\r\n  const gasUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbxrHZBy-u4d2AW1Nn3R3q2d5bd30axES7bWjac_mH_xgxHABqOBEKK2s5AvaidenX-l6Q\/exec\";\r\n\r\n  fetch(gasUrl)\r\n    .then(response => response.json())\r\n    .then(data => {\r\n      \/\/ \u898b\u51fa\u3057\u306e\u66f4\u65b0\r\n      document.getElementById(\"sch-year\").textContent = data.year;\r\n      document.getElementById(\"sch-month\").textContent = data.month;\r\n      \r\n      const tbody = document.getElementById(\"schedule-data-rows\");\r\n      tbody.innerHTML = \"\"; \/\/ \u521d\u671f\u5316\r\n      \r\n      if(!data.schedules || data.schedules.length === 0) {\r\n        tbody.innerHTML = '<tr><td colspan=\"4\" style=\"text-align:center; padding:20px;\">\u4eca\u6708\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/td><\/tr>';\r\n        return;\r\n      }\r\n      \r\n      const dayCounts = {};\r\n      data.schedules.forEach(item => {\r\n        dayCounts[item.day] = (dayCounts[item.day] || 0) + 1;\r\n      });\r\n      \r\n      const handledDays = {};\r\n      \r\n      data.schedules.forEach(item => {\r\n        const tr = document.createElement(\"tr\");\r\n        \r\n        \/\/ \u3010\u4fee\u6b63\u30dd\u30a4\u30f3\u30c8\u30111\u6587\u5b57\u5b8c\u5168\u4e00\u81f4\u304b\u3089\u300c\u6587\u5b57\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u304b\u300d\u306e\u5224\u5b9a\u306b\u5909\u66f4\r\n        let dayClass = \"\";\r\n        let wDay = item.weekday ? String(item.weekday) : \"\";\r\n        \r\n        if (wDay.includes(\"\u571f\")) {\r\n          dayClass = \"sat-blue\";\r\n        } else if (wDay.includes(\"\u65e5\") || wDay.includes(\"\u795d\")) {\r\n          dayClass = \"sun-red\";\r\n        }\r\n        \r\n        let badgeStyle = \"\";\r\n        let rowClass = \"\";\r\n        \r\n        if(item.type === \"TR\") { \r\n          badgeStyle = \"badge-tr\"; \r\n        } else if(item.type === \"TRM\") { \r\n          badgeStyle = \"badge-trm\"; \r\n          rowClass = \"row-trm\";\r\n        } else if(item.type === \"\u516c\u5f0f\u6226\") { \r\n          badgeStyle = \"badge-match\"; \r\n          rowClass = \"row-match\";\r\n        } else if(item.type === \"OFF\") { \r\n          badgeStyle = \"badge-off\"; \r\n          rowClass = \"row-off\";\r\n        }\r\n        \r\n        if (rowClass) {\r\n          tr.className = rowClass;\r\n        }\r\n        \r\n        let infoHtml = \"\";\r\n        if(item.type === \"OFF\") {\r\n          infoHtml = `<div class=\"activity-text\" style=\"color:#999;\">${item.content || 'OFF'}<\/div>`;\r\n        } else {\r\n          infoHtml = `\r\n            <div class=\"detail-box\">\r\n              <div class=\"detail-main\">\r\n                <span class=\"type-badge ${badgeStyle}\">${item.type}<\/span>\r\n                <span class=\"activity-text\">${item.content}<\/span>\r\n              <\/div>\r\n              <div class=\"time-place\">\r\n                \u23f0 ${item.time} \uff5c \ud83d\udccd ${item.place}\r\n              <\/div>\r\n            <\/div>\r\n          `;\r\n        }\r\n        \r\n        let rowHtml = \"\";\r\n        \r\n        if (!handledDays[item.day]) {\r\n          const spanCount = dayCounts[item.day];\r\n          rowHtml += `<td class=\"col-day ${dayClass}\" rowspan=\"${spanCount}\">${item.day}<\/td>`;\r\n          rowHtml += `<td class=\"col-rowday ${dayClass}\" rowspan=\"${spanCount}\">${item.weekday}<\/td>`;\r\n          handledDays[item.day] = true;\r\n        }\r\n        \r\n        rowHtml += `<td class=\"col-grade\">${item.grade}<\/td>`;\r\n        rowHtml += `<td class=\"col-details\">${infoHtml}<\/td>`;\r\n        \r\n        tr.innerHTML = rowHtml;\r\n        tbody.appendChild(tr);\r\n      });\r\n    })\r\n    .catch(error => {\r\n      console.error(\"Error fetching schedule:\", error);\r\n      document.getElementById(\"schedule-data-rows\").innerHTML = '<tr><td colspan=\"4\" style=\"text-align:center; color:red; padding:20px;\">\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002<\/td><\/tr>';\r\n    });\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8212; \/ &#8212;- U-12 MONTHLY SCHEDULE \u65e5 \u66dc\u65e5 \u5b66\u5e74 \u6d3b\u52d5\u5185\u5bb9 \/ \u6642\u9593 \/ \u5834\u6240 \u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u8aad\u307f\u8fbc\u307f\u4e2d&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":67,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"page-fullwindow.php","meta":{"footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":34,"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"predecessor-version":[{"id":4397,"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/pages\/695\/revisions\/4397"}],"up":[{"embeddable":true,"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/pages\/67"}],"wp:attachment":[{"href":"https:\/\/soltilo-fc.com\/soltilo-tokyo-fc\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}