{"id":39,"date":"2025-07-24T15:36:37","date_gmt":"2025-07-24T06:36:37","guid":{"rendered":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/?page_id=39"},"modified":"2026-03-24T11:42:00","modified_gmt":"2026-03-24T02:42:00","slug":"notes","status":"publish","type":"page","link":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/ja\/notes\/","title":{"rendered":"\u5b66\u82b8\u54e1\u30ce\u30fc\u30c8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165b706 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"165b706\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cfccad elementor-widget elementor-widget-spacer\" data-id=\"3cfccad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6617a3f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6617a3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-837137a elementor-widget elementor-widget-image\" data-id=\"837137a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"125\" src=\"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50.png\" class=\"attachment-full size-full wp-image-1040\" alt=\"\" srcset=\"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50.png 2000w, https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50-300x19.png 300w, https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50-1024x64.png 1024w, https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50-768x48.png 768w, https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-content\/uploads\/2025\/12\/38edc012bd98df9c36d15d985bb19e50-1536x96.png 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beb7697 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"beb7697\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d649fa wpr-grid-columns-2 wpr-grid-columns--tablet1 wpr-grid-columns--mobile1 wpr-grid-pagination-center wpr-item-styles-inner elementor-widget elementor-widget-wpr-grid\" data-id=\"2d649fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-grid.default\">\n\t\t\t\t\t<ul class=\"wpr-grid-filters elementor-clearfix wpr-grid-filters-sep-right\"><li class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-none\"><span   data-ajax-filter=[\"tag\",\"column\"]  data-filter=\".tag-column\">column<\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><\/ul><section class=\"wpr-grid elementor-clearfix\" data-settings=\"{&quot;layout&quot;:&quot;list&quot;,&quot;stick_last_element_to_bottom&quot;:&quot;no&quot;,&quot;columns_desktop&quot;:&quot;2&quot;,&quot;gutter_hr&quot;:15,&quot;gutter_hr_mobile&quot;:0,&quot;gutter_hr_mobile_extra&quot;:0,&quot;gutter_hr_tablet&quot;:0,&quot;gutter_hr_tablet_extra&quot;:15,&quot;gutter_hr_laptop&quot;:15,&quot;gutter_hr_widescreen&quot;:15,&quot;gutter_vr&quot;:15,&quot;gutter_vr_mobile&quot;:10,&quot;gutter_vr_mobile_extra&quot;:15,&quot;gutter_vr_tablet&quot;:15,&quot;gutter_vr_tablet_extra&quot;:15,&quot;gutter_vr_laptop&quot;:15,&quot;gutter_vr_widescreen&quot;:15,&quot;animation&quot;:&quot;default&quot;,&quot;animation_duration&quot;:0.3,&quot;animation_delay&quot;:0.1,&quot;deeplinking&quot;:&quot;&quot;,&quot;filters_linkable&quot;:&quot;no&quot;,&quot;filters_default_filter&quot;:&quot;&quot;,&quot;filters_count&quot;:&quot;&quot;,&quot;filters_hide_empty&quot;:&quot;&quot;,&quot;filters_animation&quot;:&quot;zoom&quot;,&quot;filters_animation_duration&quot;:0.3,&quot;filters_animation_delay&quot;:0.1,&quot;pagination_type&quot;:&quot;default&quot;,&quot;pagination_max_pages&quot;:1,&quot;media_align&quot;:&quot;left&quot;,&quot;media_width&quot;:0,&quot;media_distance&quot;:0,&quot;lightbox&quot;:{&quot;selector&quot;:&quot;.wpr-grid-image-wrap&quot;,&quot;iframeMaxWidth&quot;:&quot;60%&quot;,&quot;hash&quot;:false,&quot;autoplay&quot;:&quot;true&quot;,&quot;pause&quot;:5000,&quot;progressBar&quot;:&quot;true&quot;,&quot;counter&quot;:&quot;true&quot;,&quot;controls&quot;:&quot;true&quot;,&quot;getCaptionFromTitleOrAlt&quot;:&quot;true&quot;,&quot;thumbnail&quot;:&quot;&quot;,&quot;showThumbByDefault&quot;:&quot;&quot;,&quot;share&quot;:&quot;&quot;,&quot;zoom&quot;:&quot;true&quot;,&quot;fullScreen&quot;:&quot;true&quot;,&quot;download&quot;:&quot;true&quot;}}\" data-advanced-filters=\"no\"><article class=\"wpr-grid-item elementor-clearfix post-2210 post type-post status-publish format-standard hentry category--ja tag-column\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-item-below-content elementor-clearfix\"><h2 class=\"wpr-grid-item-title elementor-repeater-item-daa57cc wpr-grid-item-display-block wpr-grid-item-align-left wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><div class=\"inner-block\"><a target=\"_self\"  href=\"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/ja\/clumn1\/\">clumn1 \u7363\u9b42\u7891\u6170\u970a\u796d\u3068\u5404\u5730\u306e\u77f3\u7891<\/a><\/div><\/h2><div class=\"wpr-grid-item-date elementor-repeater-item-f47dee0 wpr-grid-item-display-inline wpr-grid-item-align-right\"><div class=\"inner-block\"><span><span class=\"wpr-grid-extra-icon-left\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-clock\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z\"><\/path><\/svg><\/span>2026-04-01<span class=\"wpr-grid-extra-text-right\"><\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-a3d968f wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>clumn1 \u7363\u9b42\u7891\u6170\u970a\u796d\u3068\u5404\u5730\u306e\u77f3\u7891 ...<\/p><\/div><\/div><\/div><\/div><\/article><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e491d elementor-widget elementor-widget-spacer\" data-id=\"b9e491d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19b675e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"19b675e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ae2ee7 elementor-widget elementor-widget-html\" data-id=\"9ae2ee7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slide-box\">\r\n  <div class=\"slide-label\">\u672c\u65e5\u306e\u958b\u9928\u6642\u9593<\/div>\r\n  <div class=\"slide-content\" id=\"today-hours\">\r\n    \u8aad\u307f\u8fbc\u307f\u4e2d...\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Kiwi Maru\u306e\u8aad\u307f\u8fbc\u307f *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Kiwi+Maru:wght@400;500&display=swap');\r\n\r\n\/* --- \u57fa\u672c\u8a2d\u5b9a\uff08PC\u30fb\u5171\u901a\uff09 --- *\/\r\n.slide-box {\r\n  --terracotta-color: #c85a3c;\r\n  position: fixed;\r\n  top: 150px; \/* PC\u3067\u306e\u4f4d\u7f6e *\/\r\n  right: -170px; \r\n  width: 225px; \r\n  background-color: #ffffff;\r\n  border: 2px solid var(--terracotta-color);\r\n  border-radius: 15px 0 0 15px; \r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  z-index: 99999;\r\n  transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  font-family: \"Kiwi Maru\", serif;\r\n  font-weight: 500; \r\n  overflow: hidden; \r\n  display: flex;\r\n}\r\n\r\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\u7528\u306e\u4f4d\u7f6e\u8abf\u6574\uff081024px\u4ee5\u4e0b\uff09 *\/\r\n@media (max-width: 1024px) {\r\n  .slide-box {\r\n    top: 250px; \r\n  }\r\n}\r\n\r\n\/* \u30b9\u30de\u30db\u7528\u306e\u4f4d\u7f6e\u8abf\u6574\uff08767px\u4ee5\u4e0b\uff09 *\/\r\n@media (max-width: 767px) {\r\n  .slide-box {\r\n    top: 250px; \r\n    width: 210px; \r\n    right: -155px; \r\n  }\r\n  .slide-label {\r\n    font-size: 18px; \r\n    padding: 10px 8px;\r\n  }\r\n  .slide-content {\r\n    font-size: 16px; \r\n  }\r\n}\r\n\r\n.slide-box.is-active { right: 0; }\r\n\r\n.slide-label {\r\n  background-color: var(--terracotta-color);\r\n  color: #fff;\r\n  padding: 15px 10px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  writing-mode: vertical-rl;\r\n  flex-shrink: 0;\r\n  font-size: 20px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.slide-content {\r\n  padding: 20px 10px;\r\n  color: #333;\r\n  font-size: 18px;\r\n  text-align: center;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  line-height: 1.4;\r\n  background: #fff;\r\n}\r\n\r\n\/* \u30ab\u30c3\u30b3\u5185\u306e\u88dc\u8db3\u30c6\u30ad\u30b9\u30c8\u7528 *\/\r\n.small-text {\r\n  font-size: 13px;\r\n  margin-top: 5px;\r\n  color: #666;\r\n  font-weight: 500;\r\n  display: block; \r\n  width: 100%;\r\n  white-space: nowrap; \r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const slideBox = document.querySelector('.slide-box');\r\n  const hoursDisplay = document.getElementById('today-hours');\r\n  \/\/ \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306eCSV URL\r\n  const csvUrl = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRUdjwDqUGWGVI6yWkrbOZCK-ac5Or8YR_pvKk31lecJEslZ8tvXbH2nrA1IJ_7n3gqClkOb1s-1skC\/pub?gid=0&single=true&output=csv';\r\n\r\n  slideBox.addEventListener('mouseenter', () => slideBox.classList.add('is-active'));\r\n  slideBox.addEventListener('mouseleave', () => slideBox.classList.remove('is-active'));\r\n\r\n  async function updateTodayHours() {\r\n    try {\r\n      const response = await fetch(csvUrl);\r\n      const csvText = await response.text();\r\n      \/\/ \u7a7a\u884c\u3092\u9664\u5916\u3057\u3066\u53d6\u5f97\r\n      const rows = csvText.split(\/\\r?\\n\/).filter(row => row.trim() !== \"\").slice(1);\r\n      \r\n      \/\/ \u65e5\u672c\u6642\u9593\u306e\u4eca\u65e5\u3092\u53d6\u5f97\r\n      const now = new Date();\r\n      const todayStr = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0') + '-' + String(now.getDate()).padStart(2, '0');\r\n\r\n      \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u8868\u793a\uff08\u30c7\u30fc\u30bf\u304c\u898b\u3064\u304b\u3089\u306a\u3044\u5834\u5408\uff09\r\n      let hoursHtml = \"10:00\u301c17:00<br><span class='small-text'>\uff08\u6700\u7d42\u5165\u992816:30\uff09<\/span>\"; \r\n\r\n      for (const row of rows) {\r\n        const cols = row.split(',');\r\n        if (cols.length < 1) continue;\r\n        \r\n        \/\/ A\u5217\u306e\u65e5\u4ed8\u3092\u5224\u5b9a\r\n        const dateRaw = new Date(cols[0].trim());\r\n        if (isNaN(dateRaw.getTime())) continue;\r\n        const rowDateStr = dateRaw.getFullYear() + '-' + String(dateRaw.getMonth() + 1).padStart(2, '0') + '-' + String(dateRaw.getDate()).padStart(2, '0');\r\n\r\n        if (rowDateStr === todayStr) {\r\n          \/\/ D\u5217\uff08\u30a4\u30f3\u30c7\u30c3\u30af\u30b93\uff09\u306b\u30c7\u30fc\u30bf\u304c\u3042\u308b\u304b\r\n          if (cols[3] && cols[3].trim() !== \"\") {\r\n            \/\/ \u30bb\u30eb\u5185\u306e\u6539\u884c\u30b3\u30fc\u30c9\u3092\u524a\u9664\r\n            let val = cols[3].trim().replace(\/\\r?\\n\/g, \"\"); \r\n            \r\n            if (val === \"\u4f11\u9928\" || val === \"\u4f11\u9928\u65e5\") {\r\n              hoursHtml = \"<span style='color:#e67e22;'>\u672c\u65e5\u306f<br>\u4f11\u9928\u65e5\u3067\u3059<\/span>\";\r\n            } else {\r\n              \/\/ \u30ab\u30c3\u30b3\u3067\u5206\u5272\u3057\u30662\u884c\u306b\u3059\u308b\u51e6\u7406\uff08\u534a\u89d2\u30fb\u5168\u89d2\u5bfe\u5fdc\uff09\r\n              const splitChar = val.includes('(') ? '(' : (val.includes('\uff08') ? '\uff08' : null);\r\n              \r\n              if (splitChar) {\r\n                const parts = val.split(splitChar);\r\n                const mainTime = parts[0].trim();\r\n                const subText = parts[1].replace(')', '').replace('\uff09', '').trim(); \r\n                hoursHtml = `${mainTime}<br><span class='small-text'>\uff08${subText}\uff09<\/span>`;\r\n              } else {\r\n                hoursHtml = val;\r\n              }\r\n            }\r\n          }\r\n          break;\r\n        }\r\n      }\r\n      hoursDisplay.innerHTML = hoursHtml;\r\n    } catch (e) {\r\n      console.error(\"Fetch Error:\", e);\r\n      \/\/ \u30a8\u30e9\u30fc\u6642\u3082\u30c7\u30d5\u30a9\u30eb\u30c8\u3092\u8868\u793a\r\n      hoursDisplay.innerHTML = \"10:00\u301c17:00<br><span class='small-text'>\uff08\u6700\u7d42\u5165\u992816:30\uff09<\/span>\";\r\n    }\r\n  }\r\n  updateTodayHours();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>column column5 2025-12-18 column4 2025-12-18 column3 2025-12-18 column2 2025-12-18 column1 2025-12-18 \u672c\u65e5\u306e\u958b\u9928\u6642\u9593 <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":62,"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":1964,"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/pages\/39\/revisions\/1964"}],"wp:attachment":[{"href":"https:\/\/www.teshiotown.hokkaido.jp\/teshioriver-museum\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}