/*
Theme Name: とりまつ畳
Theme URI: http://www.ndesign-studio.com
Description: A theme by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1
Author: Nick La
Author URI: http://www.ndesign-studio.com
*/
.content-tit{
     font-size: 20px;
     border-bottom: 2px solid #699a3f;
     margin-bottom: 10px;
}

.content-tit-sub{
     font-size: 18px;
     border-bottom: 1px dotted #699a3f;
     margin-bottom: 10px;
}
a:link { color: #000000; }
a:hover { color: #1b00ff; }
a:active { color: #1b00ff; }

.blog_title {
	font-size: 26px;
	border-left: 5px solid #699936;
	padding-left: 14px;
	margin-bottom: 10px;
	text-align: left;
}

.alignright {
    display: inline;
    float: right;
}

.blog_sub_title {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: solid 2px #669733;
    border-bottom: solid 2px #669733;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
}
.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555;
}
.pagination .current {
    padding: 6px 9px 5px 9px;
    background: #3279BB;
    color: #fff;
}
.related_post li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    list-style: outside none none !important;
    margin: 0 !important;
    min-height: 60px;
    padding: 10px 0 !important;
    position: relative !important;
    width: 100%;
    padding-left: 20px;
}

/* 目次追加 */
/* Table of Contents Container */
.toc-container {
    background-color: #fbfbfb; /* 背景色を白に変更 */
    border: 2px solid #e1e1e1; /* 細いボーダー */
    /*border-left: 5px solid #007bff; */
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 8px; /* 角を丸く */
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* モダンなフォントに */
}

/* List Style */
.toc-container ul {
    list-style: none; /* デフォルトのリストマークを削除 */
    padding-left: 0;
    margin: 0;
}

/* .toc-container ul li {
    margin-bottom: 12px;
} */

/* Links */
.toc-container a {
    text-decoration: none;
    color: #444444; /* 文字色を濃いグレーに */
    font-weight: 500;
    display: block; /* リンクエリアを広げる */
    padding: 5px 0;
    transition: all 0.3s ease; /* ホバー時のアニメーション */
}

.toc-container a:hover {
    color: #007bff; /* ホバーで青色に */
    transform: translateX(5px); /* 右に少しスライド */
}

/* Indent for Sub-headings (h3-h6) */
.toc-container ul ul {
    /*border-left: 1px dotted #ccc;*/
    margin-left: 10px;
    padding-left: 15px;
}

/* !important を使った強制スタイル */
/* このスタイルは、他のスタイルを上書きする際に使います */
.toc-container a {
    font-size: 16px !important; /* フォントサイズを強制的に指定 */
    line-height: 1.5 !important; /* 行の高さを強制的に指定 */
}
.toc-title{text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
}