#gnav {
	display: block;
	background: #b60005;
}
.secrchOpen {
	display: none;
	position: relative;
	height: auto;
}
.secrchOpen form {
	width: auto;
}
.secrchOpen form .fs-text {
	width: 100%;
	margin-left: -7%;
	font-size: 16px;
	transform: scale(0.8);
}
#gnav .spgnav {
	display: none;
}
#gnav .nav05.sdpgnav {
	display: block;
}


	@media(min-width:1px) and (max-width:768px) {
		#gnav li {
			display: inline-block;
			width: 24%;
			font-size: 12px;
		}
		#gnav li.nav05 {
			width: 28%;
		}
		#gnav li {
			display: none;
		}
		#gnav li.spgnav {
			display: inline-block;
		}
		.secrchOpen {
			display: block;
		}
		#special,
		#musikevent,
		#registevent,
		#platz {
			display: none;
		}
	}

/* eventlist
------------------------------------------------*/
#eventlist {
	display: none;
	padding: 0 0 70px;
}
	@media(min-width:1px) and (max-width:768px) {
		#eventlist {
			display: block;
			padding: 0 0 30px;
		}
	}
#eventlist:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* tab */
#eventlist .tab {
	margin: 0 0 25px;
}
#eventlist .tab ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#eventlist .tab .tab-list > li {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center;
	border-bottom: 1px solid #fee528;
	opacity: 1 !important; 
}
#eventlist .tab .tab-list .btn-tab {
	display: block;
	padding: 15px 0;
}
#eventlist .tab .tab-list .btn-tab.current {
	border-color: #46abea;
}
#eventlist .tab .tab-list .btn-tab:hover {
	cursor: pointer;
}
#eventlist .tab .tab-list .btn-tab::after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #0188f0;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	-ms-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#eventlist .tab .tab-list .btn-tab:hover::after,
#eventlist .tab .tab-list .btn-tab.current::after {
	width: 100%;
}
	@media(min-width:1px) and (max-width:768px) {
		#eventlist .tab {
			overflow-x: auto;
		}
		#eventlist .tab::-webkit-scrollbar {
			height: 2px;
		}
		#eventlist .tab::-webkit-scrollbar-track {
			background: #DE0013;
		}
		#eventlist .tab::-webkit-scrollbar-thumb {
			background: #DE0013;
		}
		#eventlist .tab-list {
			display: table;
			margin-top: 20px;
		}
		#eventlist .tab .tab-list > li {
			position: relative;
			float: none;
			width: auto;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			background: #fee528;
			border: 2px solid #fff;
			border-bottom-width: 4px;
			min-width: 80px;
		}
		#eventlist .tab .tab-list > li.active{
			background: #DE0013;
			color: #fff;
			border: 2px solid #DE0013;
		}
		#eventlist .tab .tab-list .btn-tab {
			padding: 10px;
			display: block;
			text-decoration: none;
			font-size: 12px;
		}
		#eventlist .tab .tab-list .btn-tab::after {
			display: none;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		#eventlist .cont-wrap {
			width : 100%;
		}
		#eventlist .cont-wrap li.bnr img {
			width : 100%;
			height: auto;
		}
		#eventlist .cont {
			display: block;
			width : 100%;
		}
		#eventlist .cont:first-of-type {
			display: block;
		}
		#eventlist .cont ul:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		#eventlist .cont li {
			list-style: none;
			display: block;
			width: 100%;
			overflow: hidden;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ccc;
			box-sizing: border-box;
		}
		#eventlist .cont a {
			color: #333;
			text-decoration: none;
		}
		#eventlist .cont li figure {
			float: left;
			width: 25%;
		}
		#eventlist .cont li figure img {
			width: 100%;
		}
		#eventlist .cont li dl {
			padding: 0 0 0 27%;
		}
		#eventlist .cont li dt {
			font-size: 1.1em;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#eventlist .cont li dt p {
			font-size: .7;
			font-weight: 300;
		}
		#eventlist .cont li dd {
			font-weight: 500;
		}
		#eventlist .cont li dd p.txt02 {
			margin-bottom: 5px;
		}
		#eventlist .cont li dd .icn_type,
		#eventlist .icn_category {
			float: left;
		}
		#eventlist .icn_category {
			display: block;
		}
		#eventlist .icn_category li {
			list-style: none;
			display: inline-block;
			padding: 4px;
			margin: 0 10px 2px 0;
			color: #fff;
			line-height: 100%;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			width: auto;
			font-size: .7;
		}
		#eventlist .icn_category li.icn_c01 { background: #c8678e;}
		#eventlist .icn_category li.icn_c02 { background: #007886;}
		#eventlist .icn_category li.icn_c03 { background: #38b7ea;}
		#eventlist .icn_category li.icn_c04 { background: #80205d;}
		#eventlist .icn_category li.icn_c05 { background: #b49c59;}
		#eventlist .icn_category li.icn_c06 { background: #f6ae5f;}
		#eventlist .icn_category li.icn_c07 { background: #ca6754;}
		#eventlist .icn_category li.icn_c08 { background: #9dbd14;}
		#eventlist .icn_category li.icn_c09 { background: #006DD9;}
		#eventlist .icn_category li.icn_c10 { background: #0080FF;}
		#eventlist .icn_category li.icn_c11 { background: #5900B2;}
		
		#eventlist .cont li dd .icn_type li {
			float: left;
			width: auto;
			list-style: none;
			display: inline-block;
			padding: 3px 4px;
			margin: 0 10px 2px 0;
			line-height: 100%;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			font-size: .7;
		}
		#eventlist .cont li dd .icn_type li {
			border: none;
		}
		#eventlist .cont li dd .icn_type li.icn_t01 {
			color: #fff;
			border: 2px solid #4c609e;
			background: #4c609e;
		}
		#eventlist .cont li dd .icn_type li.icn_t02 {
			border: 2px solid #f7c8d6;
			background: #f7c8d6;
		}
		#eventlist .cont li dd .icn_type li.icn_t03 {
			border: 2px solid #ced74b;
			background: #ced74b;
		}
		#eventlist .cont li dd .icn_type li.icn_t04 {
			color: #fff;
			border: 2px solid #c5869f;
			background: #c5869f;
		}
		#eventlist .cont li dd .icn_type li.icn_t05 {
			color: #cb7b1f;
			border: 2px solid #89aa45;
			background: #fff;
		}

