/* ------------------------------
   展開テーブル
-----------------------------*/

/* マーク */
.infomark_label{
	display:inline-block;
	margin-bottom:3px;
	padding:3px;
	border:1px dimgray solid;
	font-size:xx-small;
	line-height:1.5em;
	vertical-align:middle;
	text-align:center;
	color:dimgray;
	background-color:white;
}

.infomark_label.closed{
	border-color:red;
	color:red;
}
.infomark_label.attention{
	background-color:darkorange;
	border-color:white;
	color:white;
}
.infomark_label.eventtype.forum{
	border-color:green;
	color:green;
}
.infomark_label.eventtype.seminar{
	border-color:dodgerblue;
	color:dodgerblue;
}
.p_activitieslist .infomark_label,
.p_list_activitieslist .infomark_label{
	width:42%;
}
.p_activitieslist .infomark_label.closed,
.p_list_activitieslist .infomark_label.closed{
	width:100%;
	float:left;
}
.p_activitieslist .infomark_label.eventtype,
.p_list_activitieslist .infomark_label.eventtype{
	float:right;
}

/*  会議リスト、イベントリスト  */

@media screen and (min-width: 769px){
	.p_activitieslist td.infomark{
		max-width: 140px;
		padding:7px 15px 0 7px;
	}
	.p_activitieslist.eventlist td.infomark{
		width: 120px;
	}
	.p_activitieslist td.infomark .infomark_label.eventtype{
		margin-right: -8px;
	}
	.p_activitieslist tbody td,
	.p_activitieslist thead th{
		border-left:none;
	}
	table.p_activitieslist{
		border-collapse:collapse;/*hrのborderに必要（border-radius効かない）*/
		border-spacing:0;
	}
	.p_activitieslist tbody tr,
	.p_activitieslist tbody tr{
		border-bottom: 1px #ddd solid;
	}
	.p_activitieslist tr:nth-child(even){
		background-color: transparent;
	}
}
.p_activitieslist tbody tr.js_accordion_item_contents{
	background-color: #eaeaea;
}
.p_activitieslist tbody tr.js_accordion_item_contents div{
	background-color: white;
}

/* モバイル用 */
@media screen and (max-width: 768px) {
	.p_activitieslist td.infomark{
		overflow: hidden;
		margin: 0 -15px;
		padding-top:5px;
		padding-right: 15px;
		padding-left: 15px;
		margin-top:-1px;
		margin-bottom: -2px;
		background-color: #7BA0C2;/*紺色*/
	}
	.p_activitieslist td.infomark:empty{
		display: none;
	}
	.p_activitieslist.eventlist td.infomark{
		margin-bottom: 9px;
	}
	.p_activitieslist .infomark_label{
		font-size:0.8em;
	}
	.infomark_label{
		max-width:8em;
	}
	/* ボタン */
	a.js_accordion_btn{
		width:48%;
		font-size: 1em;
	}
	/* テーブルタイトル */
	.p_activitieslist tbody td.title:before {
		content: none;
	}
	.p_activitieslist tbody td.date:before {
		content: "開催日:";
	}

	.p_activitieslist tbody td.time:before {
		content: "時間:"; 
	}
	
	.p_activitieslist tbody td.place:before {
		content: "会場:"; 
	}

	.p_activitieslist tbody td.contents:before{
		content: none:;
	}
	.p_activitieslist tbody td.event:before{
		content: "イベント:";
	}
}

/*  その他の活動（リスト）  */
.p_list_activitieslist {
	width:100%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ddd solid;
}
.p_list_activitieslist dt{
	float:left;
	width:120px;
	padding:7px;
	margin-right:-14px;
}
.p_list_activitieslist dd{
	margin-left: 134px;
	padding: 7px;
}
.p_list_activitieslist dt+dd{
	padding-bottom: 0;
}
.p_list_activitieslist dd+dd{
	padding-top: 0;
}
.p_list_activitieslist dt:not(:first-of-type),
.p_list_activitieslist dt+dd:not(:first-of-type){
	border-top: 1px #ddd solid;
}
.p_list_activitieslist dd.date{
	font-size: 0.8em;
}
.p_list_activitieslist dd.contents{
}
/* モバイル用 */
@media screen and (max-width: 768px) {
	.p_list_activitieslist dt{
		overflow: hidden;
		float:none;
		width:auto;
		margin: 0;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 9px;
		background-color: #7BA0C2;/*紺色*/
		color: #fff;
	}
	.p_list_activitieslist dd{
		margin-left:0;
		padding: 0 15px;
	}
	.p_list_activitieslist dd:last-child{
		margin-bottom: 15px;
	}
	.p_list_activitieslist dd+dt{
		margin-top: 15px;
	}
	.p_list_activitieslist dt:not(:first-of-type),
	.p_list_activitieslist dt+dd:not(:first-of-type){
		border-top: none;
	}
	.p_list_activitieslist .infomark_label{
		font-size:0.8em;
	}
}