@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.blogcard-wrap {
 margin: 2% 0 2% 0;
}

.blogcard-label {
	background-color:#9b7f87;
}
.bct-related .blogcard-label .fa::before {
  content: "";
}

.bct-related .blogcard-label::after {
  content: "Related Story";
}

.bct-reference .blogcard-label .fa::before {
  content: "";
}

.bct-reference .blogcard-label::after {
  content: "Reference";
}

.bct-reference-link .blogcard-label .fa::before {
  content: "";
}

.bct-reference-link .blogcard-label::after {
  content: "Reference Link";
}

.bct-popular .blogcard-label .fa::before {
  content: "";
}

.bct-popular .blogcard-label::after {
  content: "Popular!";
}

.bct-pickup .blogcard-label .fa::before {
  content: "";
}

.bct-pickup .blogcard-label::after {
  content: "Pick Up!";
}

.bct-check .blogcard-label .fa::before {
  content: "";
}

.bct-check .blogcard-label::after {
  content: "Check!";
}

.bct-together .blogcard-label .fa::before {
  content: "";
}

.bct-together .blogcard-label::after {
  content: "You may also like";
}

.bct-detail .blogcard-label .fa::before {
  content: "";
}

.bct-detail .blogcard-label::after {
  content: "More Details";
}

.bct-official .blogcard-label .fa::before {
  content: "";
}

.bct-official .blogcard-label::after {
  content: "Official Site";
}

.bct-dl .blogcard-label .fa::before {
  content: "";
}

.bct-dl .blogcard-label::after {
  content: "To Download";
}

.entry-title,
.archive-title {
  font-size: 30px;
  margin: 16px 1em 3em 0;
  line-height: 1.3;
}

.archive-title span {
  margin-right: 10px;
}

.entry-content {
  margin-top: 1em;
  margin-bottom: 3em;
}
.entry-content pre {
  line-height: 1.6;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

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

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

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