/* =========================
TOPツイート
========================= */
h1.entry-tytle {
    font-size: 0.9em !important;
}

.top-account {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-right: 1em;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:right;
    line-height: 1em;
}

.top-img img {
    border: solid 1px #eeeeee;
    width: 100%;
}

.top-account .dashicons-twitter {
    color: #58aeed;
    font-size: 1.3em;
    margin-right: 0.5em;
}

.top-account .user_name {
    font-weight: bold;
    margin-right: 0.5em;
    font-size: 0.8em;
}

.top-account .name_reply {
    color: #919ca5;
    font-weight: bold;
    font-size: 0.8em;
    margin-right: 0.5em;
}

.top-account img{
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
}

.top-account a {
    color: #000;
    text-decoration: none;
}


/* =========================
コメント投稿欄を非表示に
========================= */
.comment-author.vcard ,
.comment-meta.commentmetadata ,
.reply ,
.comment-content p:empty ,
.comment-form
{
    display: none;
}


/* =========================
ページ送りナビ
========================= */
.next-post-title,
.prev-post-title
{
    width: 300px; /* 省略せずに表示するサイズを指定 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* **********************************************************
Agent-Tではツイートの本文をタイトルとして投稿していますので違和感がありますが、
以下の設定でツイートっぽく「タイトルなし、いきなり記事」と見えるようになります。
********************************************************** */

/* アイキャッチ画像を記事タイトルの上に移動 */
.article-header {
    display: flex;
    flex-direction: column;
}
.eye-catch-wrap {
    order: -1;
    overflow: hidden; /*はみ出した部分を非表示 ※IE対策*/
}

/* アイキャッチ下の余白を0に */
.eye-catch {
    margin-bottom: 0;
}

/* スキンで記事タイトルにボーダーが設定されていても非表示に */
.article h1.entry-title {
    border: 0 !important;
}

/* 記事中の画像を非表示に
Cocoon設定でのアイキャッチ表示と併用必須 */
.top-img {
    display: none;
}

/* **********************************************************
ウィジェットで [C]コメント を表示させたときに、
ショートコードや架空のユーザー名などが表示されてしまうので対処
********************************************************** */
/* 最近のコメントで投稿者とショートコードを隠す*/
.recent-comment-info.cf {
    display: none;
}
.recent-comment-content {
    display: none;
}


/* **********************************************************
ウィジェットで [C]新着記事 を表示させたとき
・タイトルを1行のみ表示
・文字数が溢れたときは三点リーダーを表示
********************************************************** */
.new-entry-card-title.widget-entry-card-title.card-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
