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

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

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

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

＼予約はこちら／

           <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;">
               Amazonで予約する
           </a>

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