{"id":5261,"date":"2025-12-16T11:48:54","date_gmt":"2025-12-16T02:48:54","guid":{"rendered":"https:\/\/hiros-choice.com\/?page_id=5261"},"modified":"2026-01-09T20:19:57","modified_gmt":"2026-01-09T11:19:57","slug":"%e3%80%90header%e3%80%91%e3%83%98%e3%83%83%e3%83%80%e3%83%bc","status":"publish","type":"page","link":"https:\/\/hiros-choice.com\/ja\/header\/","title":{"rendered":"\u3010header\u3011\u30d8\u30c3\u30c0\u30fc"},"content":{"rendered":"<style>\r\n  \/* Header *\/\r\n  .header-inner{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:14px 16px;\r\n  }\r\n  .header-logo{\r\n    display:block;\r\n    height:auto;\r\n    max-height:44px;\r\n    width:auto;\r\n  }\r\n  .header-right{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n  }\r\n  .header-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  \/* Fix: keep position:fixed relative to viewport *\/\r\n  html, body{\r\n    transform:none !important;\r\n    filter:none !important;\r\n    perspective:none !important;\r\n  }\r\n  body.video-bg-body{\r\n    transform:none !important;\r\n    filter:none !important;\r\n    perspective:none !important;\r\n  }\r\n\r\n  \/* Floating Support Button\uff08500px\u30ab\u30e9\u30e0\u53f3\u7aef\u306b\u8ffd\u5f93\uff09 *\/\r\n  :root{\r\n  --hc-col: 500px;   \/* body\/header-inner \u306e\u57fa\u6e96\u5e45 *\/\r\n  --hc-gap: 12px;    \/* \u53f3\u7aef\u306e\u4f59\u767d\uff080\u306b\u3059\u308c\u3070\u30d4\u30c3\u30bf\u30ea\uff09 *\/\r\n  --hc-btn-w: 84px;  \/* \u3044\u307eSP\u306f84px\u306b\u306a\u3063\u3066\u308b\u306e\u3067\u5408\u308f\u305b\u308b *\/\r\n}\r\n\r\n\/* \u753b\u9762\u304c\u5e83\u3044\u3068\u304d\u306f\u30dc\u30bf\u30f3\u308296px\u306b\u623b\u3059\u306a\u3089 *\/\r\n@media (min-width: 768px){\r\n  :root{ --hc-btn-w: 96px; --hc-gap: 14px; }\r\n}\r\n\r\n.hc-float-support{\r\n  position: fixed !important;\r\n  top: calc(86px + env(safe-area-inset-top)) !important;\r\n\r\n  \/* \u53f3\u4f4d\u7f6e\u3092\u201c1\u672c\u5316\u201d *\/\r\n  right: calc((100vw - min(var(--hc-col), 100vw)) \/ 2 + var(--hc-gap)) !important;\r\n\r\n  left: auto !important;\r\n  transform: none !important;\r\n\r\n  z-index: 9999 !important;\r\n}\r\n\r\n.hc-float-support a{\r\n  width: var(--hc-btn-w) !important;\r\n}\r\n  .hc-float-support img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  .hc-float-support a:hover{ transform:translateY(-1px); }\r\n  .hc-float-support a:active{ transform:translateY(0); }\r\n\r\n  .hc-float-support a:focus-visible{\r\n    outline:3px solid rgba(216,80,33,.55);\r\n    outline-offset:3px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    :root{\r\n      --hc-edge-gap: 12px;\r\n      --hc-btn-w: 84px;\r\n    }\r\n    .hc-float-support{\r\n      top:calc(86px + env(safe-area-inset-top));\r\n    }\r\n    .hc-float-support a{\r\n      border-radius:12px;\r\n      box-shadow:0 8px 18px rgba(0,0,0,.20);\r\n    }\r\n  }\r\n\r\n  @media print{\r\n    .hc-float-support{ display:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"header-inner\">\r\n  <a href=\"https:\/\/hiros-choice.com\/ja\/\">\r\n    <img decoding=\"async\" class=\"header-logo\" src=\"https:\/\/hiros-choice.com\/wp-content\/uploads\/2025\/12\/logo.png\" alt=\"\">\r\n  <\/a>\r\n\r\n  <div class=\"header-right\">\r\n    <menu class=\"header-menu\">\r\n      \n<div\n\t class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown\">\n\t<ul role=\"menu\">\n\n\t\t<li role=\"none\" tabindex=\"0\" class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-ja wpml-ls-current-language wpml-ls-last-item wpml-ls-item-legacy-dropdown\">\n\t\t\t<a href=\"#\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" role=\"menuitem\" title=\"\u65e5\u672c\u8a9e\u306b\u5207\u308a\u66ff\u3048\u308b\">\n                                                    <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/hiros-choice.com\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/ja.svg\"\n            alt=\"\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\" role=\"menuitem\">\u65e5\u672c\u8a9e<\/span><\/a>\n\n\t\t\t<ul class=\"wpml-ls-sub-menu\" role=\"menu\">\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-first-item\" role=\"none\">\n\t\t\t\t\t\t<a href=\"https:\/\/hiros-choice.com\/\" class=\"wpml-ls-link\" role=\"menuitem\" aria-label=\"English\u306b\u5207\u308a\u66ff\u3048\u308b\" title=\"English\u306b\u5207\u308a\u66ff\u3048\u308b\">\n                                                                <img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/hiros-choice.com\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/en.svg\"\n            alt=\"\"\n            width=18\n            height=12\n    \/><span class=\"wpml-ls-native\" lang=\"en\">English<\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t<\/ul>\n\n\t\t<\/li>\n\n\t<\/ul>\n<\/div>\n\r\n      <!-- Language -->\r\n      <!--\r\n      <a href=\"#\">\r\n        <img decoding=\"async\" class=\"lang-icon\" src=\"https:\/\/hiros-choice.com\/wp-content\/themes\/hiros-choice\/images\/icon\/lang_icon.png\" alt=\"\">\r\n      <\/a>\r\n      -->\r\n    <\/menu>\r\n\r\n    <!-- Hamburger -->\r\n    <div class=\"spMenu\" id=\"spMenuBtn\">\r\n      <div class=\"hamburger\" id=\"hamburger\">\r\n        <div><\/div><div><\/div><div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Slide Menu -->\r\n<nav class=\"hamburger-menu\" id=\"hamburger-menu\">\r\n  <div class=\"hamburger-menu-inner\">\r\n    <dl>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/about-hiro\">ABOUT HIRO<\/a><\/dt>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/project\">PROJECT<\/a><\/dt>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/technology\">Technology<\/a><\/dt>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/schedule\">Schedule<\/a><\/dt>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/support\">SUPPORT<\/a><\/dt>\r\n      <dt><a href=\"https:\/\/hiros-choice.com\/ja\/contact\">CONTACT<\/a><\/dt>\r\n    <\/dl>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- Floating Support Button -->\r\n<!--\r\ndiv class=\"hc-float-support\">\r\n  <a href=\"https:\/\/hiros-choice.com\/ja\/support\/\" aria-label=\"Support\">\r\n    <img decoding=\"async\" src=\"https:\/\/hiros-choice.com\/wp-content\/uploads\/2025\/12\/support-btn.png\" alt=\"Support\">\r\n  <\/a>\r\n<\/div>\r\n-->","protected":false},"excerpt":{"rendered":"<p>ABOUT HIRO PROJECT Technology Schedule SUPPORT CONTACT<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5261","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/comments?post=5261"}],"version-history":[{"count":37,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5261\/revisions"}],"predecessor-version":[{"id":5911,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5261\/revisions\/5911"}],"wp:attachment":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/media?parent=5261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}