

ul.list {
	padding-left:20px;
	}

ul.list li{
	list-style-type:disc;
	}

span.spacer-span {
	font-size:14px!important;
	visibility:hidden;
	}
	
table.border-table {
  width: 100%;
  border-collapse: collapse; /* これがプロの絶対条件！ */
}

table.border-table th,table.border-table td {
  border: 1px solid #ccc; /* 境界線の太さ・種類・色 */
  padding: 12px;          /* 読みやすくするための余白、これ必須よ */
}

table.border-table th {
  background-color: #f4f4f4; /* 見出しを分かりやすく */
  text-align:center!important;
}


table.border-table th,table.border-table td {
  border: 1px solid #ccc;
  padding: 12px;
  white-space: nowrap; /* 文字を勝手に改行させず、横に伸ばす */
}



@media only screen and (max-width: 960px) {
table.border-table th,table.border-table td  {display:table-cell!important;padding:0.2em!important;font-size:12px!important;}
table.border-table td {padding:0.2em 1em 0.2em!important;}
.sticky-th {width:20%!important;position: sticky!important;
  left: 0!important;
  z-index: 10!important;}
  
  /* テーブルを囲む親要素にスクロールを指定する */
.js-scrollable {
  overflow-x: auto;            /* 横方向にはみ出たらスクロールさせる */
  -webkit-overflow-scrolling: touch; /* スマホで滑らかにスクロールさせる魔法 */
}
  
  table.border-table {
  width: 100%;
  min-width: 600px; /* ★ここが最重要！スマホ幅より大きく設定して、強制的にはみ出させるの */
  border-collapse: collapse;
}
}