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

	電話・インターネット投票　インフォメーション

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

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

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


#dento_info {
	width: 940px;
    /*margin: 30px auto 0 auto;*/
}

/*.info_contents_area { margin-top: 15px; }*/



/* 「はじめての方へ」「会員のみなさま」共通リンクボタン
-------------------------------------------------- */

#link_wrap {
	background-color: #246580;
	color:#FFF;
}

#link_wrap > .content {
	max-width:940px;
	margin:0 auto;
	overflow:hidden;
}

#link_wrap > .content > .inner {
	display:table;
	width:100%;
}

#link_wrap > .content > .inner > div {
	display:table-cell;
	vertical-align:middle;
}

#link_wrap > .content > .inner > div.title {
	text-align:left;
}

#link_wrap > .content > .inner > div.title h1 {
	display:inline-block;
}

#link_wrap > .content > .inner > div.title h2 {
	display:inline-block;
}

#link_wrap > .content > .inner > div.title a {
	color:#FFF;
	display:inline-block;
	text-decoration:none;
	font-size:1.6rem;
	padding:10px 0;
}

#link_wrap > .content > .inner > div.menu {
	text-align:right;
}

#link_wrap > .content > .inner > div.menu > ul {
	display:inline-block;
	font-size:0;
}

#link_wrap > .content > .inner > div.menu > ul > li {
	display:inline-block;
	font-size:1.2rem;
}

#link_wrap > .content > .inner > div.menu > ul > li:first-child {
	
}

#link_wrap > .content > .inner > div.menu > ul > li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:15px;
	transition: all 0.2s ease-in;
	font-weight:bold;
}

#link_wrap > .content > .inner > div.menu > ul > li a i {
	margin-right:0.4em;
	
}

#link_wrap > .content > .inner > div.menu > ul > li a:hover {
	background-color:#f1f8e9;
	color:#333;
	
}



/* インフォメーションのタイトルエリア
-------------------------------------------------- */
.info_title {
	padding-bottom: 10px;	
	border-bottom: 1px solid #eee;	
}

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

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


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



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


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

/* 日付 */
.info_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;
}

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

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

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

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



/* トピックス */
.info_title > .option_data > div.category > ul > li.topics {
	background-color: #f7d44b;
	color: #9c1111;
}


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

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

/* インフォメーション */
.info_title > .option_data > div.category > ul > li.info {
	background-color: #c3e2c6;
	color: #555;
}

/* メンテナンス */
.info_title > .option_data > div.category > ul > li.mainte {
	background-color: #fff185;
	color: #9c1111;
}


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


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

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


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

.info_title > h3 {
	margin-top: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	margin-top:10px;
}

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

.info_title > h3 > i {
	color: #d4ca2d;
	font-size: 2.4rem;
	margin-right: 0.4em;
}




/* 見出し
-------------------------------------------------- */

/*ブロック見出し*/

/*.block_header h4 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #444;
	line-height: 1.4;
	padding: 4px 0;
}

.block_header.link h4 {
	display: table-cell;
}



.block_sub_header > h3,
.block_sub_header > h4,
.block_sub_header > h5,
.block_sub_header > h6 {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 0;
}

.block_sub_header.sizeS > h3,
.block_sub_header.sizeS > h4,
.block_sub_header.sizeS > h5,
.block_sub_header.sizeS > h6 {
	font-size: 1.4rem;
}

h3.sub_header{
	background-color: #1b521f;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 6px 12px;
}

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.level5.sizeS,
h5.level5.sizeS,
h6.level5.sizeS {
	font-size: 1.5rem;
}



h4.level6,
h5.level6,
h6.level6 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.4em;
	
	background: none;
	padding: 0;
	color: #444;
}

h4.level6.sizeS,
h5.level6.sizeS,
h6.level6.sizeS {
	font-size: 1.4rem;
}*/




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

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



/* インフォメーションコンテンツエリア
-------------------------------------------------- */
.info_body { margin-top: 30px; }

