/* ----------------------------------------------------------------------
	
	育成牧場 - トップ
	
---------------------------------------------------------------------- */


#contentsBody {
	padding-bottom: 40px;
}

.head {
	background-color: #7b877b;
	color: #fff;
	background-color: #333;
	
	 background-color: #33691E;
	 background-color: #1B5E20;
	 background-color: #18531c;
	/*padding: 15px;*/
	
	/*border-radius: 5px;*/
	
	margin: 0;
	width: 100%;
	
	
}

.head > .content {
	max-width: 940px;
	margin: 0 auto;
	
	/*padding: 20px 0;*/
	
	/*background: url(img/bg_head.jpg) no-repeat right top;*/
	
	height: 120px;
	box-sizing: border-box;
	
	overflow: hidden;
	/zoom : 1;
}

.head > .content:after {
	content: '';
	display: block;
	clear: both;
}


.head > .content .title {
	float: left;
	width: 600px;
	margin-top: 20px;
}


.head > .content .title > h1 {
	font-size: 167%;
	font-size: 182%;
	font-size: 197%;
	font-size: 231%;
	font-size: 3.0rem;
	line-height: 1.4;
	
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	
}

.head > .content > .title > p {
	font-size: 93%;
	font-size: 1.2rem;
	margin-top: 10px;
}

.head img {
	vertical-align: top;
}


.head > .content > .img {
	max-width: 300px;
	float: right;
}

.main_area > .content {
	/*border: 1px solid #ddd;
	border-top: none;
	*/
	max-width: 940px;
	margin: 0 auto;
	
	/*padding: 20px;*/
	
}

div.main_menu {
	margin-top: 40px;
	margin-bottom: 30px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

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


/* 育成牧場紹介ムービー
---------------------------------------------------------------------- */

div.movie {
	width: 426px;
 }
 
div.if_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
 
div.if_wrap > iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* メインスライドショー
---------------------------------------------------------------------- */


div.intro {
	position:relative;
	width:426px;
	display:table-cell;
}


div.intro ul > li img { vertical-align: top; }

/* --- ‰æ‘œ‚ÌŽ©“®Ø‘Ö ONEOFFƒ{ƒ^ƒ“ --- */
div.controls {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
}

div.controls > div.inner {
	display: table;
	background-color: #e3e3e3;
}

div.controls > div.inner > div {
	display: table-cell;
	color: #333;
	vertical-align: middle;
}

div.controls > div.inner > div.caps {
	font-size: 1rem;
	padding: 0 8px;
	line-height: 1;
	border-right: 1px dotted #fff;
	font-weight: bold;
	padding-top: 2px;
}

div.controls > div.inner > div.btns { padding: 4px 8px; }

div.controls > div.inner > div.btns > ul {  }
div.controls > div.inner > div.btns > ul:after { content: ''; display: block; clear: both; }

div.controls > div.inner > div.btns > ul > li {
	float:left;
	margin-left: 5px;
}

div.controls > div.inner > div.btns > ul > li:first-child { margin-left: 0; }

div.controls > div.inner > div.btns > ul > li > a {
	text-decoration: none;
	color: #333;
	font-size: 1.1rem;
	background-color: #fff;
	padding: 2px 8px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	font-size: 1rem;
	/*line-height: 2rem;*/
	min-height: 20px;
}

div.controls > div.inner > div.btns > ul > li.current > a {
	background-color: #333;
	color: #fff;
	font-weight: bold;
	box-shadow: none;
}


div.race_unit.hkir div.intro img { width: 100%; }


 


/* 育成牧場メニュー
---------------------------------------------------------------------- */

div.tc_menu {
	padding-left: 20px;
	display:table-cell;
}

/* 2025.11 div.tc_menu 追記 */

div.tc_menu div.menu_list {
	/*width: 494px;*/
	background-color: #f5f0ea;
	padding: 10px;
	vertical-align: top;
 }

 div.tc_menu div.menu_list > ul {
	overflow: hidden;
}

div.tc_menu div.menu_list > ul:after {
	content: '';
	display: block;
	clear: both;
}

div.tc_menu div.menu_list > ul li {
	float: left;
    width: 50%;
    /* min-height: 120px; */
    padding: 5px;
}


div.tc_menu div.menu_list > ul > li span img {
	vertical-align: top;
}

div.tc_menu div.menu_list > ul li div.btn {
    /*width: 170px;
    height: 60px;*/
    
    background-color: #fff;
    border-radius: 4px;
	/*overflow: hidden;*/
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
}

div.tc_menu div.menu_list > ul li div.btn a span img.menu { display: block; }
div.tc_menu div.menu_list > ul li div.btn a span img.menu_h { display: none; }

div.tc_menu div.menu_list > ul li:hover div.btn a span img.menu { display: none; }
div.tc_menu div.menu_list > ul li:hover div.btn a span img.menu_h { display: block; }


/* --- current表示 --- */
div.tc_menu div.menu_list > ul li.current div.btn img.menu_h { display: block; }
div.tc_menu div.menu_list > ul li.current div.btn img.menu { display: none; }

div.tc_menu div.menu_list > ul li.current a { background-color: #fff8e1; }


div.tc_menu div.menu_list > ul li div.btn a {
	display:block;
	padding: 15px 0;
}

div.tc_menu div.menu_list > ul li div.btn a:focus { outline: solid; }

div.tc_menu div.menu_list > ul li div.btn a:hover { background-color: #fff8e1; }


div.tc_menu div.menu_list > ul li div.btn span {
    display: block;
    width: 220px;
    /*height: 100px;*/
    /*background: url(/facilities/race/common/img/bg_contents_menu.png) no-repeat;*/
	background-position: 0 0;
}

div.tc_menu div.menu_list > ul li div.btn a span,
div.tc_menu div.menu_list > ul li div.btn span {
    /*text-indent: 110%;*/
    display: block;
    width: 220px;
    /*height: 100px;*/
    overflow: hidden;
    white-space:nowrap;
}

div.tc_menu div.menu_list > ul li div.btn a span img { margin: 0 auto; }


/* イベント ＆ NEWS
---------------------------------------------------------------------- */

.contents_header > h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #444;
    padding: 12px 8px;
}




/* お知らせタブ
---------------------------------------------------------------------- */
#farm_news {
	margin-top: 30px;
}

#farm_news > .content {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 10px;
}

