@charset "utf-8";

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

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

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

@media (min-width: 769px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (min-width: 768px) and (max-width:896px) {
}

@media (min-width: 897px) and (max-width:959px) {
}

/* ---------------------------------------- common */

@media (max-width:767px) {
	#contents { margin: 0 0 3em; }
}

@media (min-width: 768px) {
	#members {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#sidebar { width: 20%; }
	#contents { width: 75%; }
}

/* ---------------------------------------- archive-list */

.archive-list ul { border-top: 1px #ccc solid; }
.archive-list li { border-bottom: 1px #ccc solid; }
.archive-list li a {
	display: block;
	padding: 1em 0;
}
.archive-list li a h3 { margin: 0 0 .5em; }
.archive-list li a dt { margin: 0 1em 0 0; }
.archive-list li a dd span {
	display: inine-block;
	color: #fff;
	padding: 4px;
	margin: 0 .25em;
}
.archive-list li a dd span.fukuzo { background: #8D754D; }
.archive-list li a dd span.maeno { background: #437324; }
.archive-list li a dd span.want { background: #215EAA; }
.archive-list li a dd span.topics { background: #B94600; }
.archive-list li a p { line-height: 1.6; }

@media (max-width: 599px) {
	.archive-list li a > figure { 
		text-align: center;
		margin: 0 0 1em;
	}
	.archive-list li a h3 { text-align: center; }
	.archive-list li a dl {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 0 1em;
	}
}

@media (min-width: 600px) {
	.archive-list li a {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.archive-list li a > figure { width: 40%; }
	.archive-list li a > div { width: 55%; }
	.archive-list li a dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		margin: 0 0 1em;
	}
}

@media (max-width: 480px) {
	.archive-list li a h3 { font-size: 1.6rem; }
	.archive-list li a > div { font-size: 1.3rem; }
}

@media (min-width: 481px) and (max-width:768px) {
	.archive-list li a h3 { font-size: 1.8rem; }
	.archive-list li a > div { font-size: 1.3rem; }
}

@media (min-width: 769px) and (max-width:959px) {
	.archive-list li a h3 { font-size: 1.8rem; }
	.archive-list li a > div { font-size: 1.3rem; }
}

@media (min-width: 960px) {
	.archive-list li a h3 { font-size: 2.0rem; }
	.archive-list li a > div { font-size: 1.4rem; }
}