@charset "UTF-8";
/**
 * Blog common
 */
.l-header .header-navigation .navigation-list .item-07 a {
	background-color: #FFFFFF; 
	cursor: default;
}
.l-header .header-navigation .navigation-list .item-07 a:hover, .l-header .header-navigation .navigation-list .item-07 a:focus, .l-header .header-navigation .navigation-list .item-07 a:active {
	opacity: 1;
}
@media screen and (min-width: 64em) {
	.l-header .header-navigation .navigation-list .item-07 {
		position: relative;
	}
	.l-header .header-navigation .navigation-list .item-07::after {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 2px;
		content: "";
		background-color: #80A31B;
	}
}

.intro-heading {
	display: -ms-flexbox;
	display: flex;
	height: 130px;
	font-weight: 700;
	font-size: 2.4rem; 
	line-height: 1.5;
	text-align: center;
	background-color: #F0F0F0;
	background-image: url(../img/top_intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (min-width: 64em) {
	.intro-heading {
		font-size: 3.2rem; 
		background-position: center center;
	}
}

.blog {
	max-width: 950px;
	margin: 0 auto 0 auto;
	padding: 40px 20px 80px 20px;
}
.blog-main {
	-ms-flex: 1;
	flex: 1;
}
.blog-aside {
	margin: 40px 0 0 0;
}
@media screen and (min-width: 64em) {
	.blog {
		display: -ms-flexbox;
		display: flex;
		padding: 60px 0 100px 0; 

		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.blog-main {
		-ms-flex: 1;
		flex: 1;
	}
	.blog-aside {
		width: 245px;
		margin: 0 0 0 60px;
	}
}

.pagination {
	display: none;
}
.pagination {
	margin: 80px auto 0;
	border-top: 1px solid #DEDEDE;
	padding-top: 30px;
	text-align: center;
	font-size: 1.4rem;
	min-height: initial;
}
.pagination ul {
	text-align: center;
	max-width: 645px;
	margin: auto;
}
.pagination li {
	line-height: 1;
	display: inline-flex;
	margin: 0 2.3% 0;
	width: 2.4%;
}
.pagination li.active {
	opacity: 0.65;
}

.sec-category .category-heading {
	color: #80A21B;
	font-weight: 700;
	font-size: 1.8rem; 
	text-align: center;
}
.sec-category .category-list {
	margin: 30px 0 0 0;
}
.sec-category .category-list .list-items {
	margin: -10px 0 0 0;
}
.sec-category .category-list .list-item {
	margin: 10px 0 0 0;
}
.sec-category .category-list .item-link {
	display: -ms-flexbox;
	display: flex;
	text-decoration: none; 

	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.article-crumbs {
	margin: 0 0 25px 0;
}
.article-crumbs .list-items {
	font-size: 1.2rem;
}
.article-crumbs .list-items:after {
	display: block;
	clear: both; 
	content: "";
}
.article-crumbs .list-item {
	float: left;
}
.article-crumbs .list-item::after {
	content: "／";
}
.article-crumbs .list-item:last-child::after {
	content: none;
}
.article-crumbs .list-item a {
	color: inherit; 
	text-decoration: none;
}

.article-entry {
	padding: 20px 20px 20px 20px;
	border: 1px solid #DEDEDE;
	background-color: #FFFFFF;
}
.article-entry .entry-header {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
}
.article-entry .entry-date {
	margin: 0 20px 25px 0;
	font-size: 1.4rem; 
	line-height: 1.71429;
}
.article-entry .entry-category {
	margin: 0 0 25px 0;
	font-size: 1rem;
}
.article-entry .entry-category p {
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 18px;
	padding: 0 10px 0 10px;
	border-radius: 4px;
	color: #FFFFFF; 
	vertical-align: middle;
	background-color: #202E30;

	-ms-flex-align: center;
	align-items: center;
}
	.entry-category p.notice {
		background-color: #658a92;
	}
	.entry-category p.media {
		background-color: #a79164;
	}
	.entry-category p.topics {
		background-color: #bb8080;
	}
.article-entry .entry-heading {
	width: 100%;
	font-weight: 700;
	font-size: 2.4rem; 
	line-height: 1.5;
}
.article-entry .entry-body {
	margin: 20px 0 0 0;
	font-size: 1.4rem; 
	line-height: 1.71429;
}
.article-entry .entry-body p, .article-entry .entry-body ul, .article-entry .entry-body ol, .article-entry .entry-body dl, .article-entry .entry-body pre, .article-entry .entry-body figure {
	margin: 2em 0 0 0;
}
.article-entry .entry-body p:first-child, .article-entry .entry-body ul:first-child, .article-entry .entry-body ol:first-child, .article-entry .entry-body dl:first-child, .article-entry .entry-body pre:first-child, .article-entry .entry-body figure:first-child {
	margin: 0;
}
@media screen and (min-width: 64em) {
	.article-entry {
		padding: 35px 35px 35px 35px;
	}
}
