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

/* マーク */
.infomark_label{
	display:inline-block;
	margin-bottom:3px;
	padding:3px;
	border:1px dimgray solid;
	border-radius: 5px;
	font-size:xx-small;
	line-height:1.5em;
	vertical-align:middle;
	text-align:center;
	color:dimgray;
	background: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;
}

.p_activitieslist tbody td.title {
	width:30%;
}

.p_activitieslist tbody td.icon {
	width:85px;
}

.p_activitieslist tbody td.contents {
	width:140px;
}

/* モバイル用 */
@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: #3351a3;
	}
	.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;
	}
	
	/* テーブルタイトル */
	.p_activitieslist tbody td.title:before {
		content: none;
	}
	.p_activitieslist tbody td.icon:before {
		content: none;
	}
	.p_activitieslist tbody td.date:before {
		content: none;
	}

	.p_activitieslist tbody td.time:before {
		content: none;
	}
	
	.p_activitieslist tbody td.place:before {
		content: none;
	}

	.p_activitieslist tbody td.contents:before{
		content: none;
	}
	.p_activitieslist tbody td.event:before{
		content: none;
	}
	
	.p_activitieslist tbody td.title {
		width:100%;
	}

	.p_activitieslist tbody td.contents {
		width:100%;
	}


}

/*  その他の活動（リスト）  */
.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 {
		border-radius: none;
		border: 0;
		background-color: inherit;
	}
	.p_list_activitieslist dt{
		overflow: hidden;
		float:none;
		width:auto;
		margin: 0;
		padding-right: 15px;
		padding-left: 15px;
		/*margin-bottom: 9px;*/
		background-color: #BBD347;
		color: #fff;
		
		border-radius: 3px;
		border: 1px #ddd solid;
	}
	.p_list_activitieslist dd{
		margin-left:0;
		padding: 0 15px;
		background-color: #f9f9f9;
	}
	.p_list_activitieslist dt+dd{
		padding-top: 9px;
	}
	.p_list_activitieslist dd{
		padding-bottom: 9px;
	}
	.p_list_activitieslist dd:last-child{
		margin-bottom: 15px;
	}
	.p_list_activitieslist dd+dt{
		margin-top: 15px;
	}
	
	/*外枠の設定*/
	.p_list_activitieslist dt{
		border-radius: 3px 3px 0 0;
		border: 1px #ddd solid;
		border-bottom:0;
	}
	.p_list_activitieslist dd{
		border-radius: 0 0 3px 3px;
		border: 1px #ddd solid;
	}
	.p_list_activitieslist dd:not(.contents){
		border-radius: none;
		border-top:none;
		border-bottom:none;
	}
	.p_list_activitieslist dd.contents{
		border-top:none;
	}
	.p_list_activitieslist .infomark{
		text-align: center;
	}
	.p_list_activitieslist .infomark_label.eventtype{
		/*font-size:0.8em;*/
		display: inline;
		float:none;
		padding:0;
		margin:0;
		border:none;
		background-color: inherit;
		color:#614B30;/* 基本テキスト色:濃茶 */;
		font-size:1em;
		line-height: 2.3em;
	}
}

/* アコーディオンリストボタン */
a.js_accordion_btn/*,
a.js_accordion_btn:link,a.js_accordion_btn:visited*/{
	display:inline-block;
	width:3em;
	margin:0 3px;
	margin-bottom:5px;
	/*padding:5px 0;*/
	text-align:center;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.4);
	font-size:0.9em;
	line-height:1em;
	vertical-align:middle;
	
	padding: 7px 5px 5px 20px;
	background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-pink.png);
	text-decoration: none;
	border-radius: 0.5em;
	border: 1px white solid;
}
.js_accordion_btn.active{
	color:white;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.4) inset;
	background:url('/image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn:hover{
	color:#614B30;/* 基本テキスト色:濃茶 */;
	background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-stgpink.png);
	text-decoration:none;
	cursor: pointer;
}
.js_accordion_btn.active:hover{
	color:white;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.4)inset;
	background:url('/image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-dkbrown.png);
	cursor: pointer;
}

