@charset "UTF-8";


#event_table {
	clear:both;
	border-collapse:collapse;
	width:100%;
	margin:0px 0 40px 0;
}
#event_table th, #event_table td {
	vertical-align:middle;
	padding:8px;
	border:1px #ccc solid;
	line-height:1.5em;
}

.eclose {
	background-color:#efefef;
	white-space:nowrap;
}
.eopen {
	background-color:#C00;
	color:#fff;
	white-space:nowrap;
}
.eplan {
	background-color:#2285F2;
	color:#fff;
	white-space:nowrap;
}
.edate {
	white-space:nowrap;
}
.etitle a { color:var(--wa-black); text-decoration:underline; }
.enote { padding:10px 0 0 3em; font-size:0.9rem; }
.eview .detail_link {
	display:block;
	text-decoration:none;
	text-align:center;
	padding:6px 3px;
	background-color:var(--wa-orange);
	color:#fff;
	border-radius:4px;
	white-space:nowrap;
}
.eview .detail_link:hover { box-shadow:0px 0px 6px 4px rgba(0,0,0,0.1) inset; }
.edateline {
	background-color:#666;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	color:#fff;
}

.thead { background-color:#F3F3F3; }


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

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

	#event_table { display:block; }
	#event_table tr.thead { display:none; }
	#event_table tr { display:flex; flex-wrap:wrap; border-bottom:1px #666666 solid; }
	#event_table th, #event_table td { box-sizing:border-box; border:none; border-top:1px #ccc solid; }
	#event_table .edateline { flex:0 0 100%; }
	#event_table .sch { flex:1 1 20%; border-right:1px #ccc solid; }
	#event_table .edate { flex:1 1 80%; }
	#event_table .edate span { display:none; }
	#event_table .etitle { flex:0 0 100%; }
	#event_table .eview { flex:0 0 100%; text-align:center; border-top:none; }
	#event_table .endev { display:none; }
}



/* view page */

.eclose {
	background-color:#efefef !important;
	white-space:nowrap;
	text-align:center !important;
}
.eopen {
	background-color:#C00 !important;
	color:#fff;
	white-space:nowrap;
	text-align:center !important;
}
.eplan {
	background-color:#2285F2 !important;
	color:#fff;
	white-space:nowrap;
	text-align:center !important;
}
.edate {
	white-space:nowrap;
}
.detail_link {
	color:#c00;
	text-decoration:none;
	display:block;
}
.info_table {
	margin:10px auto;
	border-collapse:collapse;
}
.info_table th, .info_table td {
	padding:8px;
	border:1px #aaa solid;
	text-align:left;
}
.info_table th {
	background-color:#e8e8e8;
	text-align:right;
	white-space:nowrap;
}


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

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

	.info_table th, .info_table td {
		display:block; width:100%;
		border:none;
		box-sizing:border-box;
	}
	.info_table th { text-align:center; }
	.info_table th.spth { display:none; }

}