@charset "utf-8";
/* CSS Document */

#navFeature {
	width: 100%;
	margin: 0 auto 50px;
}

#navFeature li {
	width: 230px;
	float: left;
	margin: 0 10px 0 0;
}

.innerBlockWrapper {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}

.issueImg img {
	width: 220px;
}

.issueBox {
	margin-left: 40px;
}

.issueTtl {
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 20px;
}

.issueTtl.issuePage {
	border-left: 5px solid #df3902;
	color: #df3902;
}

.issueTxt {
	font-size: 14px;
}

#navFeatureCommon {
	display: flex;
}

#backNumberTtl {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px dotted #df3902;
	color: #df3902;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

#backNumberTtl span {
	font-size: 13px;
	margin-left: 20px;
}


#backNumberBox ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: -20px;
	justify-content: space-around;
}

#backNumberBox li {
	width: 45%;
	height: 207px;
	overflow: hidden;
	margin-right: 0;
}

#backNumberBox li img {
	max-width: 100%;
}

#backNumberBox li .figure {
	display: block;
	width: 100%;
	height: 140px;
	overflow: hidden;
	margin-bottom: 0;
}

#backNumberBox li a {
	color: #fe417f;
	text-decoration: none;
	font-size: 14px;
}

#btnNext {
	display: block;
}

#btnNext a {
	color: #979795;
	text-decoration: none;
	font-size: 18px;
	display: block;
	text-align: center;
	background: #f5f4ea;
	padding: 10px 0;
}

@media screen and (max-width: 896px) {

	#innerBox {
		width: 92%;
		margin: 0 auto;
	}

	#navFeatureCommon {
		width: 100%;
		margin: 40px auto;
		justify-content: space-around;
	}

	#navFeatureCommon li {
		float: none;
		margin: 0 auto;
	}

	#navFeatureCommon li a img {
		min-width: 180px;
		width: 100%;
	}

	.innerBlockWrapper {
		display: block;
	}

	.issueImg img {
		width: 50%;
		max-width: 220px;
		margin: 30px auto;
		display: block;
	}

	.issueBox {
		margin-left: 0;
	}


	#backNumberBox li {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	#backNumberBox li .figure {
		height: auto;
		margin-bottom: 0;
	}


	#btnNext {
		margin: 20px auto 60px;
	}

	.pagetop {
		width: 40px;
		height: 40px;
		right: 10px;
		bottom: 20px;
	}

}