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

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

.article h2 {
  border-left: initial;
  border-right: initial;
  border-top: initial;
  border-bottom: initial;
  position: relative;
  font-size:20pt;
  padding: 0.5em;
  background: #76a0b0;
  color: white;
}

.article h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.article h3 {
  border-left: initial;
  border-right: initial;
  border-top: initial;
  border-bottom: initial;
  font-size:18pt;
  padding: 0.5em 0px 0.4em 0.3em;/*上下の余白*/
  color: #76a0b0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #76a0b0;
}

h2 {
  color: #464545;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #464545;/*上線*/
  border-bottom: solid 3px #464545;/*下線*/
	  background-color:#fff;
}

.sidebar h3 {
　color: #ffffff;
  background-color: #e8b015;
  padding: 12px;
  margin: 16px 0;
  border-radius: initial;

}

.article ul {
  background: #fff3d4;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px #e8b015;/*線の種類 太さ 色*/
}

.article ul li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}



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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.site-name img {
		height:50px;
		width:auto;
	}
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
	
h2 {
  color: #464545;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: initial;/*上線*/
  border-bottom: initial;/*下線*/
	  background-color:#fff;
}

.article h2{
	font-size:17pt;
	}

.article h3{
	font-size:16pt;
	}

	
}