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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* サイトロゴのフォント変更-文字黒 */
.logo-header a span{
font-family: 'Avenir','Segoe UI Light';
font-weight: bold;
font-size:20px;
}
/* 記事一覧のカスタマイズ これから*/
/************************/
/* リスト型エントリーカードカスタマイズ */
.a-wrap {
    text-decoration: none;
    display: block;
    color: var(--cocoon-text-color);
    padding: 1.0%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out;
}
.widget-entry-cards .a-wrap {
    padding: 5px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.a-wrap:hover {
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
    color: var(--cocoon-text-color);
}
/*---------------------------------
ボックス（白抜き）の枠の太さを変える
--------------------------------*/
.blank-box {border-width: 2px;}
/* 目次カスタマイズ */
.toc{
	padding: 20px 40px; 
background-color: #f4f6f7;
}
.sidebar .toc{
	padding: 0px 0px; 
	background-color: #fffffc;
}
/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}
/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}
	/* エントリーカードのカスタマイズ */
.entry-card:{
	border: 1px solid #15090b;
	background-color: white;
	padding: 10px;
}
/* カード下余白のカスタマイズ */
.ect-vertical-card .entry-card-wrap {
  margin-bottom: 0px; /* カード下余白 */
}
/* エントリーカード文字サイズのカスタマイズ */
.entry-card-title {
  font-size: 35px;
  margin: 10px 0.5px; /* 画像とタイトル間の余白 */
  line-height: 1.3; /* 行間設定 */
} 
@media screen and (max-width: 480px) {.entry-card-title {
	font-size:14px;
	margin-right: 20px; /*エントリーカードの右余白*/
	}
.sidebar{
    background-color: #fffffc;
}
/* タイトル カスタマイズ */
main h1.entry-title{
color: #7B7B7B;
font-size:21px;
}
/* H2 見出しカスタマイズ */
.article h2{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
/* H3 見出しカスタマイズ */
.article h3 { 
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
padding: 0;
}
/* H4 見出しカスタマイズ */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}	
/* 関連記事エントリーカード 説明文(スニペット) 非表示　外部リンクのみ */ 
.related-entry-card-snippet {
    display: none;
}
/* 関連記事エントリーカードタイトル */
.related-entry-card-title {
margin: 10px 30px; /* 画像とタイトル間の余白 */
}
.mobile-footer-menu-buttons .menu-button,
.menu-drawer a,
.navi-menu-content,
.menu-drawer a:hover{
  background-color: #122c3d;
  color: white;
}
/* モバイルホームボタンの色 */
.mobile-menu-buttons .home-menu-button > a {
color: white;
}
/* モバイルトップボタンの色 */
.mobile-menu-buttons .top-menu-button > a {
color: white;
}
/*---------------------------------
カテゴリーに線だけを入れる
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}
/*---------------------------------
reCAPTCHAの非表示
--------------------------------*/
.grecaptcha-badge { visibility: hidden; }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
.cat-label {
display: none;
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.menu-drawer a:hover{
  background-color: red;
/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}