イラスト図解式この一冊で全部わかるWeb技術の基本第2版 [ NRIネットコム株式会社 ]

<!-- 楽天商品紹介（コピペ用） -->
<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;">
      イラスト図解式 この一冊で全部わかるWeb技術の基本 第2版 [ NRIネットコム株式会社 ]    </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%2F17863650%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F21258009%2F&rafcid=wsc_i_is_1097750163224806253" target="_blank" rel="noopener noreferrer">
        <img src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5948/9784815625948_1_2.jpg?_ex=128x128" alt="イラスト図解式 この一冊で全部わかるWeb技術の基本 第2版 [ NRIネットコム株式会社 ]" 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,980円
    </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;">
      NRIネットコム株式会社 小林 恭平 SBクリエイティブイラストズカイシキコノイッサツデゼンブワカルウェブギジュツノキホンダイニハン エヌアールアイネットコムカブシキガイシャ コバヤシキョウヘイ 発行年月：2024年06月28日 予約締切日...    </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%2F17863650%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Fbook%2Fi%2F21258009%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>