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

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

/*見出し2をカスタマイズ*/
.article h2 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

.article h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

/*見出し3をカスタマイズ*/
.article h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #e0edff;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

/*見出し4をカスタマイズ*/
.article h4 {
  background: linear-gradient transparent 90%;
}

/*目次タイトルの文字を変更*/
.toc-title {
    font-weight: bold;
	color: #0693cd;
}

/*目次の背景色と枠線を変更*/
.toc {
	background: #f4f5f7;
	border: 2px solid;
}

/*項目の文字色と大きさを変更*/
.toc a {
	color: #0693cd;
	font-size: 20px;
}

/*引用*/
blockquote{
  position:relative;
  border-left:3px double #997bad;
  padding-left:10px;
  background:#e5e6f4;
}
blockquote:before{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f10d';
  font-size: 18px;
  color:#997bad;
  padding-top:10px;
}
blockquote p{
  position:relative;
  padding: 30px 10px 0px;
}
blockquote cite{
  display: block;
  font-size:0.8rem;
  color:#997bad;
  text-align:right;
  padding:10px;
}


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

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

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