.info_body p { line-height:1.6; }




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


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

/* ヘッダー　黒太文字 */
/*
#dento_info 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.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;
}



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

/*table.cap_on > caption {
	background-color:#268300;
	color:#FFF;
	font-weight:bold;
	font-size: 1.3rem;
    padding:  5px;
    white-space: nowrap;
    text-align: center;
}*/

/*table.basic thead > tr > th { padding:5px; }
table.basic tbody > tr > th { padding:5px; }
table.basic tbody > tr > td { padding:5px; }*/


/* テーブル　基本詳細 */


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: #fbe6df; }

table.basic tbody > tr > th.n_wrap { white-space:nowrap; }
table.basic tbody > tr > td.v_top { vertical-align:top;}



/* テーブル　ベーシックスタイル */


/*table.basic {
	border:1px solid #ddd;
	width:auto;
}

table.basic.w100 {
	width:100%;
}


table.basic td , table.basic th {
	vertical-align:middle;
	border:1px solid #CCC;
}

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


table.basic > caption {
	background-color:#268300;
	color:#FFF;
	font-weight:bold;
	font-size: 1.3rem;
    padding:  5px;
    text-align: center;
	margin-bottom:0;
}

table.basic > caption.simple {
	background-color:inherit;
	color:#333;
	text-align:left;
	font-weight:bold;
	font-size: 1.3rem;
    padding:  5px;
    white-space: nowrap;
	margin-bottom:0;
}


table.basic > caption.transparent .inner {
    position: absolute;
    left: -9999px;
}



table.basic thead > tr > th {
	background-color:#f4f6e3;
	color:#333;
	border-bottom-width:1px;
	padding:5px;
	font-weight:bold;
}


table.basic tbody > tr > th {
	padding:5px;
	background-color:#eceff1;
}

table.basic tbody > tr > th.n_wrap {
	white-space:nowrap;
}

table.basic tbody > tr > td {
	padding:5px;
}

table.basic.striped tbody > tr:nth-child(even) > td { background-color: #f7f7f7; }*/


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

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

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



/* 各種表共通スタイル */
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; }




/*テーブル・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.seat_list {
	width:100%;
	
}

div.seat_list:after {
	content:'';
	display:block;
	clear:both;
}

div.seat_list > div.line {
	float:left;
	padding:0 10px;
}

div.seat_list.col2 > div.line {
	width:50%;
}

div.seat_list.col3 > div.line {
	width:33.33%;
}

div.seat_list > div.line table {
	width:100%;
}

div.seat_list > div.line table {
	width:100%;
}

div.seat_list > div.line table.basic.narrow tbody > tr > td { padding: 5px; }
div.seat_list > div.line table.basic.narrow thead > tr > th { padding: 5px; }

/* レイアウト用 テーブル横並び*/

div.grid {
	display:table;
	width:auto;
}

div.grid > div.line {
	display:table-cell;
	vertical-align:top;
	width:auto;
	padding:0 10px;
	box-sizing:border-box;
	
}





/* カレンダー表示系 */

.abb_btn {
	display:inline-block;

}



table.cal_list td > span {
	display:block;
	font-size:1.1rem;
}




table.cal_list > tbody tr td {
	vertical-align:top;
}

table.cal_list td > span.sat {
	color:#0478b7;
}

table.cal_list td > span.sun {
	color:#d33529;
}

table.cal_list td > span.icon {
	border-radius:4px;
	margin:0 auto;
	margin-top:6px;
	font-size:1.0rem;
	padding:2px;
	border:1px solid #dcdcdc;
	width:56px;
}

span.normal {
	background-color:#eee;
}


span.pos {
	background-color:#c4f0ff;
}

span.des {
	background-color:#f9ddf4;
}

span.tra {
	background-color:#f3e9cc;
}

span.jra {
	background-color:#389411;
	color:#FFF;
}

span.nar {
	background-color:#955D30;
	color:#FFF;
}

span.cau {
	background-color:#fffb5f;
	color:#c00000;
}

