@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
*/

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

.cat-label {
	color: #fff;
}

.entry-title, .article h2, .article h3 {
  font-family: "Mochiy Pop One", sans-serif !important;
}

.article h2, .related-entry-heading, .comment-title {
  color: rgba(var(--white-color), 1);
  background: rgba(var(--primary-color), 1);
  box-shadow: 0 0 1px 3px rgba(var(--primary-color), 1);
}

.article h2, .related-entry-heading, .comment-title, .article h2:before, .article h2:after, .related-entry-heading:before, .comment-title:before, .related-entry-heading:after, .comment-title:after {
  border: solid 1px rgba(var(--white-color), 1);
}

.article h2:not(first-child) {
  margin-top: 3.24em;
}

/************************************
** タブボックスのデフォルトメインカラー
************************************/
.bb-memo, .bb-check, .bb-point, .cocoon-block-label-box {
	border-color: rgba(237, 157, 157, .3) !important;
}

.bb-memo .bb-label, .bb-check .bb-label, .bb-point .bb-label, .caption-box-label, .tab-caption-box-label {
	background-color: rgb(237, 157, 157) !important;
}

.caption-box-label::before, .tab-caption-box-label::before {
	color: #fff;
}

.caption-box-label-text, .tab-caption-box-label-text {
	color: #fff;
	font-weight: bold;
}




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

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

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