/* Lani Spi フロントスタイル */
.lsc-comment-list {
list-style: none;
padding: 0;
margin: 20px 0;
border-top: 1px solid #eee;
}
.lsc-comment-item {
border-bottom: 1px solid #eee;
padding: 15px 10px;
}
.lsc-comment-header {
font-size: 13px;
color: #555;
margin-bottom: 10px;
}
.lsc-comment-header .lsc-post-number {
font-weight: bold;
color: #333;
margin-right: 10px;
}
.lsc-comment-header .lsc-comment-author {
color: #008000; /* ウラスピ風 */
font-weight: bold;
margin-right: 10px;
}
.lsc-comment-body {
font-size: 15px;
line-height: 1.7;
white-space: pre-wrap; /* 改行を反映 */
word-wrap: break-word;
}

/* 確認ダイアログ スタイル */
#lsc-confirm-dialog {
position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;
display: flex; align-items: center; justify-content: center;
}
.lsc-dialog-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.lsc-dialog-window {
position: relative; background-color: #fff; border-radius: 8px;
padding: 20px; max-width: 90%; width: 500px;
box-shadow: 0 5px 15px rgba(0,0,0,.5); z-index: 10001;
}
.lsc-dialog-header h3 {
margin-top: 0; font-size: 1.2em; border-bottom: 1px solid #eee;
padding-bottom: 10px; margin-bottom: 15px;
}
.lsc-dialog-content p { font-size: 14px; line-height: 1.6; }
.lsc-dialog-terms {
margin-top: 15px; padding: 10px; background-color: #f9f9f9;
border: 1px solid #ddd; border-radius: 4px; font-size: 12px;
}
.lsc-dialog-terms ul { margin: 5px 0 0 15px; padding: 0; }
.lsc-dialog-footer {
margin-top: 20px; text-align: right; display: flex;
justify-content: flex-end; gap: 10px;
}

/* 投稿後のメッセージ */
#lsc-comment-message.success {
color: green;
border: 1px solid green;
padding: 10px;
border-radius: 4px;
background-color: #f0fff0;
}
#lsc-comment-message.error {
color: red;
border: 1px solid red;
padding: 10px;
border-radius: 4px;
background-color: #fff0f0;
}