@charset "utf-8";
/*
 * home CSS
 * ---------------------------------------------
 * 
 * 
 */


/*===================================
	sec
=====================================*/

.raceSummary {
	margin: 40px;
}
.news.sec {
	margin: 0 40px 60px;
}
.secTtl {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 920px;
    height: 39px;
    margin-bottom: 18px;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);
}
.secTtl:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 920px;
    height: 39px;
    background: url("../images/base/bg_title.jpg") repeat;
}
.secTtl:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 7px;
    width: 200px;
    height: 30px;
    background: url("../images/base/sprite.png") no-repeat;
}
.raceSummary .secTtl:after {
    background-position: -200px -100px;
}
.news .secTtl:after {
    background-position: -500px -100px;
}
.homeMenu .secTtl:after {
    margin-bottom: 25px;
    background-position: -700px -100px;
}

/*===================================
	newsList	
=====================================*/

.newsList time,
.newsList h3 {
	display: inline-block;
	vertical-align: top;
}
.newsList time {
	margin-right: 1em;
	color: #999;
}
.newsList h3 {
	font-weight: normal;
}
.newsList {
	line-height: 1.6;	
}
.newsList li {
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
	border-bottom: solid 1px #e1e1e1;
}
.newsList h3 a {
	text-decoration: underline;
}
.newsList h3 a:hover {
	text-decoration: none;
}

/*===================================
	homeMenu	
=====================================*/

.homeMenu {
	font-family: YuGothic, '游ゴシック', sans-serif;
}
.homeMenu h3 span {
	font-family: 'Droid Serif', serif;
}

.homeMenu {
	margin: 0 0 25px 40px;
}
.homeMenu ul {
	overflow: hidden;
	margin-right: -24px;
}
.homeMenu li {
	box-sizing: border-box;
	float: left;
	width: 290px;
	height: 240px;
	margin: 0 24px 26px 0;
	padding: 0 15px;
	background: #f6f6f6;
}
.homeMenu li a {
	display: block;
	position: relative;
}
.homeMenu li:hover {
	opacity: .7;
}
.homeMenu figure {
	margin: 0 -15px 15px;
}

.homeMenu h3 {
	margin-bottom: 0.4em;
	color: #ec0f3a;
	font-size: 21px;
}
.homeMenu p {
	font-size: 14px;
	line-height: 1.4;
}

/************************************************************************************
smaller than 674px
*************************************************************************************/
@media screen and (max-width: 674px) {
	
	
	/*===================================
        sec
    =====================================*/

    .raceSummary {
        margin: 36px 20px 50px;
    }
    .news.sec {
        margin: 0 20px 70px;
    }	
    .secTtl,.secTtl:before {
        width: 544px;
    }
	.raceSummary p {
		font-size: 24px;
	}
	
	/*===================================
		newsList	
	=====================================*/

	.newsList time,
	.newsList h3 {
		display: block;
	}
	.newsList li {
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	
	/*===================================
		homeMenu	
	=====================================*/
	
	.homeMenu {
		margin: 0 0 40px 20px;
	}
	.homeMenu ul {
		margin-right: -14px;
	}
	.homeMenu li {
		width: 265px;
		height: 290px;
		margin: 0 14px 30px 0;
		padding: 0 10px;
		background: #f6f6f6;
	}
	.homeMenu figure {
		margin: 0 -10px 15px;
	}
	.homeMenu h3 {
		font-size: 22px;
	}
	.homeMenu h3.wd {
		font-size: 20px;
	}
	.homeMenu p {
		font-size: 18px;
	}
}