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





.delete		{
		text-decoration: line-through red;
		}

	
	
.grid_title		{
			display: grid;
			background-color: #000066;
			color: #fff;
			width:100%;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-columns: 35% 25% 40%;
			grid-template-areas:
			"name quantity price";
			}

.name		{
		padding: 19px 0px 10px 10px;
		grid-area: name;
		text-align: center;
		}

.quantity	{
		padding: 19px 0px 10px 10px;
		grid-area: quantity;
		text-align: center;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		}

.price		{
		padding: 19px 0px 10px 10px;
		grid-area: price;
		text-align: center;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		}

.grid_01 select		{
			width:50%;
			text-align: center;
			}
	
.grid_01		{
			display: grid;
			color: #000;
			width:100%;
			font-size: 16px;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-columns: 35% 25% 40%;
			grid-template-areas:
			"b5 n5 p5";
			}

.b5_01,.n5_01,.p5_01	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 19px 0px 13px 10px;
			background-color: #99ccff;
			}

.n1_01,.n3_01,.n5_01	{
			padding: 9px 0px 13px 0px;
			}

.b5_01		{
		grid-area: b5;
		text-align: left;
			padding: 9px 0px 13px 0px;
		}

.n5_01		{
		grid-area: n5;
			padding: 9px 0px 13px 0px;
		}

.p5_01		{
		grid-area: p5;
		text-align: left;
			padding: 9px 0px 13px 0px;
		}


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



.grid_title		{
			display: none;
			}

.grid_01		{
			display: grid;
			width:80%;
    margin: auto;
			grid-template-columns: 1fr;
			grid-template-areas:
			"b5"
			"n5"
			"p5";
			}

.b5_01	{
			background-color: #99ccff;
			padding: 19px 0px 13px 15px;
			}

.n5_01,.p5_01	{
			background-color: #eee;
			padding: 19px 0px 13px 15px;
			}


.b5_01,.p5_01	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 19px 0px 13px 15px;
			}


.n5_01	{
			text-align: center;
			padding: 9px 0px 13px 13px;
			}

.grid_01 select		{
			width:125px;
			}




}