/*内部リンクブログカード*/
/*ページタイトルの文字色を指定、太字にする*/
.blog-card-title {
  color: #0a88ff;   /*青系色推奨*/
  font-weight: bold; /*太字にする*/
  font-size: 14px; /*外部リンクとサイズを合わせる*/
}
/*抜粋文を非表示にする*/
.blog-card-excerpt {
  display:none;
}

/*パソコン*/
/*ブログカードに「この記事を読む」を追加*/
@media (min-width: 1171px) {
 .blog-card:after{
    position: absolute;
    content:'この記事を読む \e910';/*JINアイコンから「>>」呼び出し*/
    font-family: 'jin-icons';    /*JINアイコンを使うための指定*/　
    font-weight: bold;
    right:40px;
    bottom:25px;
    padding:5px 20px;
    background:#7eccd6;
    color:#fff;
    font-size: .8em;
    border-radius:2px;
}	
/*「あわせて読みたい」位置調整*/
.blog-card .blog-card-hl:after{
    position:static;
    top: 10px;
    left: 1px;
}
/*外部カード幅を外部リンクと合わせる*/
.blog-card {
    width: 96%;
}
}

/*外部ブログカード*/
/*サイト名と記事タイトルの間に隙間*/
.lkc-title {
    margin-top: 5px;
}
/*パソコンのみ*/
@media screen and (min-width: 1171px)  {
/*記事タイトルと情報の位置調整*/
.lkc-title-text {
    padding-left: 30px;
}
.lkc-favicon {
    position:relative;
    left:30px;
}
.lkc-domain {
    position:relative;
    left:30px;
}
/*「この記事を読む」を追加*/
.lkc-content:after {
    position:  absolute;
    content:'この記事を読む \e910';
    font-family: 'jin-icons';
    font-weight: bold;
    padding:5px 20px;
    background:#7eccd6;
    color:#fff;
    font-size: .8em;
    border-radius:2px;
    right:40px;
    bottom:25px;
}	
}
/*スマホのみ*/
@media screen and (max-width: 1170px)  {
/*記事タイトルと情報の位置調整、付加情報太字*/
.lkc-title-text {
    padding-left: 10px;
}
.lkc-external-added {
    font-weight: bold;	
}
.lkc-favicon {
    position:relative;
    left:10px;
}
.lkc-domain {
    position:relative;
    left:10px;
}
}

/*————————————
リンカーフリーリンクボタンカラー変更
————————————*/
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
background: #6cc655;
border: 2px solid #6cc655;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a{
background: #ff5800;
border: 2px solid #ff5800;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a{
background: #4072b3;
border: 2px solid #4072b3;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a{
background: #F5989D;
border: 2px solid #F5989D;
}

h4 {
  position: relative;
  color: gray;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

h4:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: 'Check!';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}