@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);

/*-----------cmn---------------*/

#news h2{
	text-align: center;
}

#news{
	overflow: hidden;
}

#news #R{
	min-width: 0;
	width: 240px;
	font-size: 1.3rem;
	float: right;
}
#news #R ul,
#news #R li,
#news #R li a{
	display: block;
}
#news #R ul{
	margin-bottom: 30px;
}
#news #R li a{
	padding: 5px 5px 5px 18px;
	position: relative;
}
#news #R li a:hover{
	opacity: 0.7;
}
#news #R li a:after{
	content: "";
	display: block;
	height: 1px;
	width: 0px;
	background: #a4070a;
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.1s ease-in-out;
}
#news #R li a:hover:after{
	width: 12px;
}

#news #L{
	width: calc(100% - 270px);
	float: left;
}

@media screen and (max-width: 770px){
	#news #R{
		float: none;
		width: auto;
		box-sizing: border-box;
		padding: 0 8px;
		min-width: 320px;
	}
	#news #R ul{
		overflow: hidden;
		box-sizing: border-box;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	#news #R li{
		float: left;
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	#news #R li a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 10px;
	}
	#news #L{
		float: none;
		width: auto;
	}
}