@media screen and (max-width:480px) {
 
	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
	table{
		width: 100%;
		padding: 5%;
		align-self: center;
	}
	
}

input {
	text-align: center;
	margin: auto;
    width: 100%;
}

input.pb {
	width: 30px;
	text-align: center;
	margin: auto;
}

table{
    width: 100%;
    max-width: 640px;
    padding: 5%;
    align-self: center;
}

option {
	text-align: center;
}

* {
    font-size:large;
}

table,
td,
th {
    
	border: 1px solid #CCC;
	border-collapse: collapse;
	text-align: center;
}

div.block {
	float: left;
}

td,
th {
	padding: 0px;
    width: fit-content;
}

td.tda {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
}
td.tda_i1 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
	width:1px;
}
td.tda_i5 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
	width:5%;
}
td.tda_i10 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
	width:10%;
}
td.tda_i20 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
	width:20%;
}
td.tda_i50 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
	width:50%;
}

td.tda2 {
	background: #777;
	color: #FFF;
	font-weight: bold;
    white-space: nowrap;
    min-width: 120px;
}

td.tdb {
	font-weight: bold;
    white-space: nowrap;
}

th {
	background: #f0e6cc;
}

.even {
	background: #fbf8f0;
}

.odd {
	background: #fefcf9;
}

select {
	height: 100%;
	width: 100%;
}


textarea.memo {
	resize: vertical;
	height: 100px;
    width: 100%;
    columns: auto;
    rows:8;

}
textarea {
	resize: vertical;
	height: 100%;
    width: 100%;
    columns: auto;
    rows:auto;
}
textarea.ktxt {
    width: 100%;
	height: 27px;
	min-height: 27px;
}