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

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

/*.article h2 {
	background-image: linear-gradient(#006400, #3cb371);
	border-style: solid;
	border-width: 1px;
	border-color: #107c41;
	color:#ffffff;
}*/

.article h2 {
    background-image: linear-gradient(#006400, #3cb371);
	border-style: solid;
	border-width: 1px;
	border-color: #107c41;
	color:#ffffff;
    line-height: 1.4;       
    padding-top: 10px; 
	padding-bottom: 10px;
}

.article h3 {
	background-color:#f0fff0;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: #107c41;
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 26px;
}

.article h4 {
	border-color: #107c41;
}

.article h5 {
	border-color: #107c41;
}

.article .code {
  border-radius: 4px;
  border: 1px solid rgb(192, 192, 192);
  font-size: 16px;
  padding: 2px 7px;
  line-height: 2.4;
  background: rgb(255, 255, 255);
}




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

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

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