#cnpohto {
	overflow: hidden;
}

#cnpohto table {
	overflow: visible;
	width: 100%;
	display: flex;
	border: none;
}

#cnpohto table tbody {
	overflow-x: scroll;
	width: 100%;
	margin: 0 auto;
}

#cnpohto table tr {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 51px 333px 159px 187px 280px 140px 150px;
}

#cnpohto table td {
	padding: 10px;
	text-align: left;
	font-size: 1.05em;
}

.maimgtable {
	display: flex;
	flex-wrap: wrap;
}

.maimgtable .imgJbox {
	display: flex;
	width: 25%;
}


/*JJ_box*/
.JJ_box {
	display: flex;
	flex-wrap: wrap;
}

.JJ_box .J_box {
	display: flex;
	flex-direction: column;
	width: 33.3%;
	padding: 10px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.JJ_box .J_box h3 {
	background: #6a9b32;
	padding: 5px 5px;
	color: white;
	font-weight: 300;
	text-align: center;
}

@media screen and (max-width: 1160px) {
	.JJ_box .J_box {
		width: 50%;
	}
}

@media screen and (max-width: 550px) {
	.JJ_box .J_box {
		width: 100%;
	}
}

@media screen and (max-width: 870px) {
	.maimgtable .imgJbox {
		width: 50%;
	}
}