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

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

/*アドセンス広告幅調整*/
.ad-area {
overflow: visible;
}

/*↓2021/6/1 by ちょうべい*/
/*検索結果ページ上部の検索ボックスを削除*/
#main .search-box.input-box {
  display: none;
}
/* ここまで 2021/6/1 by ちょうべい*/

/*↓2024/11/05 by ちょうべい*/
/*検索ボックスボタンのカスタマイズ*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #000000;
	border: 3px solid #e60033;
	border-radius: 0 4px 4px 0;
}
/*↑2024/11/05 by ちょうべい*/

/*↓20210612 by ちょうべい*/
/*グローバルナビメニューの高さ(デフォルト:60px)*/
#navi .navi-in > ul li{
	height: 50px;
	line-height: 50px;
}
/*グローバルナビメニューのフォントサイズ(デフォルト:16px)*/
#navi .navi-in > .menu-header .item-label{
	font-size: 13px;
}
/*メニューの上にカーソルをのせるた時の文字色と背景色*/
#navi .navi-in a:hover{
	color: #ff0000!important;
	background: #000000;
	transition: all 0.5s ease;
}
/*メニューをグラデーション化*/
#navi.navi.cf{
	background: linear-gradient(#000000,#e60012);
}
#header-container{
	background: linear-gradient(#000000,#e60012);
}
/*1番左と2番目の仕切り線*/
#navi .navi-in > ul li{
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
}
/*左から3番目以降の仕切り線*/
#navi .navi-in > ul li + li{
	border-right: 2px solid #000000;
	border-left: none;
}
/*↑20210612 by ちょうべい*/

/*↓20210614 by ちょうべい*/
/*スマホ用*/
/*記事タイトル（固定ページ）フォントサイズ*/
.entry-title {
font-size: 16px;
}
/*エントリーカード（新着記事）タイトルフォントサイズ*/
.entry-card-title {
	font-size: 14px;
}
.entry-card-snippet {
	font-size: 12px;
}
.blogcard-title{
	font-size: 14px;
}
/*スマホ以外用*/
@media screen and (min-width: 481px) {
/*記事タイトル（固定ページ）フォントサイズ*/
	.entry-title {
	font-size: 20px;
	}
/*エントリーカード（新着記事）タイトルフォントサイズ*/
	.entry-card-title {
		font-size:16px;
		margin-bottom: 1em;
	}
	.entry-card-snippet {
		font-size: 14px;
	}
	.blogcard-title{
		font-size: 16px;
	}
}
/*↑20210614 by ちょうべい*/

/*↓20211213 by ちょうべい*/
/*通知エリア フォント*/
/*.notice-area {*/
/*text-align: center;*/
/*text-decoration:underline;/*下線*/
/*text-decoration-color:#e60012;/*下線の色*/
/*padding: 0.8em;*/
/*font-size: 1.0em;*/
/*font-weight: bold;*/
/*}*/
/*↑20211213 by ちょうべい*/

/*↓20220604 by ちょうべい*/
/*目次のカスタマイズ*/
/*H3以下の先頭の数字を非表示*/
.article .toc-list > li li {
  list-style: none;
}
/*H3以下の先頭に「・」を表示*/
.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;
 }
/*H2とH3の差別化を強める為にフォントの色と大きさを変更*/
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  font-weight: bold;
  color: #708090;
  margin-left: -10px;
}	  
/*↑20220604 by ちょうべい*/

/*↓20220708 by ちょうべい*/
/*アンダーラインマーカーの太さ変更*/
span[class^="marker-under"] {
  color: #d3d3d3;
}
.marker-under {
  background: linear-gradient(transparent 60%, #939310 60%);
}
.marker-under {
  background: linear-gradient(transparent 80%, rgba(255, 255, 102, 0.6) 80%);
}
.marker-under-red {
  background: linear-gradient(transparent 80%, rgba(255, 182, 185, 0.6) 80%);
}
.marker-under-blue {
  background: linear-gradient(transparent 80%, rgba(168, 218, 251, 0.6) 80%);
}
/*↑20220708 by ちょうべい*/

/*↓20241004 by ちょうべい*/
/*文字色変更（赤、赤太字）*/
.red{
	color: #FF0000;
}
.bold-red{
	color: #FF0000;
}
/*↑20241104 by ちょうべい*/

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

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

/*480px以下*/
/*@media screen and (max-width: 480px){*/
  /*必要ならばここにコードを書く*/
	
/* 20241020 by ちょうべい */
/*おすすめカード モバイルで非表示*/
/*.recommended {display:none;}*/
/*}*/