diff --git a/apps/client/src/components/LandscapeOnlyGate.tsx b/apps/client/src/components/LandscapeOnlyGate.tsx
index 7d85d94..304e09c 100644
--- a/apps/client/src/components/LandscapeOnlyGate.tsx
+++ b/apps/client/src/components/LandscapeOnlyGate.tsx
@@ -1,12 +1,20 @@
+/**
+ * LandscapeOnlyGate
+ * 横画面専用コンテンツのゲートコンポーネント
+ * ポートレートモード時はコンテンツを非表示にし，横向き要求メッセージを表示する
+ */
+
 import type { ReactNode } from "react";
 
 type Props = {
   children: ReactNode;
 };
 
+/** 横画面時のみ children を表示し，縦画面時は回転要求オーバーレイを表示するゲート */
 export const LandscapeOnlyGate = ({ children }: Props) => {
   return (
     <>
+      {/* レイアウトとポートレート時の表示切り替えスタイル */}
       <style>{`
         .landscape-only-gate {
           width: 100vw;
@@ -44,11 +52,13 @@
       `}</style>
 
       <div className="landscape-only-gate">
+        {/* ポートレート時に全面表示する回転要求オーバーレイ */}
         <div className="landscape-only-blocker">
           <h2>画面を横向きにしてください</h2>
           <p>Please rotate your device to landscape mode.</p>
         </div>
 
+        {/* ランドスケープ時に表示するコンテンツ領域 */}
         <div className="landscape-only-content">{children}</div>
       </div>
     </>