@charset "utf-8";
h4 {/*上書き*/
	margin: 50px 40px 7px 40px;
	padding: 10px 5px 5px 40px;
	font-size: 14px;
}
h4:after {/*上書き*/
	border-bottom: none;
}
#goodWordArea {
	width: 100%;
	/*background-color: #aaa;*/
}
p.goodWord {
	color: #006699;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 102, 153, 0.3),
		1px 0px 1px rgba(0, 102, 153, 0.5),
		0px 1px 1px rgba(0, 102, 153, 0.5);
	margin: 0 40px 5px 40px;
	padding: 30px 30px;
	background-color: rgba(227, 244, 252, 0.5);
}
p.writer {
	margin: 0 0 60px 30px;
	padding-left: 20px;
	padding-right: 32px;
	color: #666666;
}
#pagingContainer {
	width: calc(100% - 80px);
	margin: 0 40px 20px;
	background-color: rgba(91,161,207,0.5);
	border-radius: 3px;
}
#paging {
	width: 226px;/*pagerのサイズ*/
	height: 30px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	#pagingContainer {
		margin-left: auto;
		margin-right: auto;
	}
	h4 {
		margin: 30px 15px 7px 15px;
		padding: 10px 5px 10px 35px;
		font-size: 13px;
	}

	p.goodWord {
		margin: 0 15px 5px 15px;
		padding: 15px 20px;
		font-size: 14px;
	}
	p.writer {
		margin: 0 15px 40px 20px;
		/*padding-left: 0;*/
		padding: 0;
	}
}