いいね数付きコメント一覧

<ul class="d06-12-03-list">
          <li class="d06-12-03-row">
            <span class="d06-12-03-avatar">山</span>
            <div class="d06-12-03-body">
              <div class="d06-12-03-name">山本 隆</div>
              <p class="d06-12-03-text">とても勉強になりました。</p>
            </div>
            <div class="d06-12-03-like"><span class="d06-12-03-icon">♡</span><span class="d06-12-03-count">24</span></div>
          </li>
          <li class="d06-12-03-row">
            <span class="d06-12-03-avatar">加</span>
            <div class="d06-12-03-body">
              <div class="d06-12-03-name">加藤 遥</div>
              <p class="d06-12-03-text">保存版です、ありがとうございます。</p>
            </div>
            <div class="d06-12-03-like"><span class="d06-12-03-icon">♡</span><span class="d06-12-03-count">12</span></div>
          </li>
          <li class="d06-12-03-row">
            <span class="d06-12-03-avatar">木</span>
            <div class="d06-12-03-body">
              <div class="d06-12-03-name">木村 沙織</div>
              <p class="d06-12-03-text">図解が分かりやすかったです。</p>
            </div>
            <div class="d06-12-03-like"><span class="d06-12-03-icon">♡</span><span class="d06-12-03-count">7</span></div>
          </li>
        </ul>

.d06-12-03-list{ list-style:none; margin:0; padding:0; width:100%; display:flex; flex-direction:column; gap:10px; }
        .d06-12-03-row{ display:flex; align-items:flex-start; gap:8px; padding-bottom:10px; border-bottom:1px solid #eceef4; }
        .d06-12-03-row:last-child{ border-bottom:none; padding-bottom:0; }
        .d06-12-03-avatar{ width:26px; height:26px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,#5c6bc0,#6a93ff); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; }
        .d06-12-03-body{ flex:1; }
        .d06-12-03-name{ font-size:11px; font-weight:700; color:#221f33; }
        .d06-12-03-text{ margin:2px 0 0; font-size:10.5px; line-height:1.5; color:#5c5977; }
        .d06-12-03-like{ display:flex; flex-direction:column; align-items:center; gap:2px; color:#ff6a88; flex-shrink:0; }
        .d06-12-03-icon{ font-size:13px; }
        .d06-12-03-count{ font-size:9px; color:#8b87a3; }