/* ==========================================================================
   Easy Table of Contents & Table of Contents Plus 共通スタイル
   ========================================================================== */

/* 目次全体のコンテナ枠 */
#ez-toc-container,
.post #toc_container,
.entry-content #toc_container,
#toc_container {
	margin: 20px auto 30px !important;
	background-color: rgba(44,153,181,.04) !important; /* 目次全体の背景カラー */
	border: 3px solid rgba(64,105,144,.2) !important; /* 目次全体の枠線 */
	border-radius: 3px !important;
	box-sizing: border-box !important;
	padding: 38px 52px !important;
	display: table !important;
	min-width: 85% !important;
	counter-reset: li !important;
	text-align: left !important;
}

/* テーマ（AFFINGER5親テーマ等）によるリスト装飾・dotted下線・インデント・decimal番号の完全リセット */
#ez-toc-container ul.ez-toc-list,
#ez-toc-container ul.ez-toc-list li,
.post #toc_container ul,
.post #toc_container ol,
.post #toc_container.only-toc ul,
.post #toc_container.only-toc ol,
#toc_container ul.toc_list,
#toc_container ul.toc_list li,
#toc_container.only-toc li {
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	border: none !important;
	border-bottom: none !important;
	margin: 0 !important;
	text-indent: 0 !important;
	text-align: left !important;
}

#ez-toc-container ul.ez-toc-list,
#toc_container ul.toc_list {
	margin: 0 !important;
}

/* 親テーマのFontAwesome矢印や既存の装飾を徹底消去 */
#ez-toc-container ul.ez-toc-list li::before,
#ez-toc-container ul.ez-toc-list li a::before,
#toc_container li a::before,
#toc_container li li a::before,
#toc_container li li li a::before,
#toc_container.only-toc li a::before,
.post #toc_container li a::before {
	content: none !important;
	display: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* TOC+固有の数字出力（灰色の数字 .toc_number）を完全非表示にし、数字ダブりを根絶 */
#toc_container .toc_number,
.post #toc_container .toc_number {
	display: none !important;
}
 
/* 目次の見出しタイトル（親テーマのFontAwesomeや下線を消去） */
#ez-toc-container .ez-toc-title-container,
.post #toc_container .toc_title,
#toc_container .toc_title {
	text-align: center !important;
	font-weight: bold !important;
	font-size: 118% !important;
	padding: 0 !important;
	display: block !important;
	border-bottom: none !important;
	margin: 0 !important;
	color: inherit !important;
	vertical-align: baseline !important;
}
 
/* 見出しタイトル左のアイコン（親テーマの \f0f6 を上書きして青丸アイコンを表示） */
#ez-toc-container .ez-toc-title::before,
.post #toc_container .toc_title::before,
#toc_container .toc_title::before {
	position: relative !important;
	font-family: inherit !important;
	font-size: 28px !important;
	content: "\2254" !important;
	display: inline-block !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 34px !important;
	margin-right: 8px !important;
	border-radius: 50% !important;
	vertical-align: baseline !important;
	speak: none !important;
	-webkit-font-smoothing: antialiased !important;
	color: #fff !important;
	background-color: #5f7b96 !important;
	text-align: center !important;
}

p.ez-toc-title {
	display: inline;
}

/* 表示／非表示トグル */
#ez-toc-container .ez-toc-title-toggle a,
#toc_container .toc_toggle a {
	font-size: 13px !important;
	font-weight: normal !important;
	padding: 2px 4px !important;
	color: #5f7b96 !important;
	text-decoration: none !important;
	border: none !important;
}

#ez-toc-container .ez-toc-title-toggle,
#toc_container .toc_toggle {
	display: inline !important;
	float: right !important;
	font-weight: normal !important;
}
 
/* 目次エリアの上部区切り線 */
#ez-toc-container .ez-toc-title-container + nav,
.post #toc_container .toc_title + ul.toc_list,
#toc_container .toc_title + ul.toc_list {
	padding: 20px 0 0 !important;
	margin: 20px 0 0 !important;
	border-top: 1px solid rgba(0,0,0,.1) !important;
}
 
/* リスト共通スタイル */
#ez-toc-container ul.ez-toc-list li,
.post #toc_container ul.toc_list li,
#toc_container ul.toc_list li {
	position: relative !important;
	padding: 0 !important;
	margin: 0 !important;
}
 
