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

	ニュース

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

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

/* ----- link color ----- */
/*
a { color: #06a; }
a { color: #542189; }
a:hover { color: #098825; }
*/


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

.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;
}


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


.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 > h2 {
	margin-top: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: 10px;
}

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




/* 見出し
-------------------------------------------------- */
.block_sub_header > h3,
.block_sub_header > h4,
.block_sub_header > h5,
.block_sub_header > h6 {
	color: #444;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 0;
}

h4.sub_header,
h5.sub_header,
h6.sub_header {
	background-color: #1b521f;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    padding: 6px 12px;
}

/* ヘッダー　緑太文字 */
h4.level5,
h5.level5,
h6.level5 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.4em;
	color: #388e3c;
	
	background: none;
	padding: 0;
}

/* ヘッダー　黒太文字 */
h4.level6,
h5.level6,
h6.level6 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.4em;
	
	background: none;
	padding: 0;
	color: #444;
}



/* - コンテンツサブヘッダー（小見出し）
---------------------------- */
.block_sub_header > p {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 5px 0;
}

/* --- !!!!!↑ --- */



/* ニュースコンテンツエリア
-------------------------------------------------- */
.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; }


/* - Photoリスト
---------------------------- */

/* ４列・３列・２列 */
ul.img_colum { font-size: 0; }

ul.img_colum > li {
	display: inline-block;
	padding: 5px;
	text-align: center;
	max-width: 100%;
}

ul.img_colum > li > img { width: auto; max-width: 100%; }

ul.img_colum.col4 > li { width: 25%; max-width: none; }
ul.img_colum.col3 > li { width: 33.33%; max-width: none; }
ul.img_colum.col2 > li { width: 50%; max-width: none; }
ul.img_colum.col1 > li { width: 100%; max-width: none; }


/* - Photoボックス
---------------------------- */
div.img_box {
	display: inline-block;
	max-width: 100%;
}

div.img_box img { vertical-align: bottom; }

div.img_box p.caps {
	margin-top: 5px;
	font-size: 1.3rem;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}

div.img_box p.caps.center { text-align: center; }
div.img_box p.caps.top { margin-bottom: 5px; }


/* - 騎手免許交付・タレントプロフィール写真用クラス
---------------------------- */
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;
}


/* ぶち抜きボタン （リスト）*/
div.col_btn_1 { margin-top: 30px; }
div.col_btn_1 > ul > li { width: 100%; }
div.col_btn_1 > ul > li > a > .inner > p.txt { text-align: center; } 


/*ボタンリスト*/
div.col_btn_2 > ul > li { width: 50%; }
div.col_btn_3 > ul > li { width: 33.33%; }
div.col_btn_4 > ul > li { width: 25%; }
div.col_btn_2 > ul > li > a > .inner > p.txt,
div.col_btn_3 > ul > li > a > .inner > p.txt,
div.col_btn_4 > ul > li > a > .inner > p.txt { vertical-align: middle; } 


/*ボタンリスト 左寄せ（リンク有り・なし）*/
div.col_btn_left > ul > li { width: 100%; }
div.col_btn_left > ul > li > a { text-align: left; }
div.col_btn_left > ul > li > a > .inner { margin: 0; }
div.col_btn_left > ul > li > a > .inner > p.txt { text-align: left; }
div.col_btn_left > ul > li > .inner {
	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;
}

div.col_btn_left > ul > li > .inner > p.txt { font-size: 1.6rem; }


/* ※レースボタン　format_2nd.cssを上書き
---------------------------- */
.block_unit > .btn a:hover {
   color: #126432;
}



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

div.block_unit .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 > caption { display: none; }

table thead th {
	padding: 5px;
	font-size: 1.3rem;
	line-height: 1.6;
}

table tbody th,
table tbody td {
	padding: 5px;
	font-size: 1.3rem;
	line-height: 1.6;
}

table td img { vertical-align: top; }

table.w100 { width: 100%; }/* --- 幅100% --- */
table.fixed { table-layout: fixed; }/* --- table-layout:fixed --- */


/* センタリング */
.center {
	margin-left: auto;
	margin-right: auto;
}

table th,table td {
	word-break: break-all;
	word-wrap: break-word;
}