#eventlist .information {
	width: 94%;
	margin: 0 auto;
}
#eventlist .information dt {
	padding: 15px 0 5px;
	font-weight: 700;
}
#eventlist .information dd {
	padding: 0 0 15px;
	border-bottom: 1px dotted #ccc;
}
#eventlist .tmbSpecial {
	width: 94%;
	margin: 0 auto;
}
#eventlist .tmbSpecial:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#eventlist .tmbSpecial li {
	list-style: none;
	width: 49%;
	float: left;
	margin: 0 2% 2% 0;
	padding: 0;
	border-bottom: none;
}
#eventlist .tmbSpecial li:nth-child(2n) {
	margin-right: 0;
}
#eventlist .tmbSpecial li img {
	width: 100%;
}
#eventlist .homelist {
	width: 94%;
	margin: 20px auto;
}
#eventlist .homelist li {
	margin: 0;
	border-bottom: none;
}
#eventlist .homelist li a {
	color: #0194c4;
}
#eventlist .tmbPlatz {
	width: 94%;
	margin: 0 auto;
}
#eventlist .tmbPlatz:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#eventlist .tmbPlatz li {
	width: 100%;
	list-style: none;
	margin: 0 0 2% 0;
	padding: 0;
	border-bottom: none;
}
#eventlist .tmbPlatz li img {
	width: 100%;
}