@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){
  /*必要ならばここにコードを書く*/
}

/* エントリーカード　カテゴリーラベル非表示、文字のカスタマイズ */
.related-entry-card {
  display: none; !important;
}
.entry-card-title {
} 
.entry-card-snippet {
  color: #333;
  line-height: 1.7;
  font-size: 14.5px;
}

/* アイキャッチ　カテゴリーラベル非表示 */
.cat-label{
  display: none; !important;
}

/* ヘッダー */
.logo{
	padding:0px;
}
.logo-header {
    padding:0px;
}
.logo-image {
    padding-top:0px;
}

/*グローバルメニューのフォントサイズ等変更*/
#global_menu ul li { font-size: 5px; }

/* 見出し */
.article h1 {
text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.article h2:before {
background-image: none;
}
.article h2{
line-height:1.8;
background-color:#f6f6f6;
font-size: 19.5px;
color:#333333;
border-radius:1px;
border-left:solid 14px #636b64;/*H2の色*/
padding:0.4em 0.5em;/*H2高さと左右空き*/
margin-top:60px;
margin-bottom:2em;
}

.article h3 {
  line-height:1.5;
  font-size: 18.5px;
  border-top: 2px solid #44aa88;/*上線*/
  border-bottom: 2px solid #44aa88;/*下線*/
  color: #323232;
  padding: .5em 0;
  margin-top:2.5em;
  margin-bottom:1.5em;
}
.article h3:before {
  width: 0em;
}

.article h4 {
  position: relative;
  color: #323232;
  padding-left: 1.5em;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 2em;
}

.article h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 48%;
  transform: translateY(-50%);
  font-weight: 600;
  color: #44aa88;
}

.article h5{
background: #f1f1f1;/*H5背景色の変更はこちら*/
font-size: 16.5px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 0.4em 1em 0.3em ;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;/*H5枠色の変更はこちら*/
margin-top: 2em;
margin-bottom:1.5em;
}

.article h6{
font-size: 16.5px;
font-weight: normal;
line-height: 2;
color: #111;
margin-bottom:1.5em;
padding-bottom: 0.3em;
border-bottom: 1px solid #55bb99;/*下線*/
}


/* 目次 */
.toc {
  font-size: 0.92em;
  padding: 0 0 1.5em 0;
  margin-bottom: 1em;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.toc-title {
  font-size: 1em;
  text-align: center;
}
.toc-title::before {
  font-family: FontAwesome;
  content: '\f0ca'; /*目次タイトルのアイコン*/
  margin-right: 0.5em;
}
.toc-content {
  padding: 10x;
}
.toc ul li a, .toc ol li a {
  display: block;
  border-bottom: 0.1px dashed #999; /*h3以下の下側ボーダー*/
  margin-left: -10px;
  padding-left: 10px; 
  margin-top: 0.6em;
  color: #111111;
}
.toc ul.toc-list>li, .toc ol.toc-list>li {
  margin-top: 0.7em;
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
  border-bottom: 1px solid #008000; /*h2の下側ボーダー*/
  font-weight: bold;
}

.toc-list > li li li ::before { /*h4以下は前に・*/
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -10px;
  border-radius: 100%;
  background: #93b69c;
  position: relative;
  margin-bottom: 2px;
 }

.toc-list > li li li { /*h4*/
  padding-left: 7px;
 }


/************************************
****　記事本文　ブログカード　ラベル
************************************/
/* 左上角○↑を消す　ホワイトラーメンのスキン対応 */
.blogcard.internal-blogcard.ib-left.cf:before {
	display:none;
}
/* ラベルを表示させる */
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color: #90C31F;
margin-left:.5em;
}

/************************************
****　SNSシェアボタン
************************************/
.sns-share{/*SNSボタンからfollowまでのアキ*/
margin: 0 0 30px ;
}
.sns-share-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 0px 0;/*shareタイトルの上下マージン*/
}
.sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 15px 0;/*followタイトルの上下マージン*/
}

/************************************
****　サイドバー    yuji blogより
************************************/
#sidebar>.widget{
border-radius:10px;
}
.sidebar {
padding-left:0px;

}
@media screen and (max-width: 1205px){
.sidebar {
padding: 0%;
padding-right: 1.5%;
}
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#66cdaa;/*検索マーク色変更はこちら*/
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#66cdaa;/*タイトル下のライン色変更はこちら*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#66cdaa;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}

/* サイドバーの新着記事と関連記事のエントリーカードタイトルのフォントサイズを統一 */
/* 新着記事タイトルの文字をデフォルトより小さく */
.sidebar .new-entry-card .new-entry-card-title {
  font-size: 0.83em; 
  line-height: 1.4em;
  color: #555555;
}
/* 関連記事タイトルも新着記事と同じサイズに揃える */
.sidebar .widget-entry-card .widget-entry-card-title {
  font-size: 0.83em; 
  line-height: 1.4em;
  color: #555555;
}