@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;
			}

input.kazu		{
			width:25%;
			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: 15% 15% 12% 14% 10% 17% 17%;
			grid-template-areas:
			"wa ha na ta sa ba pa"
			"wb hb nb tb sb bb pb";
			}

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

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

.wa		{
		grid-area: wa;
		}

.ha		{
		grid-area: ha;
		}

.na		{
		grid-area: na;
		}

.ta		{
		grid-area: ta;
		}

.sa		{
		grid-area: sa;
		}

.ba		{
		grid-area: ba;
		}

.pa		{
		grid-area: pa;
		}

.wb		{
		grid-area: wb;
		}

.hb		{
		grid-area: hb;
		}

.nb		{
		grid-area: nb;
		}

.tb		{
		grid-area: tb;
		}

.sb		{
		grid-area: sb;
		}

.bb		{
		grid-area: bb;
		}

.pb		{
		grid-area: pb;
		}


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




.grid_point		{
			display: grid;
			grid-template-rows: repeat(7, 80px);
			grid-template-columns: 40% 60%;
			grid-template-areas:
			"wa wb"
			"ha hb"
			"na nb"
			"ta tb"
			"sa sb"
			"ba bb"
			"pa pb";
			}
.wa,.ha,.na,.ta,.sa,.ba,.pa	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 30px 0px 0px 0px;
			background-color: #99ccff;
			}

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


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

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









}