@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)

/*834px以下*/
@media screen and (max-width: 834px)

/*480px以下*/
@media screen and (max-width: 480px)


/*************ブログカード　カスタマイズ******************/

/*URLを非表示にする*/
.internal-blogcard-footer{
	display: none
}

/*内部カードの抜粋分を非表示*/
.internal-blogcard-snippet{
	display: none;
}

/*ブログカードの枠線を太く*/
.blogcard{
	border: 3px solid #1e90ff;
}

/*ブログカード下にボタンを追加*/
.internal-blogcard:after{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-family: 'Font Awesome 5 free';
	content: '記事を読む \f35a';
	font-size: 90%;
	background-color: #1e90ff;
	color: #FFF; 
	padding: 0.2em 2em;
	border-radius: 20px
}

/*ブログカードをカーソル時不透過する*/
.blogcard-wrap:hover{
	background: transparent;
	opacity: 0.5;
}

/*ブログカードの枠線を太く、二重線に*/
.blogcard{
	border: 4px double #00bfff!important;	
}


/*カーソルを合わせたときに色を変える*/
.toc a:hover{
	background: lightsteelblue;
}

/*スクロールをスムーズに*/
html {
	scroll-behavior: smooth;
}