/* コメント領域の横スクロール抑止 */
.comments-area {
    overflow-x: hidden;
}

/* 本文の折り返し（長いURL/単語対策） */
.comment-content,
.comment-content p,
.comment-content li {
    overflow-wrap: anywhere; /* モダン */
    word-break: break-word; /* フォールバック */
}

/* pre/code がはみ出さないように */
.comment-content pre,
.comment-content code {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
}

/* 画像・iframe は枠内に収める */
.comment-content img,
.comment-content iframe {
    max-width: 100%;
    height: auto;
}

/* アバターの過大表示を防ぐ（任意） */
.comment-author .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

/* 入力欄はスマホで横幅いっぱいに */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
	 border:solid 1px #ccc !important;
}

/* リストの左右余白を詰める（テーマに合わせて調整） */
.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list > li {
    margin-bottom: 12px;
}