@charset "utf-8";


/* =========================================================================
	20170817 New template 
========================================================================= */
/* 
	index.html
------------------------------------------------------------ */
* { box-sizing: border-box;}

#news-list-box {
	width: 100%;
}

#news-list-box dl {
	border-bottom: 1px dotted #ccc;
	width: 100%;
}

#news-list-box dl:after {
	content: "";
	clear: both;
	display: block;
}

#news-list-box dl > * {
	float: left;
}

#news-list-box dl dt + dd {
	display: inline-block;
	margin-bottom: 5px;
	border-radius: 4px;
	padding: 4px 0;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
#news-list-box dl dt + dd.jirei { background: #0482a6; }
#news-list-box dl dt + dd.news { background: #e85353; }
#news-list-box dl dt + dd.oshirase { background: #93c448; }

#news-list-box .archive li {
	display: inline-block;
	margin-bottom: 10px;
}

#news-list-box .archive li:not(:last-child)::after {
	content: "|";
	margin: 0 10px;
}

/* --- SP ---------- */
@media screen and (max-width: 768px) {

	#page-news .inner {
		width: 100%;
		padding: 20px 20px 0;
	}
	
	#news-list-box dl {
		padding: 10px;
	}
	
	#news-list-box dl dt { width: 57%; }
	#news-list-box dl dt + dd { width: 43%; float: right; }
	#news-list-box dl dd + dd { width: 100%; clear: both; }
	
	#news-list-box .archive {
		margin-top: 20px;
	}

}

/* --- PC ---------- */
@media screen and (min-width: 769px) {
	
	#page-news .inner {
		width: 960px;
		padding: 20px 20px 0;
	}
	
	#news-list-box h2 + dl {
		padding-top: 20px;
	}
	
	#news-list-box dl {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	#news-list-box dl dt { width: 12%; }
	#news-list-box dl dt + dd { width: 14%; }
	#news-list-box dl dd + dd { width: 74%; padding-left: 30px; }
}