/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {z-index: 2;}

.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/**** Base styles ****/
/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
html, body {height: 100%;}
#container {
	width: 810px;
	margin:0px;
	padding: 0px;
}

/* オリジナルインタビュー */
.interviewthum .imageBox img {width: 246px;height: 166px;}
.interviewWrap {width:100%;}

ul.article_thumb {
	margin: 0 0px 0 0;
	overflow: hidden;
	zoom: 1;
	padding: 0px;
	margin: 0px;
}
ul.article_thumb li {
	float: left;
	width: 256px;
	height: 340px;
	margin: 0px 10px 14px 0px;
	border: solid 2px #dadada;
	background: #FFF;
	position:relative;
}
ul.article_thumb li:hover, ul.article_thumb li.active {}
ul.article_thumb li .imageBox {
	cursor:pointer;
	width: 256px;
	min-height: 161px;
	overflow:hidden;
	margin:5px 5px 17px;
	z-index: 11;
	position: relative;
}
ul.article_thumb li .imageBox a img {width: 246px;}

ul.article_thumb li dl {overflow: hidden;padding: 0px 10px;}

ul.article_thumb li dt.horsename p {margin: 0;}



dt.horsename {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 4px;
	cursor: pointer;
	max-height:2.8em;
	overflow: hidden;
	width: 100%;
}

ul.article_thumb li dt.name {font-size: 12px;font-weight: bold;line-height: 120%;margin-bottom: 8px;cursor: pointer;max-height:2.8em;overflow:hidden;}

*html ul.article_thumb li dt {height:2.4em;}
ul.article_thumb li dd {font-size: 13px;line-height: 150%;height: 3em;overflow: hidden;cursor: pointer;}
ul.article_thumb li dd:after {content: "…";}

ul.article_thumb .thumb_bottom {padding: 0px 10px;}

