南関HP第5次リプレース Coding Guideline

1. イントロダクション

1-1. 前段

本コーディングガイドラインは南関HP第5次リプレース時点の画面を対象とし、対象画面は画面一覧に記載されたものとする

Meta

meta keywordsとmeta descriptionは全画面共通で以下の記載内容とする。

meta keywords：南関東4競馬,浦和競馬,船橋競馬,大井競馬,川崎競馬,リアルタイム情報,データ検索,開催日程,重賞競走,出馬表,オッズ,成績,決定番組,出走登録馬一覧,能力試験結果,持ち時計分析,種牡馬分析,交通アクセス

meta description：南関東4競馬の開催日程、重賞競走、出馬表、オッズ、成績、決定番組、出走登録馬一覧、能力試験結果、種牡馬分析、持ち時計の分析などの馬券検討情報


<meta name="keywords" content="南関東4競馬,浦和競馬,船橋競馬,大井競馬,川崎競馬,リアルタイム情報,データ検索,開催日程,重賞競走,出馬表,オッズ,成績,決定番組,出走登録馬一覧,能力試験結果,持ち時計分析,種牡馬分析,交通アクセス">
<meta name="description" content="南関東4競馬の開催日程、重賞競走、出馬表、オッズ、成績、決定番組、出走登録馬一覧、能力試験結果、種牡馬分析、持ち時計の分析などの馬券検討情報">
Viewport

レスポンシブ対応ページ 


<html lang="ja">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">

pc onlyページ


<html lang="ja" class="p-pc-only">
<meta name="viewport" content="width=1248" id="viewport_meta_1248">
コードサンプルについて

本コーディングガイドラインに掲載しているコードサンプルは、一部の状態を抜粋したものとなります。ボタンのホバー・非活性などの各状態のコードについては、該当パーツのソースを参照してください。

1-2 静的ページ 共通ヘッダ

静的ページのヘッダは全画面共通で以下の記載内容とする。 


<!DOCTYPE html>
<html lang="ja" class=p-pc-only">
<!--#include virtual='/info/shared/include/header01.inc' -->
<title>{画面タイトル} | 南関東4競馬場｜nankankeiba.com</title>
<meta property="og:title content="{画面タイトル} | 南関東4競馬場｜nankankeiba.com>
<meta name=""twitter:title"" content="{画面タイトル} | 南関東4競馬場｜nankankeiba.com">

<meta name="viewport content="width=1248 id="viewport_meta_1248">
<!--#include virtual='/info/shared/include/header02.inc' -->
<!-- contents -->
<!-- SideBar -->
<div id="contents" class="clearfix p-horse_bunch_info">
	<div id="contents170">
			<div id="nav-info">
				<!--#include virtual='/info/shared/include/nav-info.inc'-->
			</div>
	</div>
<!-- //SideBar -->

jQueryはheader02.inc内で読み込んでいるため、ページ固有のJavascriptコードはheader02.incのインクルードよりも後に記載すること。

1-3 静的ページ 共通フッタ

静的ページのフッタは全画面共通で以下の記載内容とする。 


<!-- //contents -->
<!--#include virtual='/info/shared/include/footer.inc' -->

2. コーディングガイドライン

2-1 フォント

フォントの基本

通常フォント

半角英数字、日本語：NotoSansJP

使用ウェイト：Regular、 Bold

等幅フォント

使用フォント：NotoSansMono

使用ウエイト：Regular、 Bold

2-2 ボタン

一般的なボタンデザイン
ボタン大

一般

通常 ホバー 選択中 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01">
  <span class="nk23_c-btn01__text">通常</span>
</a>

コンバージョン

通常 ホバー 選択中 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-color3">
  <span class="nk23_c-btn01__text">通常</span>
</a>

SPAT4

通常 ホバー 選択中 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-color6">
    <span class="nk23_c-btn01__text">通常</span>
</a>
ボタン小

一般

通常 通常
ホバー ホバー
選択中 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-small">
    <span class="nk23_c-btn01__text">通常</span>
</a>

浦和

通常 通常
ホバー ホバー
選択中 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-btn-urawa is-small">
    <span class="nk23_c-btn01__text">通常</span>
</a>

船橋

通常 通常
ホバー ホバー
選択中 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-btn-funabashi is-small">
    <span class="nk23_c-btn01__text">通常</span>
</a>

大井

通常 通常
ホバー ホバー
選択中 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-btn-ooi is-small">
    <span class="nk23_c-btn01__text">通常</span>
</a>

コンバージョン

通常 通常
ホバー ホバー
選択中 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn01 is-btn-kawasaki is-small">
    <span class="nk23_c-btn01__text">通常</span>
</a>
フラットタイプ

コードサンプル

                    
                      <ul class="nk23_c-tab7__navi">
                      <li class="nk23_c-tab7__navi__item">
                      <a class="nk23_c-tab7__navi__text" href="javascript:void(0)">通常</a>
                      <span class="c-dev-status__text">通常</span>
                      </li>
                      <li class="nk23_c-tab7__navi__item">
                      <a class="nk23_c-tab7__navi__text is-hover" href="javascript:void(0)">ホバー</a>
                      <span class="c-dev-status__text">ホバー</span>
                      </li>
                      <li class="nk23_c-tab7__navi__item">
                      <a class="nk23_c-tab7__navi__text is-active" href="javascript:void(0)">選択中</a>
                      <span class="c-dev-status__text">選択中</span>
                      </li>
                    </ul>
アイコン + テキストボタン
ボタン大

一般

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn02">
    <span class="nk23_c-btn02__text">
      <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find.svg" alt="通常">
      <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_find-white.svg" alt="通常">
      通常</span>
</a>

※imgタグでそれぞれアイコンを読み込む。
is-activeクラスのついたimgタグは選択中デザインで使用する。

コンバージョン

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn02 is-color3">
    <span class="nk23_c-btn02__text">
      <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_rank-orange.svg" alt="通常">
      <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_rank-white.svg" alt="通常">
      通常</span>
</a>
ボタン小

一般

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn02 is-style1 is-small">
    <span class="nk23_c-btn02__text">
      <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find.svg" alt="通常">
      <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_find-white.svg" alt="通常">
      通常</span>
</a>

※imgタグでそれぞれアイコンを読み込む。
is-activeクラスのついたimgタグは選択中デザインで使用する。
競馬場選択 -付加ステータスあり

浦和(重賞＋ナイター)

浦和 浦和 浦和 浦和 通常
浦和 浦和 浦和 浦和 ホバー
浦和 浦和 浦和 浦和 選択中

コードサンプル

  
<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-urawa">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-blue.svg" alt="浦和">
    <img class="is-active" src="画像パス/common/icon/icon_cup-blue-active.svg" alt="浦和">
  </span>
  <span class="nk23_c-btn05__text">浦和
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="浦和">
  </span>
</a>

※重賞＋ナイターのアイコンを２つ読み込むパターン。icon_cup-blue.svgで重賞アイコン、icon_moon.svgで月のアイコンを読み込む。
is-activeクラスのついたimgタグicon_cup-blue-active.svgは選択中デザインで使用する。

船橋(重賞＋ナイター)

船橋 船橋 船橋 船橋 通常
船橋 船橋 船橋 船橋 ホバー
船橋 船橋 船橋 船橋 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-funabashi">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-green.svg" alt="船橋">
    <img class="is-active" src="画像パス/common/icon/icon_cup-green-active.svg" alt="船橋">
  </span>
  <span class="nk23_c-btn05__text">船橋
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="船橋">
  </span>
</a>

大井(重賞＋ナイター)

大井 大井 大井 大井 通常
大井 大井 大井 大井 ホバー
大井 大井 大井 大井 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-ooi">
  <span class="nk23_c-btn05__iconplus"画像パス/common/icon/icon_cup-red.svg" alt="大井">
    <img class="is-active" src="画像パス/common/icon/icon_cup-red-active.svg" alt="大井">
  </span>
  <span class="nk23_c-btn05__text">大井
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="大井">
  </span>
</a>

川崎(重賞＋ナイター)

川崎 川崎 川崎 川崎 通常
川崎 川崎 川崎 川崎 ホバー
川崎 川崎 川崎 川崎 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-kawasaki">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-turquoise.svg" alt="川崎">
    <img class="is-active" src="画像パス/common/icon/icon_cup-turquoise-active.svg" alt="川崎">
  </span>
  <span class="nk23_c-btn05__text">川崎
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="川崎">
  </span>
</a>

他場(ナイター)

他場 他場 通常
他場 他場 ホバー
他場 他場 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05">
  <span class="nk23_c-btn05__text">他場
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="他場">
  </span>
</a>

浦和(重賞)

浦和 浦和 浦和 通常
浦和 浦和 浦和 ホバー
浦和 浦和 浦和 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-urawa">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-blue.svg" alt="浦和">
    <img class="is-active" src="画像パス/common/icon/icon_cup-blue-active.svg" alt="浦和">
  </span>
  <span class="nk23_c-btn05__text">浦和 </span>
</a>

※重賞アイコンを1つ読み込むパターン。icon_cup-blue.svgで重賞アイコンを読み込む。
is-activeクラスのついたimgタグicon_cup-blue-active.svgは選択中デザインで使用する。

船橋(重賞)

船橋 船橋 船橋 通常
船橋 船橋 船橋 ホバー
船橋 船橋 船橋 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-funabashi">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-green.svg" alt="船橋">
    <img class="is-active" src="画像パス/common/icon/icon_cup-green-active.svg" alt="船橋">
  </span>
  <span class="nk23_c-btn05__text">船橋 </span>
</a>

大井(重賞)

大井 大井 大井 通常
大井 大井 大井 ホバー
大井 大井 大井 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-ooi">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-red.svg" alt="大井">
    <img class="is-active" src="画像パス/common/icon/icon_cup-red-active.svg" alt="大井">
  </span>
  <span class="nk23_c-btn05__text">大井 </span>
</a>

川崎(重賞)

川崎 川崎 川崎 通常
川崎 川崎 川崎 ホバー
川崎 川崎 川崎 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-kawasaki">
  <span class="nk23_c-btn05__iconplus">
    <img src="画像パス/common/icon/icon_cup-turquoise.svg" alt="川崎">
    <img class="is-active" src="画像パス/common/icon/icon_cup-turquoise-active.svg" alt="川崎">
  </span>
  <span class="nk23_c-btn05__text">川崎 </span>
</a>

浦和(ナイター)

浦和 浦和 通常
浦和 浦和 ホバー
浦和 浦和 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-urawa">
  <span class="nk23_c-btn05__text">浦和
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="浦和">
  </span>
</a>

※ナイターのアイコンを1つ読み込むパターン。icon_moon.svgで月のアイコンを読み込む。

船橋(ナイター)

船橋 船橋 通常
船橋 船橋 ホバー
船橋 船橋 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-funabashi">
  <span class="nk23_c-btn05__text">船橋
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="船橋">
  </span>
</a>

大井(ナイター)

大井 大井 通常
大井 大井 ホバー
大井 大井 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-ooi">
  <span class="nk23_c-btn05__text">大井
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="大井">
  </span>
</a>

川崎(ナイター)

川崎 川崎 通常
川崎 川崎 ホバー
川崎 川崎 選択中

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn05 is-btn-kawasaki">
  <span class="nk23_c-btn05__text">川崎
    <img class="nk23_c-btn05__icon" src="画像パス/common/icon/icon_moon.svg" alt="川崎">
  </span>
</a>
スクエア型ボタン

Header SPAT4（PC+SP）

SPAT4 プレミアム
ポイント ポイント
SPAT4 投票 投票・加入 投票加入
新規申し込み 新規申し込み 新規申し込み

コードサンプル


<a href="javascript:void(0)" class="nk23_c-header__btn">
  <img src="画像パス/common/icon/logo_spat4.png" alt="SPAT4">
  <span class="nk23_c-header__btn__text">プレミアム
    <br>ポイント
  </span>
</a>

Header SPAT4（PC+SP）

ログアウト ログアウト 通常

コードサンプル


<a href="javascript:void(0)" class="nk23_c-header__btn is-style1">
  <img src="画像パス/common/icon/icon_logout.svg" alt="ログアウト">
  <span class="nk23_c-header__btn__text">ログアウト</span>
</a>

TOPのみ - 更新(PC+SP)

10:45 現在 更新 更新 通常
10:45 現在 更新 更新 ホバー

コードサンプル


<a href="javascript:void(0)" class="nk23_c-btn04 is-top">
  <span class="nk23_c-btn04__left">
    <span class="num">10:45</span>現在
  </span>
  <span class="nk23_c-btn04__right">
    <img class="nk23_c-btn04__icon" src="画像パス/common/icon/icon_reverse.svg" alt="更新">更新
  </span>
</a>

下層画面で使用 - 更新(PC+SP)

10:45 現在 更新 更新 通常
10:45 現在 更新 更新 ホバー

コードサンプル

                      
                      <a href="javascript:void(0)" class="nk23_c-btn04">
                        <span class="nk23_c-btn04__left">
                          <span class="num">10:45</span>現在
                        </span>
                        <span class="nk23_c-btn04__right">
                          <img class="nk23_c-btn04__icon" src="画像パス/common/icon/icon_reverse.svg" alt="更新">更新
                        </span>
                      </a>
TOPページ固有

レース傾向

レース傾向

コードサンプル

                      
                        <a href="javascript:void(0)" class="nk23_c-btn03 is-color3 is-icon01">
                          <span class="nk23_c-btn03__text">レース傾向</span>
                        </a>

一般

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル

                  
                  <div class="nk23_c-block08__btn">
<a href="javascript:void(0)" class="nk23_c-btn02 is-style1">
                      <span class="nk23_c-btn02__text">
                        <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find.svg" alt="通常">
                        <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_find-white.svg" alt="通常">
                        通常</span>
                  </a>

                  ※imgタグでそれぞれアイコンを読み込む。
                  is-activeクラスのついたimgタグは選択中デザインで使用する。
                </div>

浦和

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル

                
                <div class="nk23_c-block08__btn">
<a href="javascript:void(0)" class="nk23_c-btn02 is-style1 is-btn-urawa">
                    <span class="nk23_c-btn02__text">
                      <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find-blue.svg" alt="通常">
                      <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_rank-white.svg" alt="通常">
                      通常</span>
                </a>
                </div>

船橋

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル

                
                <div class="nk23_c-block08__btn">
 <a href="javascript:void(0)" class="nk23_c-btn02 is-style1 is-btn-funabashi">
                    <span class="nk23_c-btn02__text">
                      <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find-green.svg" alt="通常">
                      <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_rank-white.svg" alt="通常">
                      通常</span>
                </a>
                </div>

