/*** home ***/

/* */
.slider p {
	margin: 0 auto;
//	margin-top: -10%;
	padding: 0;
	width: 100%;
//	max-width: 1280px;
	max-width: 100%;
	max-height: 50vh;
	text-align: center;
	
	z-index: 1;
}
.slider img {
	width: 100%;
	padding: 0;
}

.slider + article {
	position: relative;
	z-index: 10;
	margin-top: -10px;
	max-width: 100% !important;
}


/* */
.headline {
	position: relative;
	margin-top: -5rem;
	padding: 1rem;
	background-color: rgba(255,255,255,0.8);
}
.headline div {
}
.headline li {
	list-style-type: none;
	display: flex;
	font-size: 0.8rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.headline .date {
	display: inline-block;
	vertical-align: top;
}
.headline .data {
	display: inline-block;
	vertical-align: top;
}
.headline a {
	text-decoration: none;
	color: rgba(0,0,0,.8);
}
.headline a:hover {
	text-decoration: underline !important;
	color: rgba(0,0,0,1.0);
}

.headline dd::after {
	content: "\A";
	white-space: pre;
}



/* */
.panel {
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.panel h2 {
	font-size: 2.2rem;
	font-weight: normal;
	padding: 0rem auto;
	margin: 0rem auto;
}
.panel p {
	margin: 0rem;
}
.intro {
	background-color: rgba(192,209,54,1.0);
	color: rgba(85,139,72, 1.0);
}
.intro p {
	padding: 0rem 15%;
}



/* */
.catnav div {
	display: flex;
}
.catnav dl {
	margin: 1.5rem 8%;
}
.catnav img {
	width: 100%;
}
.catnav dt {
	text-align: center;
}
.catnav dd {
	margin: 0 auto;
}
.catnav a {
	text-decoration: none;
	border: 1px solid rgba(255,255,255,1.0);
	color: rgba(0,0,0,.8);
}
.catnav a:hover {
	border: 1px solid rgba(85,139,72,1.0);
	color: rgba(0,0,0,.8);
}

/* */
.con_parks {
	background-color: rgba(129,178,244,1.0);
	color: rgba(0,0,0,.7);
	color: rgba(255,255,255,1);
	width: 100% !important;
	margin: 0rem;
	padding: 0rem;
//	max-width: 1280px;
	max-width: 100%;
}
.con_parks h2 {
	color: rgba(255,255,255,1) !important;
	width: 35%;
	float: left;
}
.con_parks .address {
	float: right;
	width: 60%;
	text-align: right;
}
.con_parks .address li {
	width: 100%;
	font-size: 0.8rem;
	list-style-type: none;
	padding-right: 1rem;
}
.con_parks .address li a {
	display: inline-block;
}
.con_parks nav {
	width: 90%;
	margin: 0rem auto;
	padding: 0rem 5%;
	overflow-x: scroll;
}
.con_parks nav::-webkit-scrollbar{
	width: 10px;
}
.con_parks nav::-webkit-scrollbar-track{
	background: rgba(0,0,0,.2);
	border-left: solid 1px #ececec;
}
.con_parks nav::-webkit-scrollbar-thumb{
	background: rgba(129,178,244,1.0);
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
}
.con_parks ul {
	width: 300%;
	display: flex;
	margin: 0rem 0rem;
	padding: 0rem 0rem;
}
.con_parks nav li {
	flex-basis: 25%;
	margin: 0rem;
	padding: 0rem;
	list-style-type: none;
	text-align: center;
	font-size: 0.8rem;
}
.con_parks li img {
	width: 100%;
}
.con_parks a {
	display: block;
	padding: 1rem;
	text-decoration: none;
	color: rgba(255,255,255,1);
}
.con_parks a:hover {
	background-color: rgba(255,255,255,.5);
	color: rgba(0,0,0,1.0);
}







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

/* */
.slider p {
	margin-top: -10%;
}



}