.disable.topics-card, .disable.topics-einougoyomi, .disable.topics-no_thumb, .disable.topics {
	pointer-events: none;
	opacity: 0.9;
}

.new::after {
	content: "NEW";
	white-space: nowrap;
	display: inline-block;
	margin: 0 0.8em;
	color: #fff;
	font-size: 10px;
	background-color: #ff0000;
	position: relative;
	top: -2px;
	padding: 2px 7px;
	line-height: 1;
}

.topics_tab_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
@media only screen and (min-width: 768px), print {
	.topics_tab_list {
		margin-bottom: 25px;
	}
	.topics_tab_list > * {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
}
@media only screen and (max-width: 767px) {
	.topics_tab_list {
		margin-bottom: 0;
		margin-left: -5px;
		margin-right: -5px;
		padding-bottom: 1em;
	}
	.topics_tab_list > * {
		padding: 5px;
		width: 50%;
	}
	.topics_tab_list > *:nth-child(2n-1):last-child {
		width: 100%;
	}
}

.topics_tab {
	-webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	letter-spacing: 0.1em;
	color: #fff;
	text-decoration: none;
	position: relative;
}
.topics_tab:hover {
	opacity: 0.7;
}
@media only screen and (min-width: 768px), print {
	.topics_tab {
		padding: 0 30px;
		font-size: 15px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.topics_tab {
		height: 100%;
		padding: 8px;
		font-size: 14px;
		line-height: 1.3;
	}
}
.topics_tab:hover {
	color: #fff;
}
.topics_tab .text {
	position: relative;
	z-index: 1;
}
.topics_tab.active {
	color: #850101;
}
.topics_tab.active::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: calc(100% + 8px);
	background-image: url("/common/img/bg/topics.jpg");
	background-size: 1000px 180px;
	background-position: top left;
}
.topics_tab.active::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: -8px;
	left: 0;
	background-image: url("/common/img/bg/tab_mask.png");
	background-position: center;
	background-size: 1000px 8.5px;
	background-repeat: no-repeat;
}

.topics_slide {
	display: none;
}

@media only screen and (min-width: 768px), print {
	.topics_slide_list {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
}

.topics_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topics_list > li:not(:last-child) {
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 767px) {
	.topics_list {
		margin-bottom: 20px;
	}
}

.topics {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	text-decoration: none;
	color: #fff;
	padding: 8px;
	-webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.topics:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.topics__img {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media only screen and (min-width: 768px), print {
	.topics__img {
		width: 98px;
		margin-right: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.topics__img {
		width: 60px;
		margin-right: 5px;
	}
}

.topics__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media only screen and (min-width: 768px), print {
	.topics__info {
		padding: 5px 0;
	}
}
.topics__date {
	color: #fff;
	min-width: 6em;
	margin-right: 8px;
	letter-spacing: 0.1em;
	font-family: "Roboto", sans-serif;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding-top: 1px;
}
@media only screen and (min-width: 768px), print {
	.topics__date {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.topics__date {
		font-size: 13px;
	}
}
.topics__date.new::after {
	content: "NEW";
	white-space: nowrap;
	display: inline-block;
	margin: 0 0.5em;
	color: #fff;
	font-size: 10px;
	background-color: #ff0000;
	position: relative;
	top: -2px;
	padding: 2px 7px;
	line-height: 1;
}

.article__category_list,
.topics__category_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.article__category,
.topics__category {
	min-width: 70px;
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #333;
	background-color: #fff;
	height: 16px;
	padding: 0 5px;
	line-height: 0;
	white-space: nowrap;
	margin-bottom: 3px;
	margin-right: 3px;
}

.article__category-news,
.topics__category-news {
	color: #ef0707;
	border-color: #ef0707;
}

.article__category-event,
.topics__category-event {
	color: #dbb55e;
	border-color: #dbb55e;
}

.article__category-campaign,
.topics__category-campaign {
	color: #5057ea;
	border-color: #5057ea;
}

.article__category-einou,
.topics__category-einou {
	color: #016923;
	border-color: #016923;
}

.article__category-einou_goyomi,
.topics__category-einou_goyomi {
	color: #016923;
	border-color: #016923;
}

.article__category-selfreform,
.topics__category-selfreform {
	color: #3b3e70;
	border-color: #3b3e70;
}

.article__category-important,
.topics__category-important {
	color: #b500d8;
	border-color: #b500d8;
}

.article__category-farmersmarket,
.topics__category-farmersmarket {
	color: #38c1e5;
	border-color: #38c1e5;
}

.article__category-recruit,
.topics__category-recruit {
	color: #ff8c00;
	border-color: #ff8c00;
}

.topics__text {
	letter-spacing: 0.1em;
	line-height: 1.4;
	font-size: 0.875rem;
}

.no_news {
	color: #fff;
	text-align: center;
	padding: 1em 0;
}

.topics_list-no_thumb {
	margin-bottom: 20px;
}

.topics-no_thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	color: #fff;
	padding: 9px 5px;
	-webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 768px), print {
	.topics-no_thumb {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
}
.topics-no_thumb:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}

.topics-no_thumb__date {
	font-size: 14px;
	letter-spacing: 0.1em;
	width: 110px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-family: "Roboto", sans-serif;
	line-height: 1.4;
}

.topics-no_thumb__text {
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.4;
}

.topics-einougoyomi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.topics-einougoyomi__nendo {
	width: 5.5em;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.topics-einougoyomi__title {
	line-height: 1.5;
}

@media only screen and (min-width: 768px), print {
	.topics-card_list > li {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.topics-card_list > li {
		padding: 5px;
		width: 50%;
	}
}

.topics-card {
	display: block;
	text-decoration: none;
	color: #fff;
}
@media only screen and (min-width: 768px), print {
	.topics-card {
		width: 170px;
	}
}
.topics-card:hover {
	-webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
	color: rgba(255, 255, 255, 0.8);
}
.topics-card:hover .topics-card__thumb img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.topics-card__thumb {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.topics-card__thumb img {
	width: 100%;
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.topics-card__date {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.1em;
	font-size: 14px;
	margin-bottom: 5px;
}

.topics-card__text {
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.article__category_list {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
@media only screen and (min-width: 768px), print {
	.article__category_list {
		margin-bottom: 70px;
	}
}
@media only screen and (max-width: 767px) {
	.article__category_list {
		margin-bottom: 30px;
	}
}

.article_post_date {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.1em;
	font-size: 14px;
	text-align: right;
	margin-bottom: 0.3em;
}

.wp_wrapper img {
	max-height: 100%;
	height: auto;
}

.topics_pdf_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.topics_pdf_list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.topics_pdf {
	border: solid 1px #850101;
	background-color: #850101;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	text-decoration: none;
	max-width: 100%;
	width: 100%;
}
.topics_pdf:hover .topics_pdf__thumb > img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}
.topics_pdf:hover .topics_pdf__title {
	background-color: #9e0101;
}

.topics_pdf__thumb {
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media only screen and (min-width: 768px), print {
	.topics_pdf__thumb {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 208px;
		height: 294px;
		background-color: #000;
	}
}
.topics_pdf__thumb img {
	width: 100%;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.topics_pdf__title {
	background-color: #850101;
	padding: 10px 20px;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.topics_pdf__title > .text {
	color: #fff;
}
.topics_pdf__title > .text.ext::after {
	background-image: url("/common/img/icon/ext_white.png");
}
.topics_pdf__title > .text.pdf::after {
	background-image: url("/common/img/icon/pdf_white.png");
}
/*# sourceMappingURL=topics.css.map */