/** index **/

.n_list{
	width: 800px;
	margin: 0 auto;
}
.n_list div{
	text-align: left;
	padding: 30px 0;
	border-bottom: 1px dotted #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.n_list div p{
	font-size: 20px;
	line-height: 1.4;
}
.n_list div p a{	color: currentColor;}
.n_list div span{
	font-size: 12px;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.5);
}


/** news **/

.nbox{
	width: 800px;
	margin: 0 auto;
}
.n_title{
	text-align: left;
	margin: 0 0 30px 0;
}
.n_title h3{
	font-size: 22px;
	line-height: 1.4;
	color: #5d3919;
}
.n_title span{
	font-size: 12px;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.5);
}
.n_main{
	font-size: 14px;
	line-height: 2.2;
	text-align: left;
}
.n_img img{
	max-width: 800px;
	height: auto;
}
.n_link{
	display: flex;
	font-size: 14px;
	line-height: 20px;
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #5a3919;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.n_link a{
	text-decoration: underline;
	color: #5d3919;
}
.n_link a:hover{	text-decoration: none;}
.n_link .next{
	margin-left: auto;
}


/*=================================================
 * CSS for SP
 * ================================================= */

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

	/** index **/
	.n_list{
		width: auto;
		margin: 0;
		padding: 0 20px;
	}
	.n_list div{
		text-align: left;
		padding: 15px 0;
	}
	.n_list div p{
		font-size: 15px;
		line-height: 1.4;
	}
	.n_list div span{
		font-size: 11px;
		line-height: 1.4;
	}

	/** news **/

	.nbox{
		width: auto;
		margin: 0;
		padding: 0 20px;
	}
	.n_title{
		text-align: left;
		margin: 0 0 20px 0;
	}
	.n_title h3{
		font-size: 18px;
		line-height: 1.4;
	}
	.n_img img{
		max-width: 100%;
		height: auto;
	}
	.n_link{
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}
}