@CHARSET "UTF-8";
table.list_style {
	margin-top: 16px;
	box-shadow: 3px 3px 6px 1px #666;
}
table.list_style td {
	padding: 0.5em 8px 0.5em 8px;
	height: auto;
	line-height: 1.4em;
	border-bottom: solid 1px #dadfe1;
}
table.list_style th {
	padding: 10px 8px 8px 8px;
	height: auto;
	line-height: 1.4em;
	text-align: left;
	background-color: #34495E;
	color: #fff;
}

/*角マル*/
table.list_style {
	border-radius: 8px;
}
table.list_style tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
}
table.list_style tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}
table.list_style th:first-child {
	border-radius: 8px 0 0 0;
}
table.list_style th:last-child {
	border-radius: 0 8px 0 0;
}

/*幅*/
table.list_style td:nth-child(2) {
	width: 10em;
}
table.list_style td:last-child {
	width: 15em;
}
table.list_style.list_referbank td:last-child,
table.list_style.list_referbank th:last-child {
	width: 3em;
	text-align: center;
}
table.list_style.list_history td:nth-child(1) {
	width: auto;
}
table.list_style.list_history td:nth-child(2) {
	width: 21%;
}
table.list_style.list_history td:nth-child(3) {
	width: 14%;
}
table.list_style.list_history td:nth-child(4) {
	width: 23%;
}
table.list_style.list_history td:nth-child(5),
table.list_style.list_history th:nth-child(5) {
	width: 3em;
	text-align: center;
}

/*ステータスカラー*/
table.list_style .gain_text {
	color: #3498DB;
}
table.list_style .use_text {
	color: #E74C3C;
}
table.list_style .loss_text {
	color: #7F8C8D;
}

/*項目カラー*/
table.list_style.list_referbank th {
	background: #F39C12;
}

/*支払い先*/
table.list_style.list_history span.history_trader {
	font-size: 0.8em;
	display: block;
}
table.list_style.list_history span.history_trader::before {
	content: '支払い先:';
}

@media screen and (max-width:1024px) {
	/*　画面サイズが1024pxより小さい　*/
	table.list_style td {
		font-size: 0.83em;
		padding: 0.5em 6px 0.5em 6px;
	}
	table.list_style th {
		font-size: 0.83em;
		padding: 10px 6px 8px 6px;
	}
}

@media screen and (max-width:768px) {
	/*　画面サイズが768pxより小さい　*/
	table.list_style td:nth-child(n) {
		box-sizing: border-box;
		display: block;
		width: 100%;
		border: none;
	}

	table.list_style.list_pointhistory td:nth-child(1) {
		background-color: #34495E;
		color: #fff;
	}
	table.list_style.list_pointhistory td:nth-child(2) {
		padding-top: 0;
		background-color: #34495E;
		color: #fff;
	}
	table.list_style.list_pointhistory td:nth-child(3) {
		font-size: 1em;
	}

	table.list_style.list_referbank td:nth-child(1) {
		background: #F39C12;
		color: #fff;
	}
	table.list_style.list_referbank td:nth-child(2) {
		width: auto;
		line-height: 26px;
		float: left;
	}
	table.list_style.list_referbank td:nth-child(3) {
		width: auto;
		float: right;
	}

	table.list_style.list_history td:nth-child(1) {
		background: #34495E;
		color: #fff;
		font-size: 0.9em;
	}
	table.list_style.list_history td:nth-child(2) {
		padding-top: 0;
		background: #34495E;
		color: #fff;
		width: 100%;
		float: left;
		margin-right: -12em;
		font-size: 13px;
	}
	table.list_style.list_history td:nth-child(3) {
		padding-top: 0;
		background: #34495E;
		color: #fff;
		width: auto;
		float: right;
		font-size: 13px;
	}
	table.list_style.list_history td:nth-child(4) {
		width: 100%;
		float: left;
		clear: right;
		line-height: 26px;
		margin-right: -4em;
		font-size: 1em;
	}
	table.list_style.list_history td:nth-child(5) {
		width: auto;
		float: right;
	}

	/*ラベルを消す*/
	table.list_style th {
		display: none;
	}
	/*角マルオフ*/
	table.list_style,
	table.list_style tr:nth-child(n) td:nth-child(n),
	table.list_style th:nth-child(n) {
		border-radius: 0;
	}
}