<script>
  (function() {
    // Amazon商品リンクの見た目調整
    // Copyright © 2020 tawachan All Rights Reserved.
    const links = document.getElementsByClassName("hatena-asin-detail-title");

    Array.from(links).forEach(l => {
      const href = l.children[0].href;
      const a = document.createElement("a");
      a.textContent = "Amazonでチェック"; // ←文言は自由に変更可能
      a.className = "amazon hatena-asin-detail-label";
      a.href = href;
      l.parentElement.getElementsByTagName("ul")[0].insertAdjacentElement("beforebegin", a);
    })

    // Amazon商品リンクをすべて_blankにする
    const amazonComponents = document.getElementsByClassName("hatena-asin-detail");
    Array.from(amazonComponents).forEach(c => {
      const anchors = c.getElementsByTagName("a");
      Array.from(anchors).forEach(a => {
        a.target = "_blank";
      });
    })
  })()
</script>

/* アマゾン商品リンク改善 */
/* Copyright © 2020 tawachan All Rights Reserved. */
.entry-content .hatena-asin-detail {
  border-radius: 10px;
  border: 2px solid #38868c;
  background: #efffef;
}

.entry-content .hatena-asin-detail ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px 0px;
}

.entry-content .hatena-asin-detail li {
  margin: 0px 8px;
  text-decoration: underline dotted gray;
}

.entry-content .hatena-asin-detail-title a {
  color: #38868c;
  font-weight: bold;
  font-size: 1.1rem;
  text-decoration: underline;
}

.entry-content .amazon {
  color: white;
  background: #f79501;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 5px;
  padding: 4px 30px;
  width: 100%;
}

.entry-content .hatena-asin-detail img {
  border-radius: 10px;
}