table .center { text-align: center; }
table .right { text-align: right; }
table .middle { vertical-align: middle; }
table .emp_bg { background-color: #f1f5e7; }


/* 出馬表・レース結果系 */
table.race_group {
	width: 100%;
	border-collapse: collapse;
}

table.race_group > thead th {
	color: #fff;
	background-color: #268300;
}

/* レース結果表 レースボタン */
#jra_news .btn { border-top: 1px solid #d0d0d0; }

/* 各種表共通スタイル */
table.race_group th,table.race_group td,	
table.normal th,table.normal td,
table.rating_group th,table.rating_group td { border: 1px solid #ddd; }

table.race_group td,table.race_group th,
table.rating_group td,table.rating_group th,
table.normal td,table.normal th { vertical-align: middle; }

table.normal td.vtop,table.normal th.vtop { vertical-align: top; }

	
/* 出馬表・調教後馬体重系　枠色有り */
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 th {
	white-space: nowrap;
	color: #333;
	background-color: #E6E6E6;
	font-weight: bold;
}

table.rating_group tbody > tr.even { 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; }


/*テーブル・SP版スクロールに伴う設定*/
/*div.scr { padding-top: 10px; }*/

p.sp_line {
	display: none;
	margin-bottom: 4px;
}


/* レイアウト用 */
table.layout_grid > thead > tr > th,
table.layout_grid > tbody > tr > th {
	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 {
	font-size: 1.3rem;
	padding: 5px;
	padding-left: 0;
	vertical-align: top;
	line-height: 1.6;
	border: none;
}

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 > h3 {
	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; }


/* --- ※単体 --- */
.kome { text-indent: -1.2rem; padding-left: 1.2rem; }

/* --- ul※リスト相殺用 --- */
ul.kome { text-indent: 0; padding-left: 0; }


/* 補足 ※リスト */
ul.kome > li {
	text-indent: -1.2rem;
	padding-left: 1.2rem;
	line-height: 1.6;
	margin-bottom: 0.2em;
}

ul.kome > li:last-child { margin-bottom: 0; }

ul.kome > li img { margin-top: 8px; }

/* 補足 ※リスト内リスト */
ul.kome > li > ul > li { text-indent: 0; }



/* - 「・」リスト
-------------------------------------------------- */
ul.dot_list {
	list-style: none;
	padding-left: 0;
	display: table;
}

ul.dot_list li:after {
	content: "";
	display: block;
	margin-bottom: 0.2em;
}
	
ul.dot_list li {
	display: table-row;
	line-height: 1.6;
}

ul.dot_list li:before {
	content: "・";
	display: table-cell;
	padding-right: 0.4em;
}

ul.dot_list li { /*margin-bottom: 0.5em;*/ }


/* - 数字付きリスト（改）
-------------------------------------------------- */
ol.num_list {
	list-style: none;
	padding-left: 0;
	display: table;
}

ol.num_list > li:after {
	content: "";
	display: block;
	margin-bottom: 0.2em;
}

ol.num_list > li {
	display: table-row;
	counter-increment: table-ol;
	width: 100%;
}

ol.num_list > li:before {
	content:  "（" counter(table-ol) "）";
	display: table-cell;
	padding-right: 0.4em;
}

ol.num_list.r_num > li:before { text-align: right; }
ol.num_list.c_num > li:before { text-align: center; }


/* - ※数字付きリスト
-------------------------------------------------- */
ul.kome_num {
	list-style: none;
	padding-left: 0;
	display: table;
}

ul.kome_num > li:after {
	content: "";
	display: block;
	margin-bottom: 0.5em;
}

ul.kome_num > li {
	display: table-row;
	counter-increment: table-ol;
	width: 100%;
}

ul.kome_num > li:before {
	content:  "※" counter(table-ol);
	display: table-cell;
	padding-right: 0.4em;
}


/*strong { font-weight: normal; }*/


/* 太字 */
.emp { font-weight: bold; }
.empL { font-size: larger; font-weight: bold; }


/* 打ち消し線・下線 */
.tline { text-decoration: line-through; }
.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: 20px; }

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 > div.link_list ul > li { width: auto; }

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


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

/* - ファン投票ページ用
---------------------------- */
ul.layout_fan:after { content: ''; display: block; clear: both; }

ul.layout_fan > li {
	float: left;
	width: 50%;
	padding: 10px;
	padding-top: 0;
}

ul.layout_fan > li:first-child { padding-left: 0; }


/* - ゴンドラ特別室貸切プランページ
-------------------------------------- */
/* - ご利用の流れ　フロー */

div.flow_line > ul > li:first-child { padding-top: 0; }

div.flow_line > ul li a { text-decoration: none; display:block; }
/*div.flow_line a { text-decoration: none; }*/

div.flow_line > ul li {
    text-align: center;
    padding: 20px 0;
    position: relative;
}

div.flow_line > ul li div.line_unit {
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    color: #444;
    border: 1px solid #ccc;
    padding: 4px;
}

div.flow_line > ul li div.line_unit p {
    font-size: 1.4rem;
    font-weight: bold;
    background: #188542;
    color: #fff;
    border-radius: 2px;
    padding: 10px;
}

div.flow_line > ul li div.line_unit p i { margin-right: 0.4em; }

div.flow_line > ul li div.line_unit p.cap {
    background: #fff;
    color: #444;
    font-size: 1.6rem;
    margin-top: 2px;
	font-weight: normal;
}

div.flow_line > ul li div.line_unit p.cap span {
	display: block;
    color: #444;
	font-size: 1.2rem;
}

div.flow_line > ul li div.line_unit p.cap span.red,
div.flow_line > ul li div.line_unit p.cap strong.red { color: #c00; }

div.flow_line > ul li p.icon {
    font-size: 2.4rem;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 2.2rem;
    bottom: -14px;
}

/*STEP1〜3*/
/*h4#s1 > span,h4#s2 > span,h4#s3 > span { padding-left: 10px; }*/
#s1 > span, #s2 > span, #s3 > span { padding-left: 10px; }


/* - 「ワイワイルーム」のご案内ページ
-------------------------------------- */
/* - ご利用の流れ リスト */

ol.flow > li {
	font-weight: bold;
	font-size: 1.5rem;
}

ol.flow li > ul.kome > li {
	font-weight: normal;
	font-size: 1.3rem;
	margin-bottom: 0;
}


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

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; }


/* - JRA賞ページ
---------------------------- */
/* 競馬ギャラリー > JRA賞ページ とは違い固有です */

.horse_list { margin-top: 20px; }

.horse_list ul.block_list.type1 li .block_unit h4 {
	font-size: 1.4rem;
	/*color: #188542;*/
	font-weight: bold;
	margin-top: 10px;
}

.horse_list ul.block_list.type1 li .block_unit h5 {
	font-size: 1.8rem;
}

.horse_list ul.block_list.type1 li .block_unit .inner {
	margin-top: 10px;
	overflow: hidden;
}

.horse_list ul.block_list.type1 li .block_unit .inner:after {
	content: '';
	display: block;
	clear: both;
}

.horse_list ul.block_list.type1 li .block_unit .img {
	float: left;
	margin-right: 28px;
}
	
.horse_list ul.block_list.type1 li .block_unit .img img {
	width: 330px;
	height: auto;
}
	
.horse_list ul.block_list.type1 li .block_unit .txt {
	float: right;
	width: 582px;
}
	
.horse_list ul.block_list.type1 li .block_unit .txt table {
	width : 100%;
	border-collapse: collapse;
}
	
.horse_list ul.block_list.type1 li .block_unit .txt table th {
	background-color: #f4f4f4;
	border: 1px solid #e4e4e4;
    font-size: 1.3rem;
    text-align: left;
    padding: 3px 5px;
	white-space: nowrap;
	width: 200px;
}
	
.horse_list ul.block_list.type1 li .block_unit .txt table td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 3px 5px;
    font-size: 1.2rem;
}

.people_list { margin-top: 20px; }

.people_list ul.block_list.type2 {
	margin-top: 0;
	overflow: hidden;
}

.people_list ul.block_list.type2:after { content: ''; display: block; clear: both; }

.people_list ul.block_list.type2 .block_unit table,
#jra_sho_bn .people_list ul.block_list.type2 .block_unit table {
	width: 100%;
}

