@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gHeader {
	opacity: 1 !important;
}

.information {
	text-align: center;
}

.information .list {
	margin: 0 auto;
	width: 900px;
}

.information dl {
	margin-bottom: 29px;
	display: inline-block;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.information dt {
	min-width: 55px;
	float: left;
	font-weight: bold;
	letter-spacing: 1px;
}

.information dd {
	padding: 0 0 29px 7.2em;
	text-align: left;
	letter-spacing: 1px;
}

.information dd:last-child {
	padding-bottom: 0;
}

.information .pages {
	padding: 42px 0 144px 1px;
	display: inline-block;
}

.information .pages1 {
	padding-left: 41px;
}

.information .pages1 .next img {
	right: -1px;
}

.information .pages li {
	float: left;
	position: relative;
	font-size: 16px;
}

.information .pages img {
	width: 8px;
	position: absolute;
	top: 4px;
	transition: opacity .5s ease;
}

.information .pages a:hover img {
	opacity: .5;
	filter: alpha(opacity=50);
}

.information .prev img {
	left: -7px;
}

.information .next img {
	right: -1px;
}

.information .pages span,
.information .pages a,
.information .pages .dots {
	padding: 0px 10px 0 7px;
	min-width: 25px;
	display: inline-block;
	color: #666;
	font-family: 'Roboto', sans-serif;
}

.information .pages .dots {
	margin-top: 5px;
	font-weight: bold;
}

.information .cur span,
.information .pages a:hover {
	font-weight: bold;
	color: #000;
}

@media all and (min-width: 0) and (max-width: 767px) {	
	.information .infoList {
		padding: 61px 0 75px 0;
	}
	
	.information .list {
		padding: 0 37px;
		width: auto;
	}
	
	.information dl {
		margin-bottom: 17px;
		text-align: left;
	}
	
	.information dt,
	.information dd {
		padding-left: 0;
		display: block;
		font-size: 12px;
	}
	.information dt {
		padding: 0 0 6px 0;
		float: none;
	}
	
	.information dd {
		padding: 0 0 17px 0;
		letter-spacing: 0.5px;
	}
	
	.information .pages {
		padding: 12px 0 74px 3px;
	}
	
	.information .pages li {
		font-size: 12px;
	}
	
	.information .prev img {
		width: 6px;
		left: 1px;
	}
	
	.information .next img {
		width: 6px;
		right: 5px;
	}
	
	.information .pages span,
	.information .pages a,
	.information .pages .dots {
		padding: 0px 11px 0 13px;
		min-width: auto;
	}
	
	.information .pages a:hover {
		font-weight: normal;
		color: #666;
	}
}