/* ----------------------------------------------------------------------
	
	馬主サイト - 馬主になるには トップ
	
---------------------------------------------------------------------- */

/* - お知らせエリア
---------------------------------------------------------------------- */
div.news_area {
	background-color: #eee;
	border: 1px solid #e5e6e5;
	margin-top: 30px;
	padding: 20px;
}

div.news_area > div.inner {
	display: table;
	width: 100%;
}

div.news_area > div.inner > div.cell {
	display: table-cell;
	vertical-align: top;
}

div.news_area > div.inner > div.cell.title {
	width: 120px;
	width: 110px;
	box-sizing: border-box;
	padding-top: 0px;
}

div.news_area > div.inner > div.cell.title > p {
	font-size: 1.6rem;
	color: #268300;
}

div.news_area > div.inner > div.cell.title > p > i {
	margin-right: 0.6em;
	font-size: 2.2rem;
}

div.news_area > div.inner > div.cell.main {  }

div.news_area > div.inner > div.cell.main > ul {  }
div.news_area > div.inner > div.cell.main > ul > li {  }

div.news_area > div.inner > div.cell.main > ul > li > a {
	display: block;
	text-decoration: none;
	color: #1d1d1d;
	
}

div.news_area > div.inner > div.cell.main > ul > li > a:hover {
	/*color: #268300;*/
	background-color: #268300;
	color: #fff;
	/*padding: 2px 5px;*/
}


div.news_area > div.inner > div.cell.main > ul > li p {
	display: table;
	font-size: 1.4rem;
	padding: 2px 8px;
}

div.news_area > div.inner > div.cell.main > ul > li p > span {
	display: table-cell;
	vertical-align: top;
}

div.news_area > div.inner > div.cell.main > ul > li p > span.date {
	width: 130px;
}

div.news_area > div.inner > div.cell.main > ul > li p > span.txt {
	padding-left: 10px;
}

/*
div.news_area > div.inner > div.cell.main > ul > li > a:hover p > span {
	text-decoration: underline;
}
*/


/* - 愛馬に夢をのせて
---------------------------------------------------------------------- */
div.top_copy { margin: 30px 0; }

div.top_copy > p {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}

/*
div.top_copy > p > span {
	color: #c3303c;
	font-size: 3.6rem;
}
*/

div.top_copy > p:first-letter {
	color: #c3303c;
	font-size: 3.6rem;
}



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

	979px以下

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	
	/* - お知らせエリア
	---------------------------------------------------------------------- */
	div.news_area { padding: 15px; }
	
	div.news_area > div.inner { display: block; }
	div.news_area > div.inner > div.cell { display: block; }
	
	div.news_area > div.inner > div.cell.title {
		padding: 0 5px;
		padding-bottom: 5px;
		width: 100%;
		border-bottom: 1px dotted #ccc;
		/*border-bottom: 1px solid #e5e6e5;*/
	}
	
	div.news_area > div.inner > div.cell.main { margin-top: 10px; }
	
}


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

	767px以下

------------------------------------------------------------ */
@media screen and (max-width : 767px) {
	
	
	
}


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

	639px以下

------------------------------------------------------------ */
@media screen and (max-width : 639px) {
	
	/* - お知らせエリア
	---------------------------------------------------------------------- */
	div.news_area > div.inner > div.cell.main > ul > li p { font-size: 1.3rem; }
	
}


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

	479px以下

------------------------------------------------------------ */
@media screen and (max-width : 479px) {
	
	/* - お知らせエリア
	---------------------------------------------------------------------- */
	div.news_area > div.inner > div.cell.main > ul > li > a { padding: 4px 5px; }
	
	div.news_area > div.inner > div.cell.main > ul > li p { display: block; }
	
	div.news_area > div.inner > div.cell.main > ul > li p > span { display: block; }
	
	div.news_area > div.inner > div.cell.main > ul > li p > span.date {
		width: auto;
		font-size: 1.2rem;
	}
	
	div.news_area > div.inner > div.cell.main > ul > li p > span.txt {
		padding-left: 0;
		margin-top: 2px;
	}
	
}

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

	359px以下

------------------------------------------------------------ */
@media screen and (max-width : 359px) {
	
	
	
}