@charset "UTF-8";

/***************************************************

	news

***************************************************/

/******************** archive ********************/

#news-list{
	width: 800px;
	margin: 60px auto 60px;
}

#news-list ul{
	margin: 0 0 60px;
}

#news-list ul li{
	margin: 0 0 13px;
	padding: 0 0 11px;
	display: table;
	width: 100%;
	border-bottom: 1px dotted #E3C098;
}

#news-list ul li .text,
#news-list ul li .date{
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

#news-list ul li .date{
	width: 120px;
	font-size: 14px;
	padding-left: 15px;
}

#news-list ul li .text{
	padding-right: 15px;
}

/******************** single ********************/








/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media screen and (max-width:767px){

/******************** archive ********************/

#news-list{
	width: auto;
	margin: 30px 6% 30px;
}

#news-list ul{
	margin: 0 0 30px;
}

#news-list ul li{
	margin: 0 0 6px;
	padding: 0 0 6px;
}

#news-list ul li .date{
	width: 100px;
	font-size: 1.4rem;
	padding-left: 10px;
}

#news-list ul li .text{
	padding-right: 10px;
}


/******************** single ********************/






}