#abbr_list .content ul.icon_list:after {
	content:"";
	display:block;
	clear:both;
}

#abbr_list .content ul.icon_list > li {
	float:left;
	padding:6px 8px;
}

#abbr_list .content ul.icon_list > li:first-child {
	margin-top:0;
    
}

#abbr_list .content ul.icon_list > li dl {
	display:table;
	/*width:100%;*/
    
}

#abbr_list .content ul.icon_list > li dl dt ,
#abbr_list .content ul.icon_list > li dl dd {
	display:table-cell;
	vertical-align:middle;
	padding-right:0.5rem;
}

#abbr_list .content ul.icon_list > li dl dt {
	/*width:62px;*/
}

#abbr_list .content ul.icon_list > li dl dt span {
	border-radius:2px;
	padding:4px 6px;
	font-size:1.0rem;
	border:1px solid #dcdcdc;
	text-align:center;
	/*width:56px;*/
	background-color:#eee;
	font-weight:bold;
}

#abbr_list .content ul.icon_list > li dl dt span.jra {
	background-color:#389411;
	color:#FFF;
	padding:4px;
	border:none;
}

#abbr_list .content ul.icon_list > li dl dt span.nar {
	background-color:#955D30;
	color:#FFF;
	padding:4px;
	border:none;
}


#abbr_list .content ul.icon_list > li dl dt span.cau {
	background-color:#fffb5f;
	color:#c00000;
}

#abbr_list .content ul.icon_list > li dl dt span.jbc {
	background-color:#955D30;
	color:#FFF;
}


#abbr_list .content ul.icon_list > li dl dd {
	
}


/* - カレンダーテーブル2
---------------------------- */


table.cal_list2 > caption {
	background-color:#225e25;
	color:#FFF;
	font-weight:bold;
	font-size: 1.3rem;
    padding:  5px;
    white-space: nowrap;
    text-align: center;
}


table.cal_list2 > thead > tr th {
	background-color:#2a7b73;
	color:#FFF;
}

table.cal_list2 > thead > tr th.sat {
	background-color:#0478b7;
}

table.cal_list2 > thead > tr th.sun {
	background-color:#d33529;

}


table.cal_list2 > tbody tr td {
	vertical-align:top;
	font-size:1.2rem;
}

table.cal_list2 > tbody tr td.bg_kaisai {
	background-color:#f2fbeb;
	
}

table.cal_list2 > tbody tr td > span.inner {
	display:table;
	width:100%;
}

table.cal_list2 > tbody tr td > span.inner > span {
	display:table-cell;
	vertical-align:top;
}

table.cal_list2 > tbody tr td.sat > span.inner > span.day > strong {
	color:#0478b7;
}

table.cal_list2 > tbody tr td.sun > span.inner > span.day > strong {
	color:#d33529;
}

table.cal_list2 > tbody tr td > span.inner > span.day > .opt {
	display:block;
	font-size:1.0rem;
}

table.cal_list2 > tbody tr td > span.inner > span.day > .sizeS {
	font-size:1.0rem;
}

table.cal_list2 > tbody tr td > span.inner > span.day {
	font-size:1.4rem;
	white-space:nowrap;
}

table.cal_list2 > tbody tr td > span.inner > span.kaisai {
	text-align:right;
}

table.cal_list2 > tbody tr td > span.inner > span.kaisai > span {
	border-radius: 2px;
	font-weight: bold;
	font-size: 1.0rem;
	padding: 0;
	padding: 4px;
}

table.cal_list2 > tbody tr td > span.inner.settle {
	display:block;
	width:100%;
}

table.cal_list2 > tbody tr td > span.inner.settle > span.icon {
	border-radius: 2px;
	border:1px solid #dedede;
	background-color:#eee;
	font-weight: bold;
	font-size: 1.0rem;
	padding: 0;
	padding: 4px 6px;
	display:inline-block;
	margin-left:3px;
}

