@charset 'UTF-8';

@media screen and (min-width:641px) {

	.hataplusarea {
		width: 100%;
	}
	
	.hataplusarea dl {
		display: inline-block;
		width: 30%;
		margin: 10px 8px;
		border: 1px solid #cccccc;
		vertical-align: top;
	}
	.hataplusarea dl dt, .hataplusarea dl dd {
		text-align: center;
		margin: 5px;
		padding: 7px 0;
	}
	.hataplusarea dl dd {
		border-top:1px solid #cccccc;
		font-size: 90%;
	}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
	
	.hataplusarea {
		width: 100%;
	}
	
	.hataplusarea dl {
		display: inline-block;
		width: 48%;
		margin: 3px 0;
		border: 1px solid #cccccc;
		vertical-align: top;
	}
	.hataplusarea dl dt, .hataplusarea dl dd {
		text-align: center;
		margin: 5px;
		padding: 7px 0;
	}
	.hataplusarea dl dd {
		border-top:1px solid #cccccc;
		font-size: 90%;
	}
}