@charset 'UTF-8';

.contents {
	position:relative;
}
.contents .link,
.contents img {
	max-width:50%;
}
.cont-1 .link,
.cont-2 img {
	float:left;
}
.cont-1 img,
.cont-2 .link {
	float:right;
}
.cont-2 .link {
	max-width:47%;
	padding-left:3%;
}
.contents ul {
	font-size:0;
}
.contents li {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:16px;font-size:1.6rem;
	margin-bottom:.5em;
}
.contents li:before {
	content:'\2500';
	color:#435fa9;
	margin-right:5px;
}
.contents a {
	color:#222;
}

#topics {
	max-width:1200px;
	margin:0 auto;
	background: rgb(221,221,200); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(221,221,200,1) 6%, rgba(221,221,200,1) 50%, rgba(221,221,200,1) 94%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,200,1) 6%,rgba(221,221,200,1) 50%,rgba(221,221,200,1) 94%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(221,221,200,1) 6%,rgba(221,221,200,1) 50%,rgba(221,221,200,1) 94%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	position:relative;
}
/* #topics:before {
	content:'';
	height:100%;
	border-left:1px solid #fff;
	position:absolute;
	top:0;
	left:11em;
	z-index:1;
} */
#topics dl {
	/* padding:0; */
	margin:0;

	display: flex;
    align-items: center;
	padding: 1rem 0;
}
#topics dt {
	/* float:left; */
	width:5em;
	text-align:center;
	font-size:18px;font-size:1.8rem;
	/* padding: 1em 0; */
	padding-right: 3rem;
}
#topics dt:before {
	display:block;
	content:'\f05a';
	font-family:'FontAwesome';
	font-size:140%;
	color:#435fa9;
	line-height:1;
}
#topics dd {
	/* margin:0 0 0 8em; */
	/* border-left: 1px solid #fff; */
    margin: 0;
    padding-left: 40px;
    width: 100%;
	position: relative;
}
#topics dd::before {
	content:'';
	height:100%;
	border-left:1px solid #fff;
	position:absolute;
	top:0;
	left: 0;
}
#topics li {
	border-bottom:1px dotted #fff;
	padding-top:1em;
	padding-bottom:1em;
}
#topics li:last-child {
	border: 0;
}
/* #topics li {
	border-top:1px dotted #fff;
	padding-top:1em;
	padding-bottom:1em;
} */
/*#topics li:last-child {
	border:0;
	padding-bottom:0;
	margin-bottom:0;
}*/
.date {
	margin-right:1em;
}
.new {
	font-size:80%;
	color:#fff;
	background-color:#435fa9;
	padding:0 2px;
	margin-right:2px;
	border-radius:2px;
}

/*#topics li.past-btn {
	border:0;
	padding-bottom:0;
	margin-bottom:0;
}*/
.past-btn a {
display: block;
width: 8em;
text-align: center;
margin: auto;
background-color: #FFF;
padding: 0.2em 1em;
border-radius: 6px;
}
.past-btn a:hover {
opacity: 1;
}
.extra {
text-align: right;
padding: 2em;
width: 1200px;
max-width: 100%;
margin: auto;
box-sizing: border-box;
}
.extra a {
display: inline-block;
font-size: 1.4em;
}

@media only screen and (max-width: 800px) {
	div#logo h1 {
		margin:0;
	}
	.cont-1 .link,
	.cont-2 .link,
	.cont-1 img,
	.cont-2 img {
    	float:none;
    	max-width:100%;
	}
	#topics:before {
		left:9em;
	}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 500px) {
	.link p br {
		display:none;
	}
	#topics:before {
		left:8em;
	}
}
@media only screen and (max-width: 321px) {
}