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

/*ヘッダ画像*/
.single .logo,.archive .logo,.page .logo ,.error404 .logo{display:none;}
.home .logo{margin-top:-1em;}

.content h1,.content h2,.content h3,.content h4{font-weight:bold}

/*SNSボタンを小さく丸く　ここから*/

#main .button-caption {
	display: none; /*キャプション非表示*/
}


/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字にする*/
	color: #875d5b; /*文字色を指定*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央揃え*/
}
.sns-share-buttons a {
	border-radius: 50%; /*アイコンを丸くする（カスタマイズを！）*/
	font-size: 20px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 5px; /*ボタン同士の間隔（カスタマイズを！）*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅（カスタマイズを！）*/
	height: 40px; /*ボタンの高さ（カスタマイズを！）*/
}


/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字にする*/
	color: #875d5b; /*文字色を指定*/
}
.sns-follow-buttons {
	justify-content: center; /*中央揃え*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*アイコンを丸くする（カスタマイズを！）*/
	font-size: 20px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 5px; /*ボタンの間隔（カスタマイズを！）*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅（カスタマイズを！）*/
	height: 40px; /*ボタンの高さ（（カスタマイズを！）*/
}
/*SNSボタンを小さく丸く　ここまで*/


/*youtube中央揃え*/
.video-container {
margin: 0px auto;
}

.entry-card-info,.post-date{display:none}

/*Group内のliの下にmarginを作る*/
ul.is-style-memo-box li,.wp-block-group li{margin-bottom:2em !important;}

/*Group内のリンクに余計な装飾をしない*/
.wp-block-group a::before, .is-style-information-box a::after {
    content: "" !important; /* 空のコンテンツ */
    display: none !important; /* 非表示 */
}

.ad-container {
    text-align: center;
    margin: 0 auto; /* ブロック要素を中央揃えにする場合 */
	margin-bottom:1em;
	font-size: 13px; /*アイコンのサイズ（カスタマイズを！）*/
}

/*アイキャッチ画像を角丸に*/
.eye-catch-wrap .eye-catch {
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.eye-catch-wrap img,#sidebar img,.category img {
border-radius: 10px;
  box-shadow: none !important;
  border-bottom: none !important;  /* 下部のボーダーを無効にする */
  outline: none !important;       /* アウトラインを無効にする */
	margin-bottom:10px;
}

/* H2見出しの先頭にある数字（疑似要素）を非表示にする */
h2::before {
    content: none !important;
    display: none !important;
}
/* 1. テーマが自動でつける数字（疑似要素）は消す */
#toc .toc-list li::before {
    content: none !important;
    display: none !important;
}

/* 2. リストのマークを「黒丸」に設定する */
#toc .toc-list,
#toc .toc-list ol,
#toc .toc-list li {
    list-style: disc !important;      /* noneではなくdisc(黒丸)にする */
    list-style-type: disc !important; /* 念のため明示 */
}

/* 3. 黒丸が隠れないように左側に余白を作る */
#toc .toc-list li {
    margin-left: 1em !important;    /* 黒丸を表示するスペース */
    padding-left: 0 !important;       /* 既存の余白をリセット */
}