table.cal_list2 > tbody tr td > span.inner.settle > span.icon.cau {
	background-color:#fffb5f;
	color:#c00000;
}

table.cal_list2 > tbody tr td > span.inner.settle > span.icon.nar {
	background-color:#955D30;
	color:#FFF;
	
}



table.cal_list2 > tbody tr td > span.inner.settle > span.icon:first-child {
	margin-left:0;
	
}

table.cal_list2 > tbody tr td > span.inner.race {
	display:block;
	width:100%;
	
}

table.cal_list2 > tbody tr td > span.inner.race > span.title {
	display:block;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
	padding-bottom:2px;
	margin:20px 0 5px;

	
}

table.cal_list2 > tbody tr td > span.inner.race > span.racename {
	display: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.bikou {
	
}

ul.bikou > li {
	display:table;
	margin-top:5px;
}

ul.bikou > li:first-child {
	margin-top:0;
}

ul.bikou > li > span {
	display:table-cell;
}

ul.bikou > li > span:first-child {
	white-space:nowrap;
}



/* - 「・」リスト
-------------------------------------------------- */

/*ul.dot_list {
	list-style: none;
	padding-left: 0;
}

ul.dot_list li {
	display:table;
	margin-top:5px;
}

ul.dot_list li:first-child {
	margin-top:0;
}

ul.dot_list li > span {
	display:table-cell;
}

ul.dot_list li > span:first-child {
	white-space:nowrap;
	width:1em;
}
*/


/* - 数字付きリスト（改）
-------------------------------------------------- */
/*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; }*/




/* - 数字付きリスト（2017/11）
-------------------------------------------------- */

ul.num_list {
	list-style:none;
	
}

ul.num_list > li {
	display:table;
	margin-top:5px;
}

ul.num_list > li:first-child {
	margin-top:0;
	
}

ul.num_list > li > span {
	display:table-cell;
}

ul.num_list > li > span:first-child {
	white-space:nowrap;
	width:43px
}




/* - ※数字付きリスト
-------------------------------------------------- */
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;
}

/* - 備考リスト 2017追加
-------------------------------------------------- */

ul.bikou_num {
	list-style: none;
	padding-left: 0;
	display: table;
}

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

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

ul.bikou_num > li:before {
	content:  "備考" counter(table-ol) "：";
	display: table-cell;
	white-space:nowrap;
	padding-right: 0.3em;
}


/* - 入出金関係　アイコンリスト
-------------------------------------------------- */

ul.bank_icon {
}

ul.bank_icon > li {
	display:table;
}

ul.bank_icon > li > span {
	display:table-cell;
}

ul.bank_icon > li > span:first-child {
	white-space:nowrap;
}

ul.bank_icon > li > span:first-child img {
	width:15px;
}

ul.bank_icon > li > span.i_nar {
	color:#990000;
	
}




/* - cautionブロック 2017追加
-------------------------------------------------- */

div.caution {
	background-color: #f3f3f3;
	padding: 10px;
	border: 1px dashed #ccc;
}

div.caution > .block_sub_header > h2,
div.caution > .block_sub_header > h3,
div.caution > .block_sub_header > h4,
div.caution > .block_sub_header > h5,
div.caution > .block_sub_header > h6 { padding-top: 0; }

