/* 共通 */
.page .subnav.flex {
	justify-content: center;
}
.page .category a {
	text-decoration: none;
	color: #A7A7A7;
	display: block;
}
.page .category {
	border-bottom: 4px solid #A7A7A7;
	color: #A7A7A7;
	font-size: 0.8rem;
	margin: 0 15px 17px;
	padding-bottom: 13px;
	line-height: 1.2;
	width: 38%;
	text-align: center;
}
.page .story-active,
.page .category:hover {
	border-bottom: 4px solid #0170C3;
	color: #0170C3;	
}
.page .category:hover a {
	color: #0170C3;
}
.page .secondary h2,
.page .secondary h3 {
	color: #0170C3;
	display: block !important;
	font-size: 1rem !important;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.5;
	text-align: center;
	margin: 1rem 0 2rem!important;
}
.page .secondary h2:after {
	border-top: none !important;
	content: none !important;
}
.page .images {
	margin: 0 0 2rem !important;
}
.page .detail {
	text-align: center;
	font-size: 12px;
	line-height: 2;
	margin-bottom: 3rem;
}
.page ruby > rt {
	font-size: 10px;
}
.page .page_inner {
	padding-top: 2rem !important; 
}
.page .secondary {
	padding: 2.375em 1em !important;
}

/* intro */
.page #intro .secondary h2 {
	font-size: 1.2rem !important;
}

/* en */


@media screen and (min-width: 960px) {
	.page .category {
		font-size: 25px;
		width: 26%;
		margin: 0 15px 37px;
	}	
	.page .page_inner {
		padding-top: 4rem !important; 
	}
	.page .secondary h2,
	.page .secondary h3 {
		font-size: 2rem!important;
		margin: 2rem 0 4rem!important;
	}
	.page .secondary {
		padding: 2.375em 2.75em !important;
	}
	.page .detail {
		font-size: 1.2rem;
	}
	.page ruby > rt {
		font-size: 0.8rem;
	}
	.page .images {
		margin: 0 0 4rem !important;
	}
	
	/* intro */
	.page #intro .secondary h2 {
		font-size: 3.2rem !important;
	}


}