#farm_news > .content .list_unit {
	
}

/*
#farm_news > .content > .list_unit#news_list_news,
#farm_news > .content > .list_unit#news_list_event {
	display: none;
}
*/



#farm_news > .content > .list_unit > ul {
	
}

#farm_news > .content > .list_unit > ul > li {
	border-bottom: 1px solid #ddd;
}

#farm_news > .content > .list_unit > ul > li > a {
	display: block;
	text-decoration: none;
	color: #444;
	padding: 10px 0;
	line-height: 1.4;
}

#farm_news > .content > .list_unit > ul > li > a:hover {
	background-color: #eee;
}


#farm_news > .content > .list_unit > ul > li > a > .inner {
	display: table;
	width: 100%;
}


#farm_news > .content > .list_unit > ul > li > a > .inner > .icon {
	display: table-cell;
	width: 2em;
	
	font-weight:bold;
	padding-left: 0.5em;
}

#farm_news > .content > .list_unit#news_list_info > ul > li > a > .inner > .icon i,
#farm_news > .content > .list_unit#news_list_event > ul > li > a > .inner > .icon i {
	color: #188542;
}

/* ----- 新着情報 ----- */

#farm_news > .content > .list_unit#news_list_news > ul > li > a > .inner > .date {
	display: table-cell;
	width: 140px;
	padding: 0;
	font-weight: bold;
	padding-left: 0.5em;
}

#farm_news > .content > .list_unit#news_list_news > ul > li > a > .inner > .date > span {
	margin-left: 15px;
	background-color: #1faa37;
	padding: 4px 12px;
	color: #fff;
	font-size: 86%;
	font-size: 1.12rem;
	line-height: 1;
	font-weight: normal;
}


#farm_news > .content > .list_unit > ul > li > a > .inner > .txt {
	display: table-cell;
	text-align: left;
}



#farm_news .caution_box {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 30px;
}

#farm_news .caution_box > a {
	text-decoration: none;
}

#farm_news .caution_box > a > dl {
	display: table;
	width: 100%;
}

