評価サマリー付きレビュー一覧(星の内訳表示)

<div class="d06-05-05-wrap">
          <div class="d06-05-05-score">
            <div class="d06-05-05-num">4.6</div>
            <div class="d06-05-05-stars">★★★★★</div>
            <div class="d06-05-05-count">128件のレビュー</div>
          </div>
          <div class="d06-05-05-bars">
            <div class="d06-05-05-bar-row"><span>5</span><span class="d06-05-05-bar"><span class="d06-05-05-fill" style="width:80%"></span></span></div>
            <div class="d06-05-05-bar-row"><span>4</span><span class="d06-05-05-bar"><span class="d06-05-05-fill" style="width:12%"></span></span></div>
            <div class="d06-05-05-bar-row"><span>3</span><span class="d06-05-05-bar"><span class="d06-05-05-fill" style="width:5%"></span></span></div>
            <div class="d06-05-05-bar-row"><span>2</span><span class="d06-05-05-bar"><span class="d06-05-05-fill" style="width:2%"></span></span></div>
            <div class="d06-05-05-bar-row"><span>1</span><span class="d06-05-05-bar"><span class="d06-05-05-fill" style="width:1%"></span></span></div>
          </div>
        </div>

.d06-05-05-wrap{ display:flex; gap:16px; align-items:center; width:100%; }
        .d06-05-05-score{ text-align:center; flex-shrink:0; }
        .d06-05-05-num{ font-size:30px; font-weight:800; color:#221f33; line-height:1; }
        .d06-05-05-stars{ color:#f5a623; font-size:12px; letter-spacing:1px; margin:4px 0; }
        .d06-05-05-count{ font-size:9px; color:#8b87a3; }
        .d06-05-05-bars{ flex:1; display:flex; flex-direction:column; gap:4px; }
        .d06-05-05-bar-row{ display:flex; align-items:center; gap:6px; font-size:9px; color:#8b87a3; }
        .d06-05-05-bar{ flex:1; height:6px; background:#eceef4; border-radius:4px; overflow:hidden; }
        .d06-05-05-fill{ display:block; height:100%; background:#f5a623; border-radius:4px; }