/*ゆにわカフェ（掲示板）*/
/*========comments=========*/
.comments{
    line-height: 1.8;
    color:#333;
    font-size: 0.9rem;
    font-weight: lighter;
}
.comments-list{
    border:thin solid #eee;
    padding:1.5rem;
}
.comments-list li{
    border-bottom:thin solid #eee;
    padding:0.5rem 0;
    margin:0.5rem 0;
}
.comments-list li ul.children{
    margin-left:2rem;
    padding:0.5rem 0 0.5rem 0.5rem;
    border-left:3px solid #eee;
    margin-bottom:1rem;
}
.comments-list li ul.children li{
    border-bottom: none;
}
.comments p{
    margin:0 0 0 1rem;
    font-size: 0.9rem;
}
.comments-submit{
    background-color:antiquewhite;
    padding:1.5rem;
    margin:2rem auto;
    width:96%;
}
.comments-submit input, .comments-submit textarea{
    background-color: #fff;
    margin:0.25rem 0;
    border:#ddd thin solid;
    display: block;
}
.comments-submit textarea{
    width:100%;
    max-width:500px;
}
.comments-submit input[type="submit"]{
    padding:0.5rem 1rem;
    background-color:#eb6363;
    color:#fff;
}
.comments-submit input[type="submit"]:hover{
    padding:0.5rem 1rem;
    background-color:#fff;
    color:#eb6363;
    border:#eb6363 thin solid;
}

.comments-submit input[type="checkbox"]{
    display: inline;
}
.comment-form-url{
    display: none;
}
.comment-author,  .comment-meta{
    display:inline
}
.reply{
    margin-left:1rem;
    margin-top:1rem;
}
.reply a{
    padding:0.2rem 0.5rem;
    border:thin solid #fff;
    color:#333;
    background:#eee;
    font-size:0.8rem;
}
.reply a:hover{
    border:thin solid #eb6363;
    color:#eb6363;
}
.comment-meta a{
    pointer-events: none;
    color:#333;
    font-size: 0.8rem
}

/*カフェのトップ*/

.uni-cafe{
    padding-top:0
}
.uni-cafe .mypage{
    padding-top:0;
}

.archive-unit{
    margin:0.5rem;
    flex:1;
    padding: 0.5rem;
    border-radius: 15px;
    border:1px solid antiquewhite
}
.archive-header{
    background-color: antiquewhite;
    padding:0.5rem;
    text-align: center;
    border-radius:20px 20px 0 0;
}
.archive-list article{
    padding:0.5rem
}
.list-th{
    font-size:0.8rem;
    padding:0.2rem 0.5rem
}
.list-contents{
    display: flex;
    justify-content: space-between;
}
.bg-gray{
    background-color:#efefef;
}
.new-comment{
    margin-bottom:20px;
    margin-right:3rem;    
}
.list-contents-new{
    display: flex;
    justify-content: flex-start;
    font-size: 0.8rem;
    border-bottom:thin dotted #ddd;
    padding:0.2rem;
    margin-left:3rem;
}
.list-contents-new > div{
    margin-right:1rem;
}

@media (max-width: 540px){
    .list-contents-new{
    display: inherit;
    margin-left:1rem;
    line-height: 1.6;
    padding:0.4rem;
}
.list-contents-new > div{
    margin-right:0rem;
}

}