<@charset "UTF-8";>
/*追加用cssファイルの読み込み*/


/*テーブル*/
.table_rp {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 850px;
  text-align: center;
}

.table_rp th,
.table_rp td {
  border: 2px solid #d2e8f1;
  padding: 0.5em;
  text-align: center;
}
.table_rp thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.table_rp thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.table_rp tbody th {
  color: #4d9bc1;
  font-weight: bold;
  text-align: center;
}

.table_rp th {/*th（左側）のみの設定*/
	width:30%;
	background: #E8F6FB;	/*背景色*/
}


table {/*はみ出たtableを横スクロール*/
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
	clear: both;
}

/*テーブル１行目に入った見出し部分（※caption）*/
.table_rp caption {
	font-weight: bold;		/*太字に*/
	padding: 0.2rem 1rem;		/*ボックス内の余白*/
	background: #afa5a0;	/*背景色*/
	color: #fff;			/*文字色*/
	margin-bottom: 1rem;	/*下に空けるスペース*/
	border-radius: 5px;		/*角を丸くする指定*/
	text-align: left;
}

	/*画面幅800px以下の追加指定*/
	@media (300px <= width < 800px) {
	}/*追加指定ここまで*/


	/*画面幅700px以上の追加指定*/
	@media screen and (min-width:700px) {

	}/*追加指定ここまで*/

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	}/*追加指定ここまで*/