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


/*目次の基礎となるカスタマイズ*/
/*ここから*/

/*目次ブロックの横幅の再設定*/
.toc {
	width: 100%;
}
.main .toc {
	width: 95%;
}

/*目次をrelativeに設定*/
.toc, .sidebar .widget_toc h3, .toc-content ul, .toc-content ul li, .toc-content a {
	position: relative;
}

/*見出しリストの表示方式の再設定*/
.toc-content a {
	display: block;
}

/*見出しリストのmarginの初期化*/
.toc-content ul li {
	margin: 0;
}

/*目次を閉じた時の間隔の再調整*/
.main .toc-content {
	overflow: hidden;
}

/*目次のhoverエフェクトの初期化*/
.toc a:hover {
	text-decoration: none;
}

/* --- 階層ごとの太さとサイズの設定 --- */

/* 第1階層（h2相当）: 最も強調 */
.toc-content > ul > li > a {
	font-weight: 700;
}

/* 第2階層（h3相当）: 中程度の太さ */
.toc-content > ul > li > ul > li > a {
	font-weight: 600;
}

/* 第3階層（h4相当）: 控えめな太字 + サイズを少し大きく */
.toc-content > ul > li > ul > li > ul > li > a {
	font-weight: 500;
	font-size: 0.95em; /* 標準より少しだけ大きく調整 */
}

/* --- スマホ表示時のアイコン見切れ対策 --- */
@media screen and (max-width: 480px) {
	/* リスト全体の左側に余白を作り、見切れを防ぐ */
	.toc-content ul {
		padding-left: 1.2em; 
	}
	
	.toc-content ul li {
		padding-left: 0.5em;
	}

	/* リンク範囲の微調整 */
	.toc-content a {
		padding-left: 0.2em;
	}
}

/*ここまで*/