/* COMMON CSS
==================================================================================*/
@charset "utf-8";
@import url(/knm/common/css/nonStyle.css);

#contentBox .mainContent .pageDate {

	margin-bottom: 2em;

}

#contentBox .textRight{

	text-align: right;

}

#contentBox .mainContent table {

	width: 98%;
	margin: 0 auto 5em;
	border-collapse: collapse;

}

#contentBox .mainContent table caption {

	margin-bottom: 0.5em;

}

#contentBox .mainContent table caption.textLeft {

	text-align: left;

}

#contentBox .mainContent table caption.textRight {

	text-align: right;

}

#contentBox .mainContent table caption.textBottom {

	caption-side: bottom;

}

#contentBox .mainContent a.linkMark{

	padding-left: 0.8em;
	background-image: url(/knm/common/img/icons/icon_arrow_b.svg);
	background-repeat: no-repeat;
	background-size: 0.8em;
	background-position: left 0.4em;

}

@media(min-width:769px) {

	#contentBox .mainContent table {

		margin: 0 auto 5em;
		border: 1px solid #cccccc;

	}

	#contentBox .mainContent table colgroup col.category {

		width: 12em;

	}

	#contentBox .mainContent table colgroup col.location {


		text-wrap: nowrap;
		width: 12em;

		
	}

	#contentBox .mainContent table colgroup col.other {


		
	}

	#contentBox .mainContent table thead tr th {

		background-color: #8e8e8e;
		color: #ffffff;
		border: 1px solid #cccccc;
		padding: 0.5em;

	}

	#contentBox .mainContent table tbody tr td {

		border: 1px solid #cccccc;
		padding: 0.5em;

	}

}

@media(max-width:768px) {

	#contentBox .mainContent table {

		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;

	}

	#contentBox .mainContent table thead {

		display: none;

	}

	#contentBox .mainContent table tbody tr {

		display: block;
		padding: 0.5em 0.5em 1em;

	}

	#contentBox .mainContent table tbody tr:not(:last-of-type) {

		border-bottom: 1px dotted #cccccc;


	}

	#contentBox .mainContent table tbody tr td {

		display: block;

	}

	#contentBox .mainContent table tbody tr td:first-of-type {

		display: list-item;
		list-style-type: square;
		margin-left: 1em;

	}

	#contentBox .mainContent table tbody tr td:first-of-type br{

		display: none;

	}

	#contentBox .mainContent table tbody tr td:nth-of-type(2):before {

		content: attr(data-label);
		padding-left: 1em;
		margin-right: 1em;

	}

	#contentBox .mainContent table tbody tr td:last-of-type {

		text-indent: -1em;
		padding-left: 2em;

	}

}