大井

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル

                      
                      <div class="nk23_c-block08__btn">
 <a href="javascript:void(0)" class="nk23_c-btn02 is-style1 is-btn-ooi">
                          <span class="nk23_c-btn02__text">
                            <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find-red.svg" alt="通常">
                            <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_rank-white.svg" alt="通常">
                            通常</span>
                            </a>
                </div>

川崎

通常 通常 通常 通常
ホバー ホバー ホバー ホバー
選択中 選択中 選択中 選択中
非活性 非活性 非活性 非活性

コードサンプル

                      
                      <div class="nk23_c-block08__btn">
<a href="javascript:void(0)" class="nk23_c-btn02 is-style1 is-btn-kawasaki">
                          <span class="nk23_c-btn02__text">
                            <img class="nk23_c-btn02__icon" src="画像パス/common/icon/icon_find-turquoise.svg" alt="通常">
                            <img class="nk23_c-btn02__icon is-active" src="画像パス/common/icon/icon_rank-white.svg" alt="通常">
                            通常</span>
                            </a>
                </div>
年間開催日程固有
昼開催 昼開催
薄暮開催 薄暮開催
ナイター開催 ナイター開催
番組 番組表へ

コードサンプル

										
<a href="javascript:void(0)" class="nk23_c-table21__icon is-style1">
	<img src="/assets/images/common/icon/icon_sun.svg" alt="昼開催">
</a>
その他

設定 ※イレギュラーで文字の太さはRegular

設定 設定

コードサンプル

										
<span class="nk23_c-btn01 nk23_c-btn01--setting">
	<img src="/assets/images/common/icon/icon_setting_white.svg" alt="設定">
	設定
</span>
重賞分析

浦和

重賞分析 通常
重賞分析 ホバー
重賞分析 非活性

コードサンプル

                      
                        <div class="c-dev-group__box nk23_c-block08__btn">
      <a href="javascript:void(0)" class="nk23_c-btn03 is-btn-urawa is-style1">
    										    <span class="nk23_c-btn03__text">重賞分析</span>
      </a> <span class="c-dev-status__text">通常</span>
    </div>

船橋

重賞分析 通常
重賞分析 ホバー
重賞分析 非活性

コードサンプル

                      
                        <div class="c-dev-group__box nk23_c-block08__btn">
      <a href="javascript:void(0)" class="nk23_c-btn03 is-btn-funabashi is-style1">
    										    <span class="nk23_c-btn03__text">重賞分析</span>
      </a> <span class="c-dev-status__text">通常</span>
    </div>

大井

重賞分析 通常
重賞分析 ホバー
重賞分析 非活性

コードサンプル

                      
                        <div class="c-dev-group__box nk23_c-block08__btn">
      <a href="javascript:void(0)" class="nk23_c-btn03 is-btn-ooi is-style1">
    										    <span class="nk23_c-btn03__text">重賞分析</span>
      </a> <span class="c-dev-status__text">通常</span>
    </div>

川崎

重賞分析 通常
重賞分析 ホバー
重賞分析 非活性

コードサンプル

                      
                        <div class="c-dev-group__box nk23_c-block08__btn">
      <a href="javascript:void(0)" class="nk23_c-btn03 is-btn-kawasaki is-style1">
    										    <span class="nk23_c-btn03__text">重賞分析</span>
      </a> <span class="c-dev-status__text">通常</span>
    </div>

2-3 アイコン

header用アイコン
  1. ログアウト

    icon_logout

  2. 検索

    icon_search

グローバルナビ
  1. トップ

    icon_home

  2. 開催情報

    icon_newspaper

  3. SPAT4

    icon_horse

  4. データBOX

    icon_box

  5. 開催日程

    icon_calendar

  6. 番組・登録馬

    icon_monitor

  7. Myページ

    icon_docuser

  8. 番組表

    icon_program-guide

  9. 登録馬

    icon_registered-horse

  10. 映像

    icon_movie01

天候
  1. 晴れ

    icon_weather-clear

  2. 曇り

    icon_weather-cloudy

  3. 小雨

    icon_weather-light_rain

  4. 雨

    icon_weather-rain

  5. 小雪

    icon_weather-light-snow

  6. 雪

    icon_weather-snow

その他
  1. リロード

    icon_reverse

  2. カメラ

    icon_camera

  3. 設定

    icon_setting_white

  4. ヘルプ

    icon_help

  5. キャリーオーバー

    icon_coins1

  6. 経過・結果

    icon_reversecoin

  7. 昼

    icon_sun

  8. 薄暮

    icon_sunset

  9. 薄暮カラー

    icon_sunset-orange

  10. ナイター

    icon_moon1

  11. ナイターカラー

    icon_moon

  12. 重賞

    ico-graderace

  13. #C9C9C9

    #221F1F

    ライン矢印

各競馬場、SPAT4ロゴ
  1. 浦和

    ico-urw

  2. 船橋

    ico-tck

  3. 大井

    ico-fnb

  4. 川崎

    ico-kws

  5. SPAT4

    icon_horse-blue

  6. SPAT4 LOTO

    logo_spat4lotg

  7. SPAT4

    logo_spat4-blue

テーブル
  1. 縦横にスライド
  2. 横にスライド
レース分析（レース分析トップ 専用）
  1. 馬分析

    icon_find_horse

  2. レース分析

    icon_find_horseshoe

  3. 騎手分析

    icon_find_helmet

  4. 勝ちパターン

    icon_find_chart

  5. コース分析

    icon_find_race

既存流用ページ
  1. Qアイコン

    icon_q

  2. トップへ戻る

    icon_triangle

  3. 三角矢印

    ico-02.gif

  4. Q&A

    icon_q&a

  5. ご案内

    icon_info

  6. ご意見・ご要望

    icon_mail

  7. 外部リンク

    icon_blk1

  8. 別ウィンドウ

    icon_blk2

  9. Pdf

    icon_pdf

TOP,レース一覧
  1. 投票

    icon_checkdoc

  2. 出走表

    icon_exodus

  3. 結果

    icon_ranking

  4. 払戻金

    icon_yen

  5. 騎乗

    icon_horse2

  6. ライブ映像

    icon_movie02

  7. 分析

    icon_find

  8. オッズ

    icon_growth

  9. 変更

    icon_docreserve-red

  10. 経過・結果

    icon_reversecoin

  11. 取止

    icon_cancel-red

南関東4競馬場のカラーが適用されるアイコン
  • 重賞分析(川崎)
  • 重賞分析(川崎)
  • 重賞分析(川崎)
  • 重賞分析(川崎)

重賞分析

  • 対戦表(川崎)
  • 対戦表(川崎)
  • 対戦表(川崎)
  • 対戦表(川崎)

対戦表

  • 持時計(川崎)
  • 持時計(川崎)
  • 持時計(川崎)
  • 持時計(川崎)

持時計

  • 種牡馬(川崎)
  • 種牡馬(川崎)
  • 種牡馬(川崎)
  • 種牡馬(川崎)

種牡馬

  • マップ(浦和)
  • マップ(浦和)
  • マップ(大井)
  • マップ(川崎)

マップ

2-4 テーブル

PCの表示パターン
XSサイズ w:309px

お気に入り馬

一覧へ
No. 馬名 性齢 所属
1 ヨイチビーム 牡11
2 パナプリ 牡5 名古屋
3 ジャックフロスト 牡4 抹消
4 ピエナケープ セ9 川崎
5 ヴァイオイルステラ 牡4 大井

コードサンプル

                  
                    <section class="p-my_index2">
                    <div class="p-my_index2__item">
                      <div class="nk23_c-table01 nk23_c-table01--style3">
                        <div class="nk23_l-container">
                          <div class="nk23_c-table01__top">
                            <p class="nk23_c-table01__title">お気に入り馬</p>
                            <a href="javascript:void(0)" class="nk23_c-link no-icon">一覧へ</a>
                          </div>
                          <div class="nk23_c-table01__wrap">
                            <div class="nk23_c-table01__inner">
                              <table class="nk23_c-table01__table">
                                <thead>
                                  <tr>
                                    <th>No.</th>
                                    <th>馬名</th>
                                    <th>性齢</th>
                                    <th>所属</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>1</td>
                                    <td>ヨイチビーム</td>
                                    <td>牡11</td>
                                    <td></td>
                                  </tr>
                                  <tr>
                                    <td>2</td>
                                    <td>パナプリ</td>
                                    <td>牡5</td>
                                    <td>名古屋</td>
                                  </tr>
                                  <tr>
                                    <td>3</td>
                                    <td>ジャックフロスト</td>
                                    <td>牡4</td>
                                    <td class="nk23_u-color1"><strong>抹消</strong></td>
                                  </tr>
                                  <tr>
                                    <td>4</td>
                                    <td>ピエナケープ</td>
                                    <td>セ9</td>
                                    <td>川崎</td>
                                  </tr>
                                  <tr>
                                    <td>5</td>
                                    <td>ヴァイオイルステラ</td>
                                    <td>牡4</td>
                                    <td>大井</td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <p class="nk23_c-text01 is-style1">（全12頭中5頭を表示）</p>
                    </div>
                  </section>
Sサイズ w:472px（PC表示のみ）

・2カラムの場合に使用する。

R 枠番 馬番 馬名 人気 出走馬数
3R 7 11 カプアーノ 13人 14頭
4R 2 2 ケイサンホイミ 8人 16頭
12R 8 8 ラッキーストーリー 13人 14頭
横にスライド

コードサンプル

  
  <div class="nk23_c-table01 w-472 js-scroll-datatable">
                  <div class="nk23_l-container">
                    <div class="nk23_c-table01__wrap">
                      <div class="nk23_c-table01__inner" data-scrollbar>
                        <table class="nk23_c-table01__table">
                          <thead>
                            <tr>
                              <th>R</th>
                              <th>枠番</th>
                              <th>馬番</th>
                              <th class="is-w-auto">馬名</th>
                              <th>人気</th>
                              <th>出走馬数</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">3R</a></td>
                              <td class="nk23_u-bg-color17"><strong>7</strong></td>
                              <td class="text-center">11</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">カプアーノ</a>
                              </td>
                              <td>13人</td>
                              <td>14頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">4R</a></td>
                              <td><strong>2</strong></td>
                              <td class="text-center">2</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ケイサンホイミ</a>
                              </td>
                              <td>8人</td>
                              <td>16頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">12R</a></td>
                              <td class="nk23_u-bg-color14"><strong>8</strong></td>
                              <td class="text-center">8</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ラッキーストーリー</a>
                              </td>
                              <td>13人</td>
                              <td>14頭</td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="nk23_c-table01__icon js-table-icon is-show sp"> <img src="画像パス/common/icon/icon_swipe.svg" alt="横にスライド"> </div>
                    </div>
                  </div>
                </div>

w-472クラスをつけることで、テーブルのサイズを指定。
is-w-autoクラスをつけることで、最長の列の幅を固定できる。
枠番の太字はstrongタグで囲む。

背景色や文字色、テキストの一はユーティリティクラスで指定。
（例）nk23_u-bg-color17、text-center、text-left

※スマホのみスワイプアイコンを表示し、icon_swipe.svg読み込んでいる。
Mサイズ w:640px（PC表示のみ）

・テーブルの項目数が少なく、列が間延びし表が見ずらくなる場合に使用する。

R 枠番 馬番 馬名 人気 着 出走馬数
3R 7 11 カプアーノ 13人 6着 14頭
4R 2 2 ケイサンホイミ 8人 7着 16頭
12R 8 8 ラッキーストーリー 13人 13着 14頭
横にスライド

コードサンプル

  
  <div class="nk23_c-table01 w-640 js-scroll-datatable">
                  <div class="nk23_l-container">
                    <div class="nk23_c-table01__wrap">
                      <div class="nk23_c-table01__inner" data-scrollbar>
                        <table class="nk23_c-table01__table">
                          <thead>
                            <tr>
                              <th>R</th>
                              <th>枠番</th>
                              <th>馬番</th>
                              <th class="is-w-auto">馬名</th>
                              <th>人気</th>
                              <th>着</th>
                              <th>出走馬数</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">3R</a></td>
                              <td class="nk23_u-bg-color17"><strong>7</strong></td>
                              <td class="text-center">11</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">カプアーノ</a>
                              </td>
                              <td>13人</td>
                              <td>6着</td>
                              <td>14頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">4R</a></td>
                              <td><strong>2</strong></td>
                              <td class="text-center">2</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ケイサンホイミ</a>
                              </td>
                              <td>8人</td>
                              <td>7着</td>
                              <td>16頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">12R</a></td>
                              <td class="nk23_u-bg-color14"><strong>8</strong></td>
                              <td class="text-center">8</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ラッキーストーリー</a>
                              </td>
                              <td>13人</td>
                              <td>13着</td>
                              <td>14頭</td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="nk23_c-table01__icon js-table-icon is-show sp">
                        <img src="画像パス/common/icon/icon_swipe.svg" alt="横にスライド">
                      </div>
                    </div>
                  </div>
                </div>

w-640クラスをつけることで、テーブルのサイズを指定。
Lサイズ w:960px（PC表示のみ）

・コンテンツ幅が960pxなので、なるべくLサイズのテーブルを使用する。

R 枠番 馬番 馬名 人気 着 出走馬数
3R 7 11 カプアーノ 13人 6着 14頭
4R 2 2 ケイサンホイミ 8人 7着 16頭
12R 8 8 ラッキーストーリー 13人 13着 14頭
横にスライド

コードサンプル

  
  <div class="nk23_c-table01 w-960 js-scroll-datatable">
                  <div class="nk23_l-container">
                    <div class="nk23_c-table01__wrap">
                      <div class="nk23_c-table01__inner" data-scrollbar>
                        <table class="nk23_c-table01__table">
                          <thead>
                            <tr>
                              <th>R</th>
                              <th>枠番</th>
                              <th>馬番</th>
                              <th class="is-w-auto">馬名</th>
                              <th>人気</th>
                              <th>着</th>
                              <th>出走馬数</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">3R</a></td>
                              <td class="nk23_u-bg-color17"><strong>7</strong></td>
                              <td class="text-center">11</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">カプアーノ</a>
                              </td>
                              <td>13人</td>
                              <td>6着</td>
                              <td>14頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">4R</a></td>
                              <td><strong>2</strong></td>
                              <td class="text-center">2</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ケイサンホイミ</a>
                              </td>
                              <td>8人</td>
                              <td>7着</td>
                              <td>16頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">12R</a></td>
                              <td class="nk23_u-bg-color14"><strong>8</strong></td>
                              <td class="text-center">8</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ラッキーストーリー</a>
                              </td>
                              <td>13人</td>
                              <td>13着</td>
                              <td>14頭</td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="nk23_c-table01__icon js-table-icon is-show sp">
                        <img src="画像パス/common/icon/icon_swipe.svg" alt="横にスライド">
                      </div>
                    </div>
                  </div>
                </div>

