@charset "Shift_JIS";

/*----------------------------------------------------

 link

----------------------------------------------------*/
@media screen and (min-width:40em) {
	.sec	{
		width:900px;
		margin:0 auto;
	}
}
ul.linkBox	li	{	border-bottom:1px dashed #ccc;}
ul.linkBox	li	a	{
	display: block;
	text-decoration: none;
	padding: 1.2em 1em;
	position:relative;
}
ul.linkBox	li	a:hover	{
	background-color:#FFC;
	color:#333;
}
ul.linkBox	li	a	span	{
	padding-left:5px;
	font-size:1.2rem;
}
ul.linkBox	li	a:after	{
	position:absolute;
	content:'';
	display:block;
	width:8px;
	height:8px;
	top:50%;
	right:10px;
	margin-top:-4px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	transform:rotate(-45deg)
}

@media screen and (max-width:40em) {
	ul.linkBox	li	{
		border:1px solid #ccc;
		margin-bottom:10px;
		border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	ul.linkBox	li	a	{
		background-size:20px auto;
		background-position: 10px center;
		padding:.8em 1em;
	}
	ul.linkBox	li	a:hover	{
		background-color:inherit;
	}
}