「テンプレート:Hello」の版間の差分

2026年2月20日 (金) 18:29時点における版

※本ページはプロモーションが含まれています

🌹 ロージークロニクルメジャーデビュー 🌹

＼予約はこちら／

               <a href="AmazonのリンクURLをここに貼る">Amazonで予約する</a>

@@ 1行目: / 1行目: @@
-<div style="background:#fff0f5; border:1px solid #ffb6c1; padding:15px; border-radius:10px; margin-bottom:20px; max-width:600px; margin-left:auto; margin-right:auto;">
+<div style="background:#fff0f5; border:1px solid #ffb6c1; padding:15px; border-radius:10px; max-width:550px; margin: 0 auto;">
-    <p style="font-size: 0.75em; color: #666; text-align: right; margin-bottom: 10px;">※本ページはプロモーションが含まれています</p>
-     <p style="text-align:center; font-weight:bold; color:#ff69b4; font-size:1.1em; margin-bottom:15px;">🌹 ロージークロニクル メジャーデビュー 🌹</p>
+     <p style="font-size:0.75em; color:#666; text-align:right;">※本ページはプロモーションが含まれています</p>
-     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: stretch;">
+     <p style="text-align:center; font-weight:bold; color:#ff69b4;">🌹 ロージークロニクル メジャーデビュー 🌹</p>
-        <div style="width: 200px; overflow: hidden;">
-            {{#widget:YouTube}}
-        </div>
-        <div style="width: 240px; border: 1px solid #ffb6c1; border-radius: 8px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;">
+    <table style="width:100%; border:none; background:none;">
-            <p style="font-size: 0.8em; font-weight: bold; color: #555; margin-bottom: 10px;">＼ 予約はこちら ／</p>
+        <tr>
+            <td style="width:200px; vertical-align:middle; border:none;">
-            <a href="AmazonのリンクURLをここに貼る" style="display: block; width: 90%; background: linear-gradient(to bottom, #f7dfa5, #f0c14b); border: 1px solid #a88734; border-radius: 5px; color: #111; padding: 10px 0; text-decoration: none; font-weight: bold; text-align: center; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset; font-size: 0.85em;">
+                {{#widget:YouTube}}
-                Amazonで予約する
+            </td>
-             </a>
+            <td style="vertical-align:middle; text-align:center; border:none; background:#ffffff; border-radius:8px;">
-         </div>
+                <p style="font-size:0.8em; margin-bottom:5px;">＼ 予約はこちら ／</p>
+                <a href="AmazonのリンクURLをここに貼る"><b>Amazonで予約する</b></a>
+             </td>
+         </tr>
+    </table>
-    </div>
 </div>