<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />

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

	ニュース

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

.android #contentsBody * { max-height: 999999px; }

#jra_news {
	width: 940px;
    margin: 30px auto 0 auto;
}

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

.news_contents_area { margin-top: 15px; }


/* ニュースのタイトルエリア
-------------------------------------------------- */
.news_title {
	padding-bottom: 10px;	
	border-bottom: 1px solid #eee;	
}

.news_title > .option_data {
	display: table;
	width: 100%;
}

.news_title > .option_data > div {
	display: table-cell;
	vertical-align: middle;
}


/* ニュースのタイトルエリア
-------------------------------------------------- */
/*本文のline-height調節*/
div.block_unit p { line-height: 1.6; }


/* 基本モジュール群
-------------------------------------------------------------- */


/* カテゴリー
---------------------------- */
.news_title > .option_data > div.category { font-size: 0; }

/* 日付 */
.news_title > .option_data > div.category > p.date {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
	margin-right: 5px;
	background-color: #eee;
	padding: 6px 8px;
	line-height: 1;
	font-weight: bold;
	border-radius: 2px 0 0 2px;
}

.news_title > .option_data > div.category > ul {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
}

.news_title > .option_data > div.category > ul:after { content: ''; display: block; clear: both; }

.news_title > .option_data > div.category > ul > li {
	float: left;
	margin-left: 5px;
	font-size: 1.1rem;
	background-color: #eee;
	padding: 6px 8px;
	line-height: 1;
	font-weight: bold;
}

.news_title > .option_data > div.category > ul > li:first-child { margin-left: 0; }


/* レース・馬・騎手など */
.news_title > .option_data > div.category > ul > li.race {
	background-color: #c3e2c6;
	color: #555;
}

/* イベント・キャンペーン */
.news_title > .option_data > div.category > ul > li.event {
	background-color: #f8c890;
	color: #555;
}

/* その他 */
.news_title > .option_data > div.category > ul > li.other {
	background-color: #d4e2f0;
	color: #555;
}

/* ピックアップ */
.news_title > .option_data > div.category > ul > li.pickup {
	background-color: #f7d44b;
	color: #9c1111;
}

/* ピックアップ */
.news_title > .option_data > div.category > ul > li.dento {
    background-color: #f7d0de;
	color: #555;
}


/* SNS(TW・FBボタン)エリア
---------------------------- */
.news_title > .option_data > div.sns_area { text-align: right; }

.news_title > .option_data > div.sns_area .sns_list { display: inline-block; font-size: 0; }

.news_title > .option_data > div.sns_area .sns_list > div {
	font-size: 1.3rem;
	display: inline-block;
	vertical-align: middle;
}

.news_title > .option_data > div.sns_area .sns_list > div.line { display: none; }
.sp_mode .news_title > .option_data > div.sns_area .sns_list > div.line { display: inline-block; }

.news_title > .option_data > div.sns_area .sns_list > div + div { margin-left: 10px; }
.news_title > .option_data > div.sns_area .sns_list > div > a { display: block; }
.news_title > .option_data > div.sns_area .sns_list > div > a img { max-width: 28px; vertical-align: top; }


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

.news_title > .category > ul > li {
	float: left;
	margin-left: 5px;
	font-size: 1.1rem;
	background-color: #eee;
	padding: 6px 8px;
	line-height: 1;
	font-weight: bold;
}


/* タイトル
---------------------------- */
.news_title > h1 {
	margin-top: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: 10px;
}

/*緊急マーク*/
.news_title > h1 > i {
	color: #c02;
	font-size: 2.4rem;
	margin-right: 0.4em;
}


/* ニュースコンテンツエリア
-------------------------------------------------- */
.news_body { margin-top: 30px; }


ul.event_list { }

ul.event_list > li { margin-top: 25px; }

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

/* リストタイトル */
/*
ul.event_list > li > h4 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.4em;
	color: #388e3c;
}
*/

/* リスト テキスト*/
ul.event_list > li > p {
	line-height: 1.6;
	margin-bottom: 0.4em;
}


/* ヘッダー　緑太文字 */
/*
#jra_news h5 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.4em;
	color: #388e3c;
}
*/