w-960クラスをつけることで、テーブルのサイズを指定。
XLサイズ w:1200px

・項目数が多くLサイズのテーブルだと収まらない場合に使用する。

R 枠番 馬番 馬名 人気 例1 例2 例3 例4 例5 例6 例7 例8 例9 例10 着 出走馬数
3R 7 11 カプアーノ 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 6着 14頭
4R 2 2 ケイサンホイミ 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 7着 16頭
12R 8 8 ラッキーストーリー 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 13人 13着 14頭
横にスライド

コードサンプル

  
  <div class="nk23_c-table01  w-1200 js-scroll-datatable">
                  <div class="nk23_l-container1">
                    <div class="nk23_c-table01__wrap">
                      <div class="nk23_c-table01__inner" data-scrollbar>
                        <table class="nk23_c-table01__table">
                          <thead>
                            <tr>
                              <th>R</th>
                              <th>枠番</th>
                              <th>馬番</th>
                              <th class="is-w-auto">馬名</th>
                              <th>人気</th>
                              <th>例1</th>
                              <th>例2</th>
                              <th>例3</th>
                              <th>例4</th>
                              <th>例5</th>
                              <th>例6</th>
                              <th>例7</th>
                              <th>例8</th>
                              <th>例9</th>
                              <th>例10</th>
                              <th>着</th>
                              <th>出走馬数</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">3R</a></td>
                              <td class="nk23_u-bg-color17"><strong>7</strong></td>
                              <td class="text-center">11</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">カプアーノ</a>
                              </td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>6着</td>
                              <td>14頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">4R</a></td>
                              <td><strong>2</strong></td>
                              <td class="text-center">2</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ケイサンホイミ</a>
                              </td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>7着</td>
                              <td>16頭</td>
                            </tr>
                            <tr>
                              <td class="nk23_u-color"><a href="javascript:void(0)" class="nk23_u-colorlink">12R</a></td>
                              <td class="nk23_u-bg-color14"><strong>8</strong></td>
                              <td class="text-center">8</td>
                              <td class="nk23_u-color text-left">
                                <a href="javascript:void(0)" class="nk23_u-colorlink">ラッキーストーリー</a>
                              </td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13人</td>
                              <td>13着</td>
                              <td>14頭</td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="nk23_c-table01__icon js-table-icon is-show sp">
                        <img src="画像パス/common/icon/icon_swipe.svg" alt="横にスライド">
                      </div>
                    </div>
                  </div>
                </div>

w-1200クラスをつけることで、テーブルのサイズを指定。
ソートありテーブル

・「オッズを見る」ボタンを押下していただくと確認できます。

買い目プレビュー

普通馬複

1頭目 1
2頭目
2 3 4 5 6 7 8 9 10
11 12

買い目数

11点

三連単

1着 1
2着
2 3 4 5 6 7 8 9 10
11 12
3着 16

買い目数

11点

オッズを見る

普通馬複

組み合わせ オッズ
12 2.9
13 43.1
14 5.6
15 17.0
16 23.7
17 23.7
18 23.7
19 23.7
110 2.9
111 43.1
112 5.6

三連単

組み合わせ オッズ
11216 549.2
11116 2869.5
11016 23.7
1916 23.7
1816 23.7
1716 23.7
1616 23.7
1516 23.7
1416 23.7
1316 23.7
1216 23.7

オッズを見る

コードサンプル

										
<div class="nk23_c-block13">
	<div class="nk23_c-block13__info">
		<div class="nk23_c-block13__detail">
			<div class="nk23_c-preview js-accordion2">
				<p class="nk23_c-preview__ttl">買い目プレビュー</p>
				<div class="nk23_c-preview__wrap js-accordion">
					<div class="nk23_c-preview__content js-accordion-content">
						<div class="nk23_c-block12">
							<p class="nk23_c-block12__title">普通馬複</p>
							<div class="nk23_c-block12__row">
								<div class="nk23_c-block12__left">
									<table class="nk23_c-block12__table">
										<tbody>
											<tr>
												<th>1頭目</th>
												<td><span class="nk23_c-block12__number">1</span>
												</td>
											</tr>
											<tr>
												<th>2頭目</th>
												<td>
													<div>
														<span class="nk23_c-block12__number">2</span>
														<span class="nk23_c-block12__number">3</span>
														<span class="nk23_c-block12__number">4</span>
														<span class="nk23_c-block12__number">5</span>
														<span class="nk23_c-block12__number">6</span>
														<span class="nk23_c-block12__number">7</span>
														<span class="nk23_c-block12__number">8</span>
														<span class="nk23_c-block12__number">9</span>
														<span class="nk23_c-block12__number">10</span>
													</div>
													<span class="nk23_c-block12__number">11</span>
													<span class="nk23_c-block12__number">12</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="nk23_c-block12__right">
									<div class="nk23_c-block12__content">
										<p>買い目数</p>
										<p class="nk23_c-block12__price"><span>11</span>点</p>
									</div>
								</div>
							</div>
						</div>
						<div class="nk23_c-block12">
							<p class="nk23_c-block12__title">三連単</p>
							<div class="nk23_c-block12__row">
								<div class="nk23_c-block12__left">
									<table class="nk23_c-block12__table">
										<tbody>
											<tr>
												<th>1着</th>
												<td><span class="nk23_c-block12__number">1</span>
												</td>
											</tr>
											<tr>
												<th>2着</th>
												<td>
													<div>
														<span class="nk23_c-block12__number">2</span>
														<span class="nk23_c-block12__number">3</span>
														<span class="nk23_c-block12__number">4</span>
														<span class="nk23_c-block12__number">5</span>
														<span class="nk23_c-block12__number">6</span>
														<span class="nk23_c-block12__number">7</span>
														<span class="nk23_c-block12__number">8</span>
														<span class="nk23_c-block12__number">9</span>
														<span class="nk23_c-block12__number">10</span>
													</div>
													<span class="nk23_c-block12__number">11</span>
													<span class="nk23_c-block12__number">12</span>
												</td>
											</tr>
											<tr>
												<th>3着</th>
												<td><span class="nk23_c-block12__number">16</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="nk23_c-block12__right">
									<div class="nk23_c-block12__content">
										<p>買い目数</p>
										<p class="nk23_c-block12__price"><span>11</span>点</p>
									</div>
								</div>
							</div>
						</div>
						<p class="nk23_c-btn01 btn-close is-open"><span class="nk23_c-btn01__text">オッズを見る</span></p>
						<div class="nk23_c-table09">
							<p class="nk23_c-table09__title">普通馬複</p>
							<div class="nk23_c-table09__wrap">
								<table class="nk23_c-table09__table js-tableSort">
									<thead>
										<tr>
											<th>組み合わせ</th>
											<th>オッズ</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">2</span>
											</td>
											<td class="nk23_u-color33">2.9</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">3</span>
											</td>
											<td>43.1</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">4</span>
											</td>
											<td class="nk23_u-color33">5.6</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">5</span>
											</td>
											<td>17.0</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">6</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">7</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">8</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">9</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">10</span>
											</td>
											<td class="nk23_u-color33">2.9</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">11</span>
											</td>
											<td>43.1</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">12</span>
											</td>
											<td class="nk23_u-color33">5.6</td>
										</tr>
									</tbody>
								</table>
								<p class="nk23_c-table09__title nk23_c-table09__title--style2">三連単
								</p>
								<table class="nk23_c-table09__table js-tableSort">
									<thead>
										<tr>
											<th>組み合わせ</th>
											<th>オッズ</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">12</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>549.2</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">11</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td class="nk23_u-color14">2869.5</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">10</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">9</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">8</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">7</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">6</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">5</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">4</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">3</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
										<tr>
											<td><span class="nk23_c-table09__dash">1</span><span class="nk23_c-table09__dash">2</span><span class="nk23_c-table09__dash">16</span>
											</td>
											<td>23.7</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="nk23_c-preview__btn btn-open">
						<p class="nk23_c-btn02 is-style1">
							<span class="nk23_c-btn02__text">オッズを見る</span>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

2-5 共通メニュー

header
全体

南関東4競馬場公式ウェブサイト nankankeiba.com

SPAT4 プレミアム
ポイント SPAT4 投票 投票・加入
MENU
SPAT4 プレミアムポイント SPAT4 投票
更新 更新

コードサンプル

  
<div class="nk23_c-header is-login js-header">
            <div class="nk23_c-header__top">
                <h1 class="nk23_c-header__logo">
                    <a href="/" class="nk23_c-header__logo__link">
                        <img src="img/common/logo.svg" alt="南関東4競馬場公式ウェブサイト nankankeiba.com">
                    </a>
                </h1>
                <div class="nk23_c-header__top__right">
                    <div class="nk23_c-header__form pc">
                        <form class="nk23_c-header__form__inner">
                            <ul class="nk23_c-header__list">
                                <li class="nk23_c-header__list__item is-active">
                                    <span class="nk23_c-header__list__text">競走馬名</span>
                                </li>

                            <!--省略-->

                            </ul>
                            <div class="nk23_c-header__form__input">
                                <input type="text" placeholder="全角カタカナ / 前方一致検索">
                            </div>
                            <button class="nk23_c-header__form__btn" type="submit">
                                <img src="img/common/icon/icon_search.svg" alt="seach">
                            </button>
                        </form>
                    </div>

                    <div class="nk23_c-header__btns">
                        <a href="javascript:void(0)" class="nk23_c-header__btn">
                            <img src="img/common/icon/logo_spat4.png" alt="SPAT4">
                            <span class="nk23_c-header__btn__text">プレミアム<br>ポイント</span>
                        </a>
                        <a href="javascript:void(0)" class="nk23_c-header__btn is-color1">
                            <img src="img/common/icon/logo_spat4.png" alt="SPAT4">
                            <span class="nk23_c-header__btn__text">投票・加入</span>
                        </a>
                                                    <a href="javascript:void(0)" class="nk23_c-header__btn is-style1 pc">
                                <img src="img/common/icon/icon_logout.svg" alt="ログアウト">
                                <span class="nk23_c-header__btn__text">ログアウト</span>
                            </a>
                                            </div>

                    <div class="nk23_c-header__btnmenu sp js-menu">MENU</div>
                </div>
            </div>
            <div class="nk23_c-header__middle">
                <nav class="nk23_c-header__menu js-header-slide swiper">
                    <ul class="nk23_c-header__menu__inner swiper-wrapper">
                        <li class="nk23_c-header__menu__item swiper-slide ">
                            <a href="/" class="nk23_c-header__menu__text" style="width: 120px;">
                                <img src="img/common/icon/icon_home.svg" alt="ログアウト">
                                <img class="is-active" src="img/common/icon/icon_home-white.svg" alt="ログアウト">
                                トップ
                            </a>
                        </li>
                        <li class="nk23_c-header__menu__item swiper-slide has-menuchild ">
                            <a href="/best" class="nk23_c-header__menu__text" style="width: 134px;">
                                <img src="img/common/icon/icon_newspaper.svg" alt="開催情報">
                                <img class="is-active" src="img/common/icon/icon_newspaper-white.svg" alt="開催情報">
                                開催情報
                            </a>

                            <div class="nk23_c-header__child pc" style="left: -13px;">
                                <div class="nk23_c-header__child__inner">
                                    <div class="nk23_c-header__child__col">
                                        <p class="nk23_c-header__child__title">レース情報</p>
                                        <ul class="nk23_c-header__menuchild">
                                            <li class="nk23_c-header__menuchild__item is-active ">
                                                <a href="javascript:void(0)" class="nk23_c-header__menuchild__text">- 出走表・オッズ一覧</a>
                                            </li>

                                            <!--省略-->

                                        </ul>
                                    </div>
                                    <div class="nk23_c-header__child__col">
                                        <p class="nk23_c-header__child__title">SPAT4LOTO トリプル馬単</p>
                                        <ul class="nk23_c-header__menuchild">
                                            <li class="nk23_c-header__menuchild__item ">
                                                <a href="javascript:void(0)" class="nk23_c-header__menuchild__text">- 本日のSPAT4LOTO
                                                    トリプル馬単</a>
                                            </li>

                                          <!--省略-->

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>

                    <!--省略-->

                    </ul>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </nav>
            </div>
            <div class="nk23_c-header__bottom">
                <div class="nk23_c-header__submenu">
                    <ul class="nk23_c-header__submenu__inner">
                        <li class="nk23_c-header__submenu__item ">
                            <a href="javascript:void(0)" class="nk23_c-header__submenu__text">レース一覧</a>
                        </li>

                        <!--省略-->

                    </ul>
                </div>
            </div>
            <div class="nk23_c-header__content sp">
                <div class="nk23_c-header__content__inner">
                    <div class="nk23_c-header__btns">
                        <a href="javascript:void(0)" class="nk23_c-header__btn">
                            <img src="img/common/icon/logo_spat4.png" alt="SPAT4">
                            <span class="nk23_c-header__btn__text">プレミアムポイント</span>
                        </a>
                        <a href="javascript:void(0)" class="nk23_c-header__btn is-color1">
                            <img src="img/common/icon/logo_spat4.png" alt="SPAT4">
                            <span class="nk23_c-header__btn__text">投票・加入</span>
                        </a>
                                                    <a href="javascript:void(0)" class="nk23_c-header__btn is-style1">
                                <img src="img/common/icon/icon_logout.svg" alt="ログアウト">
                                <span class="nk23_c-header__btn__text">ログアウト</span>
                            </a>
                                            </div>

                    <div class="nk23_c-header__form">
                        <form class="nk23_c-header__form__inner">
                            <ul class="nk23_c-header__list">
                                <li class="nk23_c-header__list__item is-active">
                                    <span class="nk23_c-header__list__text">競走馬名</span>
                                </li>

                            <!--省略-->

                            </ul>
                            <div class="nk23_c-header__form__input">
                                <input type="text" placeholder="全角カタカナ / 前方一致検索">
                            </div>
                            <button class="nk23_c-header__form__btn" type="submit">
                                <img src="img/common/icon/icon_search.svg" alt="seach">
                            </button>
                        </form>
                    </div>

                    <nav class="nk23_c-header__menu">
                        <ul class="nk23_c-header__menu__inner">
                            <li class="nk23_c-header__menu__item is-home">
                                <a href="javascript:void(0)" class="nk23_c-header__menu__text" style="width: 2px;">
                                    <img src="img/common/icon/icon_home.svg" alt="ログアウト">
                                    トップ
                                </a>
                            </li>
                            <li class="nk23_c-header__menu__item has-menuchild">
                                <span class="nk23_c-header__menu__text js-menu-accor" style="width: 2px;">
                                    <img src="img/common/icon/icon_newspaper.svg" alt="開催情報">
                                    開催情報
                                </span>

                                <div class="nk23_c-header__child js-menu-accorcontent">
                                    <div class="nk23_c-header__child__inner">
                                        <div class="nk23_c-header__child__col">
                                            <p class="nk23_c-header__child__title js-menu-accor">レース情報</p>
                                            <ul class="nk23_c-header__menuchild js-menu-accorcontent">
                                                <li class="nk23_c-header__menuchild__item  is-active">
                                                    <a href="javascript:void(0)" class="nk23_c-header__menuchild__text">出走表・オッズ一覧</a>
                                                </li>
                                                <li class="nk23_c-header__menuchild__item ">
                                                    <a href="javascript:void(0)" class="nk23_c-header__menuchild__text">変更情報一覧</a>
                                                </li>

                                                <!--省略-->

                                            </ul>
                                        </div>

                                    <!--省略-->

                                    </div>
                                </div>
                            </li>

                            <!--省略-->

                        </ul>
                    </nav>
                </div>
            </div>
        </div>

