涼宮ハルヒの溜息【電子書籍】[ 谷川　流 ]

<!-- 楽天商品紹介（コピペ用） -->
<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;">
      涼宮ハルヒの溜息【電子書籍】[ 谷川　流 ]    </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%2F0f8a346b2c84419fb54fab8f7d2bc37c%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Frakutenkobo-ebooks%2Fi%2F11535727%2F&rafcid=wsc_i_is_1097750163224806253" target="_blank" rel="noopener noreferrer">
        <img src="https://thumbnail.image.rakuten.co.jp/@0_mall/rakutenkobo-ebooks/cabinet/4166/2000000104166.jpg?_ex=128x128" alt="涼宮ハルヒの溜息【電子書籍】[ 谷川　流 ]" 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;">
      22円
    </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＞宇宙人未来人超能力者と一緒に遊ぶのが目的という、正体不明な謎の団体SOS団を率いる涼宮ハルヒの目下の関心事は文化祭が楽しくないことらしい。行事を楽しくしたい心意気は大いに結構だが、なにも俺たちが映画を撮らなくてもいいんじゃないか？　ハ...    </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%2F0f8a346b2c84419fb54fab8f7d2bc37c%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Frakutenkobo-ebooks%2Fi%2F11535727%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>