@charset "utf-8";
.newsbox {
	background-color: rgba(0,0,0,0.75);
	border: thin solid rgba(255,255,255,0.50);
}
.newsbox h6 {
	font-size: 90%;
	line-height: 100%;
	background-color: rgba(255,255,255,0.20);
	padding: 0.3em 1em;
	margin-bottom: 0.5em;
}
.newsbox h5 {
	font-size: 120%;
	line-height: 140%;
	font-weight: 700;
	padding: 0 1em;
	margin-bottom: 2em;
}
.newsbox .txt,
.newsbox .linkbox {
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 3em;
}
.newsbox .txt p img {
	display: block;
	margin: auto;
}
.newsbox .link {
	margin-bottom: 2em;
	line-height: 100%;
	background-color: rgba(255,255,255,0.20);
	padding: 0.3em 1em;
}

section > div::after {
	width: 100%;
	display: block;
	clear: both;
	content: "";
}

.calbox {
	padding: 1em;
	background-color: rgba(0,0,0,0.75);
	border: thin solid rgba(255,255,255,0.50);
	font-size: 80%;
}
.calbox li {
	line-height: 140%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: thin dotted rgba(255,255,255,0.50);
}
.calbox li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.calbox li span {
	display: block;
	font-size: 70%;
	line-height: 100%;
	margin-bottom: 0.5em;
}
.calbox li a strong {
	font-weight: 300;
}
.navi {
	position: relative;
	text-align: center;
	padding: 1em;
	margin-top: 1em;
	background-color: rgba(0,0,0,0.50);
}
.navi .prev {
	top: 1em;
	left: 0.5em;
	position: absolute;
}
.navi .home {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
.navi .next {
	text-align: right;
	position: absolute;
	right: 0.5em;
	top: 1em;
}
.navi li a {
}
.navi li {
	color: rgba(153,153,153,0.50);
}


@media screen and (max-width:800px){
	#left {
		margin-top: 6em;
	}
	#right .navi {
		display: none;
	}
}

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

@media screen and (min-width:481px) and (max-width:800px){
}

@media screen and (min-width:801px) and (max-width:1024px){
	#left {
		width: 25%;
	}
	#right {
		float: right;
		width: 70%;
	}
}

@media screen and (min-width:1025px) and (max-width:1280px){
	#left {
		width: 25%;
	}
	#right {
		float: right;
		width: 70%;
	}
}

@media screen and (min-width:1281px){
	#left {
		width: 25%;
	}
	#right {
		float: right;
		width: 70%;
	}
}