#farm_news .caution_box > a > dl > dt {
	display: table-cell;
	background-color: #c00;
	color: #fff;
	width: 1em;
	text-align: center;
	padding: 0.5em 1em;
	font-size: 1.6rem;
}

#farm_news .caution_box > a > dl > dt > i {
	
	
	
}

#farm_news .caution_box > a > dl > dd {
	display: table-cell;
	text-align: left;
	padding: 0.6em 1em;
	background-color: #f5f5f5;

	font-size: 108%;
	font-size: 1.4rem;
	font-weight: bold;
	color: #444;
	color: #c00;
}

#farm_news .caution_box > a:hover > dl > dd {
	background-color: #c00;
	background-color: #c90;
	color: #fff;
}


strong { font-weight: bold; }

/* --- お知らせイレギュラー（リンクなし） --- */
#farm_news > .content > .list_unit > ul > li.no_link {
	display: block;
	text-decoration: none;
	color: #444;
	padding: 10px 5px;
	line-height: 1.4;
}

#farm_news > .content > .list_unit > ul > li.no_link > .inner {
	display: table;
	width: 100%;
}

#farm_news > .content > .list_unit > ul > li.no_link > .inner > .title {
	display: table-cell;
}

#farm_news > .content > .list_unit > ul > li.no_link > .inner > .txt {
	display: table-cell;
	text-align: left;
}


/* - バナーリスト
------------------------------------------------------------ */

#farm_banners {
	margin-top: 40px;
}

ul.banner_list:after {
    content: '';
    display: block;
    clear: both;
}

ul.banner_list > li {
	float: left;
    width: 25%;
    padding: 5px;
    vertical-align: top;
}

ul.banner_list.col2 > li { width: 50%; }
ul.banner_list.col3 > li { width: 33.33%; }



ul.banner_list > li a {
	display: block;
	border: 1px solid #ddd;
	padding: 8px;
}

ul.banner_list > li a {
	text-decoration: none;
	color: #0069a8;	
}

ul.banner_list > li a:hover { background-color: #f5f5f5; }


ul.banner_list > li a .inner {
	display: table;
	width: 100%;
}

ul.banner_list > li a .inner div {
	display: table-cell;
	vertical-align: top;
}

ul.banner_list > li a .inner div.icon { width: 60px; }

ul.banner_list > li a .inner div.icon p img {
	vertical-align: top;
	max-width: 60px;
}

ul.banner_list > li a .inner div.txt {
	padding-left: 10px;
	vertical-align: middle;
}


ul.banner_list > li a .inner div.txt h3 {
	font-size: 1.6rem;
	font-weight: bold;
}

/*ul.banner_list.col3 > li a .inner div.txt h3 { font-size: 1.4rem; }*/

/*ul.banner_list > li a .inner div.txt p {
	font-size: 1.2rem;
	color: #333;
}*/


/*#farm_banners {
	margin-top: 30px;
}

#farm_banners > ul {
	display: table;
	table-layout:  fixed;
	width: 100%;
}

#farm_banners > ul > li {
	display: table-cell;
	padding:  5px;
	vertical-align: top;
}

#farm_banners > ul > li > a {
	display: block;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
	text-align: center;
	color: #06a;
}

#farm_banners > ul > li > a:hover {
	background-color: #f5f5f5;
	color: #02821e;
}


#farm_banners > ul > li > a > div.inner {
	display: table;
	margin: 0 auto;
	background-color: #fff;
}

#farm_banners > ul > li > a > div.inner > div.icon {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}

#farm_banners > ul > li > a > div.inner > div.icon img {
	vertical-align: top;
	width: 90px;
}

#farm_banners > ul > li > a > div.pic {
	margin: 0 auto;
	display:table;
}

#farm_banners > ul > li > a > div.pic .inner {
	display:table-cell;
	vertical-align:middle;
	
}

#farm_banners > ul > li > a > div.pic img { 
	vertical-align: bottom;
	width:100%;
	max-width:100%;
}

#farm_banners > ul > li > a > div.inner > div.txt {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
}

*/

#farm_banners > div.farm_link {
	margin-top: 35px;
	padding: 5px;
}

#farm_banners > div.farm_link > a {
	display: block;
    text-decoration: none;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
	color: #030303;
}

#farm_banners > div.farm_link > a:hover {
	background-color: #f5f5f5;
	color: #02821e;
}

