@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css?211223_1355);

/*-------------------------------------------------------------------
	#news
-------------------------------------------------------------------*/
#news {
	overflow:hidden;
	zoom:1;
	margin-bottom: 20px;
}

#news ul {
	float:right;
}

#news ul li {
	margin-bottom:20px;
}

#news ul li.last {
	margin-bottom:0;
}

#news ul li.colorbox a {
	width:170px;
	height:170px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	border:2px #F8EEF6 solid;
	padding:3px;
}

#news .txt {
	margin-right: 200px;
}

#news dl dt {
	margin-bottom:7px;
	font-weight: bold;
	border-bottom:1px dotted #ccc;
	padding: 0 5px;
}

#content .back {
	margin: 0 0 40px;
}

.cat{
	font-size: 0.85em;
	margin-bottom: 15px;
}

@media screen and (max-width: 680px){
	#news ul{
		margin-left: 20px;
	}
	#news ul li.colorbox a{
		text-align:center;
		padding:3px;
		border:2px #F8EEF6 solid;
		display:table-cell;
		vertical-align:middle;
		width:100px;
		height:100px;
	}
	#news .txt{
		margin-right: auto;
	}
	#news dl dt{
		width: calc(100% - 110px);
	}
}