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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .date-tags {
display: none;
}


.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}


h1 {
  color: #6cb4e4 !important;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4 !important;
  border-bottom: solid 2px #6cb4e4 !important;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px) !important;
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px) !important;
}


h2 {
  color: #6cb4e4 !important;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4 !important;
  border-bottom: solid 2px #6cb4e4 !important;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px) !important;
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px) !important;
}


h3 {
  position: relative;
  padding-left: 25px;
}

h3:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
h3:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}


h4 {
  border-bottom: solid 3px #cce4ff !important;
  position: relative !important;
}

h4:after {
  position: absolute !important;
  content: " " !important;
  display: block !important;
  border-bottom: solid 3px #5472cd !important;
  bottom: -3px !important;
  width: 20% !important;
}


.toc-title {
    font-weight: bold;
}
 
.toc {
	background: #f4f5f7;
	border: 5px double;
	color: #0693cd;
	font-size: 15px;
}
 
.toc a {
	color: #0693cd;
}


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

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

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