/* 目次リンク共通スタイル（親テーマの点線下線を消去） */
#ez-toc-container ul.ez-toc-list li a,
.post #toc_container ul a,
#toc_container ul a,
#toc_container .toc_list > li > a,
#toc_container .toc_list > li > li > a {
	position: relative !important;
	font-size: 94% !important;
	font-weight: normal !important;
	text-decoration: none !important;
	display: inline-block !important;
	line-height: 1.6 !important;
	padding: 3px 0 !important;
	margin: 5px 0 !important;
	border: none !important;
	border-bottom: none !important;
	color: #5f7b96 !important; /* リンクカラー */
	transition: all .3s ease !important;
}

#ez-toc-container ul.ez-toc-list a,
#ez-toc-container ul.ez-toc-list a:visited,
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited {
	color: #5f7b96 !important;
}

/* マウスオーバー時 */
#ez-toc-container ul.ez-toc-list li a:hover,
#toc_container ul.toc_list li a:hover {
	text-decoration: none !important;
	box-shadow: 0 2px !important;
	opacity: 1 !important;
}
 
/* 親の目次 (H2) */
#ez-toc-container ul.ez-toc-list > li > a,
.post #toc_container ul.toc_list > li > a,
#toc_container ul.toc_list > li > a {
	font-size: 100% !important;
	font-weight: bold !important;
	margin-left: 40px !important;
}
 
/* 親の目次 (左側の青丸連番) */
#ez-toc-container ul.ez-toc-list > li::before,
#ez-toc-container ul.ez-toc-list > li::after,
.post #toc_container ul.toc_list > li::before,
.post #toc_container ul.toc_list > li::after,
#toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::after {
	position: absolute !important;
	top: 3px !important;
	left: 0 !important;
	display: inline-block !important;
}

/* 連番背景（青丸） */
#ez-toc-container ul.ez-toc-list > li::before,
.post #toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::before {
	content: '' !important;
	vertical-align: bottom !important;
	width: 32px !important;
	height: 32px !important;
	margin-right: 7px !important;
	border-radius: 16px !important;
	background-color: rgba(125,157,188,0.66) !important;
}

/* 連番の数字 */
#ez-toc-container ul.ez-toc-list > li::after,
.post #toc_container ul.toc_list > li::after,
#toc_container ul.toc_list > li::after {
	counter-increment: li !important;
	content: counter(li) !important;
	width: 32px !important;
	line-height: 32px !important;
	font-family: 'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', sans-serif !important;
	font-weight: 400 !important;
	text-align: center !important;
	color: #fff !important;
}
 
/* 子の目次 (H3〜) */
#ez-toc-container ul.ez-toc-list-level-3,
#ez-toc-container ul.ez-toc-list-level-4,
#ez-toc-container ul.ez-toc-list-level-5,
.post #toc_container ul.toc_list ul,
#toc_container ul.toc_list ul {
	margin: 0 0 0 40px !important;
	padding: 0 !important;
}
 
/* 子の目次の左側のアイコン（丸ポチ） */
#ez-toc-container ul.ez-toc-list > li ul li::before,
.post #toc_container ul.toc_list > li ul li::before,
#toc_container ul.toc_list > li ul li::before {
	position: absolute !important;
	top: 3px !important;
	left: 0 !important;
	content: '\2023' !important;
	display: inline-block !important;
	width: 14px !important;
	height: 28px !important;
	line-height: 28px !important;
	font-size: 18px !important;
	color: #5f7b96 !important;
}

#ez-toc-container ul.ez-toc-list > li ul li a,
.post #toc_container ul.toc_list > li ul li a,
#toc_container ul.toc_list > li ul li a {
	font-weight: normal !important;
	margin-left: 16px !important;
}

#ez-toc-container input#item {
	display: none;
}
 
/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#ez-toc-container,
	.post #toc_container,
	#toc_container {
		padding: 20px 3vw !important;
		min-width: auto !important;
		width: 100%!important;
	}
	#ez-toc-container p.ez-toc-title-container + ul.ez-toc-list,
	.post #toc_container .toc_title + ul.toc_list,
	#toc_container .toc_title + ul.toc_list {
		padding: 20px 0 0 !important;
	}
	#ez-toc-container ul.ez-toc-list-level-3,
	#ez-toc-container ul.ez-toc-list-level-4,
	#ez-toc-container ul.ez-toc-list-level-5,
	.post #toc_container ul.toc_list ul,
	#toc_container ul.toc_list ul {
		margin-left: 30px !important;
	}
}