@charset "utf-8";

/* カード全体像 */
.blogcard {
  margin-bottom: 30px;
  max-width: 100%;
  background-color: white;
  border: 1px solid rgb(211,211,211);
  border-radius: 2px;
  box-shadow: 0 10px 6px -6px rgba(0,0,0,.1);
  color: rgb(51,51,51);
  padding: 10px;
}

/* float親要素 */
.blogcard-content {
  margin-bottom: 5px;
  overflow: hidden;
}

/* 画像 */
.blogcard-image {
  display: inline-block;
  float: right; 
  margin: 0 0 5px 5px; 
  width: 100px; 
/*height: 100px; */
}

.blogcard-image-wrapper {
  display: inline-block;
  width: 100px; 
  height: 100px; 
}

.blogcard-image-wrapper img {
  width: 100px; 
  height: 100px; 
  object-fit: cover;
  object-position: center center;
}

/* タイトル */
.blogcard-title {
  margin-bottom: 5px;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
}

.single article#entryarea .blogcard-title a {
  color: rgb(61,63,68);
  word-break: break-all;
  display: inline;
}

.blogcard-title a:hover {
  text-decoration: underline;
}

/* 引用 */
.blogcard blockquote {
  margin: 0;
  border: 0;
  padding: 0;
  position: static;
}

.blogcard blockquote:before,
.blogcard blockquote:after {
  content: none;
}

/* 記事概要 */
div.article-body-outer div.article-body p.blogcard-description {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 0;
}

/* フッター(元記事サイト名とリンク) */
.blogcard-footer {
  font-size: 12px;
  display:none;
}

.blogcard-footer a {
  color: rgb(154,165,171);
  text-decoration: underline;
}

.blogcard-footer a img {
  margin-right: 5px;
}