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

	GI ヘッドライン

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

div.headlineList {
	margin-top:20px;
}

div.headlineList > ul > li {
	margin-top:30px;
}

div.headlineList > ul > li:first-child {
	margin-top:20px;
}

div.word_unit > .word_head {
	display:table;
	width:100%;
}

div.word_unit > .word_head > .head_left {
	display:table-cell;
	background-color:#268300;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}

div.word_unit > .word_head > .head_left > p.date {
	font-size:1.2rem;
}

div.word_unit > .word_head > .head_right {
	display:table-cell;
	background-color:#EBEBEB;
	width:84%;
	vertical-align:middle;
	padding:10px 12px;
}

div.word_unit > .word_head > .head_right > h4 {
	font-weight:bold;
	font-size:1.6rem;
}

div.word_unit > .word_head > .head_right > h4 > span.vol {
	font-size:1.2rem;
	font-weight:normal;
	margin-right:12px;
}

div.word_unit > .word_head > .head_right > h4 > span.race {
	font-size:1.2rem;
	margin-left:10px;
	font-weight:normal;
}

div.word_unit > .word_head > .head_right > p.race {
	font-size:1.2rem;
	margin-top:3px;
}

div.word_unit > .content {
	border:1px solid #EBEBEB;
	border-top:none;
	background-color:#FAFAFA;
	padding:20px 15px 19px;
}

p.giword {
	color:#188542;
	font-weight:bold;
	font-size:1.6rem;
	background-color:#FFF;
	padding:12px 10px;
	border-radius:4px;
	border:1px solid #e2e2e2;
}

div.backnumber {
	margin-top:30px;
}

div.link_list > ul > li.current > a {
	background-color:#188542;
	color:#FFF;
}

div.link_list > ul > li.current > a > .inner > span.icon {
	color:#FFF;
}


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

	div.word_unit > .word_head > .head_left {
		padding:6px 2px;
	}

	div.word_unit > .word_head > .head_left > p.date {
		font-size:1.2rem;
	}

	div.word_unit > .word_head > .head_right {
		width:77%;
	}
	
	div.word_unit > .word_head > .head_right > h4 > span.race {
		display:block;
		margin-left:0px;
		margin-top:3px;
	}
	
}

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

	div.headlineList > ul > li {
		margin-top:20px;
	}

	div.headlineList > ul > li:first-child {
		margin-top:15px;
	}

	div.word_unit > .word_head {
		display:block;
	}

	div.word_unit > .word_head > .head_left {
		display:block;
		padding-left:10px;
		text-align:left;
	}

	div.word_unit > .word_head > .head_right {
		display:block;
		width:100%;
		padding:10px 10px;
	}

	div.word_unit > .word_head > .head_right > h4 {
		font-weight:bold;
		font-size:1.4rem;
	}

	div.word_unit > .word_head > .head_right > h4 > span.vol {
		font-size:1.2rem;
		margin-bottom:2px;
		display:block;
	}

	div.word_unit > .word_head > .head_right > h4 > span.race {
		font-size:1.2rem;
	}

	div.word_unit > .content {
		padding:15px 10px 15px;
	}

	p.giword {
		font-size:1.4rem;
		background-color:#FFF;
		padding:10px 8px;
	}

	div.backnumber {
		margin-top:25px;
	}
	
	
}