{"id":13,"date":"2025-12-05T11:34:45","date_gmt":"2025-12-05T02:34:45","guid":{"rendered":"https:\/\/www.muse-produce.jp\/_wp-test\/?page_id=13"},"modified":"2026-02-12T18:28:17","modified_gmt":"2026-02-12T09:28:17","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/www.muse-produce.jp\/","title":{"rendered":"TOP"},"content":{"rendered":"\r\n<div class=\"hero-wrap\">\r\n\r\n  <!-- \u80cc\u666f -->\r\n  <img decoding=\"async\" class=\"hero-bg\"\r\n    src=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/TOP\u753b\u50cf.png\"\r\n    alt=\"\">\r\n\r\n  <!-- \u30b3\u30d4\u30fc -->\r\n  <div class=\"hero-copy\">\r\n    <h1>\u5168\u3066\u306e\u300c\u60f3\u3044\u300d\u3092\u5f62\u306b\u3057\u307e\u3059\u3002<\/h1>\r\n  <\/div>\r\n\r\n  <!-- \u97f3\u697d\u4e8b\u696d -->\r\n  <div class=\"frame\"\r\n       style=\"--x:28%; --y:48%;\"\r\n       data-link=\"https:.\/?page_id=2788 \"\r\n       data-panel-title=\"\u97f3\u697d\u4e8b\u696d\"\r\n       data-panel-text=\"\u5927\u5207\u306a\u65e5\u306b\u751f\u6f14\u594f\u3092\u53d6\u308a\u5165\u308c\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\r\n\r\n\u7d50\u5a5a\u5f0f\u306a\u3069\u306e\u30a4\u30d9\u30f3\u30c8\u3084\u30d1\u30fc\u30c6\u30a3\u306b\u3001\u751f\u6f14\u594f\u3092\u547c\u3093\u3067\u307f\u305f\u3044\u3068\u601d\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n\u751f\u6f14\u594f\u306e\u826f\u3055\u306f\u306a\u3093\u3068\u8a00\u3063\u3066\u3082\u81e8\u5834\u611f\u3067\u3059\u3002\u305d\u306e\u5834\u306e\u83ef\u3084\u304b\u3055\u304c\u4e00\u6c17\u306b\u5897\u3057\u307e\u3059\u3088\u306d\u3002\r\n\u5b9f\u306f\u305d\u308c\u3068\u540c\u6642\u306b\u3001\u4e3b\u50ac\u8005\u69d8\u306b\u5bfe\u3059\u308b\u304a\u5ba2\u69d8\u6e80\u8db3\u5ea6\u3082\u5897\u3059\u50be\u5411\u306b\u3042\u308b\u306e\u3067\u3059\u3002\r\n\u300c\u601d\u3044\u51fa\u306b\u6b8b\u308b\u4f1a\u306b\u3057\u305f\u3044\u300d\u300c\u6e80\u8db3\u3057\u3066\u5e30\u3063\u3066\u3044\u305f\u3060\u304d\u305f\u3044\u300d\u3068\u3044\u3046\u4e3b\u50ac\u8005\u69d8\u306e\u601d\u3044\u3092\u611f\u3058\u53d6\u308c\u308b\u304b\u3089\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\r\n\r\n\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2024\/09\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-06-10-130346.png\">\r\n    <div class=\"frame-title\">\u97f3\u697d\u4e8b\u696d<\/div>\r\n    <img decoding=\"async\" src=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/02\/\u97f3\u697d\u4e8b\u696d\u984d\u7e01.png\" alt=\"\">\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- 1 -->\r\n  <div class=\"frame\"\r\n       style=\"--x:6%; --y:30%;\"\r\n       data-link=\".\/?page_id=2033\"\r\n       data-panel-title=\"\u30a4\u30e1\u30fc\u30b8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\"\r\n       data-panel-text=\"\u65b0\u3057\u3044\u81ea\u5206\u3092\u767a\u898b\u3067\u304d\u308b\u8a3a\u65ad\u3092\u53d6\u308a\u63c3\u3048\u3066\u304a\u308a\u307e\u3059\r\n\u300c\u3042\u306a\u305f\u3092\u3001\u3088\u308a\u3042\u306a\u305f\u3089\u3057\u304f\u300d\r\n\r\n\u30a4\u30e1\u30fc\u30b8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306f\u3001\u5927\u3056\u3063\u3071\u306b\u8a00\u3048\u3070\u300c\u7b2c\u4e00\u5370\u8c61\u3092\u826f\u304f\u3059\u308b\u300d\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002\r\n\u521d\u5bfe\u9762\u306e\u5370\u8c61\u304c\u60aa\u304b\u3063\u305f\u4eba\u306b\u300c\u3082\u3046\u4e00\u5ea6\u4f1a\u3044\u305f\u3044\u300d\u306a\u3093\u3066\u3001\u8ab0\u3082\u601d\u3044\u307e\u305b\u3093\u3088\u306d\u3002\r\n\u4ed5\u4e8b\u3067\u3082\u604b\u611b\u3067\u3082\u3001\u7b2c\u4e00\u5370\u8c61\u304c\u305d\u306e\u5f8c\u306e\u4eba\u9593\u95a2\u4fc2\u3092\u5927\u304d\u304f\u5de6\u53f3\u3057\u307e\u3059\u3002\r\n\u7b2c\u4e00\u5370\u8c61\u304c\u826f\u304f\u306a\u308b\u3068\u4eba\u751f\u305d\u306e\u3082\u306e\u306e\u30c1\u30e3\u30f3\u30b9\u304c\u5e83\u304c\u308a\u307e\u3059\u3002\r\n\u304a\u304a\u3052\u3055\u3067\u3082\u306a\u3093\u3067\u3082\u306a\u3044\u3001\u672c\u5f53\u306e\u3053\u3068\u306a\u306e\u3067\u3059\u3002\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/muse_personal.png\">\r\n    <div class=\"frame-title\">\u30a4\u30e1\u30fc\u30b8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/div>\r\n    <img decoding=\"async\" src=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2025\/12\/\u984d\u7e01-1.png\" alt=\"\">\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- 2 -->\r\n  <div class=\"frame\"\r\n       style=\"--x:17%; --y:30%;\"\r\n       data-link=\".\/?page_id=2980\"\r\n       data-panel-title=\"\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\"\r\n       data-panel-text=\"\u4f01\u696d\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u6c7a\u3081\u308b\u306e\u306f\u300c\u5f93\u696d\u54e1\u300d\u3067\u3059\u3002\r\n\u30a4\u30e1\u30fc\u30b8\u30a2\u30c3\u30d7\u306b\u3064\u306a\u304c\u308b\u5f93\u696d\u54e1\u306e\u6559\u80b2\u306f\u79c1\u305f\u3061\u306b\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002\r\n\u5b9a\u671f\u7684\u306a\u7814\u4fee\u3053\u305d\u9577\u671f\u7684\u306a\u4f01\u696d\u30a4\u30e1\u30fc\u30b8\u5411\u4e0a\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/\u30df\u30fc\u30c6\u30a3\u30f3\u30b0\u98a8\u666f.png\">\r\n    <div class=\"frame-title\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0<\/div>\r\n    <img decoding=\"async\" src=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2025\/12\/\u984d\u7e01\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0.png\" alt=\"\">\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- 3 -->\r\n  <div class=\"frame\"\r\n       style=\"--x:28%; --y:30%;\"\r\n       data-link=\"https:.\/?page_id=2105\/\"\r\n       data-panel-title=\"\u4f01\u696d\u7814\u4fee\"\r\n       data-panel-text=\"\u300c\u611f\u3058\u305f\u300d\u3053\u3068\u306f\r\n\u3000\u3044\u3064\u307e\u3067\u3082\u5fc3\u306b\u6b8b\u308a\u307e\u3059\u3002\u30bb\u30df\u30ca\u30fc\u3084\u8b1b\u6f14\u4f1a\u306f\u300c\u30b7\u30e7\u30fc\u300d\u3068\u4f3c\u3066\u3044\u307e\u3059\u3002\r\n\u6559\u3048\u3066\u3082\u3089\u3063\u305f\u3053\u3068\u306f\u5fd8\u308c\u307e\u3059\u304c\u3001\r\n\u300c\u611f\u3058\u305f\u300d\u3053\u3068\u306f\u3044\u3064\u307e\u3067\u3082\u5fc3\u306b\u6b8b\u308a\u307e\u3059\u3002\r\n\r\n\u300c\u52c9\u5f37\u306b\u306a\u308a\u307e\u3057\u305f\u300d\u3068\u3044\u3046\u8a00\u8449\u3088\u308a\u3082\u5b09\u3057\u3044\u8a00\u8449\u2026\r\n\u300c\u697d\u3057\u304b\u3063\u305f\u3067\u3059\uff01\u300d\r\n\r\n\u305d\u306e\u8a00\u8449\u3092\u6ca2\u5c71\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001\r\n\u7814\u4fee\u3082\u300c\u30b7\u30e7\u30fc\u300d\u306e\u3088\u3046\u306b\u5168\u54e1\u53c2\u52a0\u578b\u306e\u5185\u5bb9\u3067\u5b9f\u65bd\u3057\u3066\u3044\u307e\u3059\u3002\r\n\u662f\u975e\u3001\u540c\u3058\u6642\u9593\u3092\u5171\u6709\u3059\u308b\u7814\u4fee\u3092\u4f53\u611f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\r\n\r\n\u25b6 \u7814\u4fee\u306b\u3054\u53c2\u52a0\u304f\u3060\u3055\u3063\u305f\u65b9\u306e\u58f0\u306f\u3053\u3061\u3089\r\n\u25b6 \u904e\u53bb\u306b\u884c\u3063\u305f\u7814\u4fee\u5185\u5bb9\u306e\u4f8b\u306f\u3053\u3061\u3089\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/muse_enterprise-scaled.png\">\r\n    <div class=\"frame-title\">\u4f01\u696d\u7814\u4fee<\/div>\r\n    <img decoding=\"async\" src=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2025\/12\/\u984d\u7e01\u4f01\u696d\u7814\u4fee.png\" alt=\"\">\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- 4 -->\r\n  <div class=\"frame frame-4\"\r\n       style=\"--x:6%; --y:48%;\"\r\n       data-link=\".\/?page_id=2885\"\r\n       data-panel-title=\"\u30da\u30c3\u30c8\u4e8b\u696d\"\r\n       data-panel-text=\"Pawl\u00e9\uff08\u30dd\u30fc\u30ec\uff09\u306f\u3001\u30da\u30c3\u30c8\u3068\u98fc\u3044\u4e3b\u3055\u3093\u306e\u6bce\u65e5\u3092\u3082\u3063\u3068\u30cf\u30c3\u30d4\u30fc\u306b\u3059\u308b\u30d6\u30e9\u30f3\u30c9\u3067\u3059\u3002\r\n\u300c\u3046\u3061\u306e\u5b50\u304c\u7b11\u3048\u3070\u3001\u79c1\u3082\u7b11\u9854\u306b\u306a\u308b\u300d\u2014\u2014\u305d\u3093\u306a\u5e78\u305b\u306e\u9023\u9396\u3092\u5e83\u3052\u305f\u3044\u3002\r\n\u79c1\u305f\u3061\u306f\u3001\u58f2\u4e0a\u306e\u4e00\u90e8\u3092\u201c\u6bba\u51e6\u5206\u30bc\u30ed\u201d\u3092\u76ee\u6307\u3059\u52d5\u7269\u4fdd\u8b77\u56e3\u4f53\u3078\u5bc4\u4ed8\u3057\u3001\r\n\u3059\u3079\u3066\u306e\u547d\u304c\u7b11\u9854\u3067\u3044\u3089\u308c\u308b\u793e\u4f1a\u3065\u304f\u308a\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u307e\u3059\u3002\r\n\r\n\u3042\u306a\u305f\u306e\u300c\u304b\u308f\u3044\u3044\uff01\u300d\u304c\u3001\u672a\u6765\u306e\u547d\u3092\u6551\u3046\u529b\u306b\u306a\u308a\u307e\u3059\u3002\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/PAWLE\u30d8\u30c3\u30c0\u30fc\u753b\u50cf.png\">\r\n    <div class=\"frame-title\">\u30da\u30c3\u30c8\u4e8b\u696d<\/div>\r\n    <div class=\"frame-img-bg\"><\/div>\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- 5 -->\r\n  <div class=\"frame frame-5\"\r\n       style=\"--x:17%; --y:48%;\"\r\n       data-link=.\/?page_id=2742\"\r\n       data-panel-title=\"\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\"\r\n       data-panel-text=\"\u771f\u646f\u306b\u5927\u5207\u306b\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u3068\u30d5\u30a1\u30f3\u306e\u65b9\u3005\u3092\u3064\u306a\u304e\u307e\u3059\u3002\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u69d8\u3068\u30d5\u30a1\u30f3\u306e\u65b9\u3005\u3092\u7e4b\u3050\u3079\u304f\u3001\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u304b\u3089\u30d5\u30a1\u30f3\u30af\u30e9\u30d6\u904b\u55b6\u3001\u30b0\u30c3\u30ba\u5236\u4f5c\u307e\u3067\u300c\u4e00\u6c17\u901a\u8cab\u300d\u3067\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u3002\"\r\n       data-panel-img=\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-2026\u5e741\u670819\u65e5-15_46_02.png\">\r\n    <div class=\"frame-title\">\u30de\u30cd\u30b8\u30e1\u30f3\u30c8<\/div>\r\n    <div class=\"frame-img-bg\"><\/div>\r\n    <div class=\"frame-menu\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- \u53f3\u30d0\u30fc -->\r\n  <div class=\"side-panel\" id=\"sidePanel\">\r\n    <div class=\"side-inner\">\r\n      <img decoding=\"async\" class=\"side-img\" id=\"sideImg\" src=\"\" alt=\"\">\r\n      <div class=\"side-title\" id=\"sideTitle\"><\/div>\r\n      <div class=\"side-text\" id=\"sideText\">\u30c6\u30ad\u30b9\u30c8\u304c\u5165\u308a\u307e\u3059<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.hero-wrap{\r\n  position:relative;\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n}\r\n.hero-bg{\r\n  width:100%;\r\n  display:block;\r\n}\r\n.hero-copy{\r\n  position:absolute;\r\n  top:20%;\r\n  left:22%;\r\n  transform:translate(-50%,-50%);\r\n  z-index:5;\r\n}\r\n.hero-copy h1{\r\n  margin:0;\r\n  font-family:'Times New Roman','\u6e38\u660e\u671d','Yu Mincho',serif;\r\n  color:#000;\r\n}\r\n\r\n\/* \u984d\u7e01 *\/\r\n.frame{\r\n  position:absolute;\r\n  left:var(--x);\r\n  top:var(--y);\r\n  width:150px;\r\n  z-index:10;\r\n  cursor:pointer;\r\n}\r\n.frame img{\r\n  width:100%;\r\n  display:block;\r\n  position:relative;\r\n  z-index:1;\r\n  box-shadow:0 4px 6px rgba(0,0,0,0.22);\r\n  transition:transform .6s ease;\r\n}\r\n.frame:hover img{ transform:scale(1.25); }\r\n\r\n\/* \u97f3\u697d\u4e8b\u696d\u3060\u3051\u5186\uff0b\u9670\u5f71 *\/\r\n.frame[data-panel-title=\"\u97f3\u697d\u4e8b\u696d\"] img{\r\n  border-radius:50%;\r\n  box-shadow:\r\n    0 10px 22px rgba(0,0,0,.28),\r\n    inset 0 3px 6px rgba(255,255,255,.45),\r\n    inset 0 -5px 10px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* 4\u30fb5 *\/\r\n.frame-4 .frame-img-bg,\r\n.frame-5 .frame-img-bg{\r\n  width:100%;\r\n  aspect-ratio:1\/1;\r\n  background-size:contain;\r\n  background-repeat:no-repeat;\r\n  background-position:center;\r\n  box-shadow:-3px 4px 6px rgba(0,0,0,0.22);\r\n  transition:transform .6s ease;\r\n}\r\n.frame-4 .frame-img-bg{\r\n  background-image:url(\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/\u984d\u7e014.png\");\r\n}\r\n.frame-5 .frame-img-bg{\r\n  background-image:url(\"https:\/\/www.muse-produce.jp\/_wp-test\/wp-content\/uploads\/2026\/01\/\u984d\u7e015.png\");\r\n}\r\n.frame-4:hover .frame-img-bg,\r\n.frame-5:hover .frame-img-bg{\r\n  transform:scale(1.25);\r\n}\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb\uff08\u524d\u9762\u56fa\u5b9a\uff09 *\/\r\n.frame-title{\r\n  position:absolute;\r\n  top:-34px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  z-index:30;\r\n  background:#81d8d0;\r\n  color:#fff;\r\n  font-size:12px;\r\n  padding:4px 10px;\r\n  border-radius:4px;\r\n  white-space:nowrap;\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n.frame:hover .frame-title{ opacity:1; }\r\n\r\n\/* \u53f3\u30d0\u30fc *\/\r\n.side-panel{\r\n  position:fixed;\r\n  top:0;\r\n  right:0;\r\n  width:33vw;\r\n  height:100vh;\r\n  background:rgba(0,0,0,0.6);\r\n  backdrop-filter:blur(4px);\r\n  transform:translateX(100%);\r\n  transition:.35s;\r\n  z-index:100;\r\n  pointer-events:none;\r\n}\r\n.side-panel.is-active{\r\n  transform:translateX(0);\r\n  pointer-events:auto;\r\n}\r\n.side-inner{\r\n  padding:160px 40px;\r\n  color:#fff;\r\n}\r\n.side-img{\r\n  width:100%;\r\n  max-height:32vh;\r\n  object-fit:contain;\r\n  margin-bottom:18px;\r\n}\r\n.side-title{\r\n  font-size:24px;\r\n  border-bottom:2px solid #fff;\r\n}\r\n.side-text{\r\n  margin-top:16px;\r\n  font-size:16px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* \u521d\u671f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5143\u306e\u307e\u307e\uff09 *\/\r\n.hero-copy{\r\n  opacity:0;\r\n  transform:translate(-50%,-50%) translateX(-60px);\r\n  transition:opacity .8s ease, transform .8s ease;\r\n}\r\n.frame{\r\n  opacity:0;\r\n  transform:translateX(60px);\r\n  transition:opacity .8s ease, transform .8s ease;\r\n}\r\n.hero-copy.is-show{\r\n  opacity:1;\r\n  transform:translate(-50%,-50%) translateX(0);\r\n}\r\n.frame.is-show{\r\n  opacity:1;\r\n  transform:translateX(0);\r\n}\r\n\r\n\/* SP *\/\r\n@media screen and (max-width:768px){\r\n  .hero-wrap{ width:100%; margin-left:0; }\r\n  .hero-copy{\r\n    position:relative;\r\n    transform:none !important;\r\n    opacity:1 !important;\r\n    text-align:center;\r\n    margin:40px auto;\r\n  }\r\n  .frame{\r\n    position:relative !important;\r\n    width:90%;\r\n    margin:24px auto;\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n  }\r\n  .side-panel{ display:none !important; }\r\n}\r\n@media screen and (max-width:768px){\r\n\r\n  \/* \u30d2\u30fc\u30ed\u30fc\u3092\u901a\u5e38\u30d5\u30ed\u30fc\u306b\u623b\u3059 *\/\r\n  .hero-wrap{\r\n    width:100%;\r\n    margin-left:0;\r\n  }\r\n\r\n  \/* \u80cc\u666f\u753b\u50cf\u306f\u30b9\u30de\u30db\u3067\u306f\u4f7f\u308f\u306a\u3044 *\/\r\n  .hero-bg{\r\n    display:none;\r\n  }\r\n\r\n  \/* \u30b3\u30d4\u30fc\u306f\u666e\u901a\u306b\u4e0a\u306b\u8868\u793a *\/\r\n  .hero-copy{\r\n    position:relative;\r\n    top:auto;\r\n    left:auto;\r\n    transform:none !important;\r\n    opacity:1 !important;\r\n    margin:40px auto 20px;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* \u30d5\u30ec\u30fc\u30e0\u306f\u7e26\u4e26\u3073 *\/\r\n  .frame{\r\n    position:relative !important;\r\n    left:auto !important;\r\n    top:auto !important;\r\n    transform:none !important;\r\n    opacity:1 !important;\r\n    width:90%;\r\n    margin:24px auto;\r\n  }\r\n\r\n  \/* hover\u62e1\u5927\u3092\u7121\u52b9\u5316\uff08\u30ba\u30ec\u9632\u6b62\uff09 *\/\r\n  .frame:hover img,\r\n  .frame-4:hover .frame-img-bg,\r\n  .frame-5:hover .frame-img-bg{\r\n    transform:none;\r\n  }\r\n\r\n  \/* \u53f3\u30d1\u30cd\u30eb\u306f\u30b9\u30de\u30db\u3067\u306f\u4f7f\u308f\u306a\u3044 *\/\r\n  .side-panel{\r\n    display:none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const panel = document.getElementById('sidePanel');\r\n  const img = document.getElementById('sideImg');\r\n  const title = document.getElementById('sideTitle');\r\n  const text = document.getElementById('sideText');\r\n\r\n  function showPanel(frame){\r\n    title.textContent = frame.getAttribute('data-panel-title') || '';\r\n    text.textContent  = frame.getAttribute('data-panel-text') || '';\r\n    const src = frame.getAttribute('data-panel-img');\r\n    if(src){\r\n      img.src = src;\r\n      img.style.display = 'block';\r\n    }else{\r\n      img.style.display = 'none';\r\n    }\r\n    panel.classList.add('is-active');\r\n  }\r\n  function hidePanel(){\r\n    panel.classList.remove('is-active');\r\n  }\r\n\r\n  document.querySelectorAll('.frame').forEach(frame=>{\r\n    frame.addEventListener('mouseenter', ()=>showPanel(frame));\r\n    frame.addEventListener('mouseleave', hidePanel);\r\n    frame.addEventListener('click', ()=>{\r\n      const url = frame.getAttribute('data-link');\r\n      if(url) location.href = url;\r\n    });\r\n  });\r\n\r\n  \/* \u521d\u671f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5143\u306e\u51e6\u7406\u305d\u306e\u307e\u307e\uff09 *\/\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const hero = document.querySelector('.hero-copy');\r\n    const frames = document.querySelectorAll('.frame');\r\n\r\n    if (hero) {\r\n      setTimeout(() => hero.classList.add('is-show'), 200);\r\n    }\r\n    frames.forEach((frame, i) => {\r\n      setTimeout(() => frame.classList.add('is-show'), 400 + i * 120);\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>\u5168\u3066\u306e\u300c\u60f3\u3044\u300d\u3092\u5f62\u306b\u3057\u307e\u3059\u3002 \u97f3\u697d\u4e8b\u696d \u30a4\u30e1\u30fc\u30b8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0 \u4f01\u696d\u7814\u4fee \u30da\u30c3\u30c8\u4e8b\u696d<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":455,"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":3082,"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/3082"}],"wp:attachment":[{"href":"https:\/\/www.muse-produce.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}