/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2026 | 13:45:22 */
/* ==========================================
   1. ベース＆レイアウト（全体の枠線とサイズ）
   ========================================== */
#rtoc-mokuji-wrapper.rtoc-mokuji-content,
.rtoc-mokuji-content {
	width: 100% !important;
	/* ★ 横幅を大きく広げて、長いタイトルも1行に収まりやすく調整 */
	max-width: 800px !important; 
	font-size: 15px !important;
	font-weight: 400 !important;
	margin: 40px auto !important;
	box-sizing: border-box !important;
	background-color: #ffffff !important;
	
	border: 2px solid #72a98f !important; 
	border-radius: 6px !important;
	/* ★ 左右の余白を少し詰め（35px→25px）、文字の有効スペースを最大化 */
	padding: 30px 25px !important; 
	
	box-shadow: 0 4px 16px rgba(114, 169, 143, 0.06) !important;
	position: relative !important;
	counter-reset: rtoc-counter !important;
}

/* プラグインの余計な背景や飾り（擬似要素）を完全に消去 */
.rtoc-mokuji-content::before,
.rtoc-mokuji-content::after,
.rtoc-mokuji-content.frame2::before {
	display: none !important;
	content: none !important;
}

/* ==========================================
   2. タイトルエリア（目次）
   ========================================== */
.rtoc-mokuji-content #rtoc-mokuji-title {
	color: #5d9479 !important;             
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 24px 0 !important;
	text-align: left !important;
	line-height: 1 !important;
	display: block !important;
	letter-spacing: 0.05em !important;
}

/* ==========================================
   3. CLOSE / OPEN ボタン（右上の小さな四角）
   ========================================== */
.rtoc-title-wrapper {
	position: static !important;
}

.rtoc-mokuji-content .rtoc-toggle-btn,
.rtoc-mokuji-content #rtoc-switch,
.rtoc-mokuji-content #rtoc-switch-btn,
.rtoc-mokuji-content button {
	position: absolute !important;
	top: 28px !important;
	/* ★ 全体のpadding（25px）に綺麗に揃うよう配置を微調整 */
	right: 25px !important;
	left: auto !important;
	transform: none !important;
	background: #f6f8f6 !important;        
	color: #666666 !important;
	border: 1px solid #e2e5e3 !important;  
	padding: 5px 12px !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	cursor: pointer !important;
	border-radius: 3px !important;
	line-height: 1 !important;
	z-index: 9999 !important;
	pointer-events: auto !important;
	display: inline-block !important;
	transition: all 0.2s ease !important;
}

.rtoc-mokuji-content button:hover {
	background: #eef2ef !important;
	border-color: #d2d8d4 !important;
}

/* ==========================================
   4. 目次リスト（構造・行間・横いっぱいの下線）
   ========================================== */
.rtoc-mokuji-content .rtoc-mokuji,
.rtoc-mokuji-content .mokuji_ol,
.rtoc-mokuji-content .mokuji_ul,
.rtoc-mokuji-content ul,
.rtoc-mokuji-content ol {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* 各行の下線と行間の調整 */
.rtoc-mokuji-content li,
.rtoc-mokuji-content .rtoc-item {
	position: relative !important;
	margin: 0 0 0 0 !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid rgba(114, 169, 143, 0.25) !important; 
	display: flex !important;
	/* ★ 万が一2行に折り返した時も、数字と1行目の頭が綺麗に揃うように上揃えを維持 */
	align-items: flex-start !important;
	list-style: none !important;
	list-style-type: none !important;
}

.rtoc-mokuji-content li:last-child,
.rtoc-mokuji-content .rtoc-item:last-child {
	border-bottom: 1px solid rgba(114, 169, 143, 0.25) !important;
}

/* リンクテキスト単体の装飾 */
.rtoc-mokuji-content li a,
.rtoc-mokuji-content .rtoc-mokuji li>a {
	color: #444444 !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
	line-height: 1.5 !important;
	transition: color 0.2s ease !important;
}

.rtoc-mokuji-content li a:hover {
	color: #72a98f !important;
}

/* ==========================================
   5. ナンバリング（CSSカウンターで「1.」などを強制生成）
   ========================================== */
.rtoc-mokuji-content .rtoc-number,
.rtoc-mokuji-content li span[class*="number"] {
	display: none !important;
}

.rtoc-mokuji-content ol:not(.is_close) li::before,
.rtoc-mokuji-content .rtoc-mokuji:not(.is_close) .rtoc-item::before {
	counter-increment: rtoc-counter !important;
	content: counter(rtoc-counter) "." !important;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #72a98f !important;            
	font-weight: 600 !important;
	margin-right: 12px !important;
	flex-shrink: 0 !important;
	line-height: 1.5 !important;
}

/* ==========================================
   6. プラグイン本来の非表示指定を最優先させる
   ========================================== */
.rtoc-mokuji-content .is_close,
.rtoc-mokuji-content .is_close li,
.rtoc-mokuji-content .is_close li::before,
.rtoc-mokuji-content .is_close .rtoc-item::before {
	display: none !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}