/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- section h2 */

section h2 {
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	text-align: center;
	margin: 0 0 .75em;
}

@media (max-width: 767px) {
	section { font-size: clamp(0.813rem, 0.678rem + 0.67vw, 1rem); }
	section h2 { font-size: clamp(1.5rem, 0.337rem + 5.82vw, 3.125rem); }
}

@media (min-width: 768px) {
	section { font-size: clamp(0.813rem, 0.192rem + 1.29vw, 1rem); }
	section h2 { font-size: clamp(1.5rem, -3.879rem + 11.21vw, 3.125rem); }
}

/* ---------------------------------------- common */

@media (max-width: 767px) {

	#news {
		padding: 0 1em;
	}

	#news .catenav li a { font-size: clamp(0.625rem, 0.386rem + 1.02vw, 0.875rem); }

}

@media (min-width: 768px) {

	#news {
		padding: 0 1.5em;
	}
	#news .inner {
		max-width: 1000px;
		margin: 0 auto;
	}

}

/* catenav */

#news .catenav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin: 0 0 2em;
}
#news .catenav li {
	width: 24%;
	color: #fff;
}

#news ul.newsList li.no-content {
	text-align: center;
	padding: 1em;
}

#news .catenav li a {
	display: block;
}
#news .catenav li a span {
	display: block;
	background: #000;
	padding: .5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#news .catenav li a:hover span,
#news .catenav li.current a span {
	background: #e1123a;
}
#news .catenav li a em { 
	display: block; 
	position: relative;
}
#news .catenav li a em::after {
	content: "";
	display: none;
	width: 0;
	height: .8em;
	border-style: solid;
	border-right: .8em solid transparent;
	border-left: .8em solid transparent;
	border-top: .8em solid #e1123a;
	border-bottom: 0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#news .catenav li a:hover em,
#news .catenav li.current a em {
	height: .8em;
}
#news .catenav li a:hover em::after,
#news .catenav li.current a em::after {
	display: block;
}

/* newsList */

#news ul.newsList { 
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	padding: .5em; 
	margin: 0 0 3em;
}
#news ul.newsList li { padding: .5em 0; }
#news ul.newsList li a {
	display: grid;
	align-items: center;
	padding: .5em; 
}
#news ul.newsList li a .cate span {
	display: inline-block;
	min-width: 10em;
	color: #fff;
	background: #000;
	text-align: center;
	padding: .25em 1em;
	border-radius: 100px;
}

#news ul.newsList li a .arrow {
	text-align: right;
}
#news ul.newsList li a .arrow img {
	width: 1.25em;
	aspect-ratio: 1;
}
#news ul.newsList li a .arrow img.on {
	display: none;
}
#news ul.newsList li a:hover .arrow img.on {
	display: inline-block;
}
#news ul.newsList li a:hover .arrow img.off {
	display: none;
}

#news .pagelink { text-align: center; }

@media (max-width: 767px) {

	#news ul.newsList,
	#news ul.newsList li a { padding: .5em 0; }
	#news ul.newsList li a {
		grid-template-columns: 9em 1fr 1.75em; 
	}
	#news ul.newsList li a .cate span {
		font-size: clamp(0.625rem, 0.446rem + 0.89vw, 0.875rem);
	}
	#news ul.newsList li a .subject span { 
		display: block;
		line-height: 1.6;
	}

}

@media (min-width: 768px) {

	#news ul.newsList li a {
		grid-template-columns: 10.5em 1fr 1.75em; 
	}
	#news ul.newsList li a .cate span {
		font-size: clamp(0.625rem, -0.198rem + 1.72vw, 0.875rem);
	}
	#news ul.newsList li a .subject {
		display: grid;
		grid-template-columns: 7em 1fr;
		align-items: center;
	}

}