div.caution.strong { background-color: #FFF3E0; }/* --- 強めの注意喚起背景 --- */
div.caution.time { background-color: #fbffe2; }/* --- メンテナンスの時間など --- */

div.caution.time > dl {
	display:table;
}

div.caution.time > dl > dt {
	display:table-cell;
	white-space:nowrap;
}

div.caution.time > dl > dd {
	display:table-cell;
}



div.caution.caution-sm { font-size: 1.1rem; }/* --- フォントサイズ小 --- */




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

.yellow { color:#EEDB6D; }


/* コメント
---------------------------- */
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;
}

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

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

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



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


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

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



/* - 2018.05.01　追加記載（ここから）
---------------------------- */


table.basic thead > tr > th > span.block { display:block; }
table.basic tbody > tr > td > span.block { display:block; }


/* WIN5対象レース一覧
-------------------------------------------------- */


table.win5list {
	border-collapse:collapse;
}

table.win5list > caption {
	text-align:left;
}

table.win5list > caption > h3 , table.win5list > caption > h4 , table.win5list > caption > h5 {
	font-weight:bold;
	font-size:1.6rem;
}

table.win5list > thead > tr > th {
	background-color:#f7f7f7;
	background-color:#37474F;
	color:#444;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
	border:1px solid #CCC;
}

table.win5list > thead > tr > th.close { width:178px; }

table.win5list > thead > tr > th > span.img {
	display:block;
}

table.win5list > thead > tr > th > span.img img {
	width:40px;
	
}

table.win5list > tbody > tr > td {
	vertical-align:middle;
	border:1px solid #ccc;
	text-align:center;
	font-size:1.2rem;
	padding:5px;
}

table.win5list > tbody > tr:nth-child(even) > td {
	background-color:#f7f7f7;
}

table.win5list tbody > tr.line_y > td {
	background-color:#f9f5de;
}


table.win5list > tbody > tr > td > span.year {
	display:block;
	font-size:1.0rem;
	margin-bottom:3px;
}

table.win5list > tbody > tr > td > span.youbi {
	display:block;
	font-size:1.1rem;
}

table.win5list > tbody > tr > td > span.attention {
	display:block;
	margin-top:5px;
	font-size:1.2rem;
}



table.win5list > tbody > tr > td > span.close {
	display:table;
	margin:0 auto;
}

table.win5list > tbody > tr > td > span.close > span {
	display:table-cell;
}

table.win5list > tbody > tr > td span.close > span.cap {
	padding-right:1em;
}

table.win5list > tbody > tr > td span.close > span.buy {
	text-align:left;
}


table.win5list > tbody > tr > td > span.detail {
	display:table;
	width:100%;
	height:100%;
}

table.win5list > tbody > tr > td > span.detail > span.inner {
	display:table-cell;
	/*vertical-align:middle;*/
	
}

table.win5list > tbody > tr > td span.race {
	display:block;
}

table.win5list > tbody > tr > td span.race > span.name {
	display:block;
}

table.win5list > tbody > tr > td span.race > span.grade {
	display:block;
}

table.win5list > tbody > tr > td span.time {
	margin-top:5px;
	padding-top:5px;
	border-top:1px dashed #DDD;
	display:block;
}


 div.layout_grid {
	 display:table;
	 width:100%;
 }
 
  div.layout_grid > div {
	  display:table-cell;
	  vertical-align:middle;
 }

div.layout_grid > div.left_col > .content > .release {
	display:table;
}

div.layout_grid > div.left_col > .content > .release > div {
	display:table-cell;
	padding:10px 15px;
	vertical-align:middle;
}

div.layout_grid > div.left_col > .content > .release > div.head {
	background-color:#00695C;
	color:#FFF;
	font-size:1.6rem;
	font-weight:bold;
	position:relative;
	width:96px;
}

div.layout_grid > div.left_col > .content > .release > div.head:after {
	top: 50%;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(42, 168, 61, 0);
	/*border-left-color: #dcedc8;*/
	border-left-color: #01685c;
    border-width: 8px;
    margin-top: -8px;
	
}

div.layout_grid > div.left_col > .content > .release > div.content {
	font-size:1.6rem;
	font-weight:bold;
	background-color:#efefef;
	padding-left:15px;
	text-align:left;
}

div.layout_grid > div.right_col {
	text-align:right;
}

div.layout_grid > div.right_col > .result_link {
	display:inline-block;
	padding:7px;
	background-color:#eee;
}

div.layout_grid > div.right_col > .result_link a {
	/*display:block;
	background-color:#0d7343;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	color:#FFF;*/
	font-size:1.6rem;
	/*font-weight:bold;
	text-decoration:none;
	border: 3px solid #fff;
    border-radius: 5px;
	padding:10px;
	text-align:center;*/
}





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

	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 ) {
	
	/* 「はじめての方へ」「会員のみなさま」共通リンクボタン
-------------------------------------------------- */
	
	#link_wrap > .content {
	max-width:100%;
	padding:0 10px;
}
	
	
	#contentsBody {
		width: 100%;
		max-width: 100%;
	}
	
	#dento_info {
		max-width: 100%;
		width: auto;
		padding: 0 10px;
	}
	
	.info_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;
	}
	
	/* - ご提供席用
	---------------------------- */
	div.seat_list.col3 > div.line {
	width:50%;
	padding: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;
	}
	*/
	
	
	/* テーブル　ベーシックスタイル */
	table.basic { width:100%; }
	
	/* - お問い合わせ
	---------------------------- */
	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; }
	
	
	/* - カレンダータイトル
	---------------------------- */
	
	div.cal_title > .inner {
	display:block;
	}

	div.cal_title > .inner > div {
	display:block;
	}

	div.cal_title > .inner > div.caption > p.main {
	font-weight:bold;
	font-size:1.4rem;
	}

	div.cal_title > .inner > div.caption > p.sub {
	font-size:1.3rem;
	margin-top:5px;
	}

	div.cal_title > .inner > div.abb_block {
	text-align:left;
	padding-left:0;
	margin-top:15px;

	}

	div.cal_title > .inner > div.abb_block > .abb_btn {
	display:inline-block;

	}
	
	
	/* - ご提供席用
	---------------------------- */
	div.seat_list.col2 > div.line {
	width:auto;
	float:none;
	padding:10px;
}
	
	div.seat_list.col3 > div.line {
	width:auto;
	float:none;
	padding:10px;
}
	
	
	div.seat_list > div.line table {
		/*width:auto;*/
}

