@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 {
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;
}
/*****ここまで*****/

/*****見出しh2からh6*****/
.article h2 {
    background-color: #bae3df;
    color: #464a4a;
    border-left: 0;
    padding: 15px 30px;
}
.article h2 {
 ? ?border-left: 1px solid #000;
    margin: 40px -29px 20px;
    padding: 25px 30px;
 ? ?font-size: 24px;
}
.article h3 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #6AC1B7;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

.article h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #6AC1B7;/*左線*/
}
.article h5 {
/*線の種類（二重線）太さ 色*/
border-bottom: double 5px #6AC1B7;
}

.article h6 {
/*線の種類（点線）2px 線色*/
border-bottom: dashed 2px #6AC1B7;
}

/*****ここまで*****/

/*目次カスタマイズここから*/
/*目次タイトルの文字を太字に*/
.toc-title {
    font-weight: bold;
}

/*目次の文字・背景色・枠線を変更*/
.toc {
	color: #43595c;
	font-size: 14px;
	background: #f5f6f7;
	border: 1px solid;
}

/*項目の文字色を変更*/
.toc a {
	color: #43595c;
}

/*目次カスタマイズここまで*/

/************************************
** サイドバー目次をスクロール PC
************************************/
.sidebar .toc-content{
	overflow-y : scroll;/*スクロールバーを表示*/
	overflow-x : hidden;/*横にはスクロールさせない*/
	max-height : 500px;/*スクロールに移行する高さ*/
}

/*サイドバー目次をスクロールカスタマイズここまで*/

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

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

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

	
/*タグクラウドのデザイン*/
.widget_tag_cloud .tagcloud a {
 background:#eee;
 border:none;	
 color: #666;
 padding: 6px;
 margin:3px;
 border-radius: 3px;
 font-size:12px;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover {
 background: #ffc489; 
 color: #fff; 
}

/* エントリーカード　タイトル文字大きさ変更 */
.entry-card-title {
 font-size: 22px;
} 
/*****ここまで*****/
	