nk23_c-headerの子コンポーネントとしてnk23_c-header__top、nk23_c-header__middle、nk23_c-header__bottom、nk23_c-header__contentの4つのコンポーネントがあります。

js-header-slideクラスでswiperプラグインを発火させています。スライドさせたい要素にはswiper-slideをつけます。

メガメニューにはnk23_c-header__childにはpcクラスもついており、PCでしか表示されません。

スマホ用メニューのnk23_c-header__contentにはspクラスもついており、PCでしか表示されません。

アコーディオンはjs-menu-accorクラスでアコーディオンの発火し、js-menu-accorcontentクラスがついた部分が開閉します。
現在のページ

・現在のページは背景色を黒くして表します。

ヘッダー

コードサンプル

  
<li class="nk23_c-header__menu__item swiper-slide has-menuchild is-active">
    <!--省略-->
</li>

現在のページを表すにはliタグにis-activeを付与することで、背景色が黒になります。
footer
全体

開催情報開催情報

SPAT4SPAT4

データBOXデータBOX

開催日程開催日程

番組・登録馬番組・登録馬

MyページMyページ

copyright(C)nankankeiba.com all rights reserved.

コードサンプル

  
 <div class="nk23_c-footer js-footer">
   <div class="nk23_c-footer__top pc">
    <div class="nk23_l-container">
      <div class="nk23_c-footer__col">
        <p class="nk23_c-footer__title"><img src="<?php echo $imgPath ?>common/icon/icon_newspaper-white.svg" alt="開催情報">開催情報</p>
        <ul class="nk23_c-footer__menulist">
          <li class="nk23_c-footer__menulist__item">
            <a href="javascript:void(0)" class="nk23_c-footer__menulist__text">レース情報</a>
            <ul class="nk23_c-footer__menu">
              <li class="nk23_c-footer__menu__item">
                <a href="javascript:void(0)" class="nk23_c-footer__menu__text">- レース一覧</a>
                <ul class="nk23_c-footer__menusub">
                  <li class="nk23_c-footer__menusub__item">
                    <a href="javascript:void(0)" class="nk23_c-footer__menusub__text is-disable">出走表</a>
                  </li>
                  <li class="nk23_c-footer__menusub__item">
                    <a href="javascript:void(0)" class="nk23_c-footer__menusub__text is-disable">オッズ</a>
                    <ul class="nk23_c-footer__menuchild">
                      <li class="nk23_c-footer__menuchild__item">
                        <a href="javascript:void(0)" class="nk23_c-footer__menuchild__text is-disable">人気・高配当順</a>
                      </li>
                      <!--省略-->
                    </ul>
                  </li>
                  <!--省略-->
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="nk23_c-footer__menu__item">
                <a href="javascript:void(0)" class="nk23_c-footer__menu__text">- 変更情報一覧</a>
              </li>
               <!--省略-->
          <li class="nk23_c-footer__menulist__item">
            <a href="javascript:void(0)" class="nk23_c-footer__menulist__text">SPAT4LOTO トリプル馬単</a>
            <ul class="nk23_c-footer__menu">
              <li class="nk23_c-footer__menu__item">
                <a href="javascript:void(0)" class="nk23_c-footer__menu__text">- 本日のSPAT4LOTO トリプル馬単</a>
              </li>
              <!--省略-->
            </ul>
          </li>
        </ul>
      </div>
      <!--省略-->
    </div>
  </div>
  <div class="nk23_c-footer__bottom">
    <div class="nk23_l-container">
      <ul class="nk23_c-footer__menubot">
        <li class="nk23_c-footer__menubot__item">
          <a href="javascript:void(0)" class="nk23_c-footer__menubot__link">お問合せ・Q&A</a>
        </li>
        <li class="nk23_c-footer__menubot__item">
          <a href="javascript:void(0)" class="nk23_c-footer__menubot__link">サイトマップ</a>
        </li>
        <li class="nk23_c-footer__menubot__item">
          <a href="javascript:void(0)" class="nk23_c-footer__menubot__link">ご案内</a>
        </li>
      </ul>
      <p class="nk23_c-footer__copyright">copyright(C)nankankeiba.com all rights reserved.</p>
    </div>
   </div>

   <a href="#wrapper" class="nk23_c-footer__totop js-totop"></a>
</div>

※nk23_c-footerの子コンポーネントとしてnk23_c-footer__top、nk23_c-footer__bottomの2つのコンポーネントがあります。

nk23_c-footer__top pcにはPCクラスもついており、PCでしか表示されません。

nk23_c-footer__bottom部分はPC・SP共通です。

メニューは4階層構造で、nk23_c-footer__menulist、nk23_c-footer__menu、nk23_c-footer__menusub、nk23_c-footer__menuchildの4つのUlタグを入れ子にします。

2-6 スライダー

スライドの基本
SPAT4プレミアムポイントスライダー
dummy-image
dummy-image
dummy-image

コードサンプル

                  
                    <div class="nk23_c-block03">
                      <div class="nk23_c-block03__info">
                        <div class="nk23_c-slide01 swiper js-slide01">
                          <div class="nk23_c-slide01__wrap swiper-wrapper">
                            <div class="nk23_c-slide01__item swiper-slide">
                              <a href="javascript:void(0)" class="nk23_c-slide01__link">
                                <figure class="nk23_c-slide01__img">
                                  <img src="<?php echo $imgPath ?>common/slide1.jpg" alt="dummy-image">
                                </figure>
                              </a>
                            </div>
                            <div class="nk23_c-slide01__item swiper-slide">
                              <a href="javascript:void(0)" class="nk23_c-slide01__link">
                                <figure class="nk23_c-slide01__img">
                                  <img src="<?php echo $imgPath ?>common/slide2.jpg" alt="dummy-image">
                                </figure>
                              </a>
                            </div>
                            <div class="nk23_c-slide01__item swiper-slide">
                              <a href="javascript:void(0)" class="nk23_c-slide01__link">
                                <figure class="nk23_c-slide01__img">
                                  <img src="<?php echo $imgPath ?>common/slide3.jpg" alt="dummy-image">
                                </figure>
                              </a>
                            </div>
                          </div>
                          <div class="swiper-pagination"></div>
                          <div class="swiper-button-prev"></div>
                          <div class="swiper-button-next"></div>
                        </div>
                      </div>
                  </div>
                  js-slide01クラスでswiperプラグインを発火させています。スライドさせたい要素にはswiper-slideをつけます。

2-7 タブ型メニュー

競馬場選択タブ

非選択

tab6 line

コードサンプル

										
                      <div class="nk23_c-tab6">
                        <div class="nk23_c-tab6__top" data-js="line-tab">
                          <ul class="nk23_c-tab6__navi">
                            <li class="nk23_c-tab6__navi__item">
                              <span class="nk23_c-tab6__navi__text is-active is-bg-urawa" data-js="tab2" data-tab-target="浦和" data-line-item data-line-class="is-bg-urawa">浦和</span>
                            </li>
                            <li class="nk23_c-tab6__navi__item">
                              <span class="nk23_c-tab6__navi__text is-bg-funabashi" data-js="tab2" data-tab-target="船橋" data-line-item data-line-class="is-bg-funabashi">船橋</span>
                            </li>
                            <li class="nk23_c-tab6__navi__item">
                              <span class="nk23_c-tab6__navi__text is-bg-ooi" data-js="tab2" data-tab-target="大井" data-line-item data-line-class="is-bg-ooi">大井</span>
                            </li>
                            <li class="nk23_c-tab6__navi__item">
                              <span class="nk23_c-tab6__navi__text is-bg-kawasaki" data-js="tab2" data-tab-target="川崎" data-line-item data-line-class="is-bg-kawasaki">川崎</span>
                            </li>
                            <li class="nk23_c-tab6__navi__item">
                              <a class="nk23_c-tab6__navi__text" href="#other-release">他場[x]</a>
                            </li>
                          </ul>
                          <span class="nk23_c-tab6__line" data-line-bar>tab6 line</span>
                        </div>
                      </div>
日付選択 (トップページ固有)
  • 12/21(水)
    • 一覧
    • 直近
  • 12/22(木)
    • 一覧
    • 直近
  • 12/23(金)
    • 一覧
    • 直近

コードサンプル

										
<div class="nk23_c-tab5 js-tab1">
	<div class="nk23_c-tab5__top">
		<ul class="nk23_c-tab5__navi">
			<li class="nk23_c-tab5__navi__item">
			<div class="nk23_c-tab5__navi__text" data-js="tab1" data-tab-target="date1">12/21(水)
					<ul class="nk23_c-tab5__subnavi is-disable sp">
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text is-active">一覧</span>
						</li>
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text">直近</span>
						</li>
					</ul>
				</div>
			</li>
			<li class="nk23_c-tab5__navi__item">
				<div class="nk23_c-tab5__navi__text js-tab1-btn is-active" data-js="tab1" data-tab-target="date2">
					12/22(木)
					<ul class="nk23_c-tab5__subnavi sp">
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text">一覧</span>
						</li>
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text is-active">直近</span>
						</li>
					</ul>
				</div>
			</li>
			<li class="nk23_c-tab5__navi__item">
				<div class="nk23_c-tab5__navi__text" data-js="tab1" data-tab-target="date3">12/23(金)
					<ul class="nk23_c-tab5__subnavi is-disable sp">
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text is-active">一覧</span>
						</li>
						<li class="nk23_c-tab5__subnavi__item">
							<span class="nk23_c-tab5__subnavi__text">直近</span>
						</li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
</div>

2-8 スライド型メニュー

テキストタイプ
  • 12/12(月)
    1日目
  • 12/13(火)
    2日目
  • 12/14(月)
    3日目
  • 12/15(月)
    4日目
  • 12/16(月)
    5日目
  • 12/17(月)
    6日目
  • 12/18(月)
    7日目
tab2 line

コードサンプル

										
<div class="nk23_c-tab2 is-style2 js-tab1">
	<div class="nk23_c-tab2__navi">
		<div class="nk23_c-tab2__navi__wrap swiper js-tab1-slide">
			<ul class="nk23_c-tab2__navi__list swiper-wrapper">
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text js-tab1-btn" data-tab="tab1">
						12/12<span class="is-small2">(月)</span><br>
						<span class="is-small">1日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide is-active">
					<span class="nk23_c-tab2__navi__text is-active js-tab1-btn" data-tab="tab2">
						12/13<span class="is-small2">(火)</span><br>
						<span class="is-small">2日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text is-disable js-tab1-btn" data-tab="tab3">
						12/14<span class="is-small2">(月)</span><br>
						<span class="is-small">3日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text is-disable js-tab1-btn" data-tab="tab4">
						12/15<span class="is-small2">(月)</span><br>
						<span class="is-small">4日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text is-disable js-tab1-btn" data-tab="tab5">
						12/16<span class="is-small2">(月)</span><br>
						<span class="is-small">5日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text is-disable js-tab1-btn" data-tab="tab6">
						12/17<span class="is-small2">(月)</span><br>
						<span class="is-small">6日目</span>
					</span>
				</li>
				<li class="nk23_c-tab2__navi__item swiper-slide">
					<span class="nk23_c-tab2__navi__text is-disable js-tab1-btn" data-tab="tab7">
						12/18<span class="is-small2">(月)</span><br>
						<span class="is-small">7日目</span>
					</span>
				</li>
			</ul>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
			<span class="nk23_c-tab2__line js-tab-line">tab2 line</span>
		</div>
	</div>
</div>

2-9 フォーム

出走表
予想印星
横型・縦型表切り替え
出走表の表示選択
  • 基本
  • 詳細
  • 縦
tab6 line

コードサンプル

										
<div class="nk23_c-switch1__navi js-tab-lines is-loading">
    <ul class="nk23_c-switch1 js-switch1">
        <li class="nk23_c-switch1__item js-line-item">
            <span class="nk23_c-switch1__text js-tab2-btn" data-tab="tab1">基本</span>
        </li>
        <li class="nk23_c-switch1__item js-line-item">
            <span class="nk23_c-switch1__text is-active js-tab2-btn" data-tab="tab2">詳細</span>
        </li>
        <li class="nk23_c-switch1__item js-line-item">
            <a href="/tate_uma_shosai/" class="nk23_c-switch1__text">縦</a>
        </li>
    </ul>
    <span class="nk23_c-switch1__line js-tab-line1">tab6 line</span>
</div>
騎手と馬の相性 https://nankankeiba.test200082.com/aisyou_uma/

騎手別騎乗時成績※96年以降

騎乗履歴欄の表示ボタンを押すと、騎乗時成績一覧 が表示されます。

騎手名 騎乗履歴 成績 勝率 連対率 騎乗履歴
1着 2着 3着 4着以下

山崎誠士

 表示 1 2 2 8 7.7% 23.1% 表示

山林堂信彦

 表示 0 0 0 11 0.0% 0.0% 表示

