{"id":45,"date":"2026-03-12T00:15:23","date_gmt":"2026-03-11T15:15:23","guid":{"rendered":"https:\/\/www.se-engineerblog.com\/?p=45"},"modified":"2026-03-23T22:26:19","modified_gmt":"2026-03-23T13:26:19","slug":"%e3%81%8a%e9%a3%9f%e3%81%84%e5%88%9d%e3%82%81%e8%a8%88%e7%ae%97","status":"publish","type":"post","link":"https:\/\/www.se-engineerblog.com\/?p=45","title":{"rendered":"\u304a\u98df\u3044\u521d\u3081\u8a08\u7b97"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!-- \u751f\u5f8c100\u65e5 \u304a\u98df\u3044\u521d\u3081 \u8a08\u7b97\u30c4\u30fc\u30eb -->\n<div id=\"okuizome-app\">\n  <div class=\"ok-top-band\"><\/div>\n\n  <div class=\"ok-header\">\n    <p class=\"ok-subtitle\">\u8a18\u5ff5\u65e5\u8a08\u7b97<\/p>\n    <h2 class=\"ok-title\">\u751f\u5f8c100\u65e5<br>\u304a\u98df\u3044\u521d\u3081<\/h2>\n    <div class=\"ok-divider\">\n      <div class=\"ok-divider-line\"><\/div>\n      <span class=\"ok-divider-icon\">\u273f<\/span>\n      <div class=\"ok-divider-line\"><\/div>\n    <\/div>\n    <p class=\"ok-header-desc\">\u304a\u5b50\u69d8\u306e\u8a95\u751f\u65e5\u3092\u5165\u529b\u3057\u3066\u3001<br>\u304a\u98df\u3044\u521d\u3081\u306e\u65e5\u3092\u8a08\u7b97\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n  <\/div>\n\n  <div class=\"ok-card\">\n    <div class=\"ok-input-group\">\n      <label class=\"ok-label\" for=\"ok-birthDate\">\ud83c\udf7c \u304a\u5b50\u69d8\u306e\u8a95\u751f\u65e5<\/label>\n      <input type=\"date\" id=\"ok-birthDate\" class=\"ok-date-input\" \/>\n    <\/div>\n\n    <div class=\"ok-input-group\">\n      <span class=\"ok-section-label\">\u30ab\u30a6\u30f3\u30c8\u65b9\u6cd5<\/span>\n      <div class=\"ok-method-toggle\">\n        <button class=\"ok-method-btn ok-active\" data-method=\"0\" onclick=\"okSetMethod(this,0)\">\u751f\u307e\u308c\u305f\u65e5\u30921\u65e5\u76ee<\/button>\n        <button class=\"ok-method-btn\" data-method=\"1\" onclick=\"okSetMethod(this,1)\">\u7fcc\u65e5\u304b\u3089\u6570\u3048\u308b<\/button>\n      <\/div>\n    <\/div>\n\n    <button class=\"ok-calc-btn\" onclick=\"okCalculate()\">\ud83c\udf8a \u8a08\u7b97\u3059\u308b<\/button>\n\n    <div id=\"ok-result\" style=\"display:none;\">\n      <div class=\"ok-divider\" style=\"margin:28px 0 20px;\">\n        <div class=\"ok-divider-line\"><\/div>\n        <span class=\"ok-divider-icon\">\u2726<\/span>\n        <div class=\"ok-divider-line\"><\/div>\n      <\/div>\n\n      <div class=\"ok-result-headline\">\n        <span class=\"ok-rl-label\">\u751f\u5f8c100\u65e5\u76ee<\/span>\n        <div class=\"ok-result-date\" id=\"ok-resultDate\">\u2015<\/div>\n      <\/div>\n\n      <div class=\"ok-result-grid\">\n        <div class=\"ok-result-tile\">\n          <span class=\"ok-tile-label\">\u3042\u3068<\/span>\n          <span class=\"ok-tile-value\" id=\"ok-daysLeft\">\u2015<\/span>\n          <span class=\"ok-tile-unit\" id=\"ok-daysUnit\">\u65e5<\/span>\n        <\/div>\n        <div class=\"ok-result-tile\">\n          <span class=\"ok-tile-label\">\u66dc\u65e5<\/span>\n          <span class=\"ok-tile-value\" id=\"ok-weekdayResult\">\u2015<\/span>\n        <\/div>\n        <div class=\"ok-result-tile\">\n          <span class=\"ok-tile-label\">\u73fe\u5728\u306e\u65e5\u9f62<\/span>\n          <span class=\"ok-tile-value\" id=\"ok-currentAge\">\u2015<\/span>\n          <span class=\"ok-tile-unit\">\u65e5<\/span>\n        <\/div>\n        <div class=\"ok-result-tile\">\n          <span class=\"ok-tile-label\">\u751f\u5f8c<\/span>\n          <span class=\"ok-tile-value\" id=\"ok-monthsAge\">\u2015<\/span>\n          <span class=\"ok-tile-unit\">\u30f6\u6708<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ok-countdown-bar\">\n        <span class=\"ok-bar-label\">100\u65e5\u307e\u3067\u306e\u9032\u6357<\/span>\n        <div class=\"ok-progress-track\">\n          <div class=\"ok-progress-fill\" id=\"ok-progressFill\"><\/div>\n        <\/div>\n        <div class=\"ok-bar-meta\">\n          <span id=\"ok-barStart\">\u8a95\u751f\u65e5<\/span>\n          <span id=\"ok-barCurrent\">\u73fe\u5728<\/span>\n          <span>100\u65e5\u76ee<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ok-note-box\" id=\"ok-noteBox\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== \u30ea\u30bb\u30c3\u30c8 & \u30d9\u30fc\u30b9 ===== *\/\n#okuizome-app {\n  --ok-ivory:      #fdf8f0;\n  --ok-parchment:  #f5ede0;\n  --ok-blush:      #e8c4a0;\n  --ok-terracotta: #c4714a;\n  --ok-deep-red:   #8b2e2e;\n  --ok-gold:       #c9954c;\n  --ok-dark:       #2c1810;\n  --ok-mid:        #6b3d2e;\n\n  font-family: 'Noto Serif JP', 'Yu Mincho', '\u6e38\u660e\u671d', YuMincho, 'Hiragino Mincho ProN', '\u30d2\u30e9\u30ae\u30ce\u660e\u671d ProN', Georgia, serif;\n  color: var(--ok-dark);\n  background: var(--ok-ivory);\n  border-radius: 4px;\n  overflow: hidden;\n  \/* \u30b3\u30f3\u30c6\u30ca\u5e45\u306fWordPress\u5074\u306b\u59d4\u306d\u308b *\/\n  width: 100%;\n  max-width: 640px;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n#okuizome-app *, #okuizome-app *::before, #okuizome-app *::after {\n  box-sizing: border-box;\n}\n\n\/* ===== \u30c8\u30c3\u30d7\u30d0\u30fc ===== *\/\n.ok-top-band {\n  width: 100%;\n  height: 5px;\n  background: linear-gradient(90deg, #8b2e2e, #c4714a, #c9954c, #c4714a, #8b2e2e);\n}\n\n\/* ===== \u30d8\u30c3\u30c0\u30fc ===== *\/\n.ok-header {\n  text-align: center;\n  \/* fluid padding: \u30b9\u30de\u30db\u306f\u5c0f\u3055\u304f\u3001PC\u306f\u5927\u304d\u304f *\/\n  padding: clamp(24px, 5vw, 44px) clamp(16px, 5vw, 40px) clamp(20px, 4vw, 34px);\n  background: linear-gradient(180deg, #f5ede0 0%, #fdf8f0 100%);\n}\n.ok-subtitle {\n  font-size: clamp(0.65rem, 1.8vw, 0.75rem) !important;\n  letter-spacing: 0.32em;\n  color: #c4714a !important;\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n  font-weight: 400 !important;\n  line-height: 1.4 !important;\n}\n.ok-title {\n  font-size: clamp(1.6rem, 5vw, 2.4rem) !important;\n  font-weight: 700 !important;\n  color: #8b2e2e !important;\n  line-height: 1.3 !important;\n  letter-spacing: 0.08em;\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n}\n.ok-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 12px auto;\n  max-width: 280px;\n}\n.ok-divider-line {\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #c9954c, transparent);\n}\n.ok-divider-icon {\n  font-size: 0.95rem;\n  color: #c9954c;\n  flex-shrink: 0;\n}\n.ok-header-desc {\n  font-size: clamp(0.8rem, 2.2vw, 0.9rem) !important;\n  color: #6b3d2e !important;\n  line-height: 1.85;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ===== \u30ab\u30fc\u30c9 ===== *\/\n.ok-card {\n  background: #fff;\n  border: 1px solid #e8c4a0;\n  \/* fluid margin & padding *\/\n  margin: 0 clamp(10px, 3vw, 24px) clamp(16px, 3vw, 28px);\n  padding: clamp(20px, 5vw, 40px) clamp(18px, 5vw, 44px);\n  position: relative;\n  box-shadow: 0 4px 28px rgba(139,46,46,0.07);\n}\n\/* \u9685\u306e\u98fe\u308a\uff08\u5c0f\u3055\u3044\u753b\u9762\u3067\u306f\u975e\u8868\u793a\uff09 *\/\n.ok-card::before, .ok-card::after {\n  content: '';\n  position: absolute;\n  width: 18px; height: 18px;\n  border-color: #c9954c;\n  border-style: solid;\n  opacity: 0.5;\n}\n.ok-card::before { top: 9px; left: 9px;   border-width: 2px 0 0 2px; }\n.ok-card::after  { bottom: 9px; right: 9px; border-width: 0 2px 2px 0; }\n\n\/* ===== \u5165\u529b\u30a8\u30ea\u30a2 ===== *\/\n.ok-input-group { margin-bottom: clamp(16px, 3vw, 22px); }\n\n.ok-label {\n  display: block;\n  font-size: clamp(0.88rem, 2.5vw, 0.95rem) !important;\n  font-weight: 500 !important;\n  color: #6b3d2e !important;\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n  letter-spacing: 0.05em;\n  line-height: 1.4 !important;\n}\n.ok-section-label {\n  display: block;\n  font-size: clamp(0.62rem, 1.8vw, 0.7rem) !important;\n  letter-spacing: 0.26em;\n  color: #c4714a !important;\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n  line-height: 1.4 !important;\n}\n\n\/* \u65e5\u4ed8\u5165\u529b\uff1a\u30bf\u30c3\u30d7\u3057\u3084\u3059\u3044\u9ad8\u3055\u3092\u78ba\u4fdd *\/\n.ok-date-input {\n  font-family: inherit;\n  font-size: clamp(0.95rem, 2.8vw, 1rem) !important;\n  border: 1.5px solid #e8c4a0 !important;\n  border-radius: 3px !important;\n  \/* \u6700\u4f4e 44px\uff08\u30bf\u30c3\u30d7\u30bf\u30fc\u30b2\u30c3\u30c8\u63a8\u5968\u30b5\u30a4\u30ba\uff09*\/\n  padding: clamp(10px, 2vw, 12px) 14px !important;\n  min-height: 46px;\n  color: #2c1810 !important;\n  background: #fdf8f0 !important;\n  width: 100%;\n  outline: none;\n  box-shadow: none !important;\n  transition: border-color 0.2s;\n  -webkit-appearance: none;\n}\n.ok-date-input:focus { border-color: #c4714a !important; }\n\n\/* \u30ab\u30a6\u30f3\u30c8\u65b9\u6cd5\u30c8\u30b0\u30eb *\/\n.ok-method-toggle {\n  display: flex;\n  border: 1.5px solid #e8c4a0;\n  border-radius: 3px;\n  overflow: hidden;\n}\n.ok-method-btn {\n  flex: 1;\n  \/* \u6700\u4f4e 44px \u30bf\u30c3\u30d7\u30bf\u30fc\u30b2\u30c3\u30c8 *\/\n  padding: clamp(9px, 2vw, 11px) 6px;\n  min-height: 44px;\n  border: none !important;\n  border-right: 1px solid #e8c4a0 !important;\n  background: #fdf8f0 !important;\n  color: #6b3d2e !important;\n  font-family: inherit;\n  font-size: clamp(0.78rem, 2.2vw, 0.86rem) !important;\n  cursor: pointer;\n  letter-spacing: 0.03em;\n  transition: background 0.2s, color 0.2s;\n  box-shadow: none !important;\n  border-radius: 0 !important;\n  line-height: 1.4;\n  -webkit-tap-highlight-color: transparent;\n}\n.ok-method-btn:last-child { border-right: none !important; }\n.ok-method-btn.ok-active {\n  background: #8b2e2e !important;\n  color: #fff !important;\n}\n\n\/* \u8a08\u7b97\u30dc\u30bf\u30f3 *\/\n.ok-calc-btn {\n  width: 100%;\n  padding: clamp(12px, 3vw, 15px) 16px;\n  min-height: 50px;\n  background: linear-gradient(135deg, #c4714a, #8b2e2e) !important;\n  color: #fff !important;\n  border: none !important;\n  border-radius: 3px !important;\n  font-family: inherit;\n  font-size: clamp(0.95rem, 2.8vw, 1.05rem) !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.16em;\n  cursor: pointer;\n  box-shadow: 0 3px 14px rgba(139,46,46,0.25) !important;\n  transition: opacity 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: manipulation;\n}\n.ok-calc-btn:hover  { opacity: 0.9; }\n.ok-calc-btn:active { opacity: 0.8; }\n\n\/* ===== \u7d50\u679c\u30a8\u30ea\u30a2 ===== *\/\n.ok-result-headline {\n  text-align: center;\n  margin-bottom: clamp(16px, 3vw, 22px);\n}\n.ok-rl-label {\n  display: block;\n  font-size: clamp(0.62rem, 1.8vw, 0.7rem) !important;\n  letter-spacing: 0.3em;\n  color: #c4714a !important;\n  margin: 0 0 6px !important;\n  padding: 0 !important;\n  line-height: 1.4 !important;\n}\n.ok-result-date {\n  font-size: clamp(1.15rem, 4vw, 1.85rem) !important;\n  font-weight: 700 !important;\n  color: #8b2e2e !important;\n  letter-spacing: 0.05em;\n  line-height: 1.4 !important;\n  word-break: keep-all;\n}\n\n\/* 4\u30bf\u30a4\u30eb\u30b0\u30ea\u30c3\u30c9\uff1a\u30b9\u30de\u30db\u306f2\u5217\u3001PC\u30822\u5217\uff08\u30d0\u30e9\u30f3\u30b9\u91cd\u8996\uff09 *\/\n.ok-result-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(8px, 2vw, 12px);\n  margin-bottom: clamp(12px, 2.5vw, 18px);\n}\n.ok-result-tile {\n  background: #f5ede0;\n  border: 1px solid #e8c4a0;\n  border-radius: 3px;\n  padding: clamp(10px, 2.5vw, 15px) clamp(8px, 2vw, 14px);\n  text-align: center;\n}\n.ok-tile-label {\n  display: block;\n  font-size: clamp(0.6rem, 1.7vw, 0.67rem) !important;\n  letter-spacing: 0.16em;\n  color: #c4714a !important;\n  margin: 0 0 4px !important;\n  padding: 0 !important;\n  line-height: 1.4 !important;\n}\n.ok-tile-value {\n  font-size: clamp(1.15rem, 3.5vw, 1.35rem) !important;\n  font-weight: 700 !important;\n  color: #8b2e2e !important;\n  line-height: 1.2 !important;\n}\n.ok-tile-unit {\n  font-size: clamp(0.68rem, 1.9vw, 0.76rem) !important;\n  color: #6b3d2e !important;\n  margin-left: 2px;\n}\n\n\/* \u9032\u6357\u30d0\u30fc *\/\n.ok-countdown-bar {\n  background: #f5ede0;\n  border: 1px solid #e8c4a0;\n  border-radius: 3px;\n  padding: clamp(12px, 2.5vw, 15px) clamp(14px, 3vw, 18px);\n  margin-bottom: clamp(10px, 2vw, 14px);\n}\n.ok-bar-label {\n  display: block;\n  font-size: clamp(0.6rem, 1.7vw, 0.68rem) !important;\n  letter-spacing: 0.18em;\n  color: #c4714a !important;\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n  line-height: 1.4 !important;\n}\n.ok-progress-track {\n  background: #e8c4a0;\n  border-radius: 100px;\n  height: 7px;\n  overflow: hidden;\n  margin-bottom: 6px;\n}\n.ok-progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #c9954c, #c4714a);\n  border-radius: 100px;\n  width: 0%;\n  transition: width 1s ease;\n}\n.ok-bar-meta {\n  display: flex;\n  justify-content: space-between;\n  font-size: clamp(0.62rem, 1.7vw, 0.72rem) !important;\n  color: #6b3d2e !important;\n}\n\n\/* \u30e1\u30e2 *\/\n.ok-note-box {\n  background: linear-gradient(135deg, rgba(201,149,76,0.08), rgba(196,113,74,0.04));\n  border-left: 3px solid #c9954c;\n  padding: clamp(10px, 2.5vw, 14px) clamp(12px, 3vw, 16px);\n  font-size: clamp(0.78rem, 2.2vw, 0.84rem) !important;\n  color: #6b3d2e !important;\n  line-height: 1.85;\n}\n\n\/* \u66dc\u65e5\u30d0\u30c3\u30b8 *\/\n.ok-wd-badge {\n  display: inline-block;\n  padding: 2px 9px;\n  border-radius: 100px;\n  font-size: clamp(0.7rem, 1.9vw, 0.78rem) !important;\n  font-weight: 500;\n  margin-left: 6px;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n\/* ===== \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u5411\u3051\u8ffd\u52a0\u8abf\u6574 (\u301c480px) ===== *\/\n@media screen and (max-width: 480px) {\n  \/* \u9685\u306e\u98fe\u308a\u3092\u975e\u8868\u793a\uff08\u7aae\u5c48\u306b\u306a\u308b\u305f\u3081\uff09*\/\n  .ok-card::before, .ok-card::after { display: none; }\n\n  \/* \u7d50\u679c\u65e5\u4ed8\u304c\u9577\u3044\u5834\u5408\u306b\u6298\u308a\u8fd4\u3059 *\/\n  .ok-result-date {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: 4px;\n  }\n  .ok-wd-badge { margin-left: 0; }\n}\n\n\/* ===== \u6a2a\u5411\u304d\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u5411\u3051 (landscape & \u5c0f\u3055\u3044\u9ad8\u3055) ===== *\/\n@media screen and (max-height: 500px) and (orientation: landscape) {\n  .ok-header { padding: 16px 20px 12px; }\n  .ok-title  { font-size: 1.4rem !important; }\n  .ok-card   { padding: 16px 20px; }\n}\n<\/style>\n\n<script>\n(function(){\n  var okMethod = 0;\n\n  window.okSetMethod = function(btn, method) {\n    document.querySelectorAll('#okuizome-app .ok-method-btn').forEach(function(b){\n      b.classList.remove('ok-active');\n    });\n    btn.classList.add('ok-active');\n    okMethod = method;\n  };\n\n  \/* \u4eca\u65e5\u306e\u65e5\u4ed8\u3092\u4e0a\u9650\u306b\u8a2d\u5b9a *\/\n  var today    = new Date();\n  var todayStr = today.getFullYear() + '-'\n    + String(today.getMonth()+1).padStart(2,'0') + '-'\n    + String(today.getDate()).padStart(2,'0');\n  var dateInput = document.getElementById('ok-birthDate');\n  if (dateInput) dateInput.setAttribute('max', todayStr);\n\n  var WD     = ['\u65e5','\u6708','\u706b','\u6c34','\u6728','\u91d1','\u571f'];\n  var WD_CLR = {\n    '\u65e5':'#c0392b', '\u571f':'#2980b9',\n    '\u6708':'#5d4037', '\u706b':'#5d4037', '\u6c34':'#5d4037', '\u6728':'#5d4037', '\u91d1':'#5d4037'\n  };\n\n  window.okCalculate = function() {\n    var val = document.getElementById('ok-birthDate').value;\n    if (!val) { alert('\u8a95\u751f\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002'); return; }\n\n    var birth = new Date(val + 'T00:00:00');\n    var now   = new Date(); now.setHours(0,0,0,0);\n\n    \/* 100\u65e5\u76ee\u306e\u65e5\u4ed8 *\/\n    var day100 = new Date(birth);\n    day100.setDate(birth.getDate() + 99 - okMethod);\n\n    \/* \u65e5\u9f62\u30fb\u6b8b\u65e5\u6570\u30fb\u6708\u9f62 *\/\n    var ageDays  = Math.floor((now - birth) \/ 86400000) + (okMethod === 0 ? 1 : 0);\n    var daysLeft = Math.ceil((day100 - now) \/ 86400000);\n    var months   = Math.floor(ageDays \/ 30.44);\n    var wd       = WD[day100.getDay()];\n\n    var y = day100.getFullYear();\n    var m = String(day100.getMonth()+1).padStart(2,'0');\n    var d = String(day100.getDate()).padStart(2,'0');\n\n    \/* \u7d50\u679c\u65e5\u4ed8 *\/\n    document.getElementById('ok-resultDate').innerHTML =\n      y+'\u5e74'+m+'\u6708'+d+'\u65e5'\n      + '<span class=\"ok-wd-badge\" style=\"background:'+WD_CLR[wd]+'22;color:'+WD_CLR[wd]+';border:1px solid '+WD_CLR[wd]+'44\">'\n      + wd+'\u66dc\u65e5<\/span>';\n\n    \/* \u3042\u3068\u4f55\u65e5 *\/\n    var dlEl   = document.getElementById('ok-daysLeft');\n    var unitEl = document.getElementById('ok-daysUnit');\n    if (daysLeft > 0) {\n      dlEl.textContent  = daysLeft;\n      if (unitEl) unitEl.textContent = '\u65e5';\n    } else if (daysLeft === 0) {\n      dlEl.textContent  = '\u4eca\u65e5\uff01';\n      if (unitEl) unitEl.textContent = '';\n    } else {\n      dlEl.textContent  = Math.abs(daysLeft)+'\u65e5\u524d';\n      if (unitEl) unitEl.textContent = '';\n    }\n\n    \/* \u66dc\u65e5 *\/\n    var wdEl = document.getElementById('ok-weekdayResult');\n    wdEl.textContent  = wd+'\u66dc';\n    wdEl.style.color  = WD_CLR[wd];\n\n    \/* \u65e5\u9f62\u30fb\u6708\u9f62 *\/\n    document.getElementById('ok-currentAge').textContent = ageDays > 0 ? ageDays : 0;\n    document.getElementById('ok-monthsAge').textContent  = months  > 0 ? months  : 0;\n\n    \/* \u9032\u6357\u30d0\u30fc *\/\n    var prog = Math.min(Math.max((ageDays \/ 100) * 100, 0), 100);\n    document.getElementById('ok-progressFill').style.width = prog + '%';\n    document.getElementById('ok-barStart').textContent =\n      birth.getFullYear()+'\/'+(birth.getMonth()+1)+'\/'+birth.getDate();\n    document.getElementById('ok-barCurrent').textContent =\n      prog >= 98 ? '\u2713' : ageDays+'\u65e5';\n\n    \/* \u30e1\u30e2 *\/\n    var note = '';\n    if (daysLeft > 0) {\n      note = '\ud83c\udf89 \u304a\u98df\u3044\u521d\u3081\u307e\u3067\u3042\u3068 <strong>'+daysLeft+'\u65e5<\/strong> \u3067\u3059\u3002<br>\u6e96\u5099\u3092\u59cb\u3081\u307e\u3057\u3087\u3046\uff01\u9bdb\u3084\u8d64\u98ef\u3001\u86e4\u306e\u304a\u5438\u3044\u7269\u306a\u3069\u3092\u7528\u610f\u3057\u307e\u3059\u3002';\n    } else if (daysLeft === 0) {\n      note = '\ud83c\udf8a <strong>\u4eca\u65e5\u304c\u304a\u98df\u3044\u521d\u3081\u306e\u65e5\u3067\u3059\uff01<\/strong><br>\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u5927\u5207\u306a\u601d\u3044\u51fa\u3092\u6b8b\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n    } else {\n      note = '\ud83d\udcf8 \u304a\u98df\u3044\u521d\u3081\u306f <strong>'+Math.abs(daysLeft)+'\u65e5\u524d<\/strong> \u3067\u3057\u305f\u3002<br>\u7d20\u6575\u306a\u601d\u3044\u51fa\u306b\u306a\u308a\u307e\u3057\u305f\u306d\u3002';\n    }\n    document.getElementById('ok-noteBox').innerHTML = note;\n\n    \/* \u7d50\u679c\u8868\u793a *\/\n    document.getElementById('ok-result').style.display = 'block';\n  };\n})();\n<\/script>\n<!-- \/\u751f\u5f8c100\u65e5 \u304a\u98df\u3044\u521d\u3081 \u8a08\u7b97\u30c4\u30fc\u30eb -->\n\n\n\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td><div style=\"border:1px solid #000000;border-radius:.75rem;background-color:#FFFFFF;margin:0px;padding:5px;text-align:center;overflow:hidden;\"><table><tr><td style=\"width:128px\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/51e6a3b2.2729a6f7.51e6a3bb.9f03b918\/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fakacyann%2F09%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\"><img decoding=\"async\" src=\"https:\/\/hbb.afl.rakuten.co.jp\/hgb\/51e6a3b2.2729a6f7.51e6a3bb.9f03b918\/?me_id=1248784&#038;item_id=10014573&#038;pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fakacyann%2Fcabinet%2Fsyokuhin%2F09.jpg%3F_ex%3D128x128&#038;s=128x128&#038;t=picttext\" border=\"0\" style=\"margin:2px\" alt=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\" title=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\"><\/a><\/td><td style=\"vertical-align:top;display: block;\"><p style=\"font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px;word-wrap:break-word\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/51e6a3b2.2729a6f7.51e6a3bb.9f03b918\/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fakacyann%2F09%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\">\u30de\u30de\u5fdc\u63f4!!\u3010\u4eba\u6c17\u5546\u54c1!!\u3011\u3010\u697d\u59291\u4f4d!!\u3011\u304a\u98df\u3044\u521d\u3081 \u6599\u7406 \u30bb\u30c3\u30c8 \u9bdb \u98fe\u308a &#8230;<\/a><br><span >\u4fa1\u683c\uff1a4,980\u5186\uff5e\uff08\u7a0e\u8fbc\u3001\u9001\u6599\u5225)<\/span> <span style=\"color:#BBB\">(2026\/3\/23\u6642\u70b9)<\/span><\/p><\/td><\/tr><\/table><\/div><\/td><\/tr><\/table>\n\n\n\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td><div style=\"border:1px solid #000000;border-radius:.75rem;background-color:#FFFFFF;margin:0px;padding:5px;text-align:center;overflow:hidden;\"><table><tr><td style=\"width:128px\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/522cbd09.fbf75e15.522cbd0a.ae7f35ba\/_RTLink129263?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Ftokizenmiwa%2Fokui_5900_minizen_b%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\"><img decoding=\"async\" src=\"https:\/\/hbb.afl.rakuten.co.jp\/hgb\/522cbd09.fbf75e15.522cbd0a.ae7f35ba\/?me_id=1298423&#038;item_id=10000189&#038;pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Ftokizenmiwa%2Fcabinet%2F03520473%2F09695675%2Fkawaiizen00_02-05.jpg%3F_ex%3D128x128&#038;s=128x128&#038;t=picttext\" border=\"0\" style=\"margin:2px\" alt=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\" title=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\"><\/a><\/td><td style=\"vertical-align:top;display: block;\"><p style=\"font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px;word-wrap:break-word\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/522cbd09.fbf75e15.522cbd0a.ae7f35ba\/_RTLink129263?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Ftokizenmiwa%2Fokui_5900_minizen_b%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\">\u300a\u697d\u59291\u4f4d7\u51a0\u300b\u304a\u98df\u3044\u521d\u3081\u6599\u7406\u30bb\u30c3\u30c8\u2502\u4f7f\u3044\u5207\u308a\u98df\u5668\u4ed8\u304d\u3067\u8d64\u3061\u3083\u3093\u3068\u306e\u64ae\u5f71\u306b\u3074\u3063\u305f&#8230;<\/a><br><span >\u4fa1\u683c\uff1a6,480\u5186\uff5e\uff08\u7a0e\u8fbc\u3001\u9001\u6599\u5225)<\/span> <span style=\"color:#BBB\">(2026\/3\/23\u6642\u70b9)<\/span><\/p><\/td><\/tr><\/table><\/div><\/td><\/tr><\/table>\n\n\n\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td><div style=\"border:1px solid #000000;border-radius:.75rem;background-color:#FFFFFF;margin:0px;padding:5px;text-align:center;overflow:hidden;\"><table><tr><td style=\"width:128px\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/522cbe1d.38a5bd2a.522cbe1e.b7d857e3\/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fgifumaruuo%2Fokuizome_sekihan%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\"><img decoding=\"async\" src=\"https:\/\/hbb.afl.rakuten.co.jp\/hgb\/522cbe1d.38a5bd2a.522cbe1e.b7d857e3\/?me_id=1428638&#038;item_id=10000001&#038;pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fgifumaruuo%2Fcabinet%2F10911064%2Fokuihajime%2Fni_main2.jpg%3F_ex%3D128x128&#038;s=128x128&#038;t=picttext\" border=\"0\" style=\"margin:2px\" alt=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\" title=\"[\u5546\u54c1\u4fa1\u683c\u306b\u95a2\u3057\u307e\u3057\u3066\u306f\u3001\u30ea\u30f3\u30af\u304c\u4f5c\u6210\u3055\u308c\u305f\u6642\u70b9\u3068\u73fe\u6642\u70b9\u3067\u60c5\u5831\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002]\"><\/a><\/td><td style=\"vertical-align:top;display: block;\"><p style=\"font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px;word-wrap:break-word\"><a href=\"https:\/\/hb.afl.rakuten.co.jp\/ichiba\/522cbe1d.38a5bd2a.522cbe1e.b7d857e3\/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fgifumaruuo%2Fokuizome_sekihan%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIxMjh4MTI4IiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjAsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjowLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D\" target=\"_blank\" rel=\"nofollow sponsored noopener\" style=\"word-wrap:break-word;\">\u304a\u98df\u3044\u521d\u3081\u30bb\u30c3\u30c8 \u6599\u7406\u306e\u307f \u5b85\u914d \u4ed5\u51fa\u3057 \u5973\u306e\u5b50 \u7537\u306e\u5b50 \u304a \u98df\u3044\u521d\u3081 100\u65e5&#8230;<\/a><br><span >\u4fa1\u683c\uff1a3,450\u5186\uff5e\uff08\u7a0e\u8fbc\u3001\u9001\u6599\u7121\u6599)<\/span> <span style=\"color:#BBB\">(2026\/3\/23\u6642\u70b9)<\/span><\/p><\/td><\/tr><\/table><\/div><\/td><\/tr><\/table>\n","protected":false},"excerpt":{"rendered":"<p>\u8a18\u5ff5\u65e5\u8a08\u7b97 \u751f\u5f8c100\u65e5\u304a\u98df\u3044\u521d\u3081 <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-45","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":24,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=\/wp\/v2\/posts\/45\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.se-engineerblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}