@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 h2::before {
	content: none;
border-top: none;
}
.article h2::after {
border-bottom: none;
	content: none;
}
.article h2{
border: none;
background:none;
}
.article h3::before {
	content: none;
border-top: none;
}
.article h3::after {
	content: none;
border-bottom: none;
}
.article h3{
	content: none;
border: none;
}
.article h4::before {
	content: none;
border-top: none;
}
.article h4::after {
	content: none;
border-bottom: none;
}
.article h4{
	content: none;
border: none;
}
.article h5::before {
   content: none;
border-top: none;
}
.article h5::after {
   content: none;
border-bottom: none;
}
.article h5{
border: none;
}
.article h6::before {
border-top: none;
}
.article h6::after {
border-bottom: none;
}
.article h6{
border: none;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
color: #192f60; /* 文字色 */
font-size: 2.0em; /* 文字サイズ */
background-color: #bccddb; /* 背景色 */
padding-top:10px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:10px;/* 文字と下部の間隔 */
border-left: solid 10px #19448e; /* 左側に実線・色*/
border-bottom: solid 3px #19448e;/* 下側に実線・色*/
}

/* H3 */
.entry-content h3{
color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
background-color: #bccddb;/* 背景色 */
padding: 10px;
border-left: solid 10px #19448e; /* 左側に実線・色*/
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
background-color: #bccddb;/* 背景色 */
border-top: solid 3px #19448e;/* 上側に実線・色 */
border-bottom: solid 3px #19448e;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
background-color: #bccddb;/* 背景色 */
border-bottom: solid 3px #19448e;/* 下側に実線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
background-color: #bccddb;/* 背景色 */
border-bottom: dotted 3px #19448e;/* 下側に点線・色*/
}


/************************************
** サイドバー見出し
************************************/

.sidebar h3 {
    background: #ffb6c1;
    padding: 0;
    font-size: 16px;
    letter-spacing: 2px; 
}
.sidebar h3:first-letter {
    font-size: 1.5em;
}
.sidebar h3:after {
    content:"";
    display:block;
    height:1px;
    width:100%;
    background: -webkit-linear-gradient(left, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
    background: linear-gradient(to right, #40bfa0 0%,#fef785 82%,#f37b7b 100%);
}

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

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

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

.logo{
	text-align:right;
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

/************************************
** 固定ページだけタイトルを非表示にする
************************************/
.page .entry-title {
display: none;
}

/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 33.333%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}