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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*エントリーカードのタイトル文字サイズ*/
.entry-card-title {
 font-size: 21px;
} 
/*フッターメニューを一列に*/
@media screen and (max-width: 834px){
	.navi-footer-in>.menu-footer {
flex-wrap: nowrap;
	}
}
/* フッタ　マウスホバー背景色変更 */
.navi-footer-in a:hover {
  background-color: #b9d08b; 
}	
.go-to-top-button {
	width: 1.5em;
	height: 1.5em;
	font-size: 3em;
	border-radius: 50%;
}
/************************************************
 トップへ戻るボタン
*************************************************/

.go-to-top {
  right: 20px; /*右から20px*/
  bottom: 55px; /*下から55px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.9; /*透明度*/
}
/*人気記事(サイドバー)*/
.sidebar h3{
  color:#b9d08b;/*好きな文字色にする*/
}
.sidebar h3{
  background:transparent;/*背景を透明に*/
}
.sidebar h3 {
  padding: 1rem 2rem;
  border-left: 5px solid #b9d08b;
}
.sidebar h3 {
  padding: 8px 10px;
}
/************************************
** 人気記事ランキング表示のカスタマイズ
************************************/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
	 border-radius: 50%; /*丸にする*/
	 top: -4px;  /*丸の位置上に*/
	 left: -4px;  /*丸の位置左に*/
	 width: 14px;  /*丸のサイズを小さく*/
	 height: 14px;  /*丸のサイズを小さく*/
	 font-family: 'Lato', sans-serif;  /*数字をグーグルフォントに変更*/
	 font-size: 12px;  /*数字のフォントサイズを小さく*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
	background: #d0d0d1;
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
   　　　　 background: #d0d0d1;
	line-height: 14px;
}
.article h3{
line-height:2;
font-size:20px;
border:none;
color:#333333;
border-radius:2px;
border-left:10px solid #b9d08b;/*H3の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:90px;
}
/*Cocoonのcat-label（カテゴリラベル）のカスタマイズ（全体）*/
.cat-label, .related-entry-card .cat-label {
	padding: 1px 10px;
	top: 4%;
	left: 2.5%;
	border: 0;
	border-radius: 30px;
	line-height: 1.8;
	font-size: 0.67em;
	font-weight: 500;
}
/************************************
** パンくずリストのアイコンをまとめて非表示（Font Awesome 4）
************************************/

.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
	display: none; /*非表示*/
}
/* 「h2見出し」 */
.entry-content h2 {
padding: 1.0em;/*文字周りの余白*/
color: #ffffff;/*文字色*/
background: #b9d08b;/*背景色*/
}
.article h4{
border-top: none;
}
/************************************
** 目次のカスタマイズ
************************************/
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
  border: 1.2px #b9d08b solid !important;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #ffffff;
  color: #000000;
  font-weight: normal;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #ffffff;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #666666;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #cdcdcd;
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}
.toc-list > li{
font-weight: Bold;
font-size:16px; /*見出しの文字サイズ*/
}
table.tablepress tr {
  background-color: transparent;
}
.blogcard-footer{
  display:none;
}
#toc {
   margin-bottom: 5em;
}
/************************************
** ■ページ送りナビのフォント
************************************/
#pager-post-navi .prev-post .prev-post-title{ font-size:18px;}
#pager-post-navi .next-post .next-post-title{ font-size:18px;}
}