@charset "utf-8";

/* ************************************************
Title: support.css
Created: 2018-01-09
Company: Matsue Joho Center Inc.
************************************************ */

/* 輪番事業所
------------------------------------------------ */
table.jigyosho  { 
	border-collapse: collapse;
	border: #999 1px solid;
	margin: 1em 0 2em;
	width: 100%;
}	
table.jigyosho td,
table.jigyosho th{ 
	border: #999 1px solid;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	}
table.jigyosho thead th {
	background: #eee;
	font-weight: normal;
}
table.jigyosho thead th.fontS {
	font-size: 12px;
	font-size: 1.2rem;
}
table.jigyosho tbody th {
	font-weight: normal;
	text-align: left;
}



/* 研修会等のご案内
------------------------------------------------ */
table.kenshu { 
	border-collapse: collapse;
	border: #999 1px solid;
	margin: 1em 0 2em;
	width: 100%;
	background:#fff2f7;
}	
table.kenshu td,
table.kenshu th{ 
	border: #999 1px solid;
	padding: 5px 10px;
	vertical-align: middle;
	}
table.kenshu th {
	background:#ffd9e7;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
}
table.kenshu th.w28 { width: 28%; }
table.kenshu th.w16 { width: 16%; }

table.kenshu td.midashi {
	background:#ffd9e7;
	text-align: center;
	}



/*================================================================================================*/

@media only screen and (max-width: 767px) {

/*================================================================================================*/

/* 松江市ボランティアセンター登録団体
==================================================*/
table.jigyosho { 
	display: block;
	border-collapse: collapse;
	border: #999 1px solid;
	border-top: none;
	margin: 1em 0 2em;
	width: 100%;
}
table.jigyosho tr{
	display: block;
    width: 100%;
}
table.jigyosho thead {
	display: none;
}
table.jigyosho tbody {
	display: block;
}

table.jigyosho tbody th,
table.jigyosho tbody td {
	display: list-item;
	border: none;
	padding: 5px 5px;
	text-align: left;
	vertical-align: baseline;
}
table.jigyosho tbody th {
	background: #eee;
	font-weight: normal;
	border-top: #999 1px solid;
/*	border-bottom: #999 1px solid; */
	}
table.jigyosho tbody td:before {
    display: block;
	float: left;
}
table.jigyosho tbody td:nth-of-type(1):before { content: "ホームページ："; }
table.jigyosho tbody td:nth-of-type(2):before { content: "所在地："; }
table.jigyosho tbody td:nth-of-type(3):before { content: "専門分野："; }
table.jigyosho tbody td:nth-of-type(4):before { content: "児（18歳未満）の相談対応："; }	

 	 	


/* 研修会等のご案内
==================================================*/




/*================================================*/
}