/* CSS Documents */

#topics{
	padding-top: 0;
	}
	#topics .tabMenu{
		margin-top: 0;
		background: #f2ece8;
		}

	#topics .topicsList {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 2em;
	}
	#topics .topicsList > li {
		align-content: flex-start;
		width: 100%;
		padding: 0;
		margin-bottom: 4em;
		font-size: clamp(1em, 2.8vw, 1.4rem);
		border: none;
		position: relative;
	}
	#topics .topicsList p {
		order: 3;
		}
	#topics .topicsList a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: transparent;
		z-index: 1;
		}
	#topics img {
		aspect-ratio: 1.05 / 1;
		object-fit: cover;
		width: fit-content;
	}
	#topics .topicsList ul{
		order: 1;
		margin-top: 0.5em;
		gap: 0.5em; 
	}
	#topics .topicsList ul li {
		margin-bottom: 0;
	}
	#topics .topicsList time {
		position: initial;
		order: 2;
		font-weight: normal;
		padding: 0.5em 0;
		width: 100%;
	}
.topicsList ul li + li{
	margin-left: 0
	}

#topics #pagenation{
	padding-bottom: 4em;
	}
#topics .area{
	background: #000;
	color: #fff;
	}
#topics .area.aomori{
	background: #147fa3;
	border-color: #147fa3;
	}
#topics .area.akita{
	background: #d9383a;
	border-color: #d9383a;
	}
#topics .area.iwate{
	background: #bf8f17;
	border-color: #bf8f17;
	}
#topics .area.yamagata{
	background: #539e2e;
	border-color: #539e2e;
	}
#topics .area.miyagi{
	background: #f08426;
	border-color: #f08426;
	}
#topics .area.niigata{
	background: #829799;
	border-color: #829799;
	}
#topics .area.fukushima{
	background: #e56e80;
	border-color: #e56e80;
	}



/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
	#topics img {
		margin-bottom: 0.5em;
	}
	#topics .topicsList ul,
	#topics .topicsList a{
		margin: 0;
		padding: 0;
	}
	#topics .topicsList {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 4%
	}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
	#topics .topicsList {
		grid-template-columns: repeat(3, 1fr);
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
}