菅原涼太

 表示 0 0 1 5 0.0% 0.0% 表示

森泰斗

 表示 0 1 0 2 0.0% 33.3% 表示

御神本訓史

 表示 0 0 1 0 0.0% 0.0% 表示

[J]江田照男

 表示 0 0 0 1 0.0% 0.0% 表示

[J]藤田菜七子

 表示 0 0 0 2 0.0% 0.0% 表示

[J]津村明秀

 表示 0 0 0 2 0.0% 0.0% 表示

[J]大野拓弥

 表示 0 0 0 1 0.0% 0.0% 表示

[J]野中悠太郎

 表示 0 0 0 4 0.0% 0.0% 表示
横にスライド

コードサンプル

										
<div class="nk23_c-table01__grtop">
	<p class="nk23_c-table01__title">騎手別騎乗時成績<span class="is-small">※96年以降</span>
	</p>
	<p class="nk23_c-text01">騎乗履歴欄の表示ボタンを押すと、騎乗時成績一覧 が表示されます。</p>
</div>
<div class="nk23_c-table01__wrap">
		<div class="nk23_c-table01__inner" data-scrollbar>
				<table class="nk23_c-table01__table is-full js-modal1">
						<thead>
								<tr>
										<th rowspan="2">騎手名</th>
										<th rowspan="2" class="sp">騎乗履歴</th>
										<th colspan="4">成績</th>
										<th rowspan="2">勝率</th>
										<th rowspan="2">連対率</th>
										<th rowspan="2" class="pc">騎乗履歴</th>
								</tr>
								<tr>
										<td>1着</td>
										<td>2着</td>
										<td>3着</td>
										<td>4着以下</td>
								</tr>
						</thead>
						<tbody>
								<tr>
										<td>
												<p class="has-after">山崎誠士</p>
										</td>
										<td class="sp">
												<span data-modal1="modal3" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>1</td>
										<td>2</td>
										<td>2</td>
										<td>8</td>
										<td>7.7%</td>
										<td>23.1%</td>
										<td class="pc">
												<span data-modal1="modal3" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">山林堂信彦</p>
										</td>
										<td class="sp">
												<span data-modal1="modal4" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>11</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal4" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">菅原涼太</p>
										</td>
										<td class="sp">
												<span data-modal1="modal5" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>1</td>
										<td>5</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal5" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">森泰斗</p>
										</td>
										<td class="sp">
												<span data-modal1="modal6" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>1</td>
										<td>0</td>
										<td>2</td>
										<td>0.0%</td>
										<td>33.3%</td>
										<td class="pc">
												<span data-modal1="modal6" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">御神本訓史</p>
										</td>
										<td class="sp">
												<span data-modal1="modal7" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>1</td>
										<td>0</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal7" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">[J]江田照男</p>
										</td>
										<td class="sp">
												<span data-modal1="modal8" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>1</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal8" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">[J]藤田菜七<span class="pc">子</span></p>
										</td>
										<td class="sp">
												<span data-modal1="modal9" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>2</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal9" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">[J]津村明秀</p>
										</td>
										<td class="sp">
												<span data-modal1="modal10" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>2</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal10" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">[J]大野拓弥</p>
										</td>
										<td class="sp">
												<span data-modal1="modal11" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>1</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal11" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
								<tr>
										<td>
												<p class="has-after">[J]野中悠太<span class="pc">郎</span></p>
										</td>
										<td class="sp">
												<span data-modal1="modal12" class="nk23_c-btn01 js-modal1-btn">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
										<td>0</td>
										<td>0</td>
										<td>0</td>
										<td>4</td>
										<td>0.0%</td>
										<td>0.0%</td>
										<td class="pc">
												<span data-modal1="modal12" class="nk23_c-btn01 js-toggle-show is-modal">
														<span class="nk23_c-btn01__text">表示</span>
												</span>
										</td>
								</tr>
						</tbody>
				</table>
		</div>
		<div class="nk23_c-table01__icon js-table-icon is-show sp">
				<img src="/assets/images/common/icon/icon_swipe.svg" alt="横にスライド">
		</div>
</div>
チェックボックス

コードサンプル


1. 通常時
  <div class="nk23_c-checkbox">
    <label class="nk23_c-checkbox__label">
      <input type="checkbox">
      <span class="nk23_c-checkbox__text">通常時</span>
    </label>
  </div>

2. 選択時
  <div class="nk23_c-checkbox">
    <label class="nk23_c-checkbox__label">
      <input type="checkbox" checked>
      <span class="nk23_c-checkbox__text">選択時</span>
    </label>
  </div>

3. 非活性
  <div class="nk23_c-checkbox is-disable">
    <label class="nk23_c-checkbox__label">
      <input type="checkbox" checked>
      <span class="nk23_c-checkbox__text">非活性</span>
    </label>
  </div>

出走表専用

コードサンプル


  <div class="nk23_c-checkbox is-style1">
    <label class="nk23_c-checkbox__label">
      <input type="checkbox" checked>
    <label>
  <div>
ラジオボタン

コードサンプル


1.
  <div class="nk23_c-radio">
    <label class="nk23_c-radio__label">
      <input name="radio1" type="radio">
      <span class="nk23_c-radio__text">通常時</span>
    </label>
  </div>

2.
  <div class="nk23_c-radio">
    <label class="nk23_c-radio__label">
      <input name="radio3" type="radio" checked>
      <span class="nk23_c-radio__text">選択時</span>
    </label>
  </div>

3.
  <div class="nk23_c-radio is-disable">
    <label class="nk23_c-radio__label">
      <input name="radio2" type="radio" checked>
      <span class="nk23_c-radio__text">非活性</span>
    </label>
  </div>
インプット

1.未入力

2.読み込み専用

コードサンプル


1.
  <div class="nk23_c-input">
    <input placeholder="未入力">
  </div>

2.
  <div class="nk23_c-input is-disable">
    <input value="リードオンリー">
  </div>
セレクトボックス

・検索画面等で使用するセレクトボックスの各種パターン。

小サイズ

コードサンプル


  <div class="nk23_c-selectbox js-select1">
    <select class="nk23_c-selectbox__select">
      <option value="">--</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
  </div>

大サイズ

コードサンプル


  <div class="nk23_c-selectbox is-style1 js-select1">
    <select class="nk23_c-selectbox__select">
      <option value="">-----</option>
      <option value="2023年">2023年</option>
    </select>
  </div>

2-10 モーダル/ポップアップ

出走表
My予想 設定 設定

コードサンプル

										
<div class="nk23_c-banner2 js-modal1">
	<div class="nk23_c-banner2__inner">
			<div class="nk23_c-banner2__right">
					<div class="nk23_c-banner2__block">
							<span data-modal1="modal1" class="nk23_c-btn01 js-modal1-btn">My予想</span>
							<span data-modal1="modal2" class="nk23_c-btn01 nk23_c-btn01--setting js-modal1-btn">
									<img src="<?php echo $imgPath; ?>common/icon/icon_setting_white.svg" alt="設定">
									設定
							</span>
					</div>
			</div>
	</div>
</div>