#farm_banners > div.farm_link > a > div.inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

#farm_banners > div.farm_link > a > div.inner > div { 
	display: table-cell;
}

#farm_banners > div.farm_link > a > div.inner > div.img {
	width: 465px;
	width: 540px;
	width:500px;
}

#farm_banners > div.farm_link > a > div.inner > div.img img {
	vertical-align: top;
}

#farm_banners > div.farm_link > a > div.inner > div.txt {
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
}

#farm_banners > div.farm_link > a > div.inner > div.txt p {
	width: 100%;
	text-align: center;
}

#farm_banners > div.farm_link > a > div.inner > div.txt p br.sp {
	display:none;
	
}






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

	979px以下

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

.head > .content {
	/*margin-top: 10px;*/
	height: auto;
}

.head > .content .title {
	max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.head > .content .title > h1 {
	border: none;

	padding-bottom: 0;
	
}

.head > .content > .title > p {
	margin-top: 0;
}

.head > .content > .img {
	display: none;
}

.main_area {
	width: auto;
    max-width: 100%;
	box-sizing: border-box;
    /*padding: 0 10px;*/
}


div.tc_menu div.menu_list > ul li div.btn a span,
div.tc_menu div.menu_list > ul li div.btn span {
    /* text-indent: 110%; */
    width: 100%;
}



}




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

	920px以下

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

/*div.menu_list { padding: 4px; }

div.menu_list > ul li {
	float: none;
	width: 100%;
	padding: 3px;
}

div.menu_list > ul li div.btn a {
	padding: 0;
	text-align: left;
}

div.menu_list > ul li div.btn a span img {
	margin: 0;
	height: 52px;
}*/


/*div.main_menu,
div.main_menu > div {
	display: block;
	}
*/

/* 育成牧場紹介ムービー
---------------------------------------------------------------------- */

/*div.movie {
	width: 100%;
 }
 
 
div.intro {
	width: 100%;
	display:block;
}*/


/* 育成牧場メニュー
---------------------------------------------------------------------- */

/*div.tc_menu {
	margin-top: 15px;
	padding-left: 0;
}

div.menu_list {	
	padding: 10px;
 }

div.menu_list > ul li {
	float: left;
    width: 50%;
    padding: 5px;
}


div.menu_list > ul li div.btn a {
	padding: 10px;
}


div.menu_list > ul li div.btn span {
    width: auto;
}

div.menu_list > ul li div.btn a span,
div.menu_list > ul li div.btn span {
    width: auto;
    height: auto;
}

div.menu_list > ul li div.btn a span img { height: auto; margin:0; }

.icons > ul {
	display: block;
	
	overflow: hidden;
	/zoom : 1;
}

.icons > ul:after {
	content: '';
	display: block;
	clear: both;
}

.icons > ul > li {
	display: block;
	width: 25%;
    float: left;
	text-align: center;
}

.icons > ul > li span { padding: 2px; }*/

}



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

	900px以下

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

	div.tc_menu div.menu_list { padding: 4px; }

	div.tc_menu div.menu_list > ul li {
	float: none;
	width: 100%;
	padding: 3px;
}

div.tc_menu div.menu_list > ul li div.btn a {
	padding: 0;
	text-align: left;
}

div.tc_menu div.menu_list > ul li div.btn a span img {
	margin: 0;
	height: 52px;
}

}


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

	840px以下

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


@media screen and ( max-width : 840px ) {
/*
#farm_banners > ul,
#farm_banners > ul > li { display: block; }

#farm_banners > ul > li {
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0;
	}

*/

#farm_banners > div.farm_link > a > div.inner > div {
	display: block;
}

#farm_banners > div.farm_link > a > div.inner > div.img,
#farm_banners > div.farm_link > a > div.inner > div.img img {
	width: 100%;
}

#farm_banners > div.farm_link > a > div.inner > div.txt {
	padding: 10px 0;
}

#farm_banners > div.farm_link > a > div.inner > div.txt p br.sp {
	display:none;
}
	
	
}



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

	767px以下

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



div.main_menu,
div.main_menu > div {
	display: block;
	}


/* 育成牧場紹介ムービー
---------------------------------------------------------------------- */

div.movie {
	width: 100%;
 }
 
 