@media (max-width: 768px) {/* スマホ用  */
	/* ボタン */
	a.js_accordion_btn{
		width:40%;
		font-size: 1em;
	}
	a.js_accordion_btn:hover,a.js_accordion_btn:active{
		color:#614B30;/* 基本テキスト色:濃茶 */;
		background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
					url(/image/common/bgsheet-stripe-pink.png);
		text-decoration:none;
	}
}

/* アコーディオンリストボタン(緑) クラス名にjs_accordion_btn_greenを追加 */
a.js_accordion_btn_green/*,
a.js_accordion_btn_green:link,a.js_accordion_btn_green:visited*/{
	background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-lightgreen.png);
}
.js_accordion_btn_green.active{
	background:url('/image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn_green:hover{
	background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-green.png);
}
.js_accordion_btn_green.active:hover{
	background:url('/image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-dkbrown.png);
}

@media (max-width: 768px) {/* スマホ用  */
	/* ボタン */
	a.js_accordion_btn_green:hover,a.js_accordion_btn_green:active{
		background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
					url(/image/common/bgsheet-stripe-lightgreen.png);
	}
}



/* --------------------------------------------------
	左固定テーブル
-------------------------------------------------- */

.col_l_fixing{
	position: relative;
}

.col_l_fixing_title{
	font-weight:bold;
}
.col_l_fixing_title:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	margin:23px 25px;
	width:4px;
	height:1.1em;
	background-color: #993C72;
}

.col_l_fixing_wrapper{
	overflow:hidden;
}
.col_l_fixing_wrapper:last-of-type{
	border-bottom:0;
}

/*展開コンテンツ内左divの幅を狭く*/
.col_l_fixing_contents_wrapper{
	float:right;
	width:100%;
	margin:0 0 0 -5em;	
}

.col_l_fixing_contents{
	margin-left:5em;	
}

.col_l_fixing_subtitle{
	float:left;
	width:5em;
	font-weight:bold;
	
}



@media (max-width: 768px) {
	.col_table_responsive th {
		text-align: left;
	}
}

/*アイコン終了しました*/
.l_infomark_label{
	display:inline-block;
	margin-bottom:0px;
	padding:3px 4px 2px 4px;
	border:none;
	border-radius: 5px;
	font-size:small;
	line-height:1.5em;
	vertical-align:middle;
	text-align:center;
	color:white;
}

/*アイコン「紫色」*/
.l_infomark_label.purple{
	background-color:#928ce0;
}

/*アイコン「橙色」*/
.l_infomark_label.orange{
	background-color:#fba225;
}

/*アイコン「緑色」*/
.l_infomark_label.green{
	background-color:#69b891;
}

/*アイコン「青色」*/
.l_infomark_label.blue{
	background-color:#7e9ec0;
}

/*アイコン「桃色」*/
.l_infomark_label.pink{
	background-color:#dd9191;
}

/*アイコン「茶色」*/
.l_infomark_label.blown{
	border:none;
	background-color:#968575;
	color:white;
}


/*開催予定・活動報告テーブルth左寄せ*/
.col_table_responsive th {
	text-align: left;
}


/*　詳細ボタン　*/
a.btn_link_details{
	display:inline-block;
	overflow:hidden;
	/*margin: 0 15px;*/
	padding: 5px 15px 5px 25px;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);	
	background:url('../../image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(../../image/common/bgsheet-stripe-pink.png);
	vertical-align: middle;
	text-decoration: none;
	border-radius: 0.5em;
	border: 1px white solid;
	color: #614B30;/*濃茶*/
}
a.btn_link_details,a.btn_link_details{
	color: #614B30;/*濃茶*/
	text-decoration: none;
}
a.btn_link_details:hover{
	background:url('/image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(/image/common/bgsheet-stripe-stgpink.png);
}

img {
	border-width:0px;
}
.img_block {/*画像下部余白ハック*/
	display:block;
}
/*　詳細ボタン（ここまで）　*/