1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座［第2版］【電子書籍】[ Mana ]

<!-- 楽天商品紹介（コピペ用） -->
<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;">
      1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座［第2版］【電子書籍】[ Mana ]    </div>
    <div style="margin-bottom:12px; text-align:center;">
      <a href="https://hb.afl.rakuten.co.jp/hgc/g00reb41.4akn0ff6.g00reb41.4akn1d02/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Fa3581d810e0434d9b7f2c8b3c48badf3%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Frakutenkobo-ebooks%2Fi%2F23294552%2F&rafcid=wsc_i_is_1097750163224806253" target="_blank" rel="noopener noreferrer">
        <img src="https://thumbnail.image.rakuten.co.jp/@0_mall/rakutenkobo-ebooks/cabinet/5050/2000014685050.jpg?_ex=128x128" alt="1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座［第2版］【電子書籍】[ Mana ]" 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;">
      1,293円
    </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;">
      ＜p＞【2019-2024年、5年連続、売上第1位！※】＜br /＞ 【読者の圧倒的な支持！ シリーズ40万部突破の大ヒット!】＜br /＞ 【全国の書店員がオススメする本 第1位 受 賞（2019年度 CPU大賞）】＜br /＞ 【Web...    </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/g00reb41.4akn0ff6.g00reb41.4akn1d02/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Fa3581d810e0434d9b7f2c8b3c48badf3%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Frakutenkobo-ebooks%2Fi%2F23294552%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>