div.intro {
	width: 100%;
	display:block;
}


 
/* 育成牧場メニュー
---------------------------------------------------------------------- */

div.tc_menu {
	margin-top: 15px;
	padding-left: 0;
}

div.tc_menu div.menu_list {	
	padding: 10px;
 }

 div.tc_menu div.menu_list > ul li {
	float: left;
    width: 50%;
    /* min-height: 120px; */
    padding: 5px;
}


div.tc_menu div.menu_list > ul li div.btn a {
	padding: 10px;
}


div.tc_menu div.menu_list > ul li div.btn span {
    width: auto;
}

div.tc_menu div.menu_list > ul li div.btn a span,
div.tc_menu div.menu_list > ul li div.btn span {
    width: auto;
    height: auto;
}

div.tc_menu div.menu_list > ul li div.btn a span img { height: auto; }

.icons > ul {
	display: block;
	
	overflow: hidden;
	/zoom : 1;
}

.icons > ul:after {
	content: '';
	display: block;
	clear: both;
}

.icons > ul > li {
	display: block;
	width: 25%;
    float: left;
	text-align: center;
}

/*.icons > ul > li > a,*/
.icons > ul > li span { padding: 2px; }


/*#farm_banners > ul,
#farm_banners > ul > li { display: block; }

#farm_banners > ul > li {
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0;
	}
*/
#farm_banners > div.farm_link > a > div.inner > div {
	display: block;
}

#farm_banners > div.farm_link > a > div.inner > div.img,
#farm_banners > div.farm_link > a > div.inner > div.img img {
	width: 100%;
}

#farm_banners > div.farm_link > a > div.inner > div.txt {
	padding: 10px 0;
}


/*#farm_banners > div.farm_link > a > div.inner > div.txt {
	font-size: 1.6rem;
}
*/


}

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

	639px以下

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



.icons {
	padding: 5px;
}

.icons > ul > li {
	width: 50%;
	text-align: left;
	padding: 4px;
}

/*.icons > ul > li > a { padding: 0; }*/

.event_area > a > dl {
	display: block;
	width: 100%;
	
}

#farm_news > .content > .list_unit#news_list_news > ul > li > a > .inner { display: block; }

#farm_news > .content > .list_unit#news_list_news > ul > li > a > .inner > .date {
	display: block;
	padding-bottom: 1.0rem;
}

#farm_news > .content > .list_unit > ul > li > a > .inner > .txt {
	display: block;
	padding-left: 0.5rem;
}

ul.banner_list.col2 > li { width: 100%; }
ul.banner_list.col2.sub_banner > li { width: 50%; }
ul.banner_list.col3 > li { width: 100%; }


/*#farm_banners > ul {
	width: 100%;
}

#farm_banners > ul > li {
    float: none;
	width: 100%;
}*/

}

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

	479px以下

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

div.head > .content .title > h1 { font-size: 2.4rem; }

div.tc_menu div.menu_list {	
		padding: 5px;
	 }

	
#farm_banners > div.farm_link > a > div.inner > div.txt {
	font-size:1.6rem;
}


#farm_banners > div.farm_link > a > div.inner > div.txt p br.sp {
	display:block;
}

}

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

	359px以下

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

	div.tc_menu div.menu_list > ul li {	
		width: 100%;
	 }
	 
	 div.tc_menu div.menu_list > ul li div.btn a {
	 	padding: 5px;
	 }
	 
	 ul.banner_list > li a .inner div.txt h4 > span.block { display:block; }
	
	 /*#farm_banners > ul > li > a {
		height: 80px;
		vertical-align: middle;
	}

	#farm_banners > ul > li > a > div.pic  {
		width: auto;
		vertical-align: middle;
	}*/
	
}



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

	319px以下

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

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

	div.head > .content .title > h1 { font-size: 2.0rem; }
	
	.icons > ul > li {
		width: auto;
		float: none;
		min-width: 166px;
	}
	
	.icons > ul > li > img {
		height: 70px;
		}

	
	#farm_banners > ul > li > a > div.inner > div.icon img { /*width: 60px;*/ }
	#farm_banners > ul > li > a > div.inner > div.txt { font-size: 1.4rem; }
	
	#farm_banners > div.farm_link > a > div.inner > div.txt p { font-size: 1.6rem; }

}