@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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

/************************************
**ヘッダー
************************************/



/************************************
** 記事内見出しカスタマイズ
************************************/

.article h2{
	padding: 0.2rem;
    margin-bottom: 0.2rem;
	background: linear-gradient(transparent 70%, #e8e6f4 70%);
	font-weight: bold;
    font-size: 24px;
	margin-top: 80px;
	margin-bottom: 25px;
}

.article h3 {
	border:none;
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: 1.5em;
	
}

.article h3:before {
	content:'#'	;
	color: #B571CE ;
	margin: 5px;
}

/* 新着記事サムネイル(大)を横並びにする---------------------------------------------- */
.new-entry-cards.large-thumb{
	display: flex; /* フレックスボックスにする */
	flex-wrap: wrap;/*折り返しあり*/
}

/*新着記事サムネイル(大)*/
.new-entry-cards.large-thumb a{
   width:calc(100% / 2);/*pcで横２列に並べる*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	.new-entry-cards.large-thumb a{
		width:100%;/*スマホで横１列に*/
	}
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}