@charset "utf-8";

/*
************************************************************************
* テーブルレイアウト
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* レスポンシブテーブル
************************************************************************
*/

.responsive-table
{
	margin-bottom:1em;
}
.responsive-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#FFFFFF;
}
.responsive-table table tr th,
.responsive-table table tr td
{
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.responsive-table table tr th
{
	border-bottom:1px solid #FFFFFF;
}

.responsive-table table tr td
{
	background-color:#FFFFFF;
	width:100%;
}

.responsive-table table tr th
{
	background-color:#dddddd;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}

.responsive-table table tr th > div
{
	min-width:200px;
}
.responsive-table table tr th > div,
.responsive-table table tr td > div
{
	padding:7px;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1400px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.responsive-table
	{
	}
	.responsive-table table,
	.responsive-table table tbody,
	.responsive-table table thead,
	.responsive-table table tr,
	.responsive-table table tr th,
	.responsive-table table tr td
	{
		display:block;
		width:auto;
	}
	.responsive-table table tr th,
	.responsive-table table tr td
	{
		margin:0px;
	}
	.responsive-table table tr th
	{
		text-align:left;
		margin-bottom:0px;
	}
	.responsive-table table tr td
	{
		margin-top:0px;
	}
	.responsive-table table tr th > div
	{
		width:100%;
		min-width:0px;
	}
	.responsive-table table tr th > div
	{
		padding:1.5625vw;
	}
	.responsive-table table tr td > div
	{
		padding:1px;
	}
}



/*
************************************************************************
* レスポンシブしないテーブル
************************************************************************
*/

.normal-table
{
	margin-bottom:1em;
}
.normal-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	background-color:#FFFFFF;
}
.normal-table table tr th
{
	border-bottom:1px solid #FFFFFF;
}
.normal-table table tr td
{
	border-bottom:1px solid #dddddd;
}

.normal-table table tr td
{
	background-color:#FFFFFF;
}
.normal-table table tr:nth-child(odd) td
{
	background-color:#F9F9F9;
}
.normal-table table tr:hover td
{
	background-color:#b2cfff;
}
.normal-table table tr th
{
	background-color:#CCCCCC;
	text-align:left;
	vertical-align:middle;
	font-size:1.2rem;
	font-weight:bold;
}

.normal-table table tr th > div
{
}
.normal-table table tr th > div
{
	padding:5px 10px;
	line-height:1.2;
}
.normal-table table tr td > div
{
	padding:10px;
	line-height:1.7;
}