@charaset "UTF-8";

html{font-size:62.5%;}
table,th,td{
	border:solid 1px #666;font-size:14px;font-size:1.4rem;
	border-collapse:collapse;
}
caption{text-align:right;}
th{background-color:#efefef;color:#000;font-weight:normal;}
td{text-align:right;width:80px;font-family:Arial;padding:0.25em;background-color:#fff;}
#source{font-size:14px;font-size:1.4rem;text-align:right;}

 /* スマホ横スクロール（表のデザインは既存のまま） */
.table-scroll-wrap,
.table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	touch-action: auto;
	overscroll-behavior-x: contain; /* 任意：iOSの横バウンド抑制 */
}
/* スマホでは #wrap を必ず全幅に（inline style を上書き） */
@media (max-width: 768px) {
	#wrap {
		width: 100% !important;
		margin: 0;
		padding: 0 12px;
	}
	#wrap > table {
    	width: 100% !important;   /* inline style="width:…;" を上書き */
    	max-width: 100% !important;
  	}
	/* 横スクロール領域も全幅で */
	.table-wrap,
	.table-scroll-wrap {
		width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		/* ここ重要：縦スクロール殺さない */
		touch-action: auto;
		overscroll-behavior-x: contain;
	}

	/* テーブルは「必要なら横に広がれる」+「最低でも親幅は埋める」 */
	.table-scroll-wrap table {
		width: max-content;  /* 内容に応じて広がる → 横スクロールが生きる */
		min-width: 100%;     /* でも親幅未満にはならない */
		border-collapse: collapse;
	}
}