@charset "UTF-8";


h2		{
		margin: 20px 0px 0px 0px;
		}


h3		{
		margin: 20px 0px 0px 0px;
		}


h4		{
		margin: 20px 0px 0px 0px;
		border: solid 1px #000066;
		}




.grid_point input	{
			width:60%;
			color:#333;	
			vertical-align:middle;
			}

.grid_point select	{
			width:72%;
			color:#333;	
			vertical-align:middle;
			}


input.size		{
			width:40%;
			color:#333;	
			vertical-align:middle;
			}

.itemradio		{
			margin: 0px 0px 0px 0px;
			padding: 10px 10px;
			background-color: #eee;
			}

.grid_point		{
			display: grid;
			width:100%;
			font-size: 16px;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-rows: 40px 60px;
			grid-template-columns: 40% 30% 30%;
			grid-template-areas:
			"ba wa ua"
			"bb wb ub";
			}

.ba,.wa,.ua	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 10px 0px 0px 0px;
			background-color: #99ccff;
			}

.bb,.wb,.ub	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 9px 0px 0px 0px;
			background-color: #eee;
			}

.ba		{
		grid-area: ba;
		}

.wa		{
		grid-area: wa;
		}

.ua		{
		grid-area: ua;
		}
.bb		{
		grid-area: bb;
		padding: 20px 0px 0px 0px;
		}

.wb		{
		grid-area: wb;
		padding: 20px 0px 0px 0px;
		}

.ub		{
		grid-area: ub;
		}


@media screen and (max-width: 786px) {




.grid_point		{
			display: grid;
			margin: 0px 0px 30px 0px;
			grid-template-rows: repeat(4, 60px);
			grid-template-columns: 40% 60%;
			grid-template-areas:
			"ba bb"
			"wa wb"
			"ua ub";
			}

.ba,.wa,.ua	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 20px 0px 0px 0px;
			background-color: #99ccff;
			}

.bb,.wb	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 20px 0px 0px 0px;
			background-color: #eee;
			}

.nb,.ub	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 10px 0px 0px 0px;
			background-color: #eee;
			}


.grid_point input	{
			width:70%;
			color:#333;	
			vertical-align:middle;
			}

.grid_point select	{
			width:77%;
			color:#333;	
			vertical-align:middle;
			}









}