#jra_sho_bn .block_header { margin-top: 30px; }

.people_list > ul.type2 > li > .block_unit > table tbody > tr > th {
	background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 1.3rem;
	text-align: left;
	white-space: nowrap;
	width: 50%;
}

.people_list > ul.type2 > li > .block_unit > table tbody > tr > td {
	border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 1.3rem;
}

.people_list ul.block_list.type2 > li h3 { padding: 4px 8px; }


/* newsページ用 */
div.horse_list > ul.block_list.type1 > li { margin-bottom: 40px; }

div.horse_list > ul.block_list > li > div.block_unit > ul.event_list > li {
	margin-bottom: 0;
	margin-top: 20px;
}

div.horse_list > ul.block_list > li > div.block_unit > div.block_sub_header > h4 {
	color: #444;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 0;
}

div.horse_list > ul.block_list > li > div.block_unit > ul.event_list > li > h4 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0.4em;
    color: #388e3c;
}

div.link_list.mt40 { margin-top: 40px; }


/* - Gate J ページ
---------------------------- */

ul.block_list.type2 li p.title {
	font-size: 1.4rem;
    padding: 8px 12px;
}

div.block_unit > p.title {
    background-color: #1b521f;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 8px;
}



/* - 競馬学校騎手課程 入学試験合格者ページ
---------------------------- */
dl.name_list:after { content: ''; display: block; clear: both; }

