@charset "utf-8";
/*
Theme Name: たぐろーコラム
Author: たぐろー
Description: ゼロから作った私のブログテーマです。
Version: 0.8
*/

/* パンくずリスト */
.breadcrumb ul {
	list-style: none;
}
.breadcrumb ul li {
	display: inline;
}
.breadcrumb ul li a {
	color: inherit;
}
.breadcrumb ul li + li:before {
	content: ">";
	margin: 0.5em;
}

/* 投稿カラム */
article.article-content {
	background-color: var(--posts-bgcolor3);
	border: 1px solid var(--posts-border3);
	border-radius: 10px;
	padding: 8px 15px;
	margin: 13px auto;
}
article .article-head,
article .article-foot,
article .article-info {
	font-size: var(--font-size4);
}
article .article-info .article-cat {
	display: block;
}
article .article-info time {
	display: block;
}
article .article-img img {
	width: 100%;
	height: auto;
}

article .article-main h2 {
	font-size: var(--font-size1);
}

article .article-main p {
	line-height: 1.5em;
}
article .article-main ul,
article .article-main ol {
	margin: 1em 0 1em 2em;
}
article .article-main li {
	margin-bottom: 0.5em;
}

/* コラムフッタナビ */
.footer-nav {
	float: left;
	width: 45%;
	overflow: hidden;
	padding: 12px 0;
}
.footer-nav h2 {
	font-size: var(--font-size3);
	background-image: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: none;
}
.footer-nav ul {
	list-style: none;
	margin: 0;
}
.footer-nav li a {
	display: block;
	padding: 0.4em;
	font-size: var(--font-size4);
	text-decoration: none;
}
.footer-nav li a:visited,
.footer-nav li a:link,
.footer-nav li a:active {
	color: var(--font-color-base);
	background-color: transparent;
}
.footer-nav li a:hover {
	color: var(--white);
	background-color: var(--black);
}