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

body{
color:#555;
font-size:14px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.6;
-webkit-text-size-adjust:100%;
}

table.sample1 {
	width: 100%;
	margin:2em 0 1em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0px;
	}
table.sample1 tr th {
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	}
table.sample1 tr td {
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	}
table.sample1 thead tr {
	background: #e1f7fa;
	}
table.sample1 tfoot tr {
	background: #86bd7e;
	color:#fff;
	}
table.sample1 tbody.areaA tr {
	background: #ffc;
	}
table.sample1 tbody.areaB tr {
	background: #F1FCE4;
	}
table.sample1 tbody.areaC tr {
	background: #ffe9da;
	}
	tr td span {
	font-size:11px;
}
tr td img {
	clear:both;
}

table.sample1 tr td {
	text-align:left;
}
tr th strong {
	font-size:120%;
}
tr td p {
	margin:10px 5px 5px;
	float:left;
	width:98%;
}
.areaD tr th {
	width:180px;
}
tr td ul {
	margin-bottom:0px;
	padding-top:10px;
}
thead tr .cource {
	width: 160px;
}
#post-250 article h2 {
	font-size: 120%;
}


	
@media screen and (max-width: 960px) {  /*ここからメディアクエリ*/
table.sample1 {
	border:none
	}
table.sample1 thead {
	display: none;   /*theadは非表示に*/
	}
table.sample1 tr {
	display: block;  /*trをブロックレベルに*/
	margin-bottom:.5em;
	border-bottom:1px solid #ccc;
	box-shadow:0 2px 2px #ddd;
	}
table.sample1 tr td {
	display:block;  /*tdをブロックレベルに（セルをやめる）*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:none;
	}
table.sample1 tr td::before {   /*tdに擬似要素 ::before*/
	content: attr(aria-label);  /*aria-label属性の値をコンテンツに*/
	float: left;                /*テキストを左寄せにする*/
	font-weight:bold;
	padding-left:.7em
	}
table.sample1 tr td::after {   /*クリアフィックス（コレは不要かもしれません）*/
	content:"";
	display:table;
	clear:both;
	}
table.sample1 tbody th {
	display:block;  /*tbody内の thをブロックレベルに（セルをやめる）*/
	border:none;
	background:#666;
	color:white;
	}
table.sample1 tbody th::before {
	content:""  /*tbody内の thの前に エリア と追加*/
	}
table.sample1 tbody.areaA th {
	color: #ffc;
    }
table.sample1 tbody.areaB th {
	color: #F1FCE4;
    }
table.sample1 tbody.areaC th {
	color: #ffe9da;
    }
.areaD tr th {
	width:100%;
}

}