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

/**********************************************
**固定ページに日付非表示2022.1.18　田村
************************************/
.page .date-tags {
display: none;
}

/**********************************************
**スマホ画面だけでサイドバーの項目をすべて非表示2024.2.11　田村
************************************/
@media screen and (max-width: 1023px){
#sidebar{
display: none;
}
}

/**********************************************
**追加　ヘッダー、キャッチフレーズ　文字影付き　2022.3.13田村
************************************/
.site-name-text{
color:#FFF !important;
font-weight: bold;
text-shadow: 2px 2px 2px #202020;		
}

.tagline{
font-weight: bold;
color:#FF5;
font-size:18px;
text-shadow: 2px 2px 3px #333;		
}
/**********************************************
** H3を太字に、最初の文字色変更　2022.11.10田村
************************************/
h3 {
	font-weight: bold !important;
}
/************************************
** 目次番号　色と段落変更2023.9.9-07tt
************************************/
.toc {

  background: #f9f9f9 !important;
  border: 0 !important;
  border-top: 5px solid !important;
  border-top-color: #ccc !important; /* 目次天付き線の色、エディタで編集要 */
  border-radius: 10px;
  box-shadow: 0 2px 2px rgb(0 0 0 / 20%) !important;
}
@media screen and (min-width: 600px) {
  .toc {
    width: 70%;
    padding: 0px 0px 0px -10px !important;
  }
}

.toc-title {
  margin: 0 20px 0px -10px !important; /* ■■■目次下つめる */
  font-size: 23px !important;
  font-weight: 700 !important;
　color: #ccc !important; /* 目次（閉じる）色、エディタで編集要 */
  background-color: initial;
}
.toc a {
  display: block;
  padding-top: 0 !important; /* 下の点線との間 */
  padding-bottom: 0.5em; /* 下の点線との間 */
 color: #111 !important; /* ■効くOK 全文字 */
 font-weight: 500; !important; /* ■効くOK 全文字 */
 font-size: 18px !important; /* ■効くOK */
/* ■■■点線の2重トル */
}

.toc ul li {
  position: relative;
 padding: 0 0 0 -10px;
　font-weight: 400; !important; 
  line-height: 1.5;
  color: #0f0 !important; /* ■効かない */	
}
.toc li li a{
　font-weight: 400; !important; 	
  color: #777 !important; /* ■効くOK */
  font-size: 14px !important; /* ■効くOK */
}

.toc li li {
padding-top: 0.1em;
margin: 0 0 0 -20px !important;/* ■■■2段目矢印の左余白 効くOK*/
font-weight: 400; !important;  /* ■効くOK */
color: #00f !important; /* ■効かない */	
}