@charset "utf-8";

/*----------------------------------------------
 MAIBO
------------------------------------------------*

/* BASE */
.table-container {
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0.06em;
		font-weight: 400;
		font-family: "ＭＳ 明朝", "MS Mincho", serif;
		max-width: 1000px;
		margin: 60px auto;   
		padding: 0 20px;      
}

@media screen and (max-width: 767px) {
.table-container {
		font-size: 13px;
		line-height: 1.4;
		letter-spacing: 0.05em;
		font-weight: 400;
		font-family: "ＭＳ 明朝", "MS Mincho", serif;
		max-width: 1000px;
		margin: 40px auto;   
		padding: 0 16px;      
}
}


/* TITLE */
.table-title {
		font-size: 1.5rem;
		text-align: center;
		font-weight: 400;
		margin-bottom: 40px;
}

/* RESPONSIVE */
.responsive-table {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
}

/* TABLE-SPACE */
.data-table {
		width: 100%;
		min-width: 600px;
		border-collapse: collapse;
		border: 1px solid #575656;
}

.data-table thead th {
		background-color: #F4F4F4 !important;
}

/* HEADER-CELL */
.data-table th, 
.data-table td {
		border: 1px solid #575656;
		padding: 10px 12px;
		text-align: left;
		vertical-align: middle;
}
@media screen and (max-width: 767px) {
.data-table th, 
.data-table td {
		border: 1px solid #575656;
		padding: 8px 8px;
		text-align: left;
		vertical-align: middle;
}
}

/* TH */
.data-table th {
		font-weight: 500;
		text-align: center;
}

.text-center {
		text-align: center !important;
}

/* COL-WIDTH */
.col-num { width: 10%; min-width: 70px; }
.col-name { width: 18%; min-width: 100px; }
.col-date { width: 20%; min-width: 130px; }
.col-office { width: 34%; min-width: 200px; }
.col-tel { width: 18%; min-width: 110px; }

@media screen and (max-width: 767px) {
.col-num { width: 8%; min-width: 55px; }
.col-name { width: 18%; min-width: 100px; }
.col-date { width: 19%; min-width: 122px; }
.col-office { width: 37%; min-width: 218px; }
.col-tel { width: 18%; min-width: 108px; }
}


/* ==========================================
			PRINT STYLE
			========================================== */
@media print {
	@page {
			size: A4 portrait; /* A4縦向き */
			margin: 10mm 10mm; /* 上下左右の余白 */
	}

	body {
			width: 98% !important;
			background: transparent;
	}

	.table-container {
			max-width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
	}

	.responsive-table {
			display: block !important;
			overflow: visible !important;
			width: 100% !important;
	}

	/* COL-WIDTH */
	.data-table {
			width: 100% !important;
			min-width: 0 !important;/* 画面用の制限（650px）を解除 */
			table-layout: fixed;
			page-break-inside: auto;
			border: 0.8px solid #575656;
	}

	/* COL-WIDTH */
	.col-num    { width: 12% !important; } 
	.col-name   { width: 16% !important; } 
	.col-date   { width: 22% !important; } 
	.col-office { width: 32% !important; } 
	.col-tel    { width: 18% !important; } 

		/* HEADER-CELL */
	.data-table th,
	.data-table td {
			font-size: 11px !important; 
			padding: 6px 4px !important;  
			word-break: break-all !important;
			border: 0.8px solid #575656 !important;
	}

	.data-table tr {
			page-break-inside: avoid;
			page-break-after: auto;
	}

	.data-table thead {
			display: table-header-group;
	}

	.data-table th {
			-webkit-print-color-adjust: exact;
			print-color-adjust: exact;
	}
}