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

table.responsive-t {
    width: 100%;
    border-collapse: collapse;
	margin-bottom:5px
	
}

table.responsive-t td, table.responsive-t th {
    padding: 6px;
    border: 1px solid #CCC;
	background-color:#FFF
	
}
table.responsive-t th {
    background: #eee none repeat scroll 0% 0%;
    color: #000;
}


table.responsive-t.ins_page_link a{text-decoration: none}

table.responsive-t.ins_page_link th:nth-child(1){width:15%}
table.responsive-t.ins_page_link th:nth-child(2){width:45%}
table.responsive-t.ins_page_link th:nth-child(3){width:25%}
table.responsive-t.ins_page_link th:nth-child(4){width:15%}

table.responsive-t.ins_page_link th, table.responsive-t.ins_page_link td:not(.name) {text-align: center}
.subname::before {padding-left: 2em; content: "− ";}

table.responsive-t.ins_page_link .sp-only {display:none}
@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table.responsive-t table, table.responsive-t thead, table.responsive-t tbody, table.responsive-t th, table.responsive-t td, table.responsive-t tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		table.responsive-t thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		table.responsive-t tr { border: 1px solid #ccc; }

		table.responsive-t td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #f2f2f2;
			position: relative;
			padding-left: 32%;
			text-align:left;
		}

		table.responsive-t td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 0px;
			width: 27%;
			padding: 6px 6px 0px 6px;
			white-space: nowrap;
			font-weight:bold;
			text-align:left;
			background: #eee; height:100%
		}
		/*
		Label the data
		*/

table.responsive-t.ins_page_link td:not(:nth-child(2)) {text-align: left}
		table.responsive-t.ins_page_link td:nth-child(1), table.responsive-t.ins_page_link td:nth-child(2), table.responsive-t.ins_page_link td:nth-child(3), table.responsive-t.ins_page_link td:nth-child(4){width:100%}
		.ins_page_link td:nth-of-type(1):before { content: "出展"; }
		.ins_page_link td:nth-of-type(2):before { content: "出展社名"; }
		.ins_page_link td:nth-of-type(3):before { content: "ブース内情報";  }
		.ins_page_link td:nth-of-type(4):before { content: "小間番号";}
	
		
table.responsive-t.ins_page_link .sp-only{display:block}
		
		.subname::before {padding-left: 0; content: "";}
}