.rwdTable {
	border-collapse: collapse;
    background-color: #ffffff;
	border: 1px solid #CCCCCC;
	width:100%;
	margin:0;
	font-size:13px;
	font-size:1.3rem;
}
caption {
	padding:7px 0 5px;
	font-size:18px;
	font-size:1.8rem;
	text-align:left;
	color:#303030;
	background-color:#ffffff;
	position:relative;
	z-index:11;
}
.rwdTable tr {
  background-color: #ffffff;
}
.rwdTable tr.even {
	background-color: #F7F7F7;
}
.rwdTable tr:hover {
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FCCCCCC', endColorstr='#7FCCCCCC');
	background:rgba(204,204,204,0.5);
}

.rwdTable tr:hover td {
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FCCCCCC', endColorstr='#7FCCCCCC') !important;
	background:rgba(204,204,204,0.5) !important;
}
.rwdTable th {
	display: none;
	
	color: #222222;
	text-align:center;
	padding:5px;
	background-color:#d4d4d4;
	text-align:center;
}
.rwdTable td {
	display: block;
	max-width:200px;
	vertical-align:middle; 
	border: 1px solid #CCCCCC;
	padding:5px;
	text-align:left;
	line-height:1.3;
	position:relative;
}
.rwdTable td:first-child {
}
.rwdTable td:last-child {
}
.rwdTable td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	display: inline-block;
	padding:5px 5px 5px 0;
	min-width:60px;
}
.rwdTable td.img { padding:5px; text-align:center; }
.rwdTable td.img img { max-width:160px; max-height:120px; }
.rwdTable td.sort, td.btn { width:55px; text-align:center; }
.rwdTable td.kind { max-width:100px; text-align:center; }
.rwdTable td.check { width:65px; text-align:center; }
.rwdTable td.date { font-size:12px; font-size:1.2rem; text-align:center; width:100px; }
.rwdTable td.date-range { font-size:12px; font-size:1.2rem; text-align:center; min-width:120px; max-width:180px; }
.rwdTable td.user { text-align:center; }
.rwdTable td.num { text-align:center; }
.rwdTable td.address {}
.rwdTable td.state { text-align:center; }


/*responsive*/
@media (min-width: 600px) {
  .rwdTable td:before {
	  display:none;
  }
  .rwdTable th, .rwdTable td {
	  display:table-cell;
  }
}

@media screen and (max-width : 800px) {
	table.rwdTable *.hide-800 { display:none; }
	
}

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

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

@media screen and (max-width : 600px) {
	table.rwdTable *.hide-600 { display:none; }
	.rwdTable td.title { background-color:#cccccc; }
	.rwdTable td.img { display:none; }
	.rwdTable td { max-width:94% !important; width:94% !important; padding:5px 3%; text-align:left !important; }
	.rwdTable td.date-range > div { display:inline-block; margin:0 3px; vertical-align:middle; }
	.rwdTable tr.even { background-color:#ffffff; }
	
}

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

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

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

@media screen and (max-width : 400px) {
	table.rwdTable *.hide-400 { display:none; }
}

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

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

@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation:portrait)  {/*�凒*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation:landscape) {/*璈�*/
}







Window size: 1685 x 975
Viewport size: 1685 x 838