/* ヘッダー　黒太文字 */
/*
#jra_news h6 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.4em;
}
*/


/* レイアウト
----------------------------------------------------- */
/* - テキスト + Photo
---------------------------- */
div.content_pair { border: none; }

div.content_pair {
	display: table;
	table-layout: fixed;
	width: 100%;
}

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

div.content_pair > div.img {
	width: 300px;
	padding-right: 20px;
}
	
div.content_pair > div.img.right {
	padding-right: 0;
	padding-left: 20px;
}

div.content_pair > .txt { width: auto; }


/* - 騎手免許交付・タレントプロフィール写真用クラス
---------------------------- */
div.content_pair.profile > div.img { width: 200px; }
div.content_pair.profile > div.txt { vertical-align: middle; }

#jra_news div.content_pair.profile > div.txt > h3 {
	color: #388e3c;
	font-size: 2.2rem;
	font-weight: bold;
}

#jra_news div.content_pair.profile > div.txt > h3 > span {
	display: block;
	font-size: 1.4rem;
}


/*ボタンリスト 左寄せ（リンクなし）*/
ul.link_list.no_link > li > .inner {
    display: block;
	padding: 10px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    color: #188542;
    font-weight: bold;
    
    font-size: 1.6rem; 
}


/* - 均等割り
---------------------------- */

ul.layout_half {
    display: table;
    table-layout: fixed;
    width: 100%;
}

ul.layout_half > li {
    display: table-cell;
    padding: 10px;
    width: 50%;
}

/*ul.layout_half > li p.img { text-align: center; }*/
ul.layout_half > li .center { text-align: center; }
ul.layout_half > li .middle { vertical-align: middle; }


/* 強調
----------------------------------------------------- */
/* 馬名強調系
---------------------------- */
.horse_name_block {
	background-color: #fff;
	padding: 8px 16px;
	border: 1px dotted #ccc;
	border-left: 5px solid #388e3c;
	border-radius: 0 4px 4px 0;
}

.horse_name_block > p {
	font-size: 2.4rem;
	font-weight: bold;
	color: #388e3c;
	line-height: 1.5;
}

a > span.name_en { display: block; }

.horse_name_block > p > span { font-size: 1.2rem; }

.horse_name_block > p > span.name_en {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	padding-top: 2px; 
}


/* テーブル
------------------------------------------------------- */

/*table.basic thead > tr > th { background-color: #268300; }*/

table.basic tbody > tr > td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}


table.basic.news > thead tr th {
	color: #fff;
	background-color: #268300;
}

table > caption > .inner > .opt .caution { font-size: 1.1rem; }

/* セルのグレー背景色 */
table.basic tbody > tr.gray,
table.basic tbody > tr.gray > td,
table.basic tbody > tr > th.gray,
table.basic tbody > tr > td.gray,
table.basic.striped tbody > tr:nth-child(even) > td.gray,
table.basic.striped tbody > tr:nth-child(even).gray > td,
table.basic.v-striped tbody > tr > td.gray,
table.basic.v-striped tbody > tr.gray > td,
table.basic.v-striped.odd tbody > tr > td.gray,
table.basic.v-striped.odd tbody > tr.gray > td {
	background-color: #ddd;
}

/* --- tbody > tr > thも含めて行の背景色（グレー）を指定 --- */
table.basic tbody > tr.gray-all,
table.basic tbody > tr.gray-all > th,
table.basic tbody > tr.gray-all > td,
table.basic.striped tbody > tr:nth-child(even).gray-all > th,
table.basic.striped tbody > tr:nth-child(even).gray-all > td,
table.basic.v-striped tbody > tr.gray-all > th,
table.basic.v-striped tbody > tr.gray-all > td,
table.basic.v-striped.odd tbody > tr.gray-all > th,
table.basic.v-striped.odd tbody > tr.gray-all > td {
	background-color: #ddd;
}


