/******************* 資料番号一覧（siryo/number.html）*******************************/
#container,
#header{
	width: 960px;
	margin: 0 auto;
}

#main {
	float: none;
	width: 100%;
	margin: 0 auto;
}
table.siryo th,
table.siryo td{
	box-sizing: content-box;
}
table.siryo tbody th {
	width: 18%;
}

table.siryo tbody td{
	text-align: center;
}
table.siryo tbody td.name{
	text-align: left;
}
/* スマホ用 -------------------- */
@media screen and (max-width: 768px) {
	
	#container,
	#header{
		width: 100%;
		margin: 0 auto;
	}
	/*テーブル*/
	table.siryo {
		border: 1px solid #999;
		border-bottom: none;
		width: calc(100% - 30px);
		margin: 0 auto;
	}	
	table.siryo thead {
		display:none;
	}	
	
    table.siryo tr{
        display: block;
		border: none;
        margin-bottom: 0;
        border-bottom: 1px solid #999;
    }
	table.siryo tbody th {
		width: auto;
        border-bottom: 1px solid #999;
	}
	table.siryo tbody td{
        display: inline-block;
		margin: 0;
		padding: 10px 5px;
    }	
	table.siryo tbody td.num{
		width: 10%;
		vertical-align: top;
		font-weight: bold;
	}
	table.siryo tbody td.name{
		width: 80%;
	}	
	.siryo tbody td:nth-of-type(3),
	.siryo tbody td:nth-of-type(4),
	.siryo tbody td:nth-of-type(5),
	.siryo tbody td:nth-of-type(6){
        display: block;
		text-align: left;
		font-size: 83%;
		padding: 2px 5px;
	}
	
	.siryo tbody td:nth-of-type(3):after {
		content: "大丸松坂屋／GINZA SIXカード＜一般＞";
		color: #b70c5c;
		font-weight: normal;
	}
	.siryo tbody td:nth-of-type(4):after {
		content: "大丸松坂屋ゴールドカード";
		color: #b70c5c;
		font-weight: normal;
	}
	.siryo tbody td:nth-of-type(5):after {
		content: "大丸松坂屋ゴールドカード（大丸・松坂屋専用）";
		color: #b70c5c;
		font-weight: normal;
	}
	.siryo tbody td:nth-of-type(6):after {
		content: "大丸松坂屋お得意様ゴールドカード";
		color: #b70c5c;
		font-weight: normal;
	}

}