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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.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;
}
/*---------------------------------
カテゴリの行間を狭くする
--------------------------------*/
.widget_categories ul li a{
	line-height: 0.3;
}
/*---------------------------------
アーカイブの行間とフォントを小さくする
--------------------------------*/
.widget_archive ul li a{
font-size: 14px;/*文字の大きさ*/
line-height: 0.8;/*行の高さ*/
}
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0.3em;
}
/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0.3em;
}
/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2 {
  padding: 0.3em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #F7F7F7;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
/* H3 */
.entry-content h3 {
  padding: 0.2em 0.3em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #F7F7F7;/*背景色*/
  border-left: solid 5px #adadad;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
/* サイドバーのデザイン設定 */
/* H3 */
.sidebar h3 {
  padding: 0.1em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #F7F7F7;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 2px #d7d7d7;/*下線*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* タイトル背景の高さ */
.logo-text{
padding:5px 0px 10px;
}
/* ヘッダーメニューの高さ */
#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}
/*---------------------------------
目次の背景の色だけを変える
--------------------------------*/
.toc {
  background-color: #EDF6FF; /*背景の色*/
}