@charset "UTF-8";


/*----------news----------*/

div.news-left {
	float: left;
	width: 740px;
}
article.post,
article.blog,
article.campaign {
	margin: 70px 0 150px;
}


	/*-----titel (category & month)-----*/
	
	h1.archive-title {
		margin: 70px 0 0 0;
		padding: 7px 0 5px 10px;
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
		background-color: #555;
		border-radius: 3px;
	}


article.post h1,
article.blog h1,
article.campaign h1 {
	padding:8px 10px 6px;
	font-size: 1.6em;
    border-left:solid 3px #5a5a5a;
    border-bottom:dotted 2px #5a5a5a;
}
div.postinfo {
	margin: 10px 0 30px 13px;
}
div.postinfo time {
	font-size: 1.1em;
}
div.postinfo div.postcat {
	display:inline-block;
	margin-left: 5px;
}
div.postcat ul li {
	display:inline-block;
	margin-left: 1px;
	padding: 0px 5px;
	color: #000;
	box-sizing: border-box;
	background-color: #e6e6e6;
	border-radius: 3px;
}
div.postcat ul li.post-tax {
	margin-left: 5px;
}
article.post p,
article.blog p {
	margin-top: 20px;
	font-size: 1.3em;
	line-height: 2em;
}


/*----------article img----------*/

article.post img,
article.blog img,
article.campaign img {
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display: block;
	margin: 30px auto;
}
.alignright {
	float: right;
	margin: 30px 0 30px 30px;
}
.alignleft {
	float: left;
	margin: 30px 30px 30px 0;
}


/*----------excerpt----------*/

article.archive-article {
	margin: 70px 0 100px;
}
div.archive-box {
	position: relative;
	width: 100%;
}
div.archive-box-left,
div.archive-box-right {
	margin-top: 15px;
}
div.archive-box-left {
	float: left;
	width: 250px;
}
div.archive-box-right {
	float: right;
	width: 480px;
}
div.archive-box-right div.postinfo {
	margin: 0px 0 20px 0px;
}
div.excerpt p {
	margin-bottom: 20px;
	line-height: 1.8em;
}
p.more {
	display: inline;
	padding: 8px 12px;
	border: solid 1px #ccc;
}
div.excerpt a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
div.excerpt a:hover {
	border: solid 5px #555;
	box-sizing: border-box;
	opacity: 0.9;
}
div.excerpt a,
div.excerpt a::before,
div.excerpt a::after {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}





/*----------pagenav----------*/

div.pagenav {
	clear: both;
	margin-top: 40px;
}
div.pagenav a {
	margin-left: 2px;
	padding: 5px 7px;
	font-size: 1.2em;
	box-sizing: border-box;
	border: solid 1px #ccc;
	border-radius: 5px;
}
div.pagenav span.old a {
	float: left;
}
div.pagenav span.new a {
	float: right;
}
div.news-contents img {
	display:block;
}


/*----------wp-pagenavi----------*/

.wp-pagenavi {
	clear: both;
	text-align:center;
	margin-top: 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 4px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #555;
	border-radius: 3px;
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: #555;
}
.wp-pagenavi span.current {
	color: #fff;
	background-color: #555;
}





/*----------news right----------*/

div.news-right {
	float: right;
	width: 240px;
	margin-top: 70px;
}
li#archives-3,
li.blog-cat-month {
	margin-top: 40px;
}
h2.widgettitle {
	margin-bottom: 10px;
	padding: 7px 0 5px 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background-color: #555;
	border-radius: 3px;
}
li.widget ul li a {
	padding: 5px 10px;
	font-size: 1.3em;
}
li.widget ul li a:hover {
	color: #000;
	background-color: #e6e6e6;
	border-radius: 3px;
    opacity: 1;
}
li.blog-banner-20th {
	margin-top: 40px;
}
li.blog-banner-753 {
	margin-top: 15px;
}
li.blog-banner-20th img,
li.blog-banner-753 img {
	border-radius: 5px;
}
li.rss {
	margin-top: 15px;
	border: solid 1px #ccc;
	border-radius: 3px;
}