@charset "UTF-8";

/* メイン */
.inf-content-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.inf-text-box {
}
.inf-category {
	display: inline-block;
	padding: 4px 8px 4px 8px;
	background: #A9A9A9;
}
.inf-update {
}
.inf-content-title {
}
.inf-text {
}
.inf-pic-box {
}
ul.inf-pic {
}
ul.inf-pic li {
	width: 100%;
	margin: 0 0 10px 0;
}
ul.inf-pic li img {
	width: 100%;
}
.inf-navigation-box {
	background: #5BABDB;
}
.inf-prev-next {
}
ul.inf-prev-next-ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.inf-prev-next-ul li {
}
ul.inf-prev-next-ul li + li {
	margin: 0 0 0 100px;
}
ul.inf-prev-next-ul li a {
	color: #FFFFFF;
}
ul.inf-prev-next-ul li.prev a {
	padding: 0 0 0 10px;
	background: url(../png3/mark3.png) left center no-repeat;
}
ul.inf-prev-next-ul li.next a {
	padding: 0 10px 0 0;
	background: url(../png3/mark2.png) right center no-repeat;
}

	/* tablet */
@media (max-width: 840px) {
	.inf-content-box {
		margin: 0 0 60px 0;
	}
	.inf-text-box {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.inf-content-title {
		margin: 0 0 2% 0;
	}
	.inf-pic-box {
		width: 100%;
	}
	ul.inf-pic {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	ul.inf-pic li {
		width: 32%;
		margin: 0 1% 1% 0;
	}
}

	/* mobile */
@media (max-width: 640px) {
	ul.inf-pic li {
		width: 49%;
	}
	ul.inf-prev-next-ul li + li {
		margin: 0 0 0 80px;
	}
}
/* メイン */