@charset "utf-8";

/* テーブル全体 */
table {
	width: 600px;
	margin:20px 0 10px 20px;		/* マージン */
	border-collapse: collapse;		/* ボーダーを重ねる */
	border-spacing: 0;				/* ボーダーの間隔 */
	font-size:14px;					/* フォントサイズ */	
	line-height: 1.5;				/* 行間 */	
}

/* テーブルヘッダ見出し */
table thead th {
   text-align: left;				/* 左揃え */
   padding: 8px 15px;				/* 余白 */
   border: 1px solid #ccc;			/* ボーダー */
   border-bottom: 2px solid #c00;	/* ボーダー下 */
   background: #dcdcd1;				/* 背景色 */
}
/* テーブルボディ見出し */
table tbody th { 
   padding: 8px 15px;				/* 余白 */
   border: 1px solid #ccc;			/* ボーダー */
   background: #ececec;				/* 背景色 */
}
/* テーブルデータ */
table td { 
   padding: 8px 15px;				/* 余白 */
   border: 1px solid #ccc;			/* ボーダー */
}

/* スマホに適用するCSS */
@media screen and (max-width:767px)
{
/* h3デザイン */
h3 {
	font-size:25px;					/* フォントサイズ */	
}
/* テーブル全体 */
table {
									/* テーブル幅 */
	font-size:25px;					/* フォントサイズ */	
	
}
	/* テーブル全体 */
.size {
			width: 100%;						/* テーブル幅 */
	
}
}