<div class="nk23_c-modal1 is-style1 js-modal1-modal" data-modal1-modal="modal1">
    <div class="nk23_c-modal1__wrap">
        <div class="nk23_c-modal1__inner">
            <span class="nk23_c-modal1__btn js-close-modal1">close</span>

            <div class="nk23_c-block19">
                <div class="nk23_c-block19__titlelink">
                    <h2 class="nk23_c-title01">My予想</h2>
                    <a href="javascript:void(0)" class="nk23_c-link is-help is-icon-only">link</a>
                </div>
                <p class="nk23_c-text01 nk23_u-center">自分の予想を保存することができます。</p>
                <p class="nk23_c-text01 is-style1">
                    ※印の状態はMy予想に長期間保存することができます。最大3競走まで保存可能です。保存内容を確認する場合は、My予想からレースのリンクを押してください。 </p>
                <div class="nk23_c-block19__list">
                    <div class="nk23_c-block19__item">
                        <div class="nk23_c-block19__content">
                            <figure class="nk23_c-block19__img">
                                <img src="/assets/images/common/ico-kws.svg" alt="第12回 川崎競馬 第1日 8R">
                            </figure>
                            <div class="nk23_c-block19__info">
                                <p class="nk23_c-text01">2023年1月30日</p>
                                <h3 class="nk23_c-block19__title">
                                    <a href="javascript:void(0)" class="nk23_u-colorlink">
                                        <strong>第12回 川崎競馬 第1日 8R</strong> </a>
                                </h3>
                                <p class="nk23_c-text01 is-style1">最終保存日時：2023/1/30 14:05</p>
                            </div>
                        </div>
                        <div class="nk23_c-block19__btns">
                            <a href="javascript:void(0)" class="nk23_c-btn01 is-color3">
                                <span class="nk23_c-btn01__text"><strong>保存</strong></span>
                            </a> <a href="javascript:void(0)" class="nk23_c-btn01">
                                <span class="nk23_c-btn01__text">削除</span>
                            </a>
                        </div>
                    </div>
                    <div class="nk23_c-block19__item">
                        <div class="nk23_c-block19__content">
                            <figure class="nk23_c-block19__img">
                                <img src="/assets/images/common/noimg.jpg" alt="保存データなし">
                            </figure>
                            <div class="nk23_c-block19__info">
                                <h3 class="nk23_c-block19__title">保存データなし</h3>
                            </div>
                        </div>
                        <div class="nk23_c-block19__btns">
                            <a href="javascript:void(0)" class="nk23_c-btn01 is-color3">
                                <span class="nk23_c-btn01__text"><strong>保存</strong></span>
                            </a> <a href="javascript:void(0)" class="nk23_c-btn01 is-disable">
                                <span class="nk23_c-btn01__text">削除</span>
                            </a>
                        </div>
                    </div>
                    <div class="nk23_c-block19__item">
                        <div class="nk23_c-block19__content">
                            <figure class="nk23_c-block19__img">
                                <img src="/assets/images/common/noimg.jpg" alt="保存データなし">
                            </figure>
                            <div class="nk23_c-block19__info">
                                <h3 class="nk23_c-block19__title">保存データなし</h3>
                            </div>
                        </div>
                        <div class="nk23_c-block19__btns">
                            <a href="javascript:void(0)" class="nk23_c-btn01 is-color3">
                                <span class="nk23_c-btn01__text"><strong>保存</strong></span>
                            </a> <a href="javascript:void(0)" class="nk23_c-btn01 is-disable">
                                <span class="nk23_c-btn01__text">削除</span>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="nk23_c-modal1 is-style2 js-modal1-modal" data-modal1-modal="modal2">
    <div class="nk23_c-modal1__wrap">
        <div class="nk23_c-modal1__inner">
            <span class="nk23_c-modal1__btn js-close-modal1">close</span>
            <h3 class="nk23_c-title01">出走表の設定</h3>

            <div class="nk23_c-modal1__scroll js-scrollbar-scroll">

                <div class="nk23_c-modal1__scrollwrap">
                    <div class="nk23_c-modal1__content js-check-all">
                        <div class="nk23_c-modal1__grtext">
                            <h4 class="nk23_c-modal1__title">出走表の表示項目設定</h4>
                            <p class="nk23_c-modal1__text">表示させたい項目にチェックを入れ、「登録」を押してください。<br>
                                <span class="is-small">「*」相性はレース当日までの表示です。<br class="sp">「あなた/騎手の相性」はログイン時のみ表示されます。</span>
                            </p>
                        </div>
                        <div class="nk23_c-listlink">
                            <a href="javascript:void(0)" class="nk23_c-link is-style1 js-btn-checkall">全て選択</a>
                            <a href="javascript:void(0)" class="nk23_c-link is-style1 js-btn-uncheckall">全て解除</a>
                        </div>
                        <ul class="nk23_c-listcheck js-checkboxs">
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">騎手・調教師</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">騎手/コースの相性*</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">騎手/調教師の相性*</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">あなた/騎手の相性*</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">1着</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">2着</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">3着</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">あなたの印</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">チェック数</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">オッズ</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">馬体重増減</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">連対時馬体重</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">持時計</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">着順(距離別)</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">着順(場別)</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">騎手別成績</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">馬場状態別成績</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">出走間隔別成績</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">種牡馬分析</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">季節別成績</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">騎手コース別成績</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox" checked>
                                        <span class="nk23_c-checkbox2__text">回収率</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox">
                                        <span class="nk23_c-checkbox2__text">馬名欄（右側）</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox">
                                        <span class="nk23_c-checkbox2__text">馬番・枠番（右側）</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-checkbox2 is-style2">
                                    <label class="nk23_c-checkbox2__label"> <input type="checkbox">
                                        <span class="nk23_c-checkbox2__text">お気に入り追加ボタン</span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                        <p class="nk23_c-text01 is-style2">前走表示はいずれか一つを選択してください。</p>
                        <ul class="nk23_c-listcheck is-style1 js-radios">
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-radio is-style1">
                                    <label class="nk23_c-radio__label"> <input name="radio1" type="radio">
                                        <span class="nk23_c-radio__text">表示なし</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-radio is-style1">
                                    <label class="nk23_c-radio__label"> <input name="radio1" type="radio">
                                        <span class="nk23_c-radio__text">前3走</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-radio is-style1">
                                    <label class="nk23_c-radio__label"> <input name="radio1" type="radio">
                                        <span class="nk23_c-radio__text">前4走</span>
                                    </label>
                                </div>
                            </li>
                            <li class="nk23_c-listcheck__item">
                                <div class="nk23_c-radio is-style1">
                                    <label class="nk23_c-radio__label"> <input name="radio1" type="radio" checked>
                                        <span class="nk23_c-radio__text">前5走</span>
                                    </label>
                                </div>
                            </li>
                        </ul>

                        <div class="nk23_c-table22 js-scroll-datatable">
                            <div class="nk23_c-table22__wrap">
                                <p class="nk23_c-modal1__tb-tag">プレビュー表示</p>
                                <div class="nk23_c-table22__inner" data-scrollbar>
                                    <div class="nk23_c-table22__tbcontent">
                                        <table class="nk23_c-table22__table">
                                            <thead class="js-scroll-fixed-title">
                                                <tr>
                                                    <th class="is-col01" rowspan="2">枠<br>番</th>
                                                    <th class="is-col02" rowspan="2">馬<br>番</th>
                                                    <th class="is-col03 nk23_u-left" rowspan="2">
                                                        父馬名<br> <span class="nk23_u-text16">馬名</span><br> 性齢 毛色 生年月日<br> 母馬名<br> （母父馬名）
                                                    </th>
                                                    <th rowspan="2" class="is-col04">
                                                        <span class="is-space">
                                                            騎手<br>
                                                            (所属)<br>
                                                            負担
                                                        </span>
                                                        調教師<br> (所属)
                                                    </th>
                                                    <th rowspan="2" class="is-col05">
                                                        <span class="is-txtV">騎手とコースの相性</span>
                                                        <br> (勝率)
                                                    </th>
                                                    <th rowspan="2" class="is-col06">
                                                        <span class="is-txtV">騎手と調教師の相性</span>
                                                        <br> (勝率)
                                                    </th>
                                                    <th rowspan="2" class="is-col07">
                                                        <span class="is-txtV">あなたと騎手の相性</span>
                                                        <br> (回収率)<br>
                                                        <img src="/assets/images//common/icon/icon_horse_blue.svg" alt="あなたと騎手の相性(回収率)">
                                                    </th>
                                                    <th rowspan="2" class="is-col08">1着</th>
                                                    <th rowspan="2" class="is-col09">2着</th>
                                                    <th rowspan="2" class="is-col10">3着</th>
                                                    <th rowspan="2" class="is-col11">
                                                        <span class="is-txtV">あなたの印</span>
                                                        <br> <span data-modal1="modal2" class="js-modal1-btn"><img src="/assets/images//common/icon/icon_setting.svg" alt="あなたの印(回収率)"></span>
                                                    </th>
                                                    <th rowspan="2" class="is-col12">
                                                        <span class="is-txtV">チェック</span>
                                                    </th>
                                                    <th rowspan="2" class="is-col13">
                                                        <span class="is-space">オッズ</span>
                                                        単勝<br> (人気)<br> 複勝<br> (人気)<br>
                                                    </th>
                                                    <th rowspan="2" class="is-col14">
                                                        <span class="is-txtV">馬体重 増減</span>
                                                    </th>
                                                    <th rowspan="2" class="is-col15">
                                                        <span class="is-txtV">連対時馬体重</span>
                                                    </th>
                                                    <th colspan="5" class="nk23_u-left">
                                                        ・着順・競馬場(JはJRA) 競走日 馬場状態 コース区分/距離<br> ・レース名<br> ・頭数・馬番・人気・減量/騎手・負担重量<br>
                                                        ・馬体重・1着馬(1着時は2着馬)<br>
                                                        ・タイム(1着馬との差、1着時は2着馬との差)コーナー通過順 上がり3Fタイム(順位)
                                                    </th>
                                                    <th>持時計</th>
                                                    <th>
                                                        着順<br> (距離別)
                                                    </th>
                                                    <th>
                                                        着順<br> (場別)
                                                    </th>
                                                    <th>
                                                        騎手別<br> 成績<br> (勝利数)
                                                    </th>
                                                    <th>
                                                        騎手別<br> 成績<br> (勝率/連対率)
                                                    </th>
                                                    <th>
                                                        馬場状態別<br> 成績
                                                    </th>
                                                    <th>
                                                        出走間隔別<br> 成績
                                                    </th>
                                                    <th>
                                                        種牡馬<br> 分析<br> (勝率/連対率)<br>
                                                    </th>
                                                    <th>
                                                        季節別<br> 成績
                                                    </th>
                                                    <th>
                                                        騎手<br> コース別<br> 成績
                                                    </th>
                                                    <th colspan="2" class="nk23_col-in-col">
                                                        <span class="is-col-item00">回収率</span>
                                                        <span class="nk23_u-line"></span>
                                                        <div class="nk23_u-d-flex">
                                                            <span class="is-col-item01">競走馬</span>
                                                            <span class="nk23_u-line-v"></span>
                                                            <span class="is-col-item02">騎手</span>
                                                        </div>
                                                    </th>
                                                    <th rowspan="2" class="nk23_u-left">
                                                        馬主名<br> 生産牧場
                                                    </th>
                                                    <th rowspan="2">
                                                        <span class="is-txtV">お気に入り馬</span>
                                                        <br> <img width="16" src="/assets/images//common/icon/icon_horse_blue.svg" alt="お気に入り馬">
                                                    </th>
                                                    <th rowspan="2" class="is-col03 nk23_u-left">
                                                        父馬名<br> <span class="nk23_u-text16">馬名</span><br> 性齢 毛色 生年月日<br> 母馬名<br> （母父馬名）
                                                    </th>
                                                    <th rowspan="2" class="is-col02">馬<br>番</th>
                                                    <th rowspan="2" class="is-col01">枠<br>番</th>
                                                </tr>
                                                <tr>
                                                    <th class="is-col16">前走</th>
                                                    <th class="is-col17">前々走</th>
                                                    <th class="is-col18">3走前</th>
                                                    <th class="is-col19">4走前</th>
                                                    <th class="is-col20">5走前</th>
                                                    <th class="nk23_u-right">
                                                        900着<br> 1000着<br> 1200着<br> 1300着<br> 大1200着
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        900<br> 1000<br> 1200<br> 1300<br> 大1200
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        浦和<br> 船橋<br> 大井<br> 川崎<br> 全成績
                                                    </th>
                                                    <th>
                                                        今回騎手<br> 前回騎手<br> 全成績
                                                    </th>
                                                    <th>
                                                        今回騎手<br> 前回騎手<br> 全成績
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        良<br> 稍重<br> 重<br> 不良
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        10日未満<br> 10～19日<br> 20～29日<br> 30～59日<br> 60日以上
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        900<br> 1000<br> 1200<br> 1300<br> 大1200
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        1月～3月<br> 4月～6月<br> 7月～9月<br> 10月～12月<br>
                                                    </th>
                                                    <th class="nk23_u-right">
                                                        900<br> 1000<br> 1200<br> 1300<br> 大1200
                                                    </th>
                                                    <th class="nk23_u-w50">
                                                        単勝<br> 複勝
                                                    </th>
                                                    <th class="nk23_u-w50">
                                                        単勝<br> 複勝
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                <tr>
                                                    <td rowspan="2" class="is-col01 is-frame-check">1</td>
                                                    <td class="is-check" data-num="1">1</td>
                                                    <td class="nk23_u-left">
                                                        <p class="nk23_u-text12">ロージーズインメイ</p>
                                                        <a href="javascript:void(0)" class="is-link nk23_u-text16">トウキョウスター</a>
                                                        <p class="nk23_u-text10">牝6 青鹿毛 17.4.2(中同名) </p>
                                                        <p class="nk23_u-text10">マイネチリペッパー</p>
                                                        <p class="nk23_u-text10">（ネオユニヴァース）</p>
                                                    </td>
                                                    <td>
                                                        <p class="nk23_c-table22__Grouptxt">
                                                            <a href="javascript:void(0)" class="is-link">山崎誠</a>
                                                            <span class="nk23_u-text10">(川崎)</span>
                                                            <span class="nk23_u-text12">54.0</span>
                                                        </p>
                                                        <p class="nk23_c-table22__Grouptxt">
                                                            <a href="javascript:void(0)" class="is-link">小野晋</a>
                                                            <span class="nk23_u-text10">(川崎)</span>
                                                        </p>
                                                    </td>
                                                    <td class="nk23_c-chart3__td">
                                                        <div class="nk23_c-chart3">
                                                            <div class="nk23_c-chart3__inner">
                                                                <span class="is-bar" style="height: 12.1%; background-color: #F8E69A;"></span>
                                                                <span class="is-percent">12.1%</span>
                                                                <span class="is-number">19</span>
                                                                <span>R</span>
                                                                <span class="is-total">157</span>
                                                                <span>R</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="nk23_c-chart3__td">
                                                        <div class="nk23_c-chart3">
                                                            <div class="nk23_c-chart3__inner">
                                                                <span class="is-bar" style="height: 17.6%; background-color: #99B7F2;"></span>
                                                                <span class="is-percent">17.6%</span>
                                                                <span class="is-number">3</span>
                                                                <span>R</span>
                                                                <span class="is-total">17</span>
                                                                <span>R</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        データ<br> なし
                                                    </td>
                                                    <td class="is-check-box1 cb1">
                                                        <div class="nk23_c-checkbox is-style1">
                                                            <label class="nk23_c-checkbox__label"> <input type="checkbox" value=""> </label>
                                                        </div>
                                                    </td>
                                                    <td class="is-check-box1 cb2">
                                                        <div class="nk23_c-checkbox is-style1">
                                                            <label class="nk23_c-checkbox__label"> <input type="checkbox" value=""> </label>
                                                        </div>
                                                    </td>
                                                    <td class="is-check-box1 cb3">
                                                        <div class="nk23_c-checkbox is-style1">
                                                            <label class="nk23_c-checkbox__label"> <input type="checkbox" value=""> </label>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <p class="sp-btn6">
                                                            <span class="nk23_c-btn06 onBtn"></span>
                                                            <span class="sp-list-btn6">
                                                                <span class="nk23_c-btn06"></span>
                                                                <span class="nk23_c-btn06 is-active3"></span>
                                                                <span class="nk23_c-btn06 is-active2"></span>
                                                                <span class="nk23_c-btn06 is-active5"></span>
                                                                <span class="nk23_c-btn06 is-active1"></span>
                                                                <span class="nk23_c-btn06 is-active4"></span>
                                                            </span>
                                                        </p>
                                                    </td>
                                                    <td class="nk23_u-text16 js-count preview">0</td>
                                                    <td class="js-is-circle">
                                                        <p class="nk23_c-table22__Grouptxt">
                                                            <span class="nk23_u-color13">1.8</span>
                                                            <span class="nk23_u-text12">(1人)</span>
                                                        </p>
                                                        <p class="nk23_c-table22__Grouptxt">
                                                            <span class="nk23_u-color13">1.1-1.4</span>
                                                            <span class="nk23_u-text12">(1人)</span>
                                                        </p>
                                                    </td>
                                                    <td class="is-circle js-is-circle">
                                                        433<br>-3
                                                    </td>
                                                    <td class="is-circle js-is-circle">
                                                        <p>409</p>
                                                        <p class="is-line"></p>
                                                        <p>410</p>
                                                    </td>
                                                    <td class="is-grtxt is-circle js-is-circle">
                                                        <p class="nk23_u-d-flex">
                                                            <span class="nk23_u-text19">9</span>
                                                            <span class="nk23_u-text10">大井 22.12.27 稍外ダ 1200</span>
                                                        </p>
                                                        <a href="javascript:void(0)" class="is-link">Ｃ２(九)(十)(十一)</a>
                                                        <p class="nk23_u-text10">15頭15番12人 山林信 54.0</p>
                                                        <p class="nk23_u-text10">493k シトラスダル</p>
                                                        <p class="nk23_u-text10">1319 (4.3) 13-14-14 41.1 (10)</p>
                                                        <a href="javascript:void(0)" class="nk23_c-btn02 nk23_c-btn02--small" target="_blank" rel="noopener noreferrer">
                                                            <span class="nk23_c-btn02__text">
                                                                <img class="nk23_c-btn02__icon" src="/assets/images/common/icon/icon_movie02.svg" alt="対戦表">
                                                            </span>
                                                        </a>
                                                    </td>
                                                    <td class="is-grtxt js-is-circle">
                                                        <p class="nk23_u-d-flex">
                                                            <span class="nk23_u-text19">15</span>
                                                            <span class="nk23_u-text10">大井 22.12.7 不外ダ 1200</span>
                                                        </p>
                                                        <a href="javascript:void(0)" class="is-link">Ｃ２(七)(八)(九)</a>
                                                        <p class="nk23_u-text10">16頭16番13人 山林信 54.0</p>
                                                        <p class="nk23_u-text10">462k グルアガッハ</p>
                                                        <p class="nk23_u-text10">1160 (2.4) 8-10 39.6 (15)</p>
                                                        <a href="javascript:void(0)" class="nk23_c-btn02 nk23_c-btn02--small" target="_blank" rel="noopener noreferrer">
                                                            <span class="nk23_c-btn02__text">
                                                                <img class="nk23_c-btn02__icon" src="/assets/images/common/icon/icon_movie02.svg" alt="対戦表">
                                                            </span>
                                                        </a>
                                                    </td>
                                                    <td class="is-grtxt js-is-circle">
                                                        <p class="nk23_u-d-flex">
                                                            <span class="nk23_u-text19">15</span>
                                                            <span class="nk23_u-text10">大井 22.12.7 不外ダ 1200</span>
                                                        </p>
                                                        <a href="javascript:void(0)" class="is-link">Ｃ２(十)(十一)(十二)</a>
                                                        <p class="nk23_u-text10">14番2番11人 山林信 54.0</p>
                                                        <p class="nk23_u-text10">492k イルフェソレイユ</p>
                                                        <p class="nk23_u-text10">1149 (1.1) 7-6 38.3 (3)</p>
                                                        <a href="javascript:void(0)" class="nk23_c-btn02 nk23_c-btn02--small" target="_blank" rel="noopener noreferrer">
                                                            <span class="nk23_c-btn02__text">
                                                                <img class="nk23_c-btn02__icon" src="/assets/images/common/icon/icon_movie02.svg" alt="対戦表">
                                                            </span>
                                                        </a>
                                                    </td>
                                                    <td class="is-grtxt js-is-circle">
                                                        <div class="nk23_u-d-flex">
                                                            <p class="nk23_u-text19">取消</p>
                                                            <p class="nk23_u-text10">大井 21.12.27 稍外ダ 1200</p>
                                                        </div>
                                                        <a href="javascript:void(0)" class="is-link">Ｃ２(九)(十)(十一)</a>
                                                        <p class="nk23_u-text10">15頭15番12人 山林信 54.0</p>
                                                        <a href="javascript:void(0)" class="nk23_c-btn02 nk23_c-btn02--small" target="_blank" rel="noopener noreferrer">
                                                            <span class="nk23_c-btn02__text">
                                                                <img class="nk23_c-btn02__icon" src="/assets/images/common/icon/icon_movie02.svg" alt="対戦表">
                                                            </span>
                                                        </a>
                                                    </td>
                                                    <td class="is-grtxt js-is-circle">
                                                        <div class="nk23_u-d-flex">
                                                            <p class="nk23_u-text19">10</p>
                                                            <p class="nk23_u-text10">大井 21.10.04 良外ダ 1200</p>
                                                        </div>
                                                        <a href="javascript:void(0)" class="is-link">Ｃ２(十一)(十二) いたばし</a>
                                                        <p class="nk23_u-text10">16頭8番12人 山林信 54.0</p>
                                                        <p class="nk23_u-text10">481k ウマダユウサク</p>
                                                        <p class="nk23_u-text10">1156 (1.8) 8-9 38.4 (10)</p>
                                                        <a href="javascript:void(0)" class="nk23_c-btn02 nk23_c-btn02--small" target="_blank" rel="noopener noreferrer">
                                                            <span class="nk23_c-btn02__text">
                                                                <img class="nk23_c-btn02__icon" src="/assets/images/common/icon/icon_movie02.svg" alt="対戦表">
                                                            </span>
                                                        </a>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <p>--</p>
                                                        <p>--</p>
                                                        <p>大1135稍ダ 1</p>
                                                        <p>--</p>
                                                        <p>大1135稍ダ 1</p>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>--</p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">1</span>
                                                            <span class="nk23_u-color0">7</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">2</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">4</span>
                                                            <span class="nk23_u-color0">2</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">2</span>
                                                        </p>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>--</p>
                                                        <p>--</p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">2</span>
                                                            <span class="nk23_u-color16">2</span>
                                                            <span class="nk23_u-color0">13</span>
                                                        </p>
                                                        <p>--</p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">3</span>
                                                            <span class="nk23_u-color16">5</span>
                                                            <span class="nk23_u-color0">16</span>
                                                        </p>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">4</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">4</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">3</span>
                                                            <span class="nk23_u-color16">5</span>
                                                            <span class="nk23_u-color0">16</span>
                                                        </p>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <div class="is-grPercent">
                                                            <p class="is-grPercent__item">
                                                                0.0%<br> 0.0%<br> 4.0% </p>
                                                            <p class="is-grPercent__item">
                                                                20.0%<br> 20.0%<br> 16.0% </p>
                                                        </div>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">2</span>
                                                            <span class="nk23_u-color16">3</span>
                                                            <span class="nk23_u-color0">8</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">3</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">2</span>
                                                            <span class="nk23_u-color0">3</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">2</span>
                                                        </p>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">3</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">2</span>
                                                            <span class="nk23_u-color16">4</span>
                                                            <span class="nk23_u-color0">5</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">1</span>
                                                            <span class="nk23_u-color0">7</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">2</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">1</span>
                                                        </p>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <div class="is-grPercent">
                                                            <p class="is-grPercent__item">
                                                                11.7%<br> 12.5%<br> 0.0%<br> 14.4%<br> 0.0% </p>
                                                            <p class="is-grPercent__item">
                                                                24.2%<br> 23.4%<br> 33.3%<br> 30.5%<br> 33.3% </p>
                                                        </div>
                                                    </td>
                                                    <td class="is-grnum js-is-circle">
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">1</span>
                                                            <span class="nk23_u-color0">1</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">0</span>
                                                            <span class="nk23_u-color16">0</span>
                                                            <span class="nk23_u-color0">4</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">0</span>
                                                            <span class="nk23_u-color14">2</span>
                                                            <span class="nk23_u-color16">3</span>
                                                            <span class="nk23_u-color0">6</span>
                                                        </p>
                                                        <p>
                                                            <span class="nk23_u-color13">1</span>
                                                            <span class="nk23_u-color14">1</span>
                                                            <span class="nk23_u-color16">1</span>
                                                            <span class="nk23_u-color0">5</span>
                                                        </p>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <div class="is-grPercent">
                                                            <p class="is-grPercent__item">
                                                                5.7%<br> 5.1%<br> 0.0%<br> 0.0%<br> 0.0%<br>
                                                            </p>
                                                            <p class="is-grPercent__item">
                                                                12.3%<br> 9.0%<br> 50.0%<br> 0.0%<br> 50.0%<br>
                                                            </p>
                                                        </div>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <p class="nk23_u-noto-mono">6.8%</p>
                                                        <p class="nk23_u-noto-mono">141.6%</p>
                                                    </td>
                                                    <td class="nk23_u-right js-is-circle">
                                                        <p class="nk23_u-noto-mono">87.1%</p>
                                                        <p class="nk23_u-noto-mono">76.5%</p>
                                                    </td>
                                                    <td class="nk23_u-left is-textRound">
                                                        <p>梶原哲郎</p>
                                                        <p>原弘之</p>
                                                    </td>
                                                    <td>
                                                        <a class="nk23_c-btn01 js-register">
                                                            <span class="nk23_c-btn01__text">追加</span>
                                                        </a>
                                                    </td>
                                                    <td class="nk23_u-left is-col03">
                                                        <p class="nk23_u-text12">ロージーズインメイ</p>
                                                        <a href="javascript:void(0)" class="is-link nk23_u-text16">トウキョウスター</a>
                                                        <p class="nk23_u-text10">牝6 青鹿毛 17.4.2(中同名) </p>
                                                        <p class="nk23_u-text10">マイネチリペッパー</p>
                                                        <p class="nk23_u-text10">（ネオユニヴァース）</p>
                                                    </td>
                                                    <td class="is-check" data-num="1">1</td>
                                                    <td rowspan="2" class="is-col01 is-frame-check">1</td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="nk23_c-table22__icon js-table-icon is-show sp">
                                    <img src="/assets/images/common/icon/icon_swipe.svg" alt="横にスライド">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="nk23_c-modal1__content">
                        <div class="nk23_c-modal1__grtext">
                            <div class="nk23_c-modal1__titlelink">
                                <h4 class="nk23_c-modal1__title">予想印</h4>
                                <a href="javascript:void(0)" class="nk23_c-link is-help is-icon-only">link</a>
                            </div>
                            <p class="nk23_c-modal1__text">予想印にチェックを入れ「登録」を押してください。<br>
                                <span class="is-small is-note">※予想印は表示項目「あなたの印」に該当します。</span>
                            </p>
                        </div>
                        <div class="nk23_c-list10">
                            <div class="nk23_c-list10__top sp">
                                <p class="nk23_c-list10__title">印</p>
                                <p class="nk23_c-list10__title">設定</p>
                            </div>
                            <ul class="nk23_c-list10__list">
                                <li class="nk23_c-list10__item">
                                    <div class="nk23_c-list10__item__inner">
                                        <p class="nk23_c-list10__icon">
                                            <img src="/assets/images/common/icon/icon_check-mark_3.svg" alt="">
                                        </p>
                                        <ul class="nk23_c-list10__listcheck icon_check-mark_3">
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb1">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">1着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb2">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">2着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb3">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">3着</span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nk23_c-list10__item">
                                    <div class="nk23_c-list10__item__inner">
                                        <p class="nk23_c-list10__icon">
                                            <img src="/assets/images/common/icon/icon_check-mark_2.svg" alt="">
                                        </p>
                                        <ul class="nk23_c-list10__listcheck icon_check-mark_2">
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb1">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">1着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb2">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">2着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb3">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">3着</span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nk23_c-list10__item">
                                    <div class="nk23_c-list10__item__inner">
                                        <p class="nk23_c-list10__icon">
                                            <img src="/assets/images/common/icon/icon_check-mark_5.svg" alt="">
                                        </p>
                                        <ul class="nk23_c-list10__listcheck icon_check-mark_5">
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb1">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">1着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb2">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">2着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb3">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">3着</span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nk23_c-list10__item">
                                    <div class="nk23_c-list10__item__inner">
                                        <p class="nk23_c-list10__icon">
                                            <img src="/assets/images/common/icon/icon_check-mark_1.svg" alt="">
                                        </p>
                                        <ul class="nk23_c-list10__listcheck icon_check-mark_1">
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb1">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">1着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb2">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">2着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb3">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">3着</span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nk23_c-list10__item">
                                    <div class="nk23_c-list10__item__inner">
                                        <p class="nk23_c-list10__icon">
                                            <img src="/assets/images/common/icon/icon_check-mark_4.svg" alt="">
                                        </p>
                                        <ul class="nk23_c-list10__listcheck icon_check-mark_4">
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb1">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">1着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb2">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">2着</span>
                                                    </label>
                                                </div>
                                            </li>
                                            <li class="nk23_c-list10__checkitem">
                                                <div class="nk23_c-checkbox is-color1">
                                                    <label class="nk23_c-checkbox__label cb3">
                                                        <input type="checkbox" checked>
                                                        <span class="nk23_c-checkbox__text">3着</span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="nk23_c-modal1__bottom">
            <span class="nk23_c-btn01 js-close-modal1">
                <span class="nk23_c-btn01__text">キャンセル</span>
            </span>
            <span class="nk23_c-btn01 is-color3 js-close-modal1">
                <span class="nk23_c-btn01__text"><strong>登録</strong></span>
            </span>
        </div>
    </div>
