.ytlr-like { display:flex; align-items:center; gap:10px; margin:8px 0 18px; }
.ytlr-like-btn { padding:6px 10px; cursor:pointer; }
.ytlr-like-btn[disabled] { opacity:0.6; cursor:not-allowed; }
.ytlr-like-count { font-weight:600; font-size:1.05em; }
.ytlr-like-msg { margin-left:8px; font-size:0.95em; opacity:0.85; }

/* 重要：リストの「数字マーカー」を完全に消す（グレー影の原因を潰す） */
.ytlr-ranking-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.ytlr-ranking-item {
  margin: 18px 0;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
}

.ytlr-ranking-head {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}

/* ランク表示（左） */
.ytlr-rank-wrap{
  display:flex;
  align-items:center;
  gap:10px;
}

/* 1〜3位の画像枠（PC/スマホ共通） */
.ytlr-rank-badge{
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent; /* 変な影防止 */
}

/* 4〜10位の数字（太字で大きめ） */
.ytlr-rank-num{
  font-weight: 800;
  font-size: 1.15em;
  line-height: 1;
}

/* 1〜3位は画像を出し、数字は見えないようにする（崩れない隠し方） */
.ytlr-rank-1 .ytlr-rank-num,
.ytlr-rank-2 .ytlr-rank-num,
.ytlr-rank-3 .ytlr-rank-num{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

/* 1〜3位：画像URL（ここが404だと“空の四角”になります） */
.ytlr-rank-1 .ytlr-rank-badge{ background-image:url("https://mybest-music.jp/images/ran1.png"); }
.ytlr-rank-2 .ytlr-rank-badge{ background-image:url("https://mybest-music.jp/images/ran2.png"); }
.ytlr-rank-3 .ytlr-rank-badge{ background-image:url("https://mybest-music.jp/images/ran3.png"); }

/* 4位以降（=1〜3位以外）は画像枠を消して数字を左寄せ */
.ytlr-ranking-item:not(.ytlr-rank-1):not(.ytlr-rank-2):not(.ytlr-rank-3) .ytlr-rank-badge{
  display:none;
}

.ytlr-title { font-weight:600; }
.ytlr-title-link { font-weight:600; text-decoration:none; }
.ytlr-title-link:hover { text-decoration:underline; }

.ytlr-embed iframe { max-width:100%; }

/* ちょい大きめ（PC/スマホ両方で“少し小さい”を解消） */
@media (min-width: 768px){
  .ytlr-ranking-item{ padding: 14px; }
  .ytlr-rank-badge{ width: 52px; height: 52px; flex-basis: 52px; }
  .ytlr-rank-num{ font-size: 1.25em; }
  .ytlr-like-btn{ padding: 8px 12px; }
  .ytlr-like-count{ font-size: 1.15em; }
}