匿名コメント一覧

<ul class="d06-12-07-list">
          <li class="d06-12-07-row">
            <span class="d06-12-07-avatar">?</span>
            <div class="d06-12-07-body">
              <div class="d06-12-07-top"><span class="d06-12-07-name">匿名ユーザー</span><span class="d06-12-07-date">2026/07/01</span></div>
              <p class="d06-12-07-text">同じ悩みを抱えていたので助かりました。</p>
            </div>
          </li>
          <li class="d06-12-07-row">
            <span class="d06-12-07-avatar">?</span>
            <div class="d06-12-07-body">
              <div class="d06-12-07-top"><span class="d06-12-07-name">名無しさん</span><span class="d06-12-07-date">2026/07/02</span></div>
              <p class="d06-12-07-text">参考にさせていただきます。</p>
            </div>
          </li>
          <li class="d06-12-07-row">
            <span class="d06-12-07-avatar">?</span>
            <div class="d06-12-07-body">
              <div class="d06-12-07-top"><span class="d06-12-07-name">ゲスト</span><span class="d06-12-07-date">2026/07/03</span></div>
              <p class="d06-12-07-text">もう少し詳しく知りたいです。</p>
            </div>
          </li>
        </ul>

.d06-12-07-list{ list-style:none; margin:0; padding:0; width:100%; display:flex; flex-direction:column; gap:11px; }
        .d06-12-07-row{ display:flex; gap:9px; align-items:flex-start; }
        .d06-12-07-avatar{ width:28px; height:28px; flex-shrink:0; border-radius:50%; background:#dfe2ea; color:#8b87a3; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; }
        .d06-12-07-top{ display:flex; justify-content:space-between; gap:8px; }
        .d06-12-07-name{ font-size:11px; font-weight:700; color:#5c5977; }
        .d06-12-07-date{ font-size:9.5px; color:#a6a2ba; }
        .d06-12-07-text{ margin:3px 0 0; font-size:10.5px; line-height:1.5; color:#5c5977; }