</div>

2-11 アコーディオン

ボタン押下によるアコーディオン(レース情報、オッズ賭け式選択…etc.)※SPのみ

2R 2022年12月22日 第8回 船橋競馬 第1日 ダ2,200m(外) (13頭) 発走時刻20:50

ＦｕｎａｂａｓｈｉＪｏｃｋｅｙｓＦｅｓｔｉｖａｌ２０２２（９ｔｈ） Ｃ２ 選抜馬 詳細

サラブレット系 一般 別定 (特別競走) 賞金 1着800,000円 2着280,000円 3着160,000円 4着120,000円 5着80,000円

2200m 外/左

1:23.8 1999.09.02 良・雨 セタノキング 牡9 石崎 隆之 55.0

2200m 外/左

1:23.8 1999.09.02 良・雨 セタノキング 牡9 石崎 隆之 55.0

2R 2022年12月22日 第8回 船橋競馬 第1日 ダ2,200m(外) (13頭) 発走時刻20:50

ＦｕｎａｂａｓｈｉＪｏｃｋｅｙｓＦｅｓｔｉｖａｌ２０２２（９ｔｈ） Ｃ２ 選抜馬 詳細

サラブレット系 一般 別定 (特別競走) 賞金 1着800,000円 2着280,000円 3着160,000円 4着120,000円 5着80,000円

2200m 外/左

1:23.8 1999.09.02 良・雨 セタノキング 牡9 石崎 隆之 55.0

2200m 外/左

1:23.8 1999.09.02 良・雨 セタノキング 牡9 石崎 隆之 55.0

コードサンプル

										
<div class="nk23_c-tab1__box">
    <div class="nk23_c-tab1__box__top">
        <div class="nk23_c-tab1__box__content">
            <div class="nk23_c-tab1__accor js-tab1-accor">
                <p class="nk23_c-tab1__subtitle">
                    <span class="nk23_c-tab1__subtitle__label">2R</span>
                    <span class="nk23_c-tab1__subtitle__text">2022年12月22日</span>
                    <span class="nk23_c-tab1__subtitle__text">第8回 船橋競馬 第1日</span>
                    <span class="nk23_c-tab1__subtitle__bottom">
                        <a href="javascript:void(0)" class="nk23_c-tab1__subtitle__text is-blue">ダ<span class="is-medium">2,200m</span>(外)</a>
                        <span class="nk23_c-tab1__subtitle__text">(13頭)</span>
                        <span class="nk23_c-tab1__subtitle__text">発走時刻<span class="is-medium">20:50</span></span>

                    </span>
                </p>
                <p class="nk23_c-tab1__text pc"></p>
                <h3 class="nk23_c-tab1__title">
                    <span class="nk23_c-tab1__title__text">ＦｕｎａｂａｓｈｉＪｏｃｋｅｙｓＦｅｓｔｉｖａｌ２０２２（９ｔｈ） Ｃ２
                        選抜馬</span>
                    <span class="nk23_c-btn02 is-accor sp js-tab1-accorbtn">
                        <span class="nk23_c-btn02__text js-tab1-accortext">詳細</span>
                    </span>
                </h3>

            </div>

            <div class="nk23_c-tab1__accor__content js-tab1-accorcontent">
                <p class="nk23_c-tab1__accor__grtext">
                    <span class="nk23_c-tab1__texts is-style1 nk23_c-tab1__texts__gr">
                        <span class="nk23_c-tab1__text">サラブレット系</span>
                        <span class="nk23_c-tab1__text">一般</span>
                        <span class="nk23_c-tab1__text">別定 (特別競走)</span>
                    </span>
                    <span class="nk23_c-tab1__texts is-style1">
                        <span class="nk23_c-tab1__text is-style1">賞金</span>
                        <span class="nk23_c-tab1__texts__gr">
                            <span class="nk23_c-tab1__text">1着800,000円</span>
                            <span class="nk23_c-tab1__text">2着280,000円</span>
                            <span class="nk23_c-tab1__text">3着160,000円</span>
                            <span class="nk23_c-tab1__text">4着120,000円</span>
                            <span class="nk23_c-tab1__text">5着80,000円</span>
                        </span>
                    </span>
                </p>
                <div class="nk23_c-tab1__imgtext sp">
                    <figure class="nk23_c-tab1__img">
                        <a href="/course_result"><img src="/assets/images/common/tab1_img01.svg" alt="2200m 外/左"></a>
                    </figure>
                    <p class="nk23_c-tab1__grtext is-flex-center">
                        <span class="nk23_c-tab1__texts">
                            <span class="nk23_c-tab1__text">1:23.8</span>
                            <span class="nk23_c-tab1__text">1999.09.02</span>
                            <span class="nk23_c-tab1__text">良・雨</span>
                        </span>
                        <span class="nk23_c-tab1__texts__gr">
                            <span class="nk23_c-tab1__texts">
                                <span class="nk23_c-tab1__text">セタノキング</span>
                                <span class="nk23_c-tab1__text">牡9</span>
                            </span>
                            <span class="nk23_c-tab1__texts">
                                <span class="nk23_c-tab1__text">石崎 隆之</span>
                                <span class="nk23_c-tab1__text">55.0</span>
                            </span>
                        </span>
                    </p>
                </div>
            </div>
        </div>
        <div class="nk23_c-tab1__imgtext pc">
            <figure class="nk23_c-tab1__img">
                <a href="/course_result"><img src="/assets/images/common/tab1_img01.svg" alt="2200m 外/左"></a>
            </figure>
            <p class="nk23_c-tab1__grtext is-flex-center">
                <span class="nk23_c-tab1__texts">
                    <span class="nk23_c-tab1__text">1:23.8</span>
                    <span class="nk23_c-tab1__text">1999.09.02</span>
                    <span class="nk23_c-tab1__text">良・雨</span>
                </span>
                <span class="nk23_c-tab1__texts__gr">
                    <span class="nk23_c-tab1__texts">
                        <span class="nk23_c-tab1__text">セタノキング</span>
                        <span class="nk23_c-tab1__text">牡9</span>
                    </span>
                    <span class="nk23_c-tab1__texts">
                        <span class="nk23_c-tab1__text">石崎 隆之</span>
                        <span class="nk23_c-tab1__text">55.0</span>
                    </span>
                </span>
            </p>
        </div>
    </div>
