@charset "utf-8";

.hero { background-image: url(../img/hero/links.jpg); }



/* 見出し **************************************************/
.links h2,
.links h3 {
	margin-top: 50px;
}
.links h2:first-child,
.links h3:first-child {
	margin-top: 0;
}
@media only screen and (max-width: 700px) {
.links h2,
.links h3 {
	margin-top: 30px;
}
}

.links h2 span {
	display: block;
	font-weight: normal;
	font-size: 50%;
}





/* リスト ****************************************************/
ul.list-links li {
	list-style: none;
	border-bottom: solid 1px #DDD;
	padding: 10px 0;
}
ul.list-links li a {
	text-decoration: none;
}
ul.list-links li a:hover {
	text-decoration: underline;
}
ul.list-links li a i {
	color: #C1272D;
}
ul.list-links li span {
	display: block;
	font-size: 88%;
	color: #999;
}

@media only screen and (max-width: 800px) {
ul.list-links li a:hover {
	text-decoration: none;
}
}



/* 背景が赤の時 *************************************************/
.red ul.list-links li {
	border-bottom: solid 1px rgba(255,255,255,0.25);
}
.red ul.list-links li a i {
	color: #FFF;
}