@charset "utf-8";

/* List */
.list-media { margin:0; position:relative; }
.list-media .user-btns {position:absolute; bottom:14px; right:0;}
.list-media .user-btns ul {width:166px; list-style:none; padding:0; margin:0; text-align:center;}
.list-media .user-btns ul:after {content:''; display:block; clear:both;}
.list-media .user-btns ul li {display:inline-block; width:83px; float:left;}
.list-media .user-btns ul li .btn-user {display:block; font-size:14px; height:32px; line-height:30px;}
.list-media .user-btns ul li .btn-user.btn-user-edit {border:1px solid #dcdcdc; background:#f6f6f6; color:#707070;}
.list-media .user-btns ul li .btn-user.btn-user-del {border:1px solid #313131; background:#313131; color:#fff;}


.list-item { border:1px solid #dcdcdc; margin-bottom:60px;}
.list-item .img-left {border-right:1px solid #dcdcdc;}
.list-item .img-right { margin-left:15px; }
.list-item h2.media-heading { display:block; font-size:16px; line-height:22px; margin:0px; padding:0px 0px 4px; }
.list-item .list-details { margin-top:6px; padding:6px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }

.list-item .media-table {padding:5% 8%; padding-bottom:0;}
.list-item .cont-line {margin-bottom:20px;}
.list-item .cont-line:last-child {margin-bottom:0;}
.list-item .cont-line:after {content:''; display:block; clear:both;}
.list-item .cont-line .media-tit {width:140px; float:left; font-size:16px; color:#333; font-weight:600;}
.list-item .cont-line .media-cont {width:calc(100% - 140px); float:left; color:#555; font-size:14px;}



/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }