@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

/* h2タグ設定の初期化 */
.article h2 {
    padding: 0;
    background: none;
}

/* h3タグ設定の初期化 */
.article h3 {
    border: none;
    padding: 0;
}


/* h2タグのカスタマイズ */
.article h2{
	background-color:#fff; /* 背景の色 */
	color:#20664f;  /* 文字の色 */
	border-left:10px solid #38b48b;  /* 見出し左線色・太さ */
	border-bottom:1px solid #38b48b; /* 見出し下線色・太さ */
	padding:13px;
	margin-top:80px /* 見出しとその直前の文字の距離 */
}

/* h3タグのカスタマイズ */
.article h3{
	border:none;
	display:inline-block;
	color:#20664f; /* 文字の色 */
	border-top:2px solid #38b48b; /* 見出し上線色・太さ */
	border-bottom:2px solid #38b48b; /* 見出し下線色・太さ */
	margin-top:30px; /* 見出しとその直前の文字の距離 */
	margin-bottom:0px; /* 見出しとその直後の文字の距離 */
}
/* ここまで */


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

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

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

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