{"id":279,"date":"2026-07-17T17:15:07","date_gmt":"2026-07-17T08:15:07","guid":{"rendered":"https:\/\/www.itclub.pia-lab.com\/?page_id=279"},"modified":"2026-07-18T08:54:56","modified_gmt":"2026-07-17T23:54:56","slug":"%e3%81%8a%e3%81%8a%e3%81%ab%e3%81%a1%e4%bd%9c-rpg%e3%82%b2%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/www.itclub.pia-lab.com\/?page_id=279","title":{"rendered":"\u3044\u304a\u3074\u4f5c RPG\u30b2\u30fc\u30e0"},"content":{"rendered":"\n<div class=\"game-frame-wrap\" \n  <button class=\"game-fullscreen-button\" type=\"button\" onclick=\"openGameFullscreen()\">\n    \u5168\u753b\u9762\u3067\u904a\u3076\n  <\/button>\n\n  <iframe src=\"https:\/\/www.itclub.pia-lab.com\/wp-content\/uploads\/2026\/07\/oonishi.html\" class=\"game-frame\" title=\"\u30b9\u30af\u30fc\u30eb\u30d0\u30c8\u30eb\" frameborder=\"0\" scrolling=\"yes\" allow=\"fullscreen; autoplay\" allowfullscreen=\"\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\">\n  <\/iframe>\n\n<\/div>\n\n<style>\n.game-frame-wrap {\n  position: relative;\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  height: min(82vh, 760px);\n  height: min(82dvh, 760px);\n\n  margin: 0 auto;\n  padding: 0;\n\n  overflow: hidden;\n  box-sizing: border-box;\n  background: #000;\n}\n\n.game-frame {\n  display: block;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  height: 100% !important;\n\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.game-fullscreen-button {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 20;\n\n  min-width: 130px;\n  padding: 11px 16px;\n\n  border: 1px solid #fff;\n  border-radius: 8px;\n\n  background: rgba(0, 0, 0, 0.8);\n  color: #fff;\n\n  font-size: 15px;\n  font-weight: bold;\n  line-height: 1.4;\n  cursor: pointer;\n}\n\n.game-fullscreen-button:hover {\n  background: rgba(40, 40, 40, 0.9);\n}\n\n.rotate-message {\n  display: none;\n}\n\n\/* \u5168\u753b\u9762\u8868\u793a\u6642 *\/\n.game-frame-wrap:fullscreen,\n.game-frame-wrap:-webkit-full-screen,\n.game-frame-wrap:-moz-full-screen {\n  width: 100vw;\n  max-width: none;\n  height: 100vh;\n  height: 100dvh;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u3067\u306f\u5168\u753b\u9762\u30dc\u30bf\u30f3\u3092\u975e\u8868\u793a *\/\n@media screen and (max-width: 900px),\n       screen and (hover: none) and (pointer: coarse) {\n  .game-fullscreen-button {\n    display: none !important;\n  }\n}\n\n\/* \u30b9\u30de\u30db\u6a2a\u5411\u304d *\/\n@media screen and (orientation: landscape) and (max-height: 600px) {\n  .game-frame-wrap {\n    width: 100%;\n    max-width: 100%;\n    height: 100dvh;\n    margin: 0 auto;\n  }\n}\n\n\/* \u30b9\u30de\u30db\u7e26\u5411\u304d *\/\n@media screen and (orientation: portrait) and (max-width: 900px) {\n  .game-frame-wrap {\n    width: 100%;\n    height: 70dvh;\n    min-height: 430px;\n  }\n\n  .game-frame {\n    visibility: hidden;\n  }\n\n  .rotate-message {\n    position: absolute;\n    inset: 0;\n    z-index: 30;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    padding: 30px;\n    box-sizing: border-box;\n\n    background: #111;\n    color: #fff;\n    text-align: center;\n\n    font-size: 20px;\n    font-weight: bold;\n  }\n\n  .rotate-message small {\n    display: block;\n    margin-top: 10px;\n\n    font-size: 13px;\n    font-weight: normal;\n    line-height: 1.6;\n    opacity: 0.75;\n  }\n\n  .rotate-icon {\n    margin-bottom: 16px;\n\n    font-size: 54px;\n    line-height: 1;\n  }\n}\n<\/style>\n\n<script>\nfunction openGameFullscreen() {\n  const gameArea = document.getElementById(\"gameFrameWrap\");\n\n  if (!gameArea) {\n    return;\n  }\n\n  const requestFullscreen =\n    gameArea.requestFullscreen ||\n    gameArea.webkitRequestFullscreen ||\n    gameArea.mozRequestFullScreen ||\n    gameArea.msRequestFullscreen;\n\n  if (requestFullscreen) {\n    requestFullscreen.call(gameArea);\n  }\n\n  if (\n    screen.orientation &&\n    typeof screen.orientation.lock === \"function\"\n  ) {\n    screen.orientation.lock(\"landscape\").catch(function () {\n      \/* \u6a2a\u5411\u304d\u56fa\u5b9a\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u7aef\u672b\u3067\u306f\u4f55\u3082\u3057\u306a\u3044 *\/\n    });\n  }\n}\n<\/script>\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":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"site_body_padding":"true","hide_site_header":"true","hide_page_header":"true","hide_breadcrumb":"true","hide_site_footer":"true","hide_mobile_menu_btn":"true","hide_mobile_fix_nav":"true"},"header_top_description":"","vk_page_header_image":0,"vk_page_header_image_sp":0,"vk_page_header_subtext":"","footnotes":""},"class_list":["post-279","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279"}],"version-history":[{"count":5,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}