{"id":1474,"date":"2026-07-22T00:47:01","date_gmt":"2026-07-21T15:47:01","guid":{"rendered":"https:\/\/rinnorthwind.site\/?page_id=1474"},"modified":"2026-08-09T22:20:03","modified_gmt":"2026-08-09T13:20:03","slug":"start","status":"publish","type":"page","link":"https:\/\/rinnorthwind.site\/","title":{"rendered":"START"},"content":{"rendered":"\n<div id=\"rn-start-screen\">\n\n  <div class=\"rn-start-content\">\n\n    <div class=\"rn-logo-rise\">\n\n      <div class=\"rn-main-logo\">\n        <span>RIN<\/span>\n        <span>NORTHWIND<\/span>\n      <\/div>\n\n      <div class=\"rn-japanese-name\">\n        \u5317\u98a8 \u51dc\n      <\/div>\n\n    <\/div>\n\n    <a class=\"rn-start-link\" href=\"https:\/\/rinnorthwind.site\/?page_id=11\" aria-label=\"Rin Northwind\u306eGATEWAY\u30da\u30fc\u30b8\u3078\u9032\u3080\">\n      <span class=\"rn-start-cursor\">\u25b6<\/span>\n      <span>START<\/span>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"rn-copyright\">\n    \u00a9 RIN NORTHWIND\n  <\/div>\n\n<\/div>\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DotGothic16&family=Pixelify+Sans:wght@400..700&family=Press+Start+2P&display=swap');\n\n\n\/* ===================================\n   WordPress\u5074\u306e\u4f59\u767d\u3068\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u6d88\u3059\n=================================== *\/\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  background: #29486d !important;\n}\n\n\n\/* ===================================\n   \u30bf\u30a4\u30c8\u30eb\u753b\u9762\n=================================== *\/\n\n#rn-start-screen {\n  position: fixed !important;\n  inset: 0 !important;\n\n  width: 100vw !important;\n  height: 100vh !important;\n  height: 100dvh !important;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n\n  background: #29486d;\n  color: #ffffff;\n\n  z-index: 2147483647 !important;\n}\n\n\n\/* ===================================\n   \u4e2d\u592e\u306e\u5185\u5bb9\n=================================== *\/\n\n.rn-start-content {\n  width: 100%;\n  padding: 24px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  box-sizing: border-box;\n  text-align: center;\n\n  transform: translateY(-3vh);\n}\n\n\n\/* ===================================\n   \u4e0b\u304b\u3089\u4e0a\u304c\u308b\u30ed\u30b4\n=================================== *\/\n\n.rn-logo-rise {\n  opacity: 0;\n  transform: translateY(60vh);\n\n  animation:\n    rnLogoRise 1.8s steps(20, end) 0.25s forwards;\n}\n\n\n\/* ===================================\n   \u82f1\u5b57\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\n=================================== *\/\n\n.rn-main-logo {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  font-family: \"Pixelify Sans\", monospace;\n  font-size: clamp(54px, 14vw, 112px);\n  font-weight: 700;\n\n  line-height: 0.68;\n  letter-spacing: -0.075em;\n\n  color: #ffffff;\n  text-transform: uppercase;\n\n  text-shadow:\n    4px 4px 0 #b5bfca,\n    8px 8px 0 #66768e,\n    12px 12px 0 #243957;\n\n  -webkit-font-smoothing: none;\n  font-smooth: never;\n}\n\n\n\/* ===================================\n   \u5317\u98a8 \u51dc\n=================================== *\/\n\n.rn-japanese-name {\n  margin-top: 38px;\n\n  font-family: \"DotGothic16\", monospace;\n  font-size: clamp(21px, 5.5vw, 35px);\n  font-weight: 400;\n\n  letter-spacing: 0.3em;\n\n  color: #ffffff;\n\n  -webkit-font-smoothing: none;\n  font-smooth: never;\n}\n\n\n\/* ===================================\n   START\n=================================== *\/\n\n.rn-start-link {\n  margin-top: 76px;\n  padding: 15px 24px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 22px;\n\n  background: transparent;\n\n  color: #ffffff !important;\n  text-decoration: none !important;\n\n  font-family: \"Press Start 2P\", monospace;\n  font-size: clamp(18px, 5vw, 32px);\n  font-weight: 400;\n\n  line-height: 1.5;\n  letter-spacing: 0.03em;\n\n  cursor: pointer;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n\n  opacity: 0;\n  visibility: hidden;\n\n  animation:\n    rnShowStart 0.01s linear 2.2s forwards;\n}\n\n.rn-start-link:hover,\n.rn-start-link:focus,\n.rn-start-link:active {\n  color: #ffffff !important;\n  text-decoration: none !important;\n  outline: none;\n}\n\n.rn-start-link:active {\n  transform: translateY(3px);\n}\n\n\n\/* ===================================\n   \u25b6\u30ab\u30fc\u30bd\u30eb\n=================================== *\/\n\n.rn-start-cursor {\n  display: inline-block;\n\n  font-family: \"DotGothic16\", monospace;\n  font-size: 1.2em;\n\n  animation:\n    rnCursorBlink 0.75s steps(2, end) infinite;\n}\n\n\n\/* ===================================\n   \u30b3\u30d4\u30fc\u30e9\u30a4\u30c8\n=================================== *\/\n\n.rn-copyright {\n  position: absolute;\n\n  right: 0;\n  bottom: max(\n    34px,\n    calc(env(safe-area-inset-bottom) + 20px)\n  );\n  left: 0;\n\n  width: 100%;\n  padding: 0 20px;\n\n  box-sizing: border-box;\n  text-align: center;\n\n  font-family: \"Press Start 2P\", monospace;\n  font-size: clamp(8px, 2.2vw, 13px);\n\n  line-height: 1.6;\n  letter-spacing: 0.15em;\n\n  color: #d58acb;\n\n  opacity: 0;\n  visibility: hidden;\n\n  animation:\n    rnShowCopyright 0.01s linear 2.2s forwards;\n}\n\n\n\/* ===================================\n   \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n=================================== *\/\n\n@keyframes rnLogoRise {\n  0% {\n    opacity: 0;\n    transform: translateY(60vh);\n  }\n\n  8% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes rnShowStart {\n  100% {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n@keyframes rnShowCopyright {\n  100% {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n@keyframes rnCursorBlink {\n  0%,\n  49% {\n    opacity: 1;\n  }\n\n  50%,\n  100% {\n    opacity: 0;\n  }\n}\n\n\n\/* ===================================\n   \u9ad8\u3055\u304c\u5c0f\u3055\u3044\u30b9\u30de\u30db\n=================================== *\/\n\n@media (max-height: 700px) {\n  .rn-main-logo {\n    font-size: clamp(46px, 12vw, 82px);\n  }\n\n  .rn-japanese-name {\n    margin-top: 26px;\n  }\n\n  .rn-start-link {\n    margin-top: 50px;\n  }\n\n  .rn-copyright {\n    bottom: max(\n      20px,\n      calc(env(safe-area-inset-bottom) + 10px)\n    );\n  }\n}\n\n\n\/* ===================================\n   \u52d5\u304d\u3092\u6e1b\u3089\u3059\u7aef\u672b\u8a2d\u5b9a\n=================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .rn-logo-rise {\n    opacity: 1;\n    transform: translateY(0);\n    animation: none;\n  }\n\n  .rn-start-link,\n  .rn-copyright {\n    opacity: 1;\n    visibility: visible;\n    animation: none;\n  }\n\n  .rn-start-cursor {\n    animation: none;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>RIN NORTHWIND \u5317\u98a8 \u51dc \u25b6 START \u00a9 RIN NORTHWIND<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-1474","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/pages\/1474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1474"}],"version-history":[{"count":2,"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/pages\/1474\/revisions"}],"predecessor-version":[{"id":1476,"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=\/wp\/v2\/pages\/1474\/revisions\/1476"}],"wp:attachment":[{"href":"https:\/\/rinnorthwind.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}