/* ===== Rinker 商品カード ===== */
.yyi-rinker-contents {
  border: 1px solid #e8e8e8 !important;
  border-top: 4px solid #1BB4D3 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  margin: 20px 0 !important;
  background: #fff !important;
}

.yyi-rinker-box {
  padding: 14px 16px !important;
  gap: 14px !important;
  align-items: center !important;
}

.yyi-rinker-image {
  flex-shrink: 0 !important;
}

.yyi-rinker-main-img {
  border-radius: 6px !important;
  width: 110px !important;
  height: auto !important;
  object-fit: contain !important;
}

.yyi-rinker-title {
  margin-bottom: 4px !important;
}

.yyi-rinker-title a {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #222 !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
}

.yyi-rinker-title a:hover {
  color: #690414 !important;
  text-decoration: underline !important;
}

.credit-box {
  font-size: 10px !important;
  color: #bbb !important;
  margin-top: 4px !important;
}

.price-box {
  margin-top: 4px !important;
}

.price-box .price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #690414 !important;
}

.price-box .price_at,
.price-box .price_at + span {
  font-size: 10px !important;
  color: #aaa !important;
}

.yyi-rinker-links {
  margin-top: 10px !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.yyi-rinker-links li {
  list-style: none !important;
  margin: 0 !important;
}

/* Amazonボタン */
.amazonlink a.yyi-rinker-link,
body .entry-content .yyi-rinker-links .amazonlink a {
  display: inline-block !important;
  background: linear-gradient(to bottom, #FFB347, #FF9900) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px rgba(255,153,0,0.35) !important;
  letter-spacing: 0.03em !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
}

.amazonlink a.yyi-rinker-link:hover,
body .entry-content .yyi-rinker-links .amazonlink a:hover {
  opacity: 0.85 !important;
  box-shadow: 0 4px 10px rgba(255,153,0,0.45) !important;
}

/* Amazonリンクのliコンテナ */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: transparent !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* ドット除去 */
.entry-content li:has(.yyi-rinker-contents)::before,
.entry-content .amazonlink::before,
.yyi-rinker-links li::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

.entry-content li:has(.yyi-rinker-contents) {
  list-style: none !important;
  padding-left: 0 !important;
}


/* ===== ブログカード ===== */
.linkcard {
  margin: 24px 0 !important;
}

.lkc-internal-wrap {
  border: 1px solid #e5e5e5 !important;
  border-left: 4px solid #1BB4D3 !important;
  border-radius: 3px !important;
  background-color: #ffffff !important;
  box-shadow: 0 3px 5px #E9E9E9 !important;
  max-width: 100% !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.lkc-internal-wrap:hover {
  box-shadow: 0 4px 14px rgba(27,180,211,0.18) !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.lkc-card {
  margin: 12px 14px !important;
}

.lkc-domain {
  color: #1BB4D3 !important;
  font-size: 11px !important;
}

.lkc-title {
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: bold !important;
}

.lkc-link:hover .lkc-title {
  color: #1BB4D3 !important;
  text-decoration: none !important;
}

.lkc-excerpt {
  color: #666666 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

.lkc-thumbnail {
  width: 90px !important;
  margin-right: 12px !important;
}

.lkc-thumbnail-img {
  width: 88px !important;
  height: 88px !important;
  border-radius: 3px !important;
  object-fit: cover !important;
}

.lkc-content {
  height: 90px !important;
  overflow: hidden !important;
}

@media screen and (max-width: 600px) {
  .lkc-thumbnail { width: 72px !important; }
  .lkc-thumbnail-img { width: 70px !important; height: 70px !important; }
  .lkc-content { height: 74px !important; }
  .lkc-title { font-size: 13px !important; }
}