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

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

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

＼特典付き予約はこちら／

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

@@ 1行目: / 1行目: @@
-<div style="background:#fff0f5; border:1px solid #ffb6c1; padding:20px; border-radius:10px; margin-bottom:20px;">
+<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;">
-     <p style="text-align:center; font-weight:bold; color:#ff69b4; font-size:1.2em; margin-top:0;">🌹 ロージークロニクル メジャーデビュー 🌹</p>
+     <p style="text-align:center; font-weight:bold; color:#ff69b4; font-size:1.1em; margin-top:0; margin-bottom:20px;">🌹 ロージークロニクル メジャーデビュー記念 🌹</p>
-     <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;">
+     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; align-items: stretch;">
-         <div style="flex: 1; min-width: 300px; max-width: 400px;">
+         <div style="width: 300px;">
              {{#widget:YouTube}}
          </div>
-         <div style="flex: 1; min-width: 200px; text-align: center;">
+         <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;">
-             <p style="font-size: 0.9em; font-weight: bold; color: #555; margin-bottom: 10px;">＼ 予約はこちらから ／</p>
+             <p style="font-size: 0.85em; font-weight: bold; color: #555; margin-bottom: 15px;">＼ 特典付き予約はこちら ／</p>
-             <a href="AmazonのリンクURLをここに貼る" style="display: inline-block; background: linear-gradient(to bottom, #f7dfa5, #f0c14b); border: 1px solid #a88734; border-radius: 3px; color: #111; padding: 10px 20px; text-decoration: none; font-weight: bold; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;">
+             <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;">
                  Amazonで予約する
              </a>
@@ 17行目: / 18行目: @@
      </div>
-    </div>
+</div>