@charset "shift_jis";

.grid 				{
    display				: grid; /* グリッドレイアウト */
	grid-template-columns: 180px 420px 600px 10px;
}
.gridItem 			{
	padding				: 3px 5px;
	font-size			: 16px;
}

img.n20				{
	position			: relative;
	width				: 26px;
	height				: 20px;
	bottom				: -4px;
}
/*---------------	テーブル（一般）	---------------------*/
table.base 			{
	border				: #777777 1px solid;
	border-collapse		: collapse;
	font-size			: 13px;
}
table.base th.a 	{
	border				: #888888 1px solid;
	background-color	: #215A9C;
	padding				: 3px;
	font-size			: 13px;
	color				: white;
}
table.base th.b 	{
	border				: #888888 1px solid;
	background-color	: mediumslateblue;
	padding				: 3px;
	font-size			: 13px;
	color				: white;
}
table.base th.c 	{
	border				: #888888 1px solid;
	background-color	: #FFFF80;
	padding				: 3px;
	font-size			: 13px;
	color				: #333333;
}
table.base TD.b 	{
	border				: #777777 1px solid;
	padding				: 2px 0px 2px 5px;
	font-size			: 13px;
}
table.base TD.bc 	{
	border				: #777777 1px solid;
	padding				: 2px 5px;
	font-size			: 13px;
	text-align			: center;
}
table.base TD.br 	{
	border				: #777777 1px solid;
	padding				: 2px 5px;
	font-size			: 13px;
	text-align			: right;
}

table.base TD.c 	{
	border				: #777777 1px solid;
	padding				: 2px 5px;;
	font-size			: 13px;
}
table.base TD.c2 	{
	border				: #777777 1px solid;
	padding				: 2px 5px;;
	font-size			: 13px;
	vertical-align		: top;
}
table.base TD.sc 	{
	border				: #777777 1px solid;
	padding				: 2px;
	font-size			: 13px;
	text-align			: center;
	background-color	: yellow;
}

table.base TR:hover TD	{
	background			: lavenderblush !important;
}

@media screen and (max-width:768px){
	.grid 				{
		grid-template-columns: 140px 250px 360px 10px;
	}
}

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