@charset "UTF-8";

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

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

.entry-content h2 {
    background: linear-gradient(#f5deb3, #ffffe0);
    color: #000;
}
.entry-content h3 {
	border:none;
	position: relative;
	padding: 0.5rem 0.5rem;
}
.entry-content h3:after {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ffffe0), to(#f5deb3));
  background-image: -webkit-linear-gradient(right, #ffffe0 0%, #f5deb3 100%);
  background-image: linear-gradient(to left, #ffffe0 0%, #f5deb3 100%);
}
.entry-content h4 {
	border-bottom:2px solid #f5deb3;
	border-top:2px solid#f5deb3;
}



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

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

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