@charset "UTF-8";

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

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


/*トップカテゴリラベル*/
.category_right .cat-label {
	position: static !important;
	display:inline-block;
	margin-top: 3px;
	padding: 2px 10px;
	font-size: 11px;
	border: none;
} 

/*関連記事カテゴリラベル*/
.related-entry-card .cat-label {
	position: static  !important;
	display: inline-block;
	margin-top: 3px;
	padding: 2px 10px;
	border: none;
}

.relatea_category_side{
	margin-bottom: -5px;
}

.related-entry-card-content card-content e-card-content {
	font-size: initial;

}

/*h2デザイン*/
.article h2 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #6ba064;
  background-color: #fff;
}
.article h2::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #45a239;
  border-radius: 4px;
}

/*h3デザイン*/
.article h3 {
	border-top: none;
	border-left: none;
	border-right: none;
  border-bottom: solid 3px #bdeab8;
  position: relative;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #45a239;
  bottom: -3px;
  width: 20%;
}

/*サイドバーのh3デザイン*/
.sidebar h3 {
  background-color: #88ca80;
	padding: 10px;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/

}