{"id":6307,"date":"2026-08-13T12:00:00","date_gmt":"2026-08-13T03:00:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=6307"},"modified":"2026-08-13T10:58:53","modified_gmt":"2026-08-13T01:58:53","slug":"%e5%8f%8d%e8%bb%a2%e3%83%95%e3%83%a9%e3%83%83%e3%83%97%ef%bc%88%e3%83%91%e3%82%bf%e3%83%91%e3%82%bf%ef%bc%89","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=6307","title":{"rendered":"\u30d1\u30bf\u30d1\u30bf\u30ab\u30ec\u30f3\u30c0\u30fc"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u6614\u306e\u99c5\u306b\u3042\u3063\u305f\u300c\u30d1\u30bf\u30d1\u30bf\uff08\u53cd\u8ee2\u30d5\u30e9\u30c3\u30d7\u5f0f\u6848\u5185\u8868\u793a\u6a5f\uff09\u300d\u3092\u518d\u73fe\u3057\u3066\u307f\u307e\u3057\u305f\u3002<br>\u5c11\u3057\u30ec\u30c8\u30ed\u306a\u3042\u306e\u6642\u4ee3\u304c\u304a\u597d\u304d\u306a\u65b9\u306f\u305c\u3072\uff01<br>\uff08\u6ce8\u610f\uff01\u64ec\u4f3c\u30d1\u30bf\u30d1\u30bf\u97f3\u3082\u51fa\u307e\u3059\uff01\uff09<\/p>\n\n\n\n<div class=\"flap-container\">\n  <button id=\"startBtn\">\u25b6 \u66a6\u3092\u8868\u793a<\/button>\n  <div class=\"flap-row\" id=\"calendarRow\"><\/div>\n<\/div>\n\n<style>\n.flap-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n}\n.flap-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n\/* \u5f37\u5236\u6539\u884c\u7528\u30af\u30e9\u30b9 *\/\n.break-line {\n  flex-basis: 100%;\n  height: 0;\n}\n\n\/* \u30d1\u30bf\u30d1\u30bf\u30ab\u30fc\u30c9\u5171\u901a *\/\n.flap-card {\n  position: relative;\n  background-color: #111;\n  border-radius: 6px;\n  font-family: 'Courier New', Courier, monospace;\n  font-weight: 900; \n  color: #fff;\n  text-align: center;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.4);\n  perspective: 300px;\n}\n\n\/* \u2460 \u5e74\u6708\u65e5\u7528\u306e\u5927\u578b\u30ab\u30fc\u30c9\u30b5\u30a4\u30ba *\/\n.number-card {\n  width: 50px;\n  height: 70px;\n  font-size: 42px;\n}\n\n\/* \u2461 \u65e7\u66a6\u6708\u30fb\u4e8c\u5341\u56db\u7bc0\u6c17\u30fb\u4e03\u5341\u4e8c\u5019\u7528\u306e\u30ab\u30fc\u30c9\u30b5\u30a4\u30ba *\/\n.word-card {\n  height: 44px;\n  font-size: 22px;\n  padding: 0 10px;\n  min-width: 96px;\n  box-sizing: border-box;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.word-card .top {\n  line-height: 44px;\n}\n\n\/* \u4e03\u5341\u4e8c\u5019\u306f4\u6587\u5b57\u306a\u306e\u3067\u5c02\u7528\u5e45 *\/\n.kou-card {\n  width: 110px;\n  min-width: 110px;\n}\n\n.half {\n  position: absolute;\n  width: 100%;\n  height: 50%;\n  left: 0;\n  overflow: hidden;\n  background-color: #111;\n}\n\n.top {\n  top: 0;\n  border-top: 2px solid #000;\n  border-bottom: 1px solid rgba(0,0,0,0.6);\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n}\n.number-card .top { line-height: 70px; }\n\n.bottom {\n  bottom: 0;\n  border-top: 1px solid rgba(255,255,255,0.1);\n  border-bottom: 2px solid #000;\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  line-height: 0;\n}\n\n.flap-card::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background-color: #000;\n  z-index: 10;\n}\n\n@keyframes flip-anim {\n  0% { transform: rotateX(0deg); }\n  100% { transform: rotateX(-180deg); }\n}\n\n.flipper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 50%;\n  transform-origin: bottom;\n  transform-style: preserve-3d;\n  animation: flip-anim 0.12s ease-in-out forwards;\n  z-index: 5;\n}\n\n\/* \u30e9\u30d9\u30eb\u3084\u5358\u4f4d\u306e\u6587\u5b57\u30b9\u30bf\u30a4\u30eb *\/\n.date-unit {\n  font-size: 18px;\n  font-weight: bold;\n  margin: 0 3px;\n  color: #000;\n  font-family: 'Courier New', Courier, monospace;\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6614\u306e\u99c5\u306b\u3042\u3063\u305f\u300c\u30d1\u30bf\u30d1\u30bf\uff08\u53cd\u8ee2\u30d5\u30e9\u30c3\u30d7\u5f0f\u6848\u5185\u8868\u793a\u6a5f\uff09\u300d\u3092\u518d\u73fe\u3057\u3066\u307f\u307e\u3057\u305f\u3002\u5c11\u3057\u30ec\u30c8\u30ed\u306a\u3042\u306e\u6642\u4ee3\u304c\u304a\u597d\u304d\u306a\u65b9\u306f\u305c\u3072\uff01\uff08\u6ce8\u610f\uff01\u64ec\u4f3c\u30d1\u30bf\u30d1\u30bf\u97f3\u3082\u51fa\u307e\u3059\uff01\uff09 \u25b6 \u66a6\u3092\u8868\u793a<\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6307","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6307"}],"version-history":[{"count":45,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6307\/revisions"}],"predecessor-version":[{"id":6452,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/6307\/revisions\/6452"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}