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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/*見出し2カスタマイズ*/
.article h2 {
  background: #ddc1a7;/*背景色*/
  padding: 1em;/*文字まわり（上下左右）の余白*/
  color: #ffffff;/*文字色*/
  border-radius: 7px ;
}

/*見出し3カスタマイズ*/
.article h3 {
  color: #50514c;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #ddc1a7;
  background: none;/*背景色を消す*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

/*見出し4カスタマイズ*/
.article h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #50514c;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ddc1a7;/*左線*/
  padding: 1em;/*文字まわり（上下左右）の余白*/
}

.sidebar h3 {
    background-color: #ddc1a7;
    padding: 7px 20px;
    margin: 40px 0 20px;
color: #fff;
 border-radius: 7px ;
	font-size: 1em;
}

.entry-content a:hover { color: #7ACCF5; }

.nomadBox2 {
padding: 1.5em;
margin: 1em 0;
color: #50514c;
border: solid 1px #ddc1a7;
border-radius: 5px;/*角の丸み*/
}
.nomadBox2 p {
padding: 0;
margin: 0;
}

.nomadBox3 {
padding: 1.5em;
margin: 1em 0;
color: #50514c;
background:#f7f2e8;/*背景色*/
}
.nomadBox3 p {
padding: 0;
margin: 0;
}

.nomadBox4 {
padding: 1.5em;
margin: 1em 0;
color: #50514c;
background:#f7f2e8;/*背景色*/
}
.nomadBox4 p {
padding: 0;
margin: 0;
}

.nomadBox5 {
padding: 1.5em;
margin: 1em 0;
color: #50514c;
background:#f7f2e8;/*背景色*/
}
.nomadBox5 p {
padding: 0;
margin: 0;
}


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

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

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