@charset "UTF-8";
/*------------------------
コラム
------------------------*/
.contents-wrap{
	display: flex;
	justify-content: space-between;
	width: 1120px;
	margin: 0 auto;
	padding: 60px 0 120px;
}
.contents-wrap .cont {
	width: 780px;
}

/* 目次 */
#toc_container p.toc_title{
	font-size: 20px;
}
#toc_container.no_bullets li, #toc_container.no_bullets ul li{
	margin-bottom: 20px;
}
#toc_container a{
	margin-bottom: 5px;
	display: inline-block;
}

.ttl-wrap .page-ttl p {
	font-size: 38px;
	font-weight: bold;
	line-height: 1;
}
.post {
	padding: 0 0 30px;
}
.post .ttl-area {
	padding-bottom: 15px;
	border-bottom: 3px solid var(--bgcolor);
	margin-bottom: 30px;
}
.post .ttl-area .wrap {
	align-items: center;
	margin-bottom: 12px;
}
.post .ttl-area .wrap .date {
	font-size: 18px;
	letter-spacing: 0;
	margin-right: 20px;
}
.post .ttl-area .wrap .cat a {
	display: block;
	background: var(--txtcolor);
	padding: 8px 13px;
	font-size: 15px;
	color: var(--bgcolor);
	margin-right: 5px;
}
.post .ttl-area h1 {
	font-size: 28px;
	font-weight: bold;
	text-align: justify;
	line-height: 1.4;
}
.post .content #toc_container {
	padding: 30px 50px 20px;
	font-size: 16px;
	margin-bottom: 40px;
}
.post .content h2 {
	font-size: 22px;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 8px;
}
.post .content h3 {
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 8px;
}
.post .content p {
	text-align: justify;
	margin-bottom: 30px;
}

/*------------------------
サイド
------------------------*/
.sideber {
	width: 300px;
}
.sideber .side-cat{
	margin-bottom: 30px;
}
.sideber .side-cat h2 {
	padding: 15px 15px;
	background: var(--txtcolor);
	color: var(--bgcolor);
	line-height: 1;
	font-size: 18px;
}
.sideber .side-cat.archives li {
	font-size: 0;
}
.sideber .side-cat ul li a {
	display: block;
	padding: 15px 15px;
	border-bottom: 1px solid #b0b0b0;
	font-size: 16px;
	line-height: 1;
}
.sideber .side-cat ul li a:hover{
	color: #e79f00;
	text-decoration: underline;
}