@charset "UTF-8";
.comment { width:100%; }
.comment .reply pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
.comment .blind, 
.comment legend, 
.comment caption { overflow: hidden; visibility: hidden; position: absolute; left: -9999px; width: 0; height: 0; color: transparent; font-size: 0;}
.comment button {background:none; border: 0;cursor: pointer;}


.comment .reply {padding-top:3.67em;}
.comment .reply button{display:block; }
.comment .reply li{position:relative;padding:17px 0 17px 17px;border-bottom:1px solid #e6e6e6;color:#4d4d4d;}
.comment .reply .count{ text-align:right; }
.comment .reply .count span{margin-right:4px;}
.comment .reply .depth{ padding-left:30px; background:url(../img/reply.png) no-repeat 0 5px; }
.comment .reply .write-area, .comment .write-area{overflow:hidden;padding-top:0.67em;}
.comment .reply .write-area textarea,
.comment .reply .write-area button,
.comment .write-area textarea,
.comment .write-area button{display:block;float:left;}
.comment .reply textarea { width:90%;height:88px; border: 1px solid #ccc; }
.comment .reply textarea { border-right:0; }
.comment .reply li textarea{width:729px;}
.comment .reply button.write{width:90px;height:90px;border:1px solid #ccc}
.comment .reply .btn-area button.modc{float:left;color:#1a1a1a;}
.comment .reply .btn-area{position:absolute;top:20px;right:0;min-width:74px;}
.comment .reply .btn-area button{float:left;font-size:0.93em;color:#737373;}
.comment .reply .btn-area button.l-bar, .comment .btn-area button.l-bar{ padding-left:0.5em; background:url(../img/bg_bar.png) no-repeat 7% 7px;}


.comment .reply .writer{margin-right:75px;font-size:0.93em;color:#737373;}
.comment .reply .writer em{margin-left:10px;color:#737373;}
.comment .reply .txt{padding:10px 17px 0 0;}
.comment .reply li.mod .btn-area{min-width:100px;background-position:64% 4px;}
.comment .reply .write-area div.cmt-input {  display: block;  float: left; }
.comment .reply div.cmt-input { width: 749px;  height: 88px;  border: 1px solid #ccc;  border-right: 0; }
.comment .paging-comm {overflow:hidden;width:100%;text-align:center;margin-top:4em;}
.comment .paging-comm .link_page{display:inline-block;width:17px;height:22px;margin:0 6px;color:#737373;text-indent:0;vertical-align: middle;}
.comment .paging-comm .link_page.on{font-weight:bold;color:#1a1a1a;border-bottom:1px solid #666;}
.comment .paging-comm .ico_comm{display:inline-block;width:28px;height:28px;margin:0 -2px;border:1px solid #e6e6e6;padding:0;font-size:0;vertical-align:middle;background:url(../img/btn1.png) no-repeat 0 0;}
.comment .paging-comm .btn_fst{background-position:6px -25px}
.comment .paging-comm .btn_prev{margin:0 6px 0 -2px;background-position:-26px -25px}
.comment .paging-comm .btn_next{margin:0 -2px 0 6px;background-position:-57px -25px}
.comment .paging-comm .btn_lst{background-position:-89px -25px}
.comment .paging-comm .txt_lst{display:none;}
.comment .paging-comm.ty1{margin-top:2em;}

.sns_wrap{ overflow: hidden; margin : 10px 0;}
.page_comment_wrap .comment_form_box .comment_form .cmt-input {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    border: 1px solid #ddd;
    width: 100%;
    height: 74px;
    padding: 10px 15px;
    vertical-align: top;
}
.page_comment_wrap .comment_form_box .comment_sns {
	display: inline-block; 
	float:left;
}
.page_comment_wrap .comment_form_box .sns_logout { float: right; padding: 11px; background-color:#656d78;}
.page_comment_wrap .comment_form_box .sns_logout a { color:#fff; }
/* 
.page_comment_list .comment_list li .btn-area button.modc{float:left;color:#1a1a1a;}
.page_comment_list .comment_list li .btn-area{position:absolute;top:20px;right:0;min-width:74px;}
.page_comment_list .comment_list li .btn-area button{float:left;font-size:0.93em;color:#737373;}
 */
 .page_comment_list .comment_list li { height : auto;}
.page_comment_list .comment_list li .btn-area button.l-bar{ padding-left:0.5em; background:url(../img/bg_bar.png) no-repeat 7% 7px;}
.page_comment_list .comment_list span.depth { padding-left:30px; background:url(../img/reply.png) no-repeat 0 5px; }
/*.page_comment_list .comment_list .write-area{
	position: relative;
    display: flex;
    display: -webkit-flex;
    -ms-display: flexbox;
    flex-direction: row;
    margin: 18px 0 13px;
}

.page_comment_list .comment_list .write-area textarea,
.page_comment_list .comment_list .write-area .cmt-input{
	flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	border:1px solid #ddd;
	float:left;
	width:87%;
	height:90px;
	padding:10px 15px;
	vertical-align:top;

}*/