diff --git a/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.styles.ts b/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.styles.ts
index c97aa89..dbde72b 100644
--- a/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.styles.ts
+++ b/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.styles.ts
@@ -40,9 +40,10 @@
   border: "2px solid rgba(255,255,255,0.65)",
   borderRadius: "10px",
   background:
-    "linear-gradient(160deg, rgba(34,34,34,0.92), rgba(12,12,12,0.92))",
+    "linear-gradient(160deg, rgba(34,34,34,0.5), rgba(12,12,12,0.5))",
   boxShadow: "0 0 8px rgba(0,0,0,0.45)",
   overflow: "hidden",
+  opacity: 0.82,
 };
 
 /** ミニマップ描画キャンバスのスタイル */
diff --git a/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.tsx b/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.tsx
index 174ad61..c7e403b 100644
--- a/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.tsx
+++ b/apps/client/src/scenes/game/input/minimap/presentation/MiniMapPanel.tsx
@@ -33,6 +33,28 @@
   const [isOpen, setIsOpen] = useState(false);
   const canvasRef = useRef<HTMLCanvasElement | null>(null);
 
+  const handleToggle = () => {
+    setIsOpen((prev) => !prev);
+  };
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    handleToggle();
+  };
+
+  const handleTouchStart = (event: React.TouchEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    handleToggle();
+  };
+
+  const handleMouseDown = (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    handleToggle();
+  };
+
   useEffect(() => {
     if (!isOpen) {
       return;
@@ -96,8 +118,12 @@
       <button
         type="button"
         style={buttonStyle}
-        onClick={() => {
-          setIsOpen((prev) => !prev);
+        onPointerDown={handlePointerDown}
+        onTouchStart={handleTouchStart}
+        onMouseDown={handleMouseDown}
+        onClick={(event) => {
+          event.preventDefault();
+          event.stopPropagation();
         }}
       >
         {isOpen ? "閉じる" : "ミニマップ"}