/* WIN5対象レース一覧
-------------------------------------------------- */

table.win5list > caption > h3 {
	margin-bottom:20px;
}
	
	
	
}

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

	690px以下

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

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

/* WIN5対象レース一覧
-------------------------------------------------- */

 div.layout_grid {
	 display:block;
	 width:100%;
 }
 
  div.layout_grid > div {
	  display:block;
	  vertical-align:middle;
 }
 
 div.layout_grid > div.left_col > .content > .release {
	 width:100%;
 }
 
 div.layout_grid > div.right_col {
	 text-align:center;
	 margin-top:25px;
 }

	
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
	#dento_info { margin-top: 20px; }
	
	.info_title > .option_data > div { display: block; }
	
	.info_title > .option_data > div.sns_area {
		text-align: left;
		padding-top: 10px;
	}
	
	.info_title > h2 { font-size: 2rem; }
	.info_title > h3 { 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;
	}
	
}

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

	560px以下

------------------------------------------------------------ */
@media screen and ( max-width : 560px ) {
	
#link_wrap > .content {
	padding:0;
}

#link_wrap > .content > .inner {
	display:block;
	width:100%;
}

#link_wrap > .content > .inner > div {
	display:block;
	vertical-align:middle;
}

#link_wrap > .content > .inner > div.title {
	padding:0 10px;
}

#link_wrap > .content > .inner > div.menu {
	text-align:center;
	border-top:1px solid #6e8f9c;
}

#link_wrap > .content > .inner > div.menu > ul {
	width:100%;
}

#link_wrap > .content > .inner > div.menu > ul > li {
	width:50%;
}

#link_wrap > .content > .inner > div.menu > ul > li a {
	padding:10px 15px;
}
	
	
}





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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
	.info_title > h2 {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	
	.info_title > h3 {
		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; }
	
/* WIN5対象レース一覧
-------------------------------------------------- */

div.layout_grid > div.left_col > .content > .release > div.head {
	font-size:1.4rem;
	width:87px;
}

div.layout_grid > div.left_col > .content > .release > div.content {
	font-size:1.4rem;
}
	
}


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

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