.article_thumb.jockey {background-color: #237edc;}
.article_thumb.trainer {background-color: #e13636;}
.article_thumb.stabler {background-color: #ffcc00;}
.article_thumb.other {background-color: #ff569e;}
.article_thumb.local {background-color: #cb6599;}
.article_thumb.breeder {background-color: #3bc72c;}

/* オリジナルインタビュー メニューリンク */
#filters li a {color: #454545;border-bottom: 2px solid transparent;}
#filters li a:hover,
#filters li a.selected {border-bottom: 2px solid #444;}

#filters li a.jockey:hover {border-bottom: 2px solid #237edc;}
#filters li a.trainer:hover {border-bottom: 2px solid #e13636;}
#filters li a.stabler:hover {border-bottom: 2px solid #ffcc00;}
#filters li a.other:hover {border-bottom: 2px solid #ff569e;}
#filters li a.local:hover {border-bottom: 2px solid #cb6599;}
#filters li a.breeder:hover {border-bottom: 2px solid #3bc72c;}

#filters {
	text-align: center;
	border-bottom: 1px solid #999;
	width: 700px;
	margin: 0 auto 20px;
}
#filters li {display: inline-block;margin-bottom: 0px;}
#filters li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
}
.thumb_bottom a:hover {color: #FFF;}

/* jokeys */
.jockeysWrap {width:100%;margin-bottom: 20px;}
.jockeysWrap dd {margin: 0px;padding: 0px;}
.jockeysWrap dd:nth-of-type(2):after {content: "…";}

ul.jokeys_thumb {
	margin: 0px;
	padding: 0px;
	margin-right: -10px;
	overflow: hidden;
}

ul.jokeys_thumb li {
	width: 192px;
	margin-bottom: 10px;
	float: left;
	background-color: #f7f7f7;
	height: 400px;
	margin-right: 10px;
	min-height:380px;
	position: relative;
}

ul.jokeys_thumb li .imageBox {
	cursor:pointer;
	width: 192px;
	overflow:hidden;
	margin-bottom: 8px;
	z-index: 11;
	position: relative;
}

.jokeys_thumb dt {padding: 0 10px;}
.jokeys_thumb dd {font-size: 12px;padding: 0 10px;}
ul.jokeys_thumb li .imageBox a img {width: 192px;}
ul.jokeys_thumb .thumb_bottom {padding: 0 10px;}
ul.jokeys_thumb li .thumb_bottom {
	position: absolute;
	bottom: 10px;
	margin: 0 0 0 108px;
}
ul.jokeys_thumb li dl dt{line-height: 1.4em;}
/* torresenLive ----------------------------------------------------*/
.toresenWrap {width: 800px;margin-bottom: 20px;}
.toresenWrap .title {margin: 0 auto 10px;}
.toresenbox thumbnail {margin-right: -11px;overflow: hidden;}
.toresenBox {
	width: 358px;
	height: 180px;
	padding: 10px;
	background-color: #FFF;
	position: relative;
}
.toresenBox .imageBox {
	width: 120px;
	margin: 0px 5px 5px 0;
	float: left;
}
.toresenRight {
	width: 230px;
	margin-top: 20px;
	float: left;
}
.toresenRight dt {font-weight: bold;}
.toresenRight dd:after {content: "…";}
.toresenRight dd {margin: 0 0 0 0px!important;}
.toresenRight img {vertical-align: middle;}
.toresenListWrap {
	width: 780px;
	overflow: hidden;
	background-color: #FFF;
	margin-top: 20px;
	padding: 10px 0 0;
}

ul.toresenList {margin-left: 10px;}
ul.toresenList li a {display: block;width: 100px;}

ul.toresenList li {
	text-align: center;
	margin-right: 10px;
	margin-bottom:6px;
	font-size: 9px;
	float: left;
}

ul.toresenList li:nth-of-type(7) {margin-right:0;}

.toresenList li img {width: 100px;}
.toreseenMore	{
	position: absolute;
	bottom: 10px;
	right: 20px;
}
.toreseenMore .more{font-size: 15px !important;}
/* proffesional */
.proffesionalWrap {width:100%;margin-bottom: 20px;}
.proffesionalWrap .title{margin: 0 auto 5px;}
.proffesionalWrap thumbnail {overflow: hidden;}
.proffesionalBox {
	width: 358px;
	min-height:300px;
	max-height: 310px;
	padding: 13px;
	background-color: #FFF;
	margin-bottom:10px;
}

.proffesionalBox .imageBox {width: 358px;margin: 0px 0px 5px 0;}
.proffesionalBox dd:after {content:"\2026";}

/* specialtalk */
.specialtalkWrap {width:100%;margin-bottom: 20px;}
.specialtalkbox{
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
/* !1.//////トップページレイアウト/////// */
.menuLeft {height: auto;float: left;}
.menuLeft img {border: solid 1px #ccc;}

.intro {margin-bottom: 20px;}

.menuThums {width:312px;}

.menuRight {float: left;margin-left: 24px;}
.munuRight h5 {font-size: 12px;margin-bottom: 0.2em;}

.munuRight h6 {
	font-size: 20px;
	margin-bottom: 0.4em;
	line-break: 1.2;
}
.menu hr {
	height: 1px;
	border: none;
	border-top: 1px #ccc dashed;
	clear: both;
	margin: 20px auto;
}
.categ {
	font-size: 11px;
	list-style-position: inside;
	line-height: 1.7;
}
.categ h6 {font-size: 10px;}
.day {text-align: left;vertical-align: bottom;}

/* !3.//////バックナンバー/////////// */

#backnumber {
	width: 640px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#backnumber h3.backTitle {
	padding: 8px 0;
	color: white;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #a0bcda;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#44C3E9), to(#2e71c0));
	background: -webkit-linear-gradient(#a0bcda, #2e71c0);
	background: -moz-linear-gradient(#a0bcda, #2e71c0);
	background: -ms-linear-gradient(#a0bcda, #2e71c0);
	background: -o-linear-gradient(#a0bcda, #2e71c0);
	background: linear-gradient(#a0bcda, #2e71c0);
	position: relative;
	border-bottom: 1px #7f4c1b solid;
	text-align:center;
	margin-bottom: 20px;
}
#backnumber h4.subTitle {
	color: #FFF;
	padding: 0.4em;
	font-size: 124%;
	text-align: center;
	line-height: 1;
	vertical-align: baseline;
}
#backnumber ul {
	float: left;
	width: 180px;
	font-size: 12px;
	padding: 10px 10px 32767px;
	margin: 0 0 -32767px 10px;
	background-color: #f1f1f1;
}
#backnumber li {
	line-height: 1.7;
	margin-bottom: 0.8em;
	border-bottom: solid 1px #CCC;
}

/*///////// 対談 ///////////////*/
.readP {color: #000!important;}
div.talk {
	width:750px;
	margin:20px auto;
	font-size:15px;
	line-height:150%;
	text-align:left;
	background-color:#fff;
	padding:20px 20px;
	border: 1px solid #c8be87;
}

.read {
	background-color: #EEE;
	padding: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;/* for IE */
}


.talk h4 {
	color:#903;
	font-size: 22px;
	margin-bottom:0.6em;
}

.talk h3 img {margin-bottom: 1em;}
.talk a {text-decoration: underline;}

.black-img {background-color: #ccc;padding: 4px;}

.schedule,.read {
	width: 600px;
	margin: 0 auto 20px;
	text-align: left;
	padding: 20px;
	background-color: #EEE;
	position: relative;/* for IE */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*/////! プロフィール ///////*/

div#profile {
	width:640px;
	margin:0 auto;
	text-align:left;
	padding:20px;
}

#profile img {margin: 4px;}

.dotted {
	clear: both;
	border-top: 1px dotted #000000;
	margin: 0 0 0.6em 0;
}
.prof {font-size:76%;line-height: 1.7;}
.prof-left {float: left;width: 280px;}
.prof-right {
	float: left;
	width: 280px;
	padding-left: 20px;
}

/*
各コンテンツ
keita_weekly */

.kMeter {
	background-color: #00004D;
	width: 760px;
	padding: 20px 0 0;
	text-align: center;
	color: #FFF;
	margin: 0 auto;
}
.kmeterTitle {margin: 0 auto;width: 600px;}
.kWin {color:#ffe743;text-shadow: 1px 2px 4px #231815;}
.kMeter p {margin-bottom: 0px;}

.heading_keita {
	background:#00004D;
	border-right:7px solid #bd0019;
	border-left:7px solid #bd0019;
	padding:.8em .9em;
	color: #FFF;
	margin-bottom:20px;
}

/*大和屋さんコラム*/
#yamatoyaBox h3 {
	background-image:url(https://www-f.keibalab.jp/img/column/yamatoya/subhead_yamatoya.jpg)!important;
	background-repeat:no-repeat!important;
	background-position:bottom!important;
	text-align:center!important;
	font-size:150%!important;
	font-weight:bold!important;
	font-style:italic!important;
	padding-bottom:6px!important;
	margin:20px 0 6px!important;
}
.yama {
	background-image:url(https://www-f.keibalab.jp/img/column/yamatoya/subhead_yamatoya.jpg)!important;
	background-repeat:no-repeat!important;
	background-position:bottom!important;
	text-align:center!important;
	font-size:150%!important;
	font-weight:bold!important;
	font-style:italic!important;
	padding-bottom:6px!important;
	margin:20px 0 6px!important;
}
#yamatoyaBox h3:first-letter {font-size:180%;color:#1e7a3b;}

/* specialtalk */

/* .pager（ページャー）*/

#pagerCont {
	position: relative;
	overflow: hidden;
	margin: 10px
}

ul.STpager {
	position: relative;
	left: 50%;
	float: left
}
ul.STpager li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 5px;
	border: 1px solid #6c6d6c;
	font-weight: bold
}
ul.STpager li.prev, ul.STpager li.next {border: none}
ul.STpager li a {
	position: relative;
	display: block;
	padding: 3px 8px;
	color: #6b6b6b;
}
ul.STpager li a:link,ul.STpager li a:visited {text-decoration: none}
ul.STpager li a:hover,ul.STpager li a:active {
	background-color: #c6c6c6;
	text-decoration: none
}
ul.STpager li em {
	display: block;
	padding: 3px 8px;
	background: #2c2c2c;
	color: #FFFFFF
}
/* フォトパドック */
.PPhorseWrap {width: 760px;margin: 0px auto 20px auto;}
.PPnameWrap {
	width: 760px;
	height: 50px;
	margin: 0px auto 10px;
	border-radius: 6px;
	padding: 5px 0px;
	text-align: center;
	background: url(https://www-f.keibalab.jp/img/special/basic/bg_photopaddoc_01.jpg) no-repeat;
	position: relative;
}
.best_badge{display: inline-block; position: absolute;top: 2px; left: 210px;}
.PPnameWrap h2 {font-size: 22px;margin: 0px 0px -5px 0px;padding: 0px;color:#f2d666;text-shadow: 1px 1px 2px #003366;}
.PPnameWrap p {font-size: 14px;margin: 0px;padding: 0px;color:#fff;text-shadow: 1px 1px 3px #003366;}
.PPphotoWrap {width:400px;float:left;margin: 0px 10px 0px 0px;background-color: #000;}
.PPphotoWrap ul {width:400px;font-size:11px;}
.List01,.List02,.List03,.List04 {text-align:left;}
.List01 img,.List02 img,.List03 img,.List04 img {border: solid 2px #ccc;}
.List02,.List03,.List04 {width:126px;float:left;}
.List03 {margin-left:9px;}
.List04 {margin-left:9px;}

.PPdataWrap table {width:350px;margin: 0px 0px 10px 0px;border-top:solid 1px #176bb0;border-left:solid 1px #176bb0;font-size: 12px;box-sizing: border-box;float: right;}
.PPdataWrap table tr th,.PPdataWrap table tr td {border-bottom:solid 1px #176bb0;padding: 5px;}
.PPdataWrap table tr th {border-right:dotted 1px #176bb0;background: #e7f0f7;}
.PPdataWrap table tr td {border-right:solid 1px #176bb0;}


.focusarticleBody{width: 760px;margin: 0 auto}
.PPdataWrap table.focustable {width:350px; margin: 0px 0px 10px 0px; border-top:solid 1px #176bb0;border-left:solid 1px #176bb0; font-size: 13px;}
.PPdataWrap table.focustable tr th,.PPdataWrap table tr td {border-bottom:solid 1px #176bb0;padding: 3px;}
.PPdataWrap table.focustable tr th {border-right:dotted 1px #176bb0;text-align: center;background: #e7f0f7;}
.PPdataWrap table.focustable tr td {border-right:solid 1px #176bb0;}
.pointborder{border-bottom:dotted 1px #176bb0 !important;border-right:solid 1px #176bb0 !important;}

.PPdataWrap h3 {font-size: 16px;font-weight: bold;color: #ff6600;}
.PPdataWrap p {margin: 0px;font-size: 12px;}

.PPbtn {
	width: 324px;
	height: 17px;
	margin: 0px 0px 5px auto;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
	display: block;
	padding: 4px 12px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.PPbtn:hover, .PPbtn:focus, .PPbtn:active, .PPbtn.active, .PPbtn.disabled, .PPbtn[disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
p.focusBtn1,p.focusBtn2,p.focusBtn3,p.focusBtn4 {
	color: #FFF;
	background-color: #007e00;
	line-height: 33px!important;
	vertical-align: middle;
	width: 180px;
	text-align: center;
	display: inline-block;
	width: 184px;
	height: 33px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0px;
	margin-bottom: 0px;
}
p.focusBtn1:hover, p.focusBtn2:hover, p.focusBtn3:hover, p.focusBtn4:hover, p.active {background-color: #84c640;color:#FFF;}
div.hide {display: none;}

/* comicnews */

.comicnewsWrap {width:100%;margin-bottom: 20px;}
.comicnewsWrap .title{margin: 0 auto 5px;}
.comicnewsbox {width: 778px;}
ul.comicnewsboxUl {overflow: hidden;width: 778px;}
.comicnewsboxUl li:last-child {margin: 0px;}
li.comicnewsBox {
	float: left;
	width: 246px;
	min-height: 300px;
	margin-bottom: 5px;
	margin-right: 20px;
	background: #FFF;
	padding-bottom: 5px;
}
.comicnewsBox .imageBox {
	cursor:pointer;
	width: 246px;
	min-height: 161px;
	overflow:hidden;
	z-index: 11;
	position: relative;
	margin-bottom: 5px;
}
.comicnewsBox .imageBox img {width: 246px;}
.comicnewsBox dd:after {content:"\2026";}
.comicnewslRight {width: 232px;margin: 0 auto;}
.comicnewslRight dt {line-height: 1.4em;}

/* コラムTOP */
.specialtalkWrap {width: 100%}

.menuLeft {
	width: 362px;
	height: auto;
	float: left;
}

.menuLeft img {border: solid 1px #ccc;}

.intro {	margin-bottom: 20px;}

.menuThums {width: 362px;}

.menuRight {
	float: left;
	width: 392px;
	margin-left: 24px;
}

.munuRight h5 {
	font-size: 12px;
	margin-bottom: .2em;
}

.munuRight h6 {
	font-size: 20px;
	margin-bottom: .4em;
	line-break: 1.2;
}

.menu hr {
	height: 1px;
	border: none;
	border-top: 1px #ccc dashed;
	clear: both;
	margin: 20px auto;
}

.categ {
	font-size: 12px;
	list-style-position: inside;
	line-height: 1.7;
}

.categ h6 {font-size: 10px;}

.day {
	text-align: left;
	vertical-align: bottom;
}


/*forcusex*/
.forexlinkbtn li{text-align: center;}
.forexlinkbtn li a,.forexlinkbtn li.select a{
	width: 241px;
	padding: 5px 0;
	float: left;
	margin: 0px 5px 5px;
	background: -webkit-linear-gradient(#ffffff, #d4d4cd);
	background: linear-gradient(#ffffff, #d4d4cd);
	color: #000 !important;
	border: #a1a1a1 solid 1px;
	text-decoration: none;
	border-radius: 5px;
}
.forexlinkbtn li.select a,.forexlinkbtn li a:hover{background: #004e00 !important; color: #fff !important;}
/*タブ切り替え全体のスタイル*/
.forextabs {
  width: 760px;
  margin: 0 auto;}

/*タブのスタイル*/
.fortab {
  width: 370px;
  height: 50px;
  background-color: #c6c6c6;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin: 0 5px 5px;
}
/*ラジオボタンを全て消す*/
input[name="forex_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#forcusex_01:checked ~ #forcusex_01cont,
#forcusex_02:checked ~ #forcusex_02cont,
#forcusex_03:checked ~ #forcusex_03cont,
#forcusex_04:checked ~ #forcusex_04cont{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.forextabs input#forcusex_01:checked + .fortab {
  background-color: #f21111;
  color: #fff;
  margin-bottom: 5px;
}

.forextabs input#forcusex_02:checked + .fortab {
  background-color: #1176f2;
  color: #fff;
  margin-bottom: 5px;
}

.forextabs input#forcusex_03:checked + .fortab {
  background-color: #24c513;
  color: #fff;
}

.forextabs input#forcusex_04:checked + .fortab {
  background-color: #f36100;
  color: #fff;
}

.forexhead{
	text-align: center;
	color: #fff;
	background-color: #0e63bc;
	padding: 10px 0;
}
.foreximgbox img{width: 700px;}
.bataiimgbox img{width: 750px;}