@charset "utf-8";

.comments {clear:both;padding:1em 0 2em 0;}
.comment-form {background:#f4f4f4;padding:20px;}
.comment-form textarea {width:100%;}
.comment-form .ex input {width:10em;height:2em;line-height:1.2;vertical-align:bottom;font-size:11pt;}
.comment-form .ex a.cancel,
.comment-form .ex .comment-upfile,
.comment-form .ex button.send {display:inline-block;height:2em;line-height:2em;border:none;background:#48f;color:#fff;border-radius:4px;vertical-align:bottom;font-size:11pt;cursor:pointer;padding:0 10px;margin:0;text-decoration:none;}
.comment-form .ex button.send:hover {background:#04a;}
.comment-form .ex a.cancel {background:#f3f3f3;color:#333;line-height:2em;padding:0 16px;}
.comment-form .ex a.cancel:hover {background:#fff;color:#000;text-decoration:none;}
.comment-form .ex .comment-upfile {position:relative;display:inline-block;overflow:hidden;background:#a8f;}
.comment-form .ex .comment-upfile:hover {background:#84f;}
.comment-form .ex .comment-upfile input {position:absolute;width:400%;height:200%;opacity:0;top:0;right:0;cursor:pointer;z-index:2;}
.comment-form .comment-upfiles {display:block;padding:0;margin:0;list-style:none;}
.comment-form .comment-upfiles li {display:block;font-size:11pt;line-height:1.5;padding-left:5px;}
.comment-form .comment-upfiles li:first-child {margin-top:10px;}
.comment-form .comment-upfiles li a.remove {color:#f00;text-decoration:none;margin-left:10px;}
/* .comment-list {max-height:400px;overflow-y:auto;} */
.comment-item {border-bottom:solid 1px #eee;padding:0.5em 0;position:relative;}
.comment-item .ico-rep {display:none;}
.comment-item.rep {padding-left:40px;}
.comment-item.rep .ico-rep {position:absolute;left:30px;top:10px;display:block;transform:rotateZ(180deg);}
.comment-item .contents {padding:10px 20px 5px 20px;margin:0;line-height:1.6;}
.comment-item .contents:after {content:'';clear:both;display:table;}
.comment-item .inf {padding-left:20px;}
.comment-item .edt {padding:0 20px;margin:0;list-style:none;}
.comment-item .edt li {display:inline;}
.comment-item .edt li a {font-size:10pt;text-decoration:none;color:#666;margin-right:1em;}
.comment-item .edt li a:hover {color:#000;}
.comment-item .uploads {padding:10px;margin:10px 20px 0 20px;list-style:none;border:dotted 1px #ccc;}
.comment-item .uploads li {line-height:1.4;display:block;}
.comment-item .uploads li a {font-size:10pt;text-decoration:none;color:#666;}
.comment-item .uploads li a:hover {color:#333;text-decoration:underline;}
.comment-paging {padding:10px 0;text-align:center;font-size:0.8em;}

.comment-edit {clear:both;}
.comment-edit .form-heading {text-align:center;padding:0.5em 0;background:#333;color:#fff;line-height:1.6;margin-bottom:0.5em;}
.comment-edit form {padding:0;margin:0;}
.comment-edit .form-item {padding:0.5em 0;position:relative;}
.comment-edit .form-item input {width:100%;border:solid 1px #888;padding:4px;}
/*
.comment-edit .comment-upfile {display:inline-block;height:2em;line-height:2em;border:none;background:#48f;color:#fff;border-radius:4px;vertical-align:bottom;font-size:11pt;cursor:pointer;padding:0 10px;margin:0;text-decoration:none;}
.comment-edit .comment-upfile {position:relative;display:inline-block;overflow:hidden;background:#a8f;}
.comment-edit .comment-upfile:hover {background:#84f;}
.comment-edit .comment-upfile input {position:absolute;width:400%;height:200%;opacity:0;top:0;right:0;cursor:pointer;z-index:2;}
.comment-edit .comment-upfiles {display:block;padding:0;margin:0;list-style:none;}
.comment-edit .comment-upfiles li {display:block;font-size:11pt;line-height:1.5;padding-left:5px;}
.comment-edit .comment-upfiles li:first-child {margin-top:10px;}
.comment-edit .comment-upfiles li a.remove {color:#f00;text-decoration:none;margin-left:10px;}
*/

.comment-form.dialog-body {background-color:#fff;}

.form-data-disable .comment-upfile {display:none !important;}