</div>
矢印押下によるアコーディオン(払戻金一覧、詳細データ…etc.)※SPのみ

1R

競走成績

1R

競走成績
組番 金額 人気
単勝 3 190 1
複勝 3 120 1
4 380 5
7 150 3
枠複 - - -
普通馬複 3-4 2,500 7
枠単 - - -
馬単 3-4 2,150 7
ワイド 3-4 580 7
3-7 250 2
4-7 680 8
三連複 3-4-7 2,200 3
三連単 3-4-7 10,790 32
備考

コードサンプル

										
<div class="p-repay__group">
    <div class="nk23_c-table01 nk23_c-table01--style3 sp js-accordion2">
        <div class="nk23_l-container">
            <div class="nk23_c-table01__top js-accordion-heading2">
                <h4 class="nk23_c-table01__title">
                    <span class="nk23_c-table01__title__label">1R</span>
                </h4>
                <a href="javascript:void(0)" class="nk23_c-btn01">
                    <span class="nk23_c-btn01__text">競走成績</span>
                </a>
                <span class="nk23_c-table01__top__arrow sp"></span>
            </div>
            <div class="nk23_c-table01__wrap js-accordion-content2">
                <div class="nk23_c-table01__inner">
                    <table class="nk23_c-table01__table">
                        <thead>
                            <tr>
                                <th></th>
                                <th>組番</th>
                                <th>金額</th>
                                <th>人気</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>単勝</th>
                                <td>3</td>
                                <td>190</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <th rowspan="3">複勝</th>
                                <td>3</td>
                                <td>120</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td class="nk23_u-right">380</td>
                                <td>5</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td class="nk23_u-right">150</td>
                                <td>3</td>
                            </tr>
                            <tr>
                                <th>枠複</th>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            <tr>
                                <th>普通馬複</th>
                                <td>3-4</td>
                                <td>2,500</td>
                                <td>7</td>
                            </tr>
                            <tr>
                                <th>枠単</th>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            <tr>
                                <th>馬単</th>
                                <td>3-4</td>
                                <td>2,150</td>
                                <td>7</td>
                            </tr>
                            <tr>
                                <th rowspan="3">ワイド</th>
                                <td>3-4</td>
                                <td>580</td>
                                <td>7</td>
                            </tr>
                            <tr>
                                <td>3-7</td>
                                <td class="nk23_u-right">250</td>
                                <td>2</td>
                            </tr>
                            <tr>
                                <td>4-7</td>
                                <td class="nk23_u-right">680</td>
                                <td>8</td>
                            </tr>
                            <tr>
                                <th>三連複</th>
                                <td>3-4-7</td>
                                <td>2,200</td>
                                <td>3</td>
                            </tr>
                            <tr>
                                <th>三連単</th>
                                <td>3-4-7</td>
                                <td>10,790</td>
                                <td>32</td>
                            </tr>
                            <tr>
                                <th>備考</th>
                                <td class="is-empty"></td>
                                <td class="is-empty"></td>
                                <td class="is-empty"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

2-12 ページャー

1件のみの場合

該当件数 10 件 1～10件目を表示中

1

コードサンプル

										
<div class="nk23_c-pagging">
    <p class="nk23_c-pagging__ttl"><span>該当件数 <strong>10</strong> 件</span>
        <span>1～10件目を表示中</span>
    </p>
    <div class="nk23_c-pagging__number">
        <div class="nk23_c-pagenavi"><span class="current">1</span></div>
    </div>
</div>
1~100件 (1ページ目)

該当件数 1000 件 1～100件目を表示中

1 2 3 4 5

コードサンプル

										
<div class="nk23_c-pagging">
    <p class="nk23_c-pagging__ttl"><span>該当件数 <strong>1000</strong> 件</span>
        <span>1～100件目を表示中</span>
    </p>
    <div class="nk23_c-pagging__number">
        <div class="nk23_c-pagenavi">
            <a class="previouspostslink is-hide" rel="prev" href="javascript:void(0)">前へ</a>
            <span class="current">1</span>
            <a href="javascript:void(0)" class="page">2</a>
            <a class="page" href="javascript:void(0)">3</a>
            <a class="page" href="javascript:void(0)">4</a>
            <a class="page" href="javascript:void(0)">5</a>
            <a class="nextpostslink" rel="next" href="javascript:void(0)">次へ</a>
        </div>
    </div>
</div>
501~600件 (5ページ目)

該当件数 1000 件 501～600件目を表示中

3 4 5 6 7

コードサンプル

										
<div class="nk23_c-pagging">
    <p class="nk23_c-pagging__ttl"><span>該当件数 <strong>1000</strong> 件</span>
        <span>501～600件目を表示中</span>
    </p>
    <div class="nk23_c-pagging__number">
        <div class="nk23_c-pagenavi">
            <a class="previouspostslink" rel="prev" href="javascript:void(0)">前へ</a>
            <a href="javascript:void(0)" class="page">3</a>
            <a class="page" href="javascript:void(0)">4</a>
            <span class="current">5</span>
            <a class="page" href="javascript:void(0)">6</a>
            <a class="page" href="javascript:void(0)">7</a>
            <a class="nextpostslink" rel="next" href="javascript:void(0)">次へ</a>
        </div>
    </div>
</div>
901~1000件 (10ページ目)

該当件数 1000 件 901～1000件目を表示中

6 7 8 9 10

コードサンプル

										
<div class="nk23_c-pagging">
    <p class="nk23_c-pagging__ttl"><span>該当件数 <strong>1000</strong> 件</span>
        <span>901～1000件目を表示中</span>
    </p>
    <div class="nk23_c-pagging__number">
        <div class="nk23_c-pagenavi">
            <a class="previouspostslink" rel="prev" href="javascript:void(0)">前へ</a>
            <a href="javascript:void(0)" class="page">6</a>
            <a class="page" href="javascript:void(0)">7</a>
            <a class="page" href="javascript:void(0)">8</a>
            <a class="page" href="javascript:void(0)">9</a>
            <span class="current">10</span>
            <a class="nextpostslink is-hide" rel="next" href="javascript:void(0)">次へ</a>
        </div>
    </div>
</div>
close

My予想

link

自分の予想を保存することができます。

※印の状態はMy予想に長期間保存することができます。最大3競走まで保存可能です。保存内容を確認する場合は、My予想からレースのリンクを押してください。

第12回 川崎競馬 第1日 8R

2023年1月30日

第12回 川崎競馬 第1日 8R

最終保存日時：2023/1/30 14:05

保存 削除
保存データなし

保存データなし

保存 削除
保存データなし

保存データなし

保存 削除
close

出走表の設定

出走表の表示項目設定

表示させたい項目にチェックを入れ、「登録」を押してください。
「*」相性はレース当日までの表示です。
「あなた/騎手の相性」はログイン時のみ表示されます。

全て選択 全て解除

前走表示はいずれか一つを選択してください。

プレビュー表示

枠
番		 馬
番		 父馬名
馬名
性齢 毛色 生年月日
母馬名
（母父馬名） 		騎手
(所属)
負担 調教師
(所属) 		騎手とコースの相性
(勝率) 		騎手と調教師の相性
(勝率) 		あなたと騎手の相性
(回収率)
あなたと騎手の相性(回収率) 		1着 2着 3着 あなたの印
あなたの印(回収率) 		チェック オッズ 単勝
(人気)
複勝
(人気)
 馬体重 増減 連対時馬体重 ・着順・競馬場(JはJRA) 競走日 馬場状態 コース区分/距離
・レース名
・頭数・馬番・人気・減量/騎手・負担重量
・馬体重・1着馬(1着時は2着馬)
・タイム(1着馬との差、1着時は2着馬との差)コーナー通過順 上がり3Fタイム(順位) 		持時計 着順
(距離別) 		着順
(場別) 		騎手別
成績
(勝利数) 		騎手別
成績
(勝率/連対率) 		馬場状態別
成績 		出走間隔別
成績 		種牡馬
分析
(勝率/連対率)
 季節別
成績 		騎手
コース別
成績 		回収率
競走馬 騎手
馬主名
生産牧場 		お気に入り馬
お気に入り馬 		父馬名
馬名
性齢 毛色 生年月日
母馬名
（母父馬名） 		馬
番		 枠
番
前走 前々走 3走前 4走前 5走前 900着
1000着
1200着
1300着
大1200着 		900
1000
1200
1300
大1200 		浦和
船橋
大井
川崎
全成績 		今回騎手
前回騎手
全成績 		今回騎手
前回騎手
全成績 		良
稍重
重
不良 		10日未満
10～19日
20～29日
30～59日
60日以上 		900
1000
1200
1300
大1200 		1月～3月
4月～6月
7月～9月
10月～12月
 900
1000
1200
1300
大1200 		単勝
複勝 		単勝
複勝
1 1

ロージーズインメイ

トウキョウスター

牝6 青鹿毛 17.4.2(中同名)

マイネチリペッパー

（ネオユニヴァース）

山崎誠 (川崎) 54.0

小野晋 (川崎)

12.1% 19 R 157 R
17.6% 3 R 17 R
データ
なし

0

1.8 (1人)

1.1-1.4 (1人)

433
-3

409

410

9 大井 22.12.27 稍外ダ 1200

Ｃ２(九)(十)(十一)

15頭15番12人 山林信 54.0

493k シトラスダル

1319 (4.3) 13-14-14 41.1 (10)

対戦表

15 大井 22.12.7 不外ダ 1200

Ｃ２(七)(八)(九)

16頭16番13人 山林信 54.0

462k グルアガッハ

1160 (2.4) 8-10 39.6 (15)

対戦表

15 大井 22.12.7 不外ダ 1200

Ｃ２(十)(十一)(十二)

14番2番11人 山林信 54.0

492k イルフェソレイユ

1149 (1.1) 7-6 38.3 (3)

対戦表

取消

大井 21.12.27 稍外ダ 1200

Ｃ２(九)(十)(十一)

15頭15番12人 山林信 54.0

対戦表

10

大井 21.10.04 良外ダ 1200

Ｃ２(十一)(十二) いたばし

16頭8番12人 山林信 54.0

481k ウマダユウサク

1156 (1.8) 8-9 38.4 (10)

対戦表

--

--

大1135稍ダ 1

--

大1135稍ダ 1

--

1 1 1 7

0 1 0 2

0 1 4 2

0 1 0 2

--

--

1 2 2 13

--

1 3 5 16

0 1 0 4

0 1 0 4

1 3 5 16

0.0%
0.0%
4.0%

20.0%
20.0%
16.0%

0 2 3 8

0 0 0 3

1 0 2 3

0 1 0 2

1 0 0 3

0 2 4 5

0 1 1 7

1 0 0 2

0 0 0 1

11.7%
12.5%
0.0%
14.4%
0.0%

24.2%
23.4%
33.3%
30.5%
33.3%

0 0 1 1

0 0 0 4

0 2 3 6

1 1 1 5

5.7%
5.1%
0.0%
0.0%
0.0%

12.3%
9.0%
50.0%
0.0%
50.0%

6.8%

141.6%

87.1%

76.5%

梶原哲郎

原弘之

 追加

ロージーズインメイ

トウキョウスター

牝6 青鹿毛 17.4.2(中同名)

マイネチリペッパー

（ネオユニヴァース）

 1 1
横にスライド

予想印

link

予想印にチェックを入れ「登録」を押してください。
※予想印は表示項目「あなたの印」に該当します。

印

設定

キャンセル 登録
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド
close

馬名 ササノユキオルフェ 騎手 山崎誠士

騎乗時成績一覧※96年以降

年月日 競馬場 R 距離 天候 枠番 馬番 レース名 人気 着順
/頭数		 タイム 差
/事故		 上3F 体重 負担 調教師 獲得賞金
（円）
22/5/25 大井 6 1400 小雨 3 3 Ｃ２(六)(七)(八) 6 4/14 1:28.6 0.7 39.4 479 54.0 小野晋 150,000
22/5/10 大井☆ 8 1600 晴 2 2 ハーバード・クーラー賞 Ｃ２(九)(十) 9 3/12 1:43.3 0.8 41.4 485 55.0 小野晋 250,000
22/4/20 大井☆ 8 1200 曇 6 12 カフェ・ド・パリ賞 Ｃ２(九)(十) 10 11/16 1:15.2 1.9 38.8 482 54.0 小野晋 0
21/12/6 大井☆ 9 1200/芝 曇 8 15 Ｃ１(八)(九) 10 8/15 1:14.9 0.5 38.8 489 54.0 小野晋 0
21/11/3 大井☆ 9 1400/芝 小雪 1 2 ファンタスティックナイト賞 Ｃ２(一) 5 5/16 1:29.7 1.0 40.4 484 54.0 小野晋 180,000
21/10/8 大井☆ 7 1200 晴 1 1 Ｃ２(一)(二)(三) 3 3/15 1:14.3 0.7 37.9 484 56.0 小野晋 250,000
21/9/21 大井☆ 9 1200 晴 6 7 ねり丸１０周年記念賞 Ｃ２(四)(五) 4 2/11 1:13.5 0.2 37.1 482 54.0 小野晋 400,000
21/9/10 大井☆ 7 1200 晴 4 4 ２０２０　ＤＡＺＮレース中継開始賞 Ｃ２(三)(四) 5 7/13 1:15.9 1.3 39.0 488 56.0 小野晋 0
20/12/29 大井 7 1200 曇 5 8 イナリワン賞 Ｃ２(五)(六) 3 4/14 1:14.8 0.3 38.0 473 54.0 小野晋 150,000
20/12/10 大井☆ 5 1200 晴 6 10 Ｃ２(四)(五) 2 4/14 1:14.4 0.5 38.1 468 53.0 小野晋 150,000
20/11/4 大井☆ 12 1200 晴 7 12 ＳＰＡＴ４×ＪＢＣ２０２１賞 Ｃ２(四)(五)(六) 2 6/15 1:15.3 0.4 37.7 470 56.0 小野晋 0
20/10/6 大井☆ 6 1200 曇 5 10 いたばし二輪草賞 Ｃ２(七)(八) 1 2/16 1:14.9 0.1 38.1 468 54.0 小野晋 400,000
20/9/9 大井 2 1200 晴 4 5 ３歳１８０万 7 1/14 1:13.5 0.6 37.1 468 54.0 小野晋 1,600,000
横にスライド