@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 h1 {
  position: relative;
  padding: 0.25em 0;
}
.article h1:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
  background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

.article h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 7px #F6D580;/*左線（実線 太さ 色）*/
   border-bottom: solid 3px #F6D580;/*下線*/
   font-size: 23px;
}

.article h3 {
    font-size: 20px;
	border-left: solid 7px #FBEAC0;
    border-bottom: 3px solid #FBEAC0 ;
    padding-left: 10px;
}
.article h4 {
    border-bottom: 3px solid #fdf3d8;
    border-top: 3px solid #fdf3d8;
    font-size: 18px;
    padding-left: 10px;
}
.box_matome {
  padding: 16px;
  border: solid 1px #ffd700;
  border-radius: 10px;
  background-color: #fef9ec;
  margin-top: 30px;
  margin-bottom: 30px;
}
.box_shadow_b {
background: #e0ffff;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
padding:20px;
}
.box_shadow_y {
background: #FFF9C6;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
padding:20px;
}
blockquote {
    background-color: #fafbfc;
    border: 1px solid #ccc;
}

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

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

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