Affinity入門　無料ではじめるプロ並みデザイン [ インプレスデザイン編集部 ]

<!-- 楽天商品紹介（コピペ用） -->
<div style="border:1px solid #e0e0e0; border-radius:12px; padding:12px; max-width:760px; width:100%; background:#fafbfc; margin:0 auto; min-height:420px; display:flex; flex-direction:column;">
  <div>
    <div style="font-size:1.06rem; font-weight:bold; margin-bottom:8px;">
      Affinity入門　無料ではじめるプロ並みデザイン [ インプレスデザイン編集部 ]    </div>
    <div style="margin-bottom:12px; text-align:center;">
      <a href="https://hb.afl.rakuten.co.jp/hgc/g00q0721.4akn037d.g00q0721.4akn1a7f/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F18491565%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F21836975%2F&rafcid=wsc_i_is_1097750163224806253" target="_blank" rel="noopener noreferrer">
        <img src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4095/9784295024095_1_2.jpg?_ex=128x128" alt="Affinity入門　無料ではじめるプロ並みデザイン [ インプレスデザイン編集部 ]" style="max-width:95%; height:auto; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.10);">
      </a>
    </div>
    <div style="font-size:1.09rem; color:#ff2e63; font-weight:bold; margin-bottom:6px; text-align:center;">
      2,420円
    </div>
    <div style="font-size:0.97rem; background:#ffe066; color:#885a00; border-radius:8px; display:inline-block; padding:2px 12px; margin-bottom:7px;">
      ★0.0    </div>
    <div style="margin-bottom:13px; font-size:0.98rem; color:#444; line-height:1.6;">
      インプレスデザイン編集部 インプレスアフィニティニュウモン　ムリョウデハジメルプロナミデザイン インプレスデザインヘンシュウブ 発行年月：2026年03月18日 予約締切日：2025年12月25日 ページ数：224p サイズ：単行本 ISB...    </div>
  </div>
  <div style="flex:1"></div>
  <div style="display:flex; justify-content:center; align-items:center;">
    <a href="https://hb.afl.rakuten.co.jp/hgc/g00q0721.4akn037d.g00q0721.4akn1a7f/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F18491565%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F21836975%2F&rafcid=wsc_i_is_1097750163224806253"
       target="_blank"
       rel="noopener noreferrer"
       style="
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60%;
        min-width: 140px;
        max-width: 260px;
        height: 86px;
        background: linear-gradient(90deg, #e0f7fa 60%, #b2ebf2 100%);
        color: #007c91;
        text-align: center;
        font-size: 1.05rem;
        font-weight: bold;
        border-radius: 8px;
        text-decoration: none;
        letter-spacing: 0.04em;
        box-shadow: 0 1px 6px rgba(76,196,255,0.09);
        margin: 0 auto;
        border: 1px solid #b2ebf2;
        transition: background 0.18s, color 0.15s;
        ">
      楽天市場で商品を見る
    </a>
  </div>
  <div style="font-size:0.86rem; color:#888; text-align:left; line-height:1.8; margin-top:14px;">
    <a href="https://travel.amaneko.online/" target="_blank" rel="noopener noreferrer" style="color:#888; text-decoration:underline;">楽天トラベル 最新人気の宿TOP10</a><br>
    <a href="https://gundam.amaneko.online/" target="_blank" rel="noopener noreferrer" style="color:#888; text-decoration:underline;">機動戦士ガンダム 楽天検索</a>
  </div>
</div>