{"id":13,"date":"2026-01-31T02:27:08","date_gmt":"2026-01-30T17:27:08","guid":{"rendered":"http:\/\/www.twistedcalendar.top\/?page_id=13"},"modified":"2026-02-02T00:34:32","modified_gmt":"2026-02-01T15:34:32","slug":"13-2","status":"publish","type":"page","link":"https:\/\/www.twistedcalendar.top\/?page_id=13","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div id='calendar'><\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fullcalendar@6.1.10\/index.global.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fullcalendar\/google-calendar@6.1.10\/index.global.min.js\"><\/script>\n\n<style>\n  #calendar {\n    width: 100%;\n    max-width: 1000px;\n    margin: 10px auto;\n    background: #fff;\n    padding: 5px;\n    border: none; \n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    border-radius: 12px;\n    font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n  }\n\n  :root {\n    --fc-border-color: #eeeae0;\n    --fc-today-bg-color: #fcfaf2; \n    --fc-button-text-color: #fff;\n    --fc-button-bg-color: #2c2c2c;\n    --fc-button-border-color: #2c2c2c;\n    --fc-button-hover-bg-color: #4a4a4a;\n    --fc-event-bg-color: #6a5a72; \n    --fc-event-border-color: #6a5a72;\n    --fc-event-text-color: #fff;\n  }\n\n  \/* \u7e26\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u7981\u6b62 *\/\n  .fc-scroller { overflow: hidden !important; height: auto !important; }\n\n  \/* \u6570\u5b57\u306e\u30c7\u30b6\u30a4\u30f3\uff08\u5de6\u4e0a\u56fa\u5b9a\uff09 *\/\n  .fc-daygrid-day-top {\n    display: flex !important;\n    justify-content: flex-start !important;\n    flex-direction: row !important;\n  }\n  .fc-daygrid-day-number {\n    padding: 4px 0 2px 8px !important;\n    font-size: 0.85em;\n    font-weight: 300;\n    color: #555;\n    text-decoration: none !important;\n  }\n\n  \/* \u30de\u30b9\u306e\u9ad8\u3055\u8a2d\u5b9a *\/\n  .fc-daygrid-day-frame {\n    min-height: 80px !important;\n    height: auto !important;\n  }\n\n  \/* \u4e88\u5b9a\u30d0\u30fc\u306e\u57fa\u672c\u30c7\u30b6\u30a4\u30f3 *\/\n  .fc-event {\n    border-radius: 2px !important;\n    padding: 2px 4px !important;\n    font-size: 0.75em !important;\n    border: none !important;\n    margin: 1px 0 !important;\n    white-space: nowrap !important;\n    cursor: pointer;\n    display: block !important;\n  }\n\n  \/* <\u4e88\u544a> \u5c02\u7528\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u30c7\u30b6\u30a4\u30f3 *\/\n  .event-yokoku {\n    background: linear-gradient(to right, rgba(224, 224, 224, 0) 0%, rgba(224, 224, 224, 1) 20%, rgba(224, 224, 224, 1) 80%, rgba(224, 224, 224, 0) 100%) !important;\n    color: #666 !important; \/* \u6587\u5b57\u8272\u306f\u5c11\u3057\u6fc3\u3044\u3081\u306e\u30b0\u30ec\u30fc\u3067\u898b\u3084\u3059\u304f *\/\n    border: none !important;\n    box-shadow: none !important;\n  }\n\n  .fc-daygrid-event-harness { margin: 1px 0 !important; }\n  .fc-event-start { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; margin-left: 2px !important; }\n  .fc-event-end { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; margin-right: 2px !important; }\n\n  .fc-event-time { display: none !important; }\n\n  \/* \u571f\u65e5\u30fb\u4eca\u65e5\u306e\u8272 *\/\n  .fc-day-sat { background-color: #f9f9fb !important; }\n  .fc-day-sun { background-color: #fffaf9 !important; }\n  .fc-day-today .fc-daygrid-day-number { color: #b8860b !important; font-weight: 700; }\n\n  \/* \u66dc\u65e5\u30d8\u30c3\u30c0\u30fc *\/\n  .fc-col-header-cell { background-color: #fbfaf8; padding: 8px 0 !important; border-bottom: 2px solid #2c2c2c !important; }\n  .fc-col-header-cell-cushion { font-weight: 600; text-decoration: none !important; color: #2c2c2c; }\n\n  \/* \u30b9\u30de\u30db\u8868\u793a\u306e\u6700\u9069\u5316 *\/\n  @media (max-width: 600px) {\n    .fc-event { font-size: 0.65em !important; line-height: 1.1 !important; }\n    .fc-toolbar-title { font-size: 1.1em !important; }\n    .fc-daygrid-day-frame { min-height: 60px !important; }\n  }\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    var calendarEl = document.getElementById('calendar');\n    var calendar = new FullCalendar.Calendar(calendarEl, {\n      initialView: 'dayGridMonth',\n      locale: 'ja',\n      firstDay: 1, \n      displayEventTime: false,\n      dayMaxEvents: false,\n      contentHeight: 'auto', \n\n      eventOrder: \"start,-duration,allDay,title\",\n\n      dayCellContent: function(arg) { return arg.date.getDate(); },\n\n      googleCalendarApiKey: 'AIzaSyCJF5OfysToxGE1p6fFP27kVCT6Gv2_jMo',\n      events: '85050d2e25e21842f72a318c7d22bb1065a5e3a50cb0d46977169bc1afc8d465@group.calendar.google.com',\n\n      \/\/ \u4e88\u5b9a\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u8fbc\u3080\u969b\u306b\u300c<\u4e88\u544a>\u300d\u3092\u5224\u5b9a\u3057\u3066\u671f\u9593\u30923\u65e5\u9593\u306b\u62e1\u5f35\u3059\u308b\n      eventDataTransform: function(eventData) {\n        if (eventData.title && eventData.title.includes('<\u4e88\u544a>')) {\n          var start = new Date(eventData.start);\n          var end = eventData.end ? new Date(eventData.end) : new Date(eventData.start);\n          \n          \/\/ \u958b\u59cb\u65e5\u30921\u65e5\u524d\u306b\n          start.setDate(start.getDate() - 1);\n          \/\/ \u7d42\u4e86\u65e5\u30921\u65e5\u5f8c\u306b\uff08FullCalendar\u306eend\u306f\u6392\u4ed6\u7684\u306a\u306e\u3067\u3001+2\u65e5\u8a2d\u5b9a\u3067\u5b9f\u8cea\u7fcc\u65e5\u307e\u3067\u8868\u793a\uff09\n          end.setDate(end.getDate() + 2);\n\n          return {\n            ...eventData,\n            start: start.toISOString(),\n            end: end.toISOString(),\n            allDay: true, \/\/ \u671f\u9593\u8868\u793a\u3092\u5b89\u5b9a\u3055\u305b\u308b\u305f\u3081\u7d42\u65e5\u6271\u3044\u306b\n            className: 'event-yokoku' \/\/ \u5c02\u7528\u306eCSS\u30af\u30e9\u30b9\u3092\u4ed8\u4e0e\n          };\n        }\n        return eventData;\n      },\n      \n      eventDidMount: function(info) {\n        var title = info.event.title;\n        let bgColor = '#6a5a72'; \n        \n        \/\/ <\u4e88\u544a> \u4ee5\u5916\u306e\u5834\u5408\u306e\u30ab\u30e9\u30fc\u8a2d\u5b9a\n        if (title.includes('<\u4e88\u544a>')) {\n           \/\/ eventDataTransform\u3067\u4ed8\u4e0e\u3057\u305f\u30af\u30e9\u30b9\u304c\u3042\u308b\u305f\u3081\u3001\u3053\u3053\u3067\u306f\u500b\u5225\u8a2d\u5b9a\u3092\u30b9\u30ad\u30c3\u30d7\uff08CSS\u512a\u5148\uff09\n           return;\n        } else if (title.includes('Event')) bgColor = '#d2691e';\n        else if (title.includes('\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9')) bgColor = '#888888';\n        else if (title.includes('\u30ad\u30e3\u30f3\u30da\u30fc\u30f3')) {\n          bgColor = '#b8860b';\n          info.el.style.color = '#fff';\n        } else if (title.includes('\u6642\u307e\u3067')) bgColor = '#8b0000';\n        else if (title.includes('\u53ec\u559a')) bgColor = '#483d8b';\n\n        info.el.style.backgroundColor = bgColor;\n      },\n\n      eventClick: function(arg) {\n        arg.jsEvent.preventDefault();\n        if (arg.event.url) {\n          window.open(arg.event.url, '_blank');\n        }\n      }\n    });\n    calendar.render();\n  });\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":false,"_jinr_ads_display":false,"_jinr_thumbnail_display":false,"_jinr_profile_display":false,"_jinr_representations_display":false,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":false,"_jinr_seotitle_display":"","_jinr_description_display":"","_jinr_keyword_display":"","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":false,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":20,"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/www.twistedcalendar.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}