/*** 外部委託訓練一覧ページ外枠内 **/

@media (min-width: 768px) {
#contents_main{
	max-width:1170px;;
	margin:0 auto;

}
}

.bg_after{
		background-color: #dcdcdc;
	}
.bg_while{
	  background-color: #f5c4f5;
}
.bg_before{
	  background-color: #ccffff;
}
/*** 外部委託訓練一覧テーブル用 **/
table {
    margin: 0 0 1.5em;
    width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table td,
table th
{
	font-size:0.9em!important;
	padding: 1vw;
}

table.keisen td {
    border: solid 1px #cccccc;
}

table th,
table thead td{
	background: #0067b2;
	padding: 1vw;
	font-weight: 700;
	color: #ffffff;
}

/* 募集中 */
tr.bg_while td:nth-child(2):after{
	content: '　★募集中';
	}
	
/* 近日募集開始 */
tr.bg_before td:nth-child(2):after{
	content: '　●近日募集開始';
	}

 /* 募集終了 */
tr.bg_after td:nth-child(2):after{
	content: '　◆募集終了';
}

 /* タブレット以上 */
@media (min-width: 768px) {
	td:nth-child(3),
	td:nth-child(4),
	td:nth-child(7){
		width:10%
	}
	td:nth-child(6),
	td:nth-child(3),
	td:nth-child(8){
		width:12%;
	}
	
	tr.bg_after td{
		background-color: #dcdcdc!important;
	}
	tr.bg_while td{
	  background-color: #f5c4f5!important;
}
	tr.bg_before td{
	  background-color: #ccffff!important;
}
	.check{
	font-size:0.8em;
	font-weight:bold;
	color:#0000CC
}
td.number{	
		white-space:nowrap;
	width:10%;
	}
}

 /* タブレット以下 */
@media screen and (max-width: 767px) {
    /* 見出し行を消す */
    thead td,
    thead th{
        display: none;        
}
	
	td.number{
		margin-top:20px;
		font-weight:bold;
		color:#ffffff!important;
		background: #0067b2;	
}
    /* セルをブロックとして100%表示 */
    td {
        display: block;
    }
 
    /* 最初の項目に背景色を付ける */
    td:nth-child(2) {
        /*margin-top:20px;*/
		background: #0067b2;
		color:#ffffff!important;
		font-weight:bold!important;
		
    }
	/* 募集中 */
	tr.bg_while td:nth-child(2):after{
	content: '　★募集中';
	}
	
	/* 近日募集開始 */
	tr.bg_before td:nth-child(2):after{
	content: '　●近日募集開始';
	}

 /* 募集終了 */
	tr.bg_after td:nth-child(2):after{
	content: '　◆募集終了';
}
	
 /* リンクの文字色を変える */
	td:nth-child(2) a:link,
	td:nth-child(2) a:visited
	{
		color:#ffff8d!important;
	}
	
	td.course{
		padding:10px!important;

	}
	td.course a:link,
	td.course a:visited
	{
		color:#ffff8d!important;
	}
 
    /* セルに見出し代わりの文字を付加 */
 
     td:nth-child(3):before {
        content: '実施機関：';
		font-weight:bold;
    }
 
    td:nth-child(4):before {
        content: '訓練場所：';
		font-weight:bold;
    }
 
    td:nth-child(5):before {
        content: '定員：';
		font-weight:bold;
    }
 
    td:nth-child(6):before {
        content: '募集期間：';
		font-weight:bold;
    }
    td:nth-child(7):before {
        content: '選考日：';
		font-weight:bold;
    }
    td:nth-child(8):before {
        content: '訓練期間：';
		font-weight:bold;
    }
     /* 日程覧の改行を取る */
	td.term br{
		display:none;
}
}