.ymch-wrap{
    max-width:900px;
    margin:32px auto;
    font-family:-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;
    color:#222;
}
.ymch-heading{
    font-size:18px;
    border-bottom:2px solid #eee;
    padding-bottom:6px;
    margin:0 0 12px;
}
.ymch-count{ color:#888; font-weight:normal; font-size:14px; }

.ymch-list{
    list-style:none;
    padding:0;
    margin:0 0 24px;
}
.ymch-comment{
    border-bottom:1px solid #eee;
    padding:18px 4px 14px;
}
.ymch-head{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:12px;
    margin-bottom:10px;
    flex-wrap:wrap;
}
.ymch-name{
    color:var(--ymch-name,#2da147);
    font-weight:700;
    font-size:15px;
}
.ymch-date{
    color:#888;
    font-size:13px;
    white-space:nowrap;
}
.ymch-body{
    font-size:16px;
    line-height:1.85;
    font-weight:600;
    word-wrap:break-word;
    overflow-wrap:break-word;
}
.ymch-body p{ margin:0 0 6px; }
.ymch-body a.ymch-anchor{
    color:#1976d2;
    text-decoration:none;
    font-weight:700;
}
.ymch-body a.ymch-anchor:hover{ text-decoration:underline; }

.ymch-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:18px;
    margin-top:10px;
}
.ymch-actions button{
    background:none;
    border:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#9aa0a6;
    padding:4px 6px;
    font-size:14px;
    transition:color .15s;
}
.ymch-reply:hover{ color:#555; }
.ymch-like{ color:#cfd2d6; }
.ymch-like:hover,
.ymch-like.is-liked{ color:var(--ymch-like,#ff8aae); }
.ymch-like-count{ font-size:14px; color:#888; }

.ymch-empty,.ymch-closed{
    color:#888;
    text-align:center;
    padding:24px 0;
}

/* フォーム */
.ymch-form{
    border:1px solid #e3e6ea;
    border-radius:8px;
    padding:14px;
    background:#fafbfc;
}
.ymch-form-row{
    display:flex;
    gap:8px;
    margin-bottom:8px;
    flex-wrap:wrap;
}
.ymch-form input[type=text],
.ymch-form .ymch-textarea{
    width:100%;
    padding:8px 10px;
    font-size:14px;
    border:1px solid #d6dadf;
    border-radius:6px;
    box-sizing:border-box;
    font-family:inherit;
}
.ymch-form-row input{ flex:1; min-width:160px; }
.ymch-textarea{
    resize:vertical;
    min-height:90px;
}
.ymch-form-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:10px;
    gap:10px;
}
.ymch-msg{
    font-size:13px;
    color:#888;
}
.ymch-msg.is-error{ color:#d32f2f; }
.ymch-msg.is-ok{ color:#2da147; }
.ymch-submit{
    background:var(--ymch-name,#2da147);
    color:#fff;
    border:none;
    padding:9px 22px;
    font-size:14px;
    border-radius:6px;
    cursor:pointer;
    font-weight:700;
}
.ymch-submit:hover{ filter:brightness(.92); }
.ymch-submit:disabled{ opacity:.5; cursor:wait; }

/* スマホ */
@media (max-width:560px){
    .ymch-body{ font-size:15px; }
    .ymch-name{ font-size:14px; }
    .ymch-date{ font-size:12px; }
}