@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.blogcard-title {
color: #4086bf;/*文字色*/
line-height: 1.5;/*行間*/
font-size: 1.2em;/*文字の大きさ*/
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

 /*ブログカード 内部ブログカードのみ、ファビコンとURLを非表示 */
 .internal-blogcard-site {
    display: none;
}

  /*ブログカード 説明文を非表示*/ 
 .blogcard-snippet {
    display: none;
 }

 /*「記事を読む」のボタンを追加*/
 .blogcard{
	position: relative
}
	
 .blogcard:after{
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-family: 'Font Awesome 5 free';
	content: '記事を読む\f101';
	font-size: 75%;
	font-weight: bold;
	background-color: #14a6a0;
	color: #FFFFFF; 
	padding: 0.15em 1.5em;
	border-radius: 20px
}
 

}