1 files changed, 23 insertions, 41 deletions
diff --git a/files/ja/web/css/css_device_adaptation/index.md b/files/ja/web/css/css_device_adaptation/index.md
index f0e038a960..a0baf6854a 100644
--- a/files/ja/web/css/css_device_adaptation/index.md
+++ b/files/ja/web/css/css_device_adaptation/index.md
@@ -4,47 +4,29 @@ slug: Web/CSS/CSS_Device_Adaptation
 tags:
   - CSS
   - CSS 端末適合
-  - リファレンス
+  - ガイド
   - 概要
+  - リファレンス
 translation_of: Web/CSS/CSS_Device_Adaptation
 ---
-<div>{{CSSRef}}</div>
-
-<p><ruby><strong>CSS 端末適合</strong><rp> (</rp><rt>CSS Device Adaptation</rt><rp>) </rp></ruby>は CSS モジュールの一つで、ビューポートの寸法、拡大率、方向を定義することができるものです。</p>
-
-<h2 id="Reference" name="Reference">リファレンス</h2>
-
-<h3 id="At-rules" name="At-rules">@-規則</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("@viewport")}}</li>
-</ul>
-</div>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("CSS3 Device")}}</td>
-   <td>{{Spec2("CSS3 Device")}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<h3 id="viewport_規則"><code>@viewport</code> 規則</h3>
-
-<div>
-<p>{{Compat("css.at-rules.viewport")}}</p>
-</div>
+{{CSSRef}}
+
+CSS 端末適合 (CSS Device Adaptation) は CSS モジュールの一つで、ビューポートの寸法、拡大率、方向を定義することができるものです。
+
+## リファレンス
+
+### アットルール
+
+- {{cssxref("@viewport")}}
+
+## 仕様書
+
+| 仕様書                      | 状態                     | 備考     |
+| --------------------------- | ------------------------ | -------- |
+| {{SpecName("CSS3 Device")}} | {{Spec2("CSS3 Device")}} | 初回定義 |
+
+## ブラウザーの互換性
+
+### `@viewport` ルール
+
+{{Compat("css.at-rules.viewport")}}