@charset "utf-8";
/* CSS Document */


/* ----- backnumber ----- */

#theme {
	min-width: 1010px;
	padding: 15px 0 14px;
	background-color: #44281a;
	color: #fff;
	overflow: hidden;
}

#theme h2 {
	padding-left: 125px;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

#backnumber_list {
	width: 100%;
	padding: 25px 0 20px 0;
	overflow: hidden;
}

#backnumber_list li {
	border-bottom: 1px dotted #44281a;
	overflow: hidden;
}

#backnumber_list li a,
#backnumber_list li a:visited {
	color: #ee4717;
	text-decoration: underline;
}
#backnumber_list li a:hover,
#backnumber_list li a:active {
	text-decoration: none;
}

#backnumber_list li .theme {
	width: 100%;
	padding: 14px 0 14px 20px;
	font-size: 15px;
	overflow: hidden;
	float: left;
}

#backnumber_list li .theme .date {
	width: 105px;
	float: left;
}

#backnumber_list li .theme a {
	margin-left: 20px;
}


@media screen and (max-width:640px) {
	#theme {
		min-width: 0;
		padding: 10px 4.7% 10px;
	}

	#theme h2 {
		padding-left: 0;
		font-size: 19px;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: normal;
	}

	#backnumber_list {
		width: auto;
		padding: 15px 4.7% 10px;
		overflow: hidden;
	}

	#backnumber_list li {
		border-bottom: 1px dotted #44281a;
		overflow: hidden;
	}

	#backnumber_list li .theme {
		width: 100%;
		padding: 10px 0;
		font-size: 14px;
		overflow: hidden;
		float: none;
	}

	#backnumber_list li .theme .date {
		width: auto;
		float: none;
	}

	#backnumber_list li .theme a {
		display: block;
		margin-left: 0;
	}
}