/* 出馬表・調教後馬体重系　枠色有り */
table th.waku.col1 { background-color: #fff; }
table th.waku.col2 { background-color: #000; color: #fff; }
table th.waku.col3 { background-color: #fe0000; color: #fff; }
table th.waku.col4 { background-color: #0000fe; color: #fff; }
table th.waku.col5 { background-color: #ffff01; }
table th.waku.col6 { background-color: #008001; color: #fff; }
table th.waku.col7 { background-color: #ffa500; }
table th.waku.col8 { background-color: #ffc0cb; }


/* レーティング系 */
table.rating_group thead tr th {
/*
	white-space: nowrap;
	color: #333;
	background-color: #E6E6E6;
	font-weight: bold;
*/
}

table.rating_group.striped tbody > tr:nth-child(even) > td { background-color: #f1f5e7; }

/* ノーマル th背景色有り */
table.th_bg th { background-color: #268300; color: #fff; }

/* ノーマル th背景色打ち消し　*/
table.th_bg th.no_bg { background:none; color: #333; }

table.normal th.left { text-align: left; }


/* レイアウト
---------------------------- */
/*グリッド*/
table.layout_grid > tbody > tr > td {
	font-size: 1.3rem;
	padding: 5px;
	padding-left: 0;
	vertical-align: top;
	line-height: 1.6;
	border: none;
}

table.layout_grid > tbody > tr > td:first-child {
    white-space: nowrap;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 0;
	text-align: left;
	font-size: 1.3rem;
	vertical-align: top;
	line-height: 1.6;
	border: none;
}

table.layout_grid > tbody > tr > td.middle { vertical-align: middle; }

table.layout_grid tbody td > div.btn { display: inline-block; }


/*外国馬情報　～辞退馬～*/
div.table_header {
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #eee;
	border: dotted 1px #ddd;
	border-bottom: none;
	margin: 0;
	margin-top: 20px;
	padding: 8px 15px;
}


/*レース情報用ドット枠*/
div.block_info {
	border: 1px dotted #444;
	padding: 15px;
	display: inline-block;
}

div.block_info > p.race_name {
	font-size: 1.5rem;
	font-weight: bold;
}


/* アンカーリンク
------------------------------------------------------- */
/*レースリンク用*/
div.race_link_unit {  }

div.race_link {  }

div.race_link > a {
	display: block;
    background-color: #abc398;
    border-top: 3px solid #778c66;
	color: #333;
	text-shadow: 0 1px 1px rgba(221,251,198,0.6);
	padding: 10px 15px;
	text-decoration: none;
}

div.race_title { display: table; }

div.race_title > div {
	display: table-cell;
	vertical-align: middle;
}

div.race_title > div.txt > h2,
div.race_title > div.txt > h3,
div.race_title > div.txt > h4,
div.race_title > div.txt > h5,
div.race_title > div.txt > h6 {
	font-weight: bold;
	line-height: 1.4;
	font-size: 1.6rem;
	color: #333;
}

div.race_title > div.txt > h3 > span { font-size: 1.2rem; }

div.race_title > div.icon {
    font-size: 1.6rem;
    padding-right: 10px;
}

div.race_link_unit > ul {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #d0d0d0;
	border-top: none;
}

div.race_link_unit > .btn {
    background-color: #eaeaea;
    border: 1px solid #d0d0d0;
	border-top: none;
    padding: 9px;
}

div.race_link_unit > .btn a {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    text-decoration: none;
    color: #188542;
    font-size: 1.4rem;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

div.race_link_unit > .btn a:hover {
	color: #126432;
	background-color: #f1f8e9;
}

div.race_link_unit > .btn a i { margin-right: 0.4em; }


/* 打ち消し線・下線 */
.uline { text-decoration: underline; }


/*インフォメーションテキスト 赤字*/
/*.red { color: #c02; }
.blue { color: #3b4df7; }
.green { color: #098256; }*/


/* コメント
---------------------------- */
div.comment_unit {
	position: relative;
	padding: 14px;
	border: 1px dashed #ccc;
	border-radius: 4px;
}

div.comment_unit > span.icon {
	background-color: #fff;
	padding: 4px 8px;
	border-radius: 3px;
}

div.comment_unit > span.icon.left {
	position: absolute;
	top: -14px;
	left: 10px;
}

div.comment_unit > span.icon.right {
	position: absolute;
	bottom: -16px; 
	right: 10px;
}

div.comment_unit > span.icon > i {
	font-size: 1.4rem;
	color: #388e3c;
}

#jra_news div.comment_unit ul li { margin-top: 15px; }
#jra_news div.comment_unit ul li:first-child { margin-top: 0; }

#jra_news div.comment_unit ul li > p { font-size: 1.4rem; }

#jra_news div.comment_unit ul li > p.title {
	font-weight: bold;
	margin-bottom: 0.4em;
}


/* - リンクリスト（日付＋リンクテキスト／関連ニュース）
---------------------------- */
ul.related_news_list { margin-top: 15px; }

ul.related_news_list > li { /*margin-top: 15px;*/ }
ul.related_news_list > li:first-child { margin-top: 0; }

ul.related_news_list > li {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #ddd;
}

ul.related_news_list > li > p {
	display: table-cell;
	padding: 10px 0;
}

ul.related_news_list > li > p.date { width: 170px; }
ul.related_news_list > li > p.txt { /*padding-left: 20px;*/ }

ul.related_news_list > li > p a { color: #06c; }
ul.related_news_list > li > p a:hover { color: #017e1e; }


/*お問い合わせ*/
div.method_block:after { content: ''; display: block; clear: both; }

div.method_block { display: block; width: 100%; }

div.method_unit {
    display: block;
    float: left;
    padding: 0;
    margin-right: 40px;
}

div.method_unit p.title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #188542;
}

div.method_unit p.title > .icon {
    background-color: #188542;
    color: #fff;
    margin-right: 0.5em;
    padding: 4px 6px;
    border-radius: 3px;
}

div.method_unit p.main {
    font-weight: bold;
    margin-top: 10px;
    font-size: 2.4rem;
}

div.method_unit > ul.link_list > li { width: auto; }
div.method_unit > ul.link_list > li > a { padding: 10px; }
div.method_unit > ul.link_list > li > a > div.inner > span.icon { font-size: 1.8rem; }
div.method_unit > ul.link_list > li > a > div.inner > p.txt { font-size: 2.0rem; }


/* - 調教動画ブロック
-------------------------------------------------- */
.mov_training_unit {}

.mov_training_unit > a {
    display: block;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    background-color: #fff;
}

.mov_training_unit > a:focus,
.no-touch .mov_training_unit > a:hover { background-color: #eee; }

.mov_training_unit .panel > .sub_header.lg { font-size: 1.8rem; }
.mov_training_unit .panel > .sub_header.lg i {
    margin-right: 0.5em;
    font-size: 1.6rem;
    position: relative;
    top: -1px;
}

.mov_training_unit .img_line_list > .item .img { position: relative; }
.mov_training_unit .img_line_list > .item .img img { width: 100%; max-width: 450px; }

.mov_training_unit .img_line_list > .item .img > .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -20px;
	font-size: 1.8rem;
	color: #eee;
	background-color: rgba(0,0,0,0.8);
	width: 60px;
	height: 40px;
	text-align: center;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.mov_training_unit > a:focus .img_line_list > .item .img > .icon,
.no-touch .mov_training_unit > a:hover .img_line_list > .item .img > .icon { opacity: 0.3; }

.mov_training_unit .img_line_list > .item .img > .icon i { position: relative; left: 2px; }


/* 特殊ページ系
-------------------------------------------------------------------------------------------------- */

/* - データファイルデータ貼り付け用クラス
---------------------------- */

div.datafile_unit > div.content_pair.profile > div.txt { vertical-align: top; }

div.datafile_unit table td,
div.datafile_unit table th {
	border: 1px solid #ddd; 
	padding: 5px;
	font-size: 1.3rem;
	line-height: 1.6;
	vertical-align: middle;
}

div.datafile_unit table td img { vertical-align: middle; }


/* - 文章の折り返しを指定する
---------------------------- */

.b_word {
	word-wrap:break-word;
    overflow-wrap:break-word;
}


/* 競馬場指定席 ネット予約 会員ログイン/新規登録　ボタン
-------------------------------------------- */

.btn_member_login > a {
    padding: 18px 10px;
    font-size: 2rem;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.1);
    border: 3px solid #fff;
    background: linear-gradient(170deg, #268300, #1d4f0d);
    transition: all 0.3s ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.no-touch .btn_member_login > a:hover {
    background: linear-gradient(-15deg, #268300, #1d4f0d);
    border: 3px solid #fff;
    color: #FFF;
}

.btn_member_login > a > div > span.copy {
    display: block;
    font-size: 1.6rem;
    margin-top: 1px;
}

.btn_member_login > a > div > span.login {
    margin-top: 5px;
    display: inline-block;
    background-color: #f9f5df;
    color: #444;
    border-radius: 1em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border: 1px solid #1d4f0d;
    background-color: rgba(255,255,255,0.8);
    font-size: 1.5rem;
    padding: 4px 10px;
}

.btn_member_login > a > div > span.login i { margin-right: 0.5em; }


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

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
	#contentsBody {
		width: 100%;
		max-width: 100%;
	}
	
	#jra_news {
		max-width: 100%;
		width: auto;
		padding: 0 10px;
	}
	
	.news_title > h2 {
		font-size: 2.2rem;
	}
	
	
}

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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    /* - テーブルの注記
	---------------------------- */
    table.race_group > caption > .inner > div { display: block; }
    table.race_group > caption > .inner > div.opt {
        text-align: left;
        padding-top: 0;
    }

    /* - レイアウト　均等割り
	---------------------------- */
    ul.layout_half { display: block; }
    ul.layout_half li {
        display: block;
        width: 100%;
    }		
	
	/* - お問い合わせ
	---------------------------- */
	div.method_unit {
		float: none;
		margin-bottom: 30px;
		margin-right: 0;
	}
	
	div.method_unit:last-child { margin-bottom: 0; }
	
	div.method_unit > ul.link_list { display: inline-block; }
	
	div.method_unit p.main { font-size: 1.8rem;	 }
    div.method_unit > ul.link_list > li > a > div.inner > p.txt { font-size: 1.6rem;	 }
    
    /* 競馬場指定席 ネット予約 会員ログイン/新規登録　ボタン
    -------------------------------------------- */
    .btn_member_login > a > div > span.login { font-size: 1.8rem; padding: 2px 30px; }
	
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
	#jra_news { margin-top: 20px; }
	
	.news_title > .option_data > div { display: block; }
	
	.news_title > .option_data > div.sns_area {
		text-align: left;
		padding-top: 10px;
	}
	
	.news_title > h2 { font-size: 2rem; }
    
    
    /* レイアウト テキスト＋画像 */
	div.content_pair > div { display: block; }
	
	div.content_pair > div.img { width: 100%; padding-right: 0; }
	
	div.content_pair > div.img > div.img_box { display: block; text-align: center; }
	div.content_pair > div.img > div.img_box > p { text-align: center; }
	
	div.content_pair > div.img.right { padding-left: 0; }
	div.content_pair > div.img.right,	
	div.content_pair > div.txt { margin-top: 10px; }


	/* - 調教動画ブロック
	-------------------------------------------------- */
	.mov_training_unit .panel > .sub_header.lg { font-size: 1.4rem; }
}


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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
	.news_title > h2 {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	
	ul.event_list.center > li > h4 { text-align: center; }
	ul.event_list > li > h4 > span { display: block; }
	
	
	/*テーブル*/
	table.layout_grid > tbody > tr > th,
	table.layout_grid > tbody > tr > td {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	
	/* - データファイルデータ貼り付け用クラス
	---------------------------- */
	div.datafile_unit table td,
	div.datafile_unit table th { font-size: 1.1rem; }
    
    
    /* 競馬場指定席 ネット予約 会員ログイン/新規登録　ボタン
    -------------------------------------------- */
    .btn_member_login > a > div > span.login { font-size: 1.8rem; padding: 4px 20px; }
	
}


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

	359px以下

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

	
	/* 馬名強調系
	---------------------------- */
	div.horse_name_block > p > span.data,
	div.jockey_name_block > h3 > span.data { display: block; }
	div.jockey_name_block > h3 { font-size: 2.2rem; }
	
	/*お問い合わせ*/
	div.method_unit p.title { font-size: 1.4rem; }
	div.method_unit p.main { font-size: 1.6rem; }	
	div.method_unit > ul.link_list > li > a > div.inner > p.txt {
		font-size: 1.4rem;
	}	
	
}