@media screen and (min-width:414px) {
	.table {
		position: relative;
		width: 98%;
		max-width: 880px;
		margin: 10px auto 50px;
		display: table;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		font-size: 1.6rem;
	}
	.table > .line {
		position: relative;
		display: table-row;
	}
	.line > #left {
		width: 200px;
		padding-left:10px;
		background-color: #000;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #FFF;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.line > #right {
		position: relative;
		width: 498px;
		padding: 20px;
		color: #FFF;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.line > #right > a {
		text-decoration: none;
		color: #000;
		font-weight: normal;
	}
}
@media screen and (min-width:0px) and ( max-width:413px){
	.table {
		position: relative;
		width: 98%;
		margin: 10px auto 10px;
		border: 1px solid #999;
	}
	.table > .line {
	position: relative;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	}	
	.line > #left {
		width: 100%;
		padding: 3px 10px;
		background-color: #333;
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		color: #FFF;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.line > #right {
		position: relative;
		width: 100%;
		padding: 20px;
		color: #FFF;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.line > #right > a {
		text-decoration: none;
		color: #000;
		font-weight: normal;
	}
}