@charset "shift_jis";

.grid 				{
    display				: grid; /* グリッドレイアウト */
	grid-template-columns: 280px 300px 60px;
}
.gridItem 			{
	padding				: 3px 5px;
	font-size			: 16px;
}
img.n20				{
	position			: relative;
	width				: 26px;
	height				: 20px;
	bottom				: -4px;
}
@media screen and (max-width:768px){
	.grid 				{
		grid-template-columns: 20px 320px 220px;
	}
}

@media screen and (max-width:430px){
	.grid {
/*		grid-template-columns: 1fr;*/
		grid-template-columns: auto;
	}
	.gridItem 			{
		padding				: 0px 0px;
		font-size			: 1.3em;
	}
	img.n20				{
		position			: relative;
		width				: 39px;
		height				: 30px;
		max-width			: 39px;
		max-height			: 30px;
	}
	div.markerX			{
		display				: none;
	}
}