@charset "utf-8";
/* CSS Document */

/*table
----------------------------------------------------*/
.table {
	width:100%;
}

.table,
.row,
.column,
.column:before{
	display:block;
	border-bottom:2px solid #000000;

}

.table,
.row .column:last-child{
	border-bottom:none;
}

.table-head{
	position:absolute;
	top:-1000em;
	left:-1000em;
}

.row{
	border:1px solid #000000;
	background-color:#FFF;
	padding:5px;
	margin:20px 0;
}

.row .column:nth-child(1){ 
	border-left:none;
}
.row .column:last-child{
	border-right:none;
}
.row:last-child .column,
.column{
	border-bottom:1px solid #000000;
}
.column:before{
	font-weight:bold;
	padding-right:20px;
	font-size:12px;
	content:"["attr(data-label)"]";
	color:#ffffff;
	background-color:#333333;
}

.columTh {
	font-weight:bold;
	padding-right:20px;
	font-size:12px;
	background-color:#333333;
	color:#ffffff;
}

/*	プロフィール
----------------------------------------------------*/

.profileTable .column:before{
	display:none;
}

@media only screen and (min-width: 600px) {


	/*table
	----------------------------------------------------*/
	.table{
		display:table;
		border:1px solid #000000;
	
	}
	
	.table-head{
		 display: table-header-group; 
	}
	

	.table-head .column{ 
		background:#333333;
		border-right:1px solid #000000;
		text-align:center;
		color:#ffffff;
	}
	
	
	.table-head{
		position:relative;
		top:1000em;
		left:1000em;
	}
		
	.row{
		display:table-row;
	}
	
	.row .column:last-child{
		border-bottom:1px solid #000000;	
	}

	.column{
		display:table-cell;
		padding:10px 20px;
		border-bottom:1px solid #000000;
		border-right:1px solid #000000;
	}
	
	.column:before{
		display:none;
	}

	
	
	
	/*	ヘッダーを消す
	----------------------------------------------------*/
	.profileTable .table-head,
	.planTable .table-head
	{
		display:none;
	}
	

}