dl.name_list { margin-top: 20px; }
dl.name_list:first-child { margin-top: 0; }

dl.name_list > dt {
	float: left;
	margin-right: 20px;
	font-size: 2.4rem;
}

dl.name_list > dt > span {
	font-size: 1.2rem;
	margin-left: 1rem;
}

dl.name_list > dd {
	float: left;
	padding-top: 12px;
}


/* - 機関誌ページ用
---------------------------- */
div.content_organ {
	display: table;
	table-layout: fixed;
	width: 100%;
}

div.content_organ > div.cover {
    display: table-cell;
    width: 360px;
    vertical-align: top;
}

div.content_organ > div.appendix {
    display: table-cell;
    padding-left: 100px;
    width: auto;
    vertical-align: top;
}



/* - 汎用クラス
---------------------------------------------------------------------- */
#jra_news .mt100 { margin-top: 100px !important; }
#jra_news .mt80 { margin-top: 80px !important; }
#jra_news .mt60 { margin-top: 60px !important; }
#jra_news .mt50 { margin-top: 50px !important; }
#jra_news .mt40 { margin-top: 40px !important; }
#jra_news .mt30 { margin-top: 30px !important; }
#jra_news .mt25 { margin-top: 25px !important; }
#jra_news .mt20 { margin-top: 20px !important; }
#jra_news .mt15 { margin-top: 15px !important; }
#jra_news .mt10 { margin-top: 10px !important; }
#jra_news .mt5 { margin-top: 5px !important; }
#jra_news .mt0 { margin-top: 0 !important; }


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

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




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

	979px以下

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	/* - JRA賞ページ
	---------------------------- */
	/* 競馬ギャラリー > JRA賞ページ と共通 */
	
	.horse_list ul.block_list.type1 li .block_unit .img {
		width: 35%;
		box-sizing: border-box;
		padding-right: 20px;
		margin-right: 0;
	}
	
	.horse_list ul.block_list.type1 li .block_unit .img img { vertical-align: top; }
	
	.horse_list ul.block_list.type1 li .block_unit .txt {
		width: 65%;
		box-sizing: border-box;
	}
	
	.people_list { /*margin-top: 10px;*/ }
	
}



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

	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;
	}
	
	.block_unit table th,
	.block_unit table td {
		font-size: 1.2rem;
	}
	
	/* - ファン投票ページ用
	---------------------------- */
	ul.layout_fan > li {
		float: none;
		width: 100%;
		padding: 0px;
		padding-top: 10px;
	}
	
	
}

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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	/* - Photoリスト
	---------------------------- */
	
	/* ４列→３列 */
	ul.img_colum.col4 > li { width: 33.33%; }
	
	/* ３列→２列 */
	ul.img_colum.col3 > li { width: 50%; }
	ul.img_colum.col2 > li { width: 50%; }
	
	ul.img_colum > li { text-align: center; }
	
	/* ３列→２列 */
	ul.img_colum.col3 > li { width: 50%; }
	ul.img_colum.col2 > li { width: 50%; }
	
	/* ぶち抜きボタン （リスト）*/
	div.link_list > ul > li > a > .inner { display: table; }
	
	div.link_list > ul > li > a > .inner > span.icon {
		display: table-cell;
		color: #188542;
		width: 24px;
		vertical-align: top;
		padding-right: 10px;
		text-align: left;
	}
	
	div.link_list > ul > li > a > .inner p.txt { display: table-cell; }
	
	div.link_list > ul > li > a > .inner > span.icon { vertical-align: top; }
	
	div.link_list > ul > li > a > .inner p.txt {
		text-align: left;
		vertical-align: middle;
	}
	
	
	/*ボタンリスト*/
	div.col_btn_2 > ul >li { width: 100%; }
	div.col_btn_3 > ul >li { width: 50%; }
	div.col_btn_2 > ul >li > a { text-align: left; }
	
	div.col_btn_2 > ul > li > a > .inner > p.txt,
	div.col_btn_3 > ul > li > a > .inner > p.txt, 
	div.col_btn_4 > ul > li > a > .inner > p.txt { vertical-align: top; }
		
	
	/* - ファン投票ページ用
	---------------------------- */
	/*
	ul.layout_fan > li {
		float: none;
		width: 100%;
		padding: 0px;
		padding-top: 10px;
	}
	*/
	
	/* - お問い合わせ
	---------------------------- */
	div.method_unit {
		float: none;
		margin-bottom: 30px;
		margin-right: 0;
	}
	
	div.method_unit:last-child { margin-bottom: 0; }
	
	div.method_unit > div.link_list { display: inline-block; }
	
	div.method_unit p.main { font-size: 1.8rem;	 }
	
	
	/*騎手免許交付・タレントプロフィール写真用クラス*/
	div.img_box.profile { margin-right: 0; }
	
	
	/* - JRA賞ページ
	---------------------------- */
	/* 競馬ギャラリー > JRA賞ページ と共通 */
	
	.horse_list ul.block_list.type1 { width: auto; }
	
	ul.block_list.type1 .block_unit { text-align: center; }
	
	.horse_list ul.block_list.type1 li .block_unit h5 { margin-top: 20px; }
	
	.horse_list ul.block_list.type1 li .block_unit .img {
		width: auto;
		padding-right: 0;
		margin: 0;
		margin-bottom: 10px;
	}
	
	.horse_list ul.block_list.type1 li .block_unit .img,
	.horse_list ul.block_list.type1 li .block_unit .txt { float: none; }
	
	.horse_list ul.block_list.type1 li .block_unit .txt {
		width: auto;
		margin: auto;
	}
	
	.horse_list ul.block_list.type1 li .block_unit .txt table th,
	.horse_list ul.block_list.type1 li .block_unit .txt table td{
		width: 100%;
		display: block;
		border-top: none;
		text-align: left;
	}
		
	.horse_list ul.block_list.type1 li .block_unit .txt table tr:first-child th { border-top: 1px solid #e4e4e4; }
		
	.horse_list ul.block_list.type1 li .block_unit .txt table td { font-size: 1.3rem; }
	
	.people_list > ul.type2 > li > .block_unit > table tbody > tr > th { width: 50%; }
	
	/* newsページ用 */
	div.horse_list > ul.block_list > li > div.block_unit > div.block_sub_header > h5,
	div.horse_list > ul.block_list > li > div.block_unit > ul.event_list > li > h5,
	div.horse_list > ul.block_list > li > div.block_unit > ul.event_list > li > p { text-align: left; }
	
	
	/* - 機関誌ページ用
	---------------------------- */
	div.content_organ > div.cover { width: 300px; }
	div.content_organ > div.appendix { padding-left: 50px; }
	
}


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

	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; }
	
	
	/* 画像 横並び解除 */
	
	/* - Photoリスト
	---------------------------- */
	/* ４列→３列 */
	ul.img_colum.col4 > li { width: 50%; }
	
	/* レイアウト テキスト＋画像 */
	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; }
	
	div.content_pair > div.img_box { }
	
	
	/* - 騎手免許交付・タレントプロフィール写真用クラス
	---------------------------- */
	div.content_pair.profile > div.img { width: 100%; }
	
	div.content_pair.profile > div.txt {
		margin-top: 10px;
		padding-left: 0;
	}
	
	div.content_pair.profile > div.txt > h5 { text-align: center; }
	
	/*ボタンリスト*/
	div.col_btn_2 > ul >li { width: 100%; }
	div.col_btn_3 > ul >li { width: 100%; }
	div.col_btn_4 > ul >li { width: 50%; }
	
	div.col_btn_3 > ul >li > a { text-align: left; }
	
	/*テーブル*/
	table { width: 100%; }
	table { width: auto; }
	table > thead th { white-space: inherit; }
	
	/*テーブル・スクロール設定*/
	div.scr { width: 100%; overflow-x: auto; }
	
	p.sp_line { display: block; }
	
	div.scr { padding-top: 0; }
	
	div.scr > table { width: 786px; }
	div.scr > table.normal { width: 680px; }
	div.scr > table.normal.w100 { width: 786px; }
	
	div.scr > table th,
	div.scr > table td { white-space: nowrap; }
	
	
	/* - お問い合わせ
	---------------------------- */
	ul.block_list.type1 .block_unit { text-align: center; }
	
	.horse_list ul.block_list.type1 li .block_unit h4 { margin-top: 20px; }
	
	.horse_list ul.block_list.type1 li .block_unit .img {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	
	/* - JRA賞ページ
	---------------------------- */
	/* 競馬ギャラリー > JRA賞ページ と共通 */

	.horse_list ul.block_list.type1 li .block_unit .img,
	.horse_list ul.block_list.type1 li .block_unit .txt { float: none; }
	
	.horse_list ul.block_list.type1 li .block_unit .txt { width: 100%; }
	
	.people_list > ul.type2 > li > .block_unit > table tbody > tr > th { width: 60%; }
	
	
	/* - 機関誌ページ用
	---------------------------- */
	
	div.content_organ { display: block; }

	div.content_organ > div.cover { display: block; width: auto; }

	div.content_organ > div.appendix {
		display: block;
		margin-top: 30px;
		padding-left: 0;
		width: auto;
	}
	
}


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

	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; }
	
	/*ボタンリスト*/
	div.col_btn_4 > ul >li { width: 100%; }
	
	div.col_btn_4 > ul >li > a { text-align: left; }
	
	/*テーブル*/
	table.layout_grid > tbody > tr > th,
	table.layout_grid > tbody > tr > td {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	div.scr > table.normal { width: 580px; }
	div.scr > table.normal.w100 { width: 786px; }
	
	
	table.layout_grid > tbody > tr > th { padding-top: 10px; }
	
	/* セル内　右寄せ解除 */
	table.layout_grid th.right,
	table.layout_grid td.right { text-align: left; }
	
	
	/* - ご利用の流れ　フロー
	---------------------------- */
	/* STEP1〜3 */
	h4#s1 > span,h4#s2 > span,h4#s3 > span { display:block; padding-left: 0; }
	
	
	/* --- 関連ニュース --- */
	ul.related_news_list > li > p { display: block; } 
	ul.related_news_list > li > p.txt { padding-top: 0; }
	
	
	
	/* - 競馬学校騎手課程 入学試験合格者ページ
	---------------------------- */
	dl.name_list > dt,
	dl.name_list > dd { float: none; }
	dl.name_list > dd { padding-top: 0; }
	
	
	/* - データファイルデータ貼り付け用クラス
	---------------------------- */
	div.datafile_unit table td,
	div.datafile_unit table th { font-size: 1.1rem; }
	
}


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

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
	
	/* - Photoリスト
	---------------------------- */
	ul.img_colum > li { float: none; }
	
	ul.img_colum.col4 > li,
	ul.img_colum.col3 > li,
	ul.img_colum.col2 > li { width: 100%; }
	
	/* 馬名強調系
	---------------------------- */
	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 > div.link_list ul > li > a > div.inner > p.txt  {
		font-size: 1.6rem;
	}	
	
}