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

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

body {
  color: #7c3f21; /* ここを任意の色コードに変更 */
}


/*.entry-content {
	color: #7c3f21;
}

/*サイト全体のテキストカラー*/
p { color:#7c3f21; }


.label-box-label-text {
    color: #7c3f21; /* ラベル文字の色 */
}



.article h1 {
  color: #7c3f21; /*文字の色を変える*/
} 

.article h2 {
  background: #fefaf7;  /*背景色を変える*/
  color: #a05b3f;  /*文字の色を変える*/
	  box-shadow: 0px 0px 0px 5px #fbf6f1;  /*点線の外側の余白と色*/
}


.article h3 {
  border: none;  /*Cocoon標準のデザインにあるボーダーを取る*/
  position: relative;  /*要素を相対配置にする*/
  padding: .4em .3em .4em .5em;  /*余白*/
  border-left: solid 8px #f8e8e2;  /*左の線の種類、太さ、色*/
  color: #a05b3f;  /*文字の色*/
  border-bottom: solid 2px #e7c3b4;  /*下の線の種類、太さ、色*/
}
.article h3:before { /*左ラインの下部の色*/
  position: absolute;  /*要素を絶対配置にする*/
  content: '';  /*空欄を挿入する*/
  left: -8px;  /*左下部の線の位置の調整*/
  bottom: -2px;  /*左下部の線の位置の調整*/
  width: 8px;  /*左下部の線の太さ*/
  background-color: #e7c3b4;  /*左下部の色*/
  height: 50%;  /*左下部の線の色の高さ*/
}


.article h4 {
  color: #a05b3f; /*文字の色を変える*/
  background: #fefaf7;  /*背景色を変える*/
} 


/*灰色の付箋ボックス*/
.blank-box.sticky {
	border-color: #e4d6e9;
	background-color: #fefaf7;
}

/*緑色の付箋ボックス*/
.blank-box.sticky.st-green {
    border-color: #c9dbc4;
    background-color: #fefaf7;
}

/*スタイル内の灰色の付箋ボックス*/
.is-style-sticky-gray {
    border-color: #e4d6e9;	/*ラベンダー*/
    background-color: #fefaf7;
}


.is-style-sticky-green {
    border-color: #c9dbc4; /*ミント系*/
    background-color: #fefaf7;
}

.is-style-sticky-red {
    border-color: #e9bdb6;
    background-color: #fefaf7;
}



/*投稿日を非表示*/
.post-date{
  display: none;
}

/*更新日を非表示*/
.post-update{
  display: none;
}


/*横長テーブルのスクロール文字列変更*/
.is-scrollable:before {
	content: 'scroll →'!important;
}



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

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

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