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

	レース成績 回顧 2026

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

/* - レース header
-------------------------------------------------- */
#week_header {
    color: #fff;
    width: 100%;
    background-color: #333;
}

#week_header .content {
    max-width: 940px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: auto;
    display: block;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

#week_header .content:after {
    content: '';
    display: block;
    clear: both;
}


/* ----- 複数レースメニュー ----- */
.race_list_block {
    margin-top: 8px;
}

.race_menu_line {
    padding: 3px;
    background-color: #455A64;
}

.race_menu_line>.cell.menu {
    padding-left: 8px;
}

.race_menu_line>ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.race_menu_line>ul>li {
    flex-basis: 100%;
    padding: 3px;
}

.race_menu_line.horizontal {
    padding: 0;
    background-color: inherit;
}

.race_menu_line.horizontal ul {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: clamp(0.4rem, 0.0173rem + 1.0204vw, 0.8rem);
}

.race_menu_line.horizontal li {
    padding: 0;
}

.race_menu_line.horizontal ul li a {
    padding: 4px 10px;
}

.race_menu_line>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 1.2rem;
    transition: all 0.3s ease-in-out;
    color: #444;
    background-color: #FFF;
    text-align: center;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    border: 1px solid #FFF;
}

.no-touch .race_menu_line>ul>li>a:hover,
.race_menu_line>ul>li>a:focus {
    color: #222;
    border-color: #333;
    background-color: #f7f7f7;
}

.race_menu_line>ul>li.current>a {
    position: relative;
    border: 1px solid #052338;
    background-color: #052338;
    color: #fffbaa;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.no-touch .race_menu_line>ul>li.current>a:hover,
.race_menu_line>ul>li.current>a:focus {
    color: #fffbaa;
    border-color: #052338;
    background-color: #052338;
}

.race_menu_line>ul>li>a i {
    margin-right: 0.4em;
    font-size: 1.2rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #176aa4;
}

.race_menu_line>ul>li.current>a i {
    color: #fffbaa;
}

.race_menu_line>ul>li>a i.fa.fa-chevron-circle-down {
    display: none;
}

.race_menu_line>ul>li.current>a i.fa.fa-chevron-circle-down {
    display: inline-block;
}

.race_menu_line>ul>li.current>a i.fa.fa-chevron-circle-right {
    display: none;
}


/* --- カテゴリータイトル（海外競馬発売） --- */
#category_title {
    font-size: 0;
    font-size: 0rem;
}

#category_title>h1 {
    font-size: 1.6rem;
}

#category_title>p {
    font-size: 1.6rem;
    position: relative;
}

#category_title>h1>a {
    text-decoration: none;
    color: #fff;
}


/* ----- レース名 ----- */
#race_title {
    margin-top: 16px;
    font-size: 0;
    font-size: 0rem;
}

#race_title>h1 {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1rem;
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-right: 20px;
}

#race_title>h1 a {
    text-decoration: none;
    color: #fff;
    display: block;
}

#race_title>h1 img {
    max-width: 100%;
    height: 2.8rem;
    width: auto;
    width
    /***/
    : auto;
    /*IE8のみ適用*/
    display: block;
}

#race_title>h1>span {
    display: none;
}

#race_title>p {
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-top: 0;
}

#race_title>p>span {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-top: 5px;
}

/* --- レース条件表記無し --- */
#race_title.simple>h1 {
    vertical-align: middle;
}

#race_title.simple>p {
    vertical-align: middle;
    margin-bottom: 4px;
}

/* - ログインバナー
---------------------------------------------------------------------- */
:is(.release_info_area, .time_area_grid) a {
    color: #fff;
}

.time_area_line {
    display: table;
    width: 100%;
    margin-top: 12px;
}

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

.time_area_line>.cell.main {
    border-bottom: none;
}

.time_area_line>.cell.opt {
    width: 200px;
}

.time_area_line>.cell.main>.time_area {
    margin-top: 0;
}

.banner_login>a {
    display: block;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.no-touch .banner_login>a:hover {
    background-color: #fff8e1;
}

.banner_login>a>.inner {
    display: flex;
    justify-content: center;
    width: 100%;
}

.banner_login>a>.inner>.cell {
    text-align: center;
    flex-grow: 0;
}

.banner_login>a {
    display: grid;
    padding: 0;
    overflow: clip;
    border-radius: 4px;
    border: none;
    box-shadow: none;
}

.grid .banner_login>a>.inner {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: normal;
}

.banner_login>a>.inner>.left {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding: 4px 5px;
    gap: 4px;
    font-size: 1.2rem;
    font-weight: bold;
}

.grid .banner_login>a>.inner>.left>.cap {
    margin-top: 0;
}

.banner_login>a>.inner>.left>.main>span {
    background-color: #2d6fb7;
    color: #fff;
    padding: .2em .32em;
    line-height: 1;
    border-radius: 2px;
    margin-right: 0.2em;
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.banner_login>a>.inner>.right {
    background-color: #2d6fb7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.banner_login>a>.inner>.right>span {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.banner_login>a>.inner>.right>span i {
    margin-left: 0.2em;
}

.banner_login>a .cap {
    font-size: 1rem;
}

.banner_login .a_off {
    display: none;
}

.umaca_off.banner_login .a_off {
    display: block;
}

.umaca_off.banner_login .main:not(.a_off) {
    display: none;
}

.time_area_grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    margin-top: 12px;
}

.time_area_grid .unit {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
}

.time_area_grid .line {
    font-size: 1.2rem;
}

.time_area_grid .cap {
    display: grid;
    place-content: center;
    padding-inline: 6px;
    font-weight: bold;
    background-color: #176aa4;
    font-size: 1.1rem;
}

.time_area_grid .break {
    display: inline-block;
}


/* - 発売情報エリア
---------------------------------------------------------------------- */
#week_header .release_info_area {
    position: relative;
    margin-top: 15px;
    background-color: #455A64;
}

#week_header .release_info_area>.header {
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1.4;
    font-size: 1.4rem;
    border-radius: 3px 3px 0 0;
    height: 36px;
    position: absolute;
    right: 0;
    top: -36px;
}

#week_header .release_info_area>.header a {
    text-decoration: none;
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.no-touch #week_header .release_info_area>.header a:hover {
    background-color: #455A64;
    color: #fffde7;
}

#week_header .release_info_area.on>.header a {
    background-color: #455A64;
    color: #fffde7;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

#week_header .release_info_area>.header a i {
    margin-right: 0.5em;
    font-size: 1.2rem;
}

#week_header .release_info_area>.header a i.fa.fa-chevron-circle-up {
    display: none;
}

#week_header .release_info_area.on>.header a i.fa.fa-chevron-circle-up {
    display: inline-block;
}

#week_header .release_info_area>.header a i.fa.fa-chevron-circle-down {
    display: inline-block;
}

#week_header .release_info_area.on>.header a i.fa.fa-chevron-circle-down {
    display: none;
}

#week_header .release_info_area>.header.top {
    display: none;
}


#week_header .release_info_area>.area_main {
    display: none;
}

#week_header .release_info_area.on>.area_main {
    display: block;
    animation: release_info_fade_in 0.3s ease-in-out;
    animation-fill-mode: forwards;
}

#week_header .release_info_area>.area_main>.unit {
    display: none;
}

#week_header .release_info_area>.area_main>.line {
    display: flex;
    align-items: center;
    width: 100%;
}

@keyframes release_info_fade_in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


#week_header .release_info_area>.area_main>.line>.cell {
    flex-grow: 1;
}

#week_header .release_info_area>.area_main>.line>.cell.banner {
    width: 220px;
    flex-grow: 0;
    padding: 10px;
}

.release_info_area.end>.area_main>.line>.cell.banner {
    display: none;
}

.jra-app #week_header .release_info_area>.area_main>.line>.cell.banner {
    display: none;
}

#week_header .release_info_area>.area_main>.line>.cell.menu {
    padding: 10px;
    padding-right: 0;
}

#week_header .release_info_area.end>.area_main>.line>.cell.menu {
    padding-right: 10px;
}

.jra-app #week_header .release_info_area>.area_main>.line>.cell.menu {
    padding-right: 10px;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner {
    display: flex;
    align-items: center;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell {
    flex-grow: 1;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell.db_link {
    width: 320px;
    flex-grow: 0;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a {
    text-decoration: none;
    color: #333;
    font-weight: bold;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #fff;
    border: 1px solid #fff;
    padding: 0 10px;
    border-radius: 4px;

    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

    height: 46px;

    transition: all 0.3s ease-in-out;
}

.no-touch #week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a:hover {
    color: #222;
    border-color: #333;
    background-color: #f7f7f7;
}


#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a>.icon img {
    max-width: 28px;
    display: block;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell.db_link>a>.icon img {
    display: inline-block;
    max-width: 20px;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a>.icon img+img {
    margin-left: 3px;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a>.txt {
    padding-left: 10px;
    line-height: 1.3;
}

#week_header .release_info_area>.area_main>.line>.cell.menu>.inner>.cell>a>.txt>.opt {
    display: block;
    font-size: 1rem;
    margin-top: 1px;
}

#week_header .release_info_area>.area_main>.line.grid {
    display: block;
}

#week_header .release_info_area>.area_main>.line.grid>.cell.menu {
    padding-right: 10px;
}

#week_header .release_info_area>.area_main>.line.grid .cell.menu>.inner {
    display: grid;
    grid-template-columns: max-content repeat(3, 1fr);
    align-content: stretch;
    gap: clamp(0.8rem, -0.0867rem + 1.1561vw, 1rem);
    max-width: 100%;
}

#week_header .release_info_area.end>.area_main>.line.grid>.cell.menu>.inner {
    grid-template-columns: repeat(3, 1fr);
}

#week_header .release_info_area>.area_main .line.grid .cell {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
}

#week_header .release_info_area>.area_main>.line.grid>.cell.menu>.inner>.cell>a {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: subgrid;
    justify-content: left;
    align-items: center;
    gap: 10px;
    padding: 4px clamp(0.8rem, 0.5935rem + 0.6452vw, 1.2rem);
    height: auto;
}

#week_header .release_info_area>.area_main>.line.grid>.cell.menu>.inner>.cell>a>.txt {
    padding-left: 0;
}

#week_header .release_info_area>.area_main>.line.grid>.cell.menu>.inner>.cell>a>.txt span {
    display: block;
}


/* ----- コンテンツメニュー ----- */
#contents_menu {
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
}

.nav-local-group {
    border-top: 1px solid #444;
    padding-top: 10px;
}

.nav-local-group .btn-round {
    border: none;
}

/* ----- レース選択に戻る ----- */
#week_index {
    position: absolute;
    top: 0;
    right: 0;
}

#week_index>a {
    color: #222;
    text-decoration: none;
    padding: 8px;
    border-radius: 0 0 4px 4px;
    letter-spacing: normal;
    background-color: #546E7A;
    color: #fff;
    display: block;
    line-height: 1;
    font-size: 1.2rem;
}

#week_index>a>i {
    margin-right: 0.4em;
}


/* - コンテンツタイトルブロック
---------------------------------------------------------------------- */
.contents_head {
    width: 940px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.contents_head>.inner {
    display: table;
    width: 100%;
}

.contents_head>.inner>.cell {
    display: table-cell;
    vertical-align: top;
}

.contents_head>.inner>.cell.title>h1 {
    margin: 0;
}

.contents_head>.inner>.cell.title>h1>img {
    height: 27px;
    max-height: 27px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.contents_head>.inner>.cell.title>h1>span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    vertical-align: bottom;
}

.contents_head>.inner>.cell.title>h1>span>a {
    color: #444;
}

.contents_head>.inner>.cell.title>h1>span>a:hover {
    text-decoration: none;
}

.contents_head>.inner>.cell.title>h1>span>a i {
    margin-right: 0.4rem;
    color: #43a047;
}

.contents_head>.inner>.cell.sns {
    text-align: right;
    vertical-align: top;
}

.contents_head>.inner>.cell.sns .sns_block {
    display: table;
    float: right;
}

.contents_head>.inner>.cell.sns .sns_block>.cell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}



/* - 準備画面
---------------------------------------------------------------------- */
.bg_rounded {
    border-radius: var(--radius_sm);
    padding: clamp(0.8rem, 0.2690rem + 1.4159vw, 1.6rem);
}

.bg_rounded.gray {
	background-color: var(--color-bg-gray);
}

/* - レースヘッダー（caption内）
------------------------------------------------------------ */
.race_header {
    display: table;
    width: 100%;
}

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

.race_header>div.right {
    text-align: right;
    vertical-align: top;
    width: 150px;
}


/* --- レース関連リンク（出馬表・オッズ） --- */
.race_related_link {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}

.race_related_link div.refresh {
    margin-bottom: 5px;
}

.race_related_link>ul {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.race_related_link>ul>li {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 5px;
}

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

.race_related_link>ul>li a.btn-def {
    padding: 4px;
}


/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.race_header .date_line {
    color: #444;
}

.race_header .date_line>.inner {
    display: table;
}

.race_header .date_line>.inner>.cell {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
    vertical-align: bottom;
}

.race_header .date_line>.inner>.cell.time strong {
    font-size: 1.4rem;
}

.race_header .date_line>.inner>.cell.baba>ul {
    font-size: 0;
    position: relative;
    top: -1px;
}

.race_header .date_line>.inner>.cell.baba>ul>li {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-right: 5px;
}

.race_header .date_line>.inner>.cell.baba>ul>li:last-child {
    margin-right: 0;
}

.race_header .date_line>.inner>.cell.baba>ul>li>.inner {
    display: table;
}

.race_header .date_line>.inner>.cell.baba>ul>li>.inner>span {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 2px 6px;
    vertical-align: middle;
    line-height: 1.4;
}

.race_header .date_line>.inner>.cell.baba>ul>li>.inner>span.cap {
    color: #444;
    background-color: #f5f5f5;
    border-right: 1px dashed #ccc;
    font-size: 1.1rem;
}

.race_header .date_line>.inner>.cell.baba>ul>li.weather>.inner>span.cap {
    background-color: #E1F5FE;
}

.race_header .date_line>.inner>.cell.baba>ul>li.turf>.inner>span.cap {
    background-color: #dcf0d4;
}

.race_header .date_line>.inner>.cell.baba>ul>li.durt>.inner>span.cap {
    background-color: #EFEBE9;
}

.race_header .date_line>.inner>.cell.baba>ul>li>.inner>span.txt {
    font-weight: bold;
    border-left: none;
}


/* ----- レース名ブロック ----- */
.race_header div.race_title {
    margin-top: 5px;
    padding-right: 5px;
}

.race_header div.race_title>.inner {
    display: table;
}

.race_header div.race_title>.inner>div {
    display: table-cell;
    vertical-align: top;
}

.race_header div.race_title>.inner>div.txt {
    vertical-align: middle;
}


/* --- レース番号 --- */
.race_header div.race_title>.inner>div.num {
    background-color: #333;
    color: #fff;
    background-color: #00695C;
    min-width: 54px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    padding: 2px;
}

.race_header div.race_title>.inner>div.num>.num_wrap>.race_number {
    text-align: center;
    padding-bottom: 2px;
}

.race_header div.race_title>.inner>div.num>.num_wrap>.race_number>span {
    font-size: 1rem;
}

.race_header div.race_title>.inner>div.num>.num_wrap>.race_number img {
    max-width: 40px;
    max-height: 25px;
    vertical-align: top;
}

/* --- WIN5ボタン --- */
.race_header div.race_title>.inner>div.num div.win5 {
    display: block;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.race_header div.race_title>.inner>div.num div.win5>a {
    display: block;
    text-decoration: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 3px;
}

.race_header div.race_title>.inner>div.num div.win5>a img {
    max-width: 48px;
    display: block;
}


/* --- レース名 --- */
.race_header div.race_title>.inner>div.txt {
    padding-left: 8px;
}

.race_header h2 {
    font-weight: bold;
    color: #444;
    line-height: 1.3;
    font-size: 2.6rem;
}

.race_header h2>span.main {
    font-size: 0;
    display: block;
    line-height: 1.3;
}

.race_header h2>span.main>span {
    display: inline-block;
    font-size: 1.3rem;
}

.race_header h2>span.main>span.cap {
    font-size: 1.2rem;
    padding-right: 4px;
}

.race_header h2>span.main>span.race_name {
    font-size: 2rem;
}


/* --- レース条件・情報 --- */
div.type {
    display: table;
    margin-top: 4px;
}

div.type>div.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.4;
    padding-left: 10px;
}

div.type>div.cell:first-child {
    padding-left: 0;
}

div.type>div.cell.rule {
    padding-left: 0;
}

div.type>div.cell.course {
    padding-left: 20px;
    font-size: 1.4rem;
    font-weight: bold;
}

div.type>div.cell.course>span.cap {
    font-size: 1.1rem;
    font-weight: normal;
}

div.type>div.cell.course>span.unit {
    margin-left: 0.1em;
    font-weight: normal;
    font-size: 1rem;
}

div.type>div.cell.course>span.rotate {
    font-weight: normal;
    font-size: 1.1rem;
}

div.type>div.cell.course>span.detail {
    font-size: 1.2rem;
    font-weight: normal;
}


/* - 本賞金・付加賞
--------------------------------------------- */
ul.prize {
    margin-top: 8px;
    margin-right: 10px;
    border-top: 1px dotted #ddd;
    padding-top: 8px;
}

ul.prize>li {
    line-height: 1.4;
}

ul.prize>li>span {
    font-size: 1.1rem;
}

div.prize_unit {
    display: table;
}

div.prize_unit>.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1rem;
}

div.prize_unit>.cell.cap {
    width: 84px;
    font-size: 1.1rem;
}

div.prize_unit>.cell.data>ol {
    display: table;
}

div.prize_unit>.cell.data>ol>li {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    padding-left: 15px;
}

div.prize_unit>.cell.data>ol>li:first-child {
    padding-left: 0;
}

div.prize_unit>.cell.data>ol>li>span {
    display: inline-block;
    line-height: 1.3;
}

div.prize_unit>.cell.data>ol>li>span.cap {
    width: 20px;
    text-align: right;
    font-size: 1.1rem;
}

div.prize_unit>.cell.data>ol>li>span.num {
    text-align: right;
    font-size: 1.1rem;
    width: 46px;
}


/* --- レースヘッダー下 映像ボタンエリア --- */
.race_header_movie_area {
    padding: 5px;
    background-color: #f3f3f3;
    margin-top: 10px;
}

.race_header_movie_area>.inner {
    display: table;
}

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

.race_header_movie_area>.inner>div.cell.mov {
    width: 300px;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line {
    display: table;
    width: 100%;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div {
    display: table-cell;
    vertical-align: middle;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.cap {
    font-size: 1.2rem;
    background-color: #fff;
    color: #555;
    width: 100px;
    text-align: center;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.btn_block {
    padding-left: 10px;
    padding-right: 10px;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.btn_block .btn-def.btn-sm {
    padding: 4px 30px;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.btn_block .btn-group>.btn-def {
    width: 50%;
    padding: 4px 15px;
}

.race_header_movie_area>.inner>div.cell.option {
    border-left: 1px dashed #ccc;
    padding-left: 5px;
    width: 640px;
}

.race_header_movie_area>.inner>div.cell.option>ul {
    font-size: 0;
}

.race_header_movie_area>.inner>div.cell.option>ul>li {
    vertical-align: middle;
    padding-left: 5px;
    width: 25%;
    display: inline-block;
    font-size: 1.3rem;
}

.race_header_movie_area>.inner>div.cell.option>ul>li:first-child {
    padding-left: 0;
}



/* - レース結果 メインテーブル
------------------------------------------------------------ */
#race_result table.basic>caption {
    text-align: left;
    margin-bottom: 10px;
}

#race_result table.basic thead>tr>th {
    font-size: 1.2rem;
    line-height: 1.3;
}

#race_result table.basic thead>tr>th.place {
    width: 34px;
    padding: 5px 2px;
}

/* - 着順 -*/
#race_result table.basic thead>tr>th.waku {
    width: 26px;
}

/* - 枠 - */
#race_result table.basic thead>tr>th.num {
    width: 28px;
    padding: 5px 4px;
}

/* - 馬番 - */
#race_result table.basic thead>tr>th.horse {
    min-width: 179px;
}

/* - 馬名 - */
#race_result table.basic thead>tr>th.age {
    width: 48px;
}

/* - 性齢 - */
#race_result table.basic thead>tr>th.weight {
    width: 38px;
}

/* - 負担重量 - */
#race_result table.basic thead>tr>th.jockey {
    width: 110px;
}

/* - 騎手 - */
#race_result table.basic thead>tr>th.time {
    width: 50px;
}

/* - タイム - */
#race_result table.basic thead>tr>th.margin {
    width: 72px;
}

/* - 着差 - */
#race_result table.basic thead>tr>th.f_time {
    width: 38px;
    padding: 5px 6px;
}

/* - 推定上り - */

#race_result table.basic thead>tr>th.h_weight {
    width: 80px;
}

/* - 馬体重 - */
#race_result table.basic thead>tr>th.h_weight>span {
    font-size: 1.1rem;
    display: block;
}

#race_result table.basic thead>tr>th.corner {
    width: 76px;
}

/* - コーナー通過順位 - */
#race_result table.basic thead>tr>th.corner>span {
    display: block;
}

#race_result table.basic thead>tr>th.trainer {
    width: 112px;
}

/* - 調教師 - */
#race_result table.basic thead>tr>th.pop {
    width: 34px;
    padding: 5px 2px;
}

/* - 単勝人気 - */

#race_result table.basic tbody>tr>td {
    font-size: 1.2rem;
}

#race_result table.basic tbody>tr>td.place {
    padding: 5px 2px;
}

/* - 着順 -*/
#race_result table.basic tbody>tr>td.waku {
    padding: 2px;
}

/* - 枠 - */
#race_result table.basic tbody>tr>td.waku img {
    vertical-align: top;
    max-width: 20px;
}

#race_result table.basic tbody>tr>td.num {
    padding: 5px 2px;
}

/* - 馬番 - */

#race_result table.basic tbody>tr>td.horse {
    text-align: left;
    font-size: 1.3rem;
}

#race_result table.basic tbody>tr>td.horse div.horse {
    position: relative;
    padding-right: 10px;
}

/* - ブリンカー - */
#race_result table.basic tbody>tr>td.horse div.horse .icon.blinker {
    position: absolute;
    top: -3px;
    right: -3px;
}

#race_result table.basic tbody>tr>td.horse div.horse .icon.blinker img {
    vertical-align: top;
    max-width: 15px;
}

/* - 馬記号 - */
#race_result table.basic tbody>tr>td.horse .horse_icon {
    margin-right: 2px;
}

#race_result table.basic tbody>tr>td.horse .horse_icon>span {
    font-size: 1rem;
    min-width: 14px;
}

#race_result table.basic tbody>tr>td.age {
    padding: 5px 2px;
}

/* - 性齢 - */
#race_result table.basic tbody>tr>td.weight {
    padding: 5px 2px;
}

/* - 負担重量 - */

/* - 騎手 - */
#race_result table.basic tbody>tr>td.jockey {
    text-align: left;
    padding: 5px 2px 5px 4px;
}

#race_result table.basic tbody>tr>td.time {
    padding: 0;
}

/* - タイム - */

/* - 着差 - */
#race_result table.basic tbody>tr>td.margin {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.3;
}

#race_result table.basic tbody>tr>td.margin strong.record {
    background-color: #d61a1a;
    padding: 2px 5px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.3;
}

#race_result table.basic tbody>tr>td.f_time {
    padding: 5px 2px;
}

/* - 推定上り - */

#race_result table.basic tbody>tr>td.h_weight {
    text-align: left;
}

/* - 馬体重（増減） - */

#race_result table.basic tbody>tr>td.h_weight span {
    margin-left: 0.2em;
    font-size: 1.1rem;
}

/* --- コーナー通過順位 --- */
#race_result table.basic tbody>tr>td.corner {
    font-size: 1rem;
    padding: 5px 2px;
}

#race_result table.basic tbody>tr>td.corner div.corner_list>ul {
    font-size: 0;
}

#race_result table.basic tbody>tr>td.corner div.corner_list>ul>li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;

    padding: 2px 0;
    width: 25%;
    line-height: 1.2;

    margin-left: -1px;

    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;

    color: #444;
    background-color: #eaeade;
}

#race_result table.basic tbody>tr>td.corner div.corner_list>ul>li:first-child {
    margin-left: 0;
    border-left: none;
}

#race_result table.basic tbody>tr>td.corner div.corner_list>ul>li:last-child {
    border-right: none;
}

/* --- title属性を持たないli --- */
#race_result table.basic tbody>tr>td.corner div.corner_list>ul>li:not([title]) {
    background: none;
}

/* - 調教師 - */
#race_result table.basic tbody>tr>td.trainer {
    text-align: left;
    font-size: 1.2rem;
    padding: 5px 2px 5px 4px;
}


/* - タイム（ハロンタイム・上り）
------------------------------------------------------------ */
.result_time_data table.basic.narrow tbody>tr>th {
    width: 130px;
    font-size: 1.2rem;
}

#race_result .result_time_data table.basic>caption {
    margin-bottom: 0;
}


/* - コーナー通過順位
------------------------------------------------------------ */

.result_corner_place table.basic.narrow tbody>tr>th {
    width: 130px;
    font-size: 1.2rem;
}

.result_corner_place table.basic.narrow tbody>tr>td strong {
    background-color: #3949AB;
    color: #fff;
    padding: 0.2em;
    margin: 0 0.1em;
}

#race_result .result_corner_place table.basic>caption {
    margin-bottom: 0;
}


/* - 払戻金
------------------------------------------------------------ */
div.refund_unit {
    display: table;
    width: 100%;
}

div.refund_unit>div {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
}

div.refund_unit>div>ul {
    border-top: 1px solid #ccc;
}

div.refund_unit>div>ul>li>dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

div.refund_unit>div>ul>li>dl>dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    background-color: #eaeade;
    border-right: 2px solid #dfdfd3;
    border-left: 1px solid #ccc;
    width: 52px;
    padding: 3px 4px;
    color: #555;
}

div.refund_unit>div>ul>li>dl>dd {
    display: table-cell;
    vertical-align: middle;
    background-color: #f7f7f7;
}

div.refund_unit>div>ul>li>dl>dd>.line {
    display: table;
    width: 100%;
}

div.refund_unit>div>ul>li>dl>dd>.line {
    border-bottom: 1px dashed #ccc;
}

div.refund_unit>div>ul>li>dl>dd>.line:last-child {
    border-bottom: none;
}

div.refund_unit>div>ul>li>dl>dd>.line>div {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    min-height: 25px;
    padding: 5px 4px;
    box-sizing: border-box;
    line-height: 1.3;
    height: 27px;
}

div.refund_unit>div>ul>li>dl>dd>.line.blank>div {
    height: 29px;
    padding: 0;
}

div.refund_unit>div>ul>li>dl>dd>.line>.num {
    text-align: center;
    width: 76px;
}

div.refund_unit>div>ul>li>dl>dd>.line>.yen {
    text-align: right;
}

div.refund_unit>div>ul>li>dl>dd>.line>.yen>span.unit {
    font-size: 1rem;
    margin-left: 0.1em;
}

div.refund_unit>div>ul>li>dl>dd>.line>div.pop {
    width: 80px;
    text-align: right;
}

div.refund_unit>div>ul>li>dl>dd>.line>div.pop>span {
    font-size: 1rem;
    margin-left: 0.1em;
}


/* - 返還ブロック
------------------------------------------------------------ */
div.refund_unit.restoration>div {
    width: 100%;
}

div.refund_unit.restoration>div>ul>li>dl {
    border-right: 1px solid #ccc;
}

div.refund_unit.restoration>div>ul>li>dl>dt {
    line-height: 1.3;
}

div.refund_unit.restoration>div>ul>li>dl>dd {
    padding: 5px 8px;
    line-height: 1.3;
}


/* - 「競走中の出来事等」エリア
------------------------------------------------------------ */
div.race_info_area {
    margin-top: 30px;
}

/* - 写真エリア
------------------------------------------------------------ */
.race_photo_area {
    margin-top: 50px;
}


.race_photo_area>ul>li {
    margin: 40px auto 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-width: 940px;
}

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

.race_photo_area>ul>li img {
    vertical-align: top;
}

.race_photo_area>ul>li>span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* --- 写真横並び（360×270｜240×180） --- */
.race_photo_area>ul.line {
    display: table;
    margin: 0 auto;
}

.race_photo_area>ul.line+ul {
    margin-top: 30px;
}

.race_photo_area>ul.line+ul.line {
    margin-top: 30px;
}

.race_photo_area>ul.line>li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 15px;
}


/* - 写真エリア（改）
------------------------------------------------------------ */
.race_photo_block {
    padding: 5px;
    background-color: #f3f3f3;
    border-top: 2px solid #fff;
}

.race_photo_block>.inner {
    display: table;
    width: 100%;
}

.race_photo_block>.inner>.cell {
    display: table-cell;
    vertical-align: middle;
}

.race_photo_block>.inner>.cell.cap {
    width: 100px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #fff;
    color: #555;
}

.race_photo_block>.inner>.cell.btns {
    padding-left: 5px;
}

.race_photo_block>.inner>.cell.btns>ul {
    /*display: table;
    width: 100%;*/
    font-size: 0;
}

.race_photo_block>.inner>.cell.btns>ul>li {
    /*display: table-cell;*/
    vertical-align: middle;
    padding-left: 5px;

    display: inline-block;
    font-size: 1.3rem;
}

.race_photo_block>.inner>.cell.btns>ul>li .btn-def {
    padding: 4px;
    width: 152px;
}

.race_photo_block>.inner>.cell.btns>ul>li .btn-def:focus {
    color: #333;
    border-color: #888;
    background-color: #f7f7f7;
}


.modal_wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}

.modal_wrap.on {
    display: block;
    animation: obj_fade_in 0.2s ease-in-out;
}

@keyframes obj_fade_in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal_wrap>.inner {
    position: relative;
}

/* --- edge対策 --- */

.modal_overlay {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    z-index: 9998;
}

.modal_wrap.on .modal_overlay {
    display: flex;
    justify-content: center;
    opacity: 1;
}

.modal_content {
    position: relative;
    align-self: center;
    box-sizing: border-box;
    display: block;
    max-width: 90%;
}

.modal_wrap.on .modal_content {
    transform: scale(1, 1);
    animation: obj_zoom_in 0.2s ease-in-out;
}

@keyframes obj_zoom_in {
    from {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }

    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.modal_wrap.on .modal_content .img {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img img {
    vertical-align: top;
}

.modal_wrap.on .modal_content .btn_area {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area>.cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal_wrap.on .modal_content .btn_area>.cell.left {
    background-color: #ebebeb;
    padding: 5px;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li {
    display: table-cell;
    vertical-align: middle;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li+li {
    padding-left: 5px;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li .btn-def:focus {
    color: #333;
    border-color: #888;
    background-color: #f7f7f7;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li.current .btn-def {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li.current .btn-def:focus {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area>.cell.left>ul>li.current .btn-def>i {
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area>.cell.right {
    width: 80px;
    text-align: center;
    background-color: #ebebeb;
    border-left: 1px dashed #ccc;
}

.modal_wrap.on .modal_content .btn_area>.cell.right .btn-def:focus {
    color: #333;
    border-color: #888;
    background-color: #f7f7f7;
}

.modal_wrap .modal_content .help {
    margin-top: 15px;
    text-align: center;
}





/* - レース結果　表 海外競馬 2020
---------------------------------------------------------------------- */
/* - レースヘッダー
--------------------------------------------- */
/* --- レース関連リンク（出馬表・オッズ） --- */
.race_related_link div.refresh {
    margin-bottom: 5px;
}

.race_related_link>ul {
    margin-bottom: 5px;
}

/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.race_header .date_line>.inner>.cell {
    vertical-align: bottom;
    padding-right: 10px;
}

.race_header .date_line>.inner>.cell.date span.country {
    font-size: 1.1rem;
}


.race_header h2>span.main {
    line-height: 1.2;
}

.race_header h2>span.main>span.race_name .grade_icon {
    line-height: 1.3;
    margin-left: 5px;
}

.race_header div.race_title>.inner>div.txt div.type {
    margin-top: 2px;
}


/* - レース名ブロック
--------------------------------------------- */
/* ----- 発走時刻・馬場状態 ----- */
.info_line {
    margin-top: 8px;
}

.info_line>.inner {
    display: table;
    width: 100%;
}

.info_line>.inner>.cell {
    display: table-cell;
    vertical-align: middle;
}

.info_line>.inner>.cell.time span.local_time {
    font-size: 1.1rem;
    margin-left: 0.4em;
}

/* --- 馬場状態 --- */
.info_line>.inner>.cell.baba {
    text-align: right;
    padding-right: 10px;
    padding-right: 0;
}

.info_line>.inner>.cell.baba>ul {
    font-size: 0;
    position: relative;
    top: -1px;
}

.info_line>.inner>.cell.baba>ul>li {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-right: 5px;
}

.info_line>.inner>.cell.baba>ul>li:last-child {
    margin-right: 0;
}

.info_line>.inner>.cell.baba>ul>li>.inner {
    display: table;
}

.info_line>.inner>.cell.baba>ul>li>.inner>span {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 2px 6px;
    vertical-align: middle;
    line-height: 1.4;
}

.info_line>.inner>.cell.baba>ul>li>.inner>span.cap {
    color: #444;
    background-color: #f5f5f5;
    border-right: 1px dashed #ccc;
    font-size: 1.1rem;
}

.info_line>.inner>.cell.baba>ul>li.weather>.inner>span.cap {
    background-color: #E1F5FE;
}

.info_line>.inner>.cell.baba>ul>li.turf>.inner>span.cap {
    background-color: #dcf0d4;
}

.info_line>.inner>.cell.baba>ul>li.durt>.inner>span.cap {
    background-color: #EFEBE9;
}

.info_line>.inner>.cell.baba>ul>li.aw>.inner>span.cap {
    background-color: #FFE0B2;
}

.info_line>.inner>.cell.baba>ul>li>.inner>span.txt {
    font-weight: bold;
    border-left: none;
}

/* ----- 賞金総額・1着賞金 ----- */
.prize {
    margin-right: 10px;
    border-top: 1px dotted #ddd;
    margin-top: 6px;
    padding-top: 6px;
    margin-right: 0;
}

.prize_line {
    display: table;
}

.prize_line>.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3rem;
}

.prize_line>.cell.total {
    padding-right: 3em;
}

.prize_line>.cell .cap {
    margin-right: 1em;
}

.prize_line>.cell .unit {
    font-size: 1.1rem;
    margin-left: 0.2em;
}

/* --- レース結果の見方ボタン --- */
.help_btn {
    margin-top: 10px;
}


/* --- レースヘッダー下 映像ボタンエリア --- */
.race_header_movie_area>.inner {
    display: table;
    width: 100%;
}

.race_header_movie_area>.inner>div.cell.mov {
    width: auto;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.btn_block {
    padding-right: 5px;
}

.race_header_movie_area>.inner>div.cell.mov>.movie_line>div.btn_block .btn-def.btn-sm {
    display: inline-block;
    min-width: 150px;
}

.race_header_movie_area>.inner>div.cell.option {
    width: 150px;
}


/* - レース結果 メインテーブル
------------------------------------------------------------ */
#race_result table.basic thead>tr>th.num {
    width: 54px;
}

/* - 馬番 - */

#race_result table.basic thead>tr>th.num span {
    display: block;
    font-size: 1rem;
}

/* - 馬名 - */
#race_result table.basic thead>tr>th.horse span {
    display: block;
    font-size: 1rem;
}

#race_result table.basic thead>tr>th.weight {
    width: 40px;
}

/* - 負担重量 - */
#race_result table.basic thead>tr>th.jockey {
    width: 120px;

    width: 156px;
}

/* - 騎手 - */
#race_result table.basic thead>tr>th.time {
    width: 80px;
}

/* - タイム - */
#race_result table.basic thead>tr>th.time span {
    display: block;
}

#race_result table.basic thead>tr>th.h_weight {
    width: 42px;
    padding: 5px 0;
}

/* - 馬体重 - */
#race_result table.basic thead>tr>th.h_weight>span {
    font-size: 1rem;
}

#race_result table.basic thead>tr>th.trainer {
    width: 192px;
}

/* - 調教師 - */
#race_result table.basic thead>tr>th.trainer span {
    display: block;
    font-size: 1rem;
}

/* - ゲート番号（td） - */
#race_result table.basic tbody>tr>td.num span.gate {
    font-size: 1rem;
    margin-left: 0.5em;
}

#race_result table.basic tbody>tr>td.num span.inner {
    display: table;
    width: 100%;
}

#race_result table.basic tbody>tr>td.num span.inner>.cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%;
}

#race_result table.basic tbody>tr>td.num span.inner>.cell.num {
    text-align: right;
    width: 23px;
}

#race_result table.basic tbody>tr>td.num span.inner>.cell.gate {
    font-size: 1rem;
    text-align: right;
    vertical-align: bottom;
    width: 27px;
}

#race_result table.basic tbody>tr>td.num span.inner>.cell.gate>span {
    min-width: 13px;
    display: inline-block;
}

/* - 馬名（td） - */
#race_result table.basic tbody>tr>td.horse {
    padding: 0 5px;
    padding: 3px 5px;
    line-height: 1.3;
}

#race_result table.basic tbody>tr>td.horse div.horse {
    width: 100%;
    padding-right: 15px;
}

#race_result table.basic tbody>tr>td.horse div.horse .icon.blinker {
    top: 0;
    right: 0px;
}

/* - 生産国 - */
#race_result table.basic tbody>tr>td.horse span.code {
    font-size: 1rem;
    margin-left: 0.1em;
    line-height: 1.3;
}

#race_result table.basic tbody>tr>td.age {
    padding: 5px 2px;
    font-size: 1.2rem;
}

/* - 性齢 - */

/* - 騎手 - */
#race_result table.basic tbody>tr>td.jockey {
    line-height: 1.2;
    font-size: 1.2rem;
}

#race_result table.basic tbody>tr>td.jockey.long {
    font-size: 1rem;
    letter-spacing: -0.1em;
}

#race_result table.basic tbody>tr>td.time {
    font-size: 1.2rem;
    padding: 5px 2px;
    line-height: 1.4;
}

/* - タイム - */

#race_result table.basic tbody>tr>td.time strong.record {
    background-color: #d61a1a;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.3;
    font-size: 1rem;
    padding: 2px;
}

#race_result table.basic tbody>tr>td.time span.icon {
    vertical-align: middle;
    margin-left: 0.4em;
    display: inline-block;
    position: relative;
    top: -1px;
}

#race_result table.basic tbody>tr>td.time span.icon>img {
    max-width: 15px;
    vertical-align: top;
}

#race_result table.basic tbody>tr>td.time p.reference {
    font-size: 1rem;
    background-color: #F9FBE7;
    padding: 2px 0;
    border: 1px dotted #ccc;
    margin: 1px 2px 0 2px;
}

#race_result table.basic tbody>tr>td.h_weight {
    font-size: 1.1rem;
    padding: 5px 2px;
    text-align: center;
}

/* - 馬体重（増減） - */

#race_result table.basic tbody>tr>td.h_weight span {
    font-size: 1rem;
}

/* - 調教師 - */
#race_result table.basic tbody>tr>td.trainer {
    line-height: 1.2;
    font-size: 1.2rem;
}

#race_result table.basic tbody>tr>td.trainer.long {
    font-size: 1rem;
}

#race_result table.basic tbody>tr>td.trainer span.code {
    font-size: 1rem;
    margin-left: 0.1em;
}

#race_result table.basic tbody>tr>td.trainer.long>span.name {
    display: block;
}

div.refund_area div.refund_unit>div>ul>li>dl>dd>.line>div.pop {
    font-size: 1.2rem;
    padding: 5px 4px 5px 0;
}



/* - 式別毎発売票数
------------------------------------------------------------ */
.total_vote div.refund_unit>div {
    width: 25%;
}

.total_vote div.refund_unit>div:last-child>ul>li {
    border-right: 1px solid #ccc;
}


.total_vote div.refund_unit.henkan>div>ul>li>dl {
    min-height: 44px;
}

.total_vote div.refund_unit>div>ul>li>dl>dt {
    width: 100px;
    line-height: 1.4;
}

.total_vote div.refund_unit>div>ul>li>dl>dd {
    text-align: right;
    padding: 4px 6px;
    line-height: 1.4;
}

.total_vote div.refund_unit>div>ul>li>dl>dd .henkan {
    display: block;
    font-size: 1.2rem;
}

.total_vote div.refund_unit>div>ul>li>dl>dd span {
    margin-left: 0.1em;
    font-size: 1rem;
}

.total_vote .detail_link {
    margin-top: 10px;
    text-align: right;
}


/* - 「競走中の出来事等」エリア（改）
------------------------------------------------------------ */
.change_list {
    margin-top: 40px;
}

.change_list table.basic tbody>tr>th {
    width: 200px;
    font-weight: bold;
}

.change_list .panel>.sub_header {
    font-size: 1.4rem;
    padding: 8px 12px;
}

.change_list .panel ul.note_list>li {
    margin-top: 5px;
    font-size: 1.2rem;
    background-color: #f7f7f7;
    width: 100%;
}

.change_list .panel ul.note_list>li:first-child {
    margin-top: 0;
}

.change_list .panel ul.note_list>li>span {
    padding: 0;
}

.change_list .panel ul.note_list>li>span.cap {
    background-color: #eee;
    padding: 5px 10px;
    min-width: 116px;
    vertical-align: middle;
    text-align: center;
}


.change_list .panel ul.note_list>li>span.cap+span.txt {
    padding: 5px 10px;
}

.change_list .panel ul.note_list>li>span.txt {
    vertical-align: middle;
}

.change_list .panel ul.note_list>li>span.txt span.kara {
    margin: 0 0.2em;
    font-size: 1.1rem;
}

.change_list .panel ul.note_list+ul.dot_list {
    margin-top: 10px;
}

.change_list .panel ul.dot_list>li>span {
    font-size: 1.2rem;
}



.change_list .panel ul.note_list>li>div {
    padding: 0;
}

.change_list .panel ul.note_list>li>.cap {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    background-color: #eceff1;
    border-right: 2px solid #ddd;
    width: 110px;
    white-space: normal;
    text-align: left;
}

.change_list .panel ul.note_list>li>.txt {
    padding: 2px 10px;
    vertical-align: middle;
}


.change_list .panel ul.note_list>li>.txt span.kara {
    margin: 0 0.2em;
    font-size: 1.1rem;
}

.change_list .panel ul.note_list+p.memo {
    margin-top: 10px;
}

.change_list p.memo {
    line-height: 1.8;
}






/* - レース回顧　表
---------------------------------------------------------------------- */
#kaiko {
    margin-top: 30px;
}


#kaiko ul.img_colum {
    display: table;
    width: 100%;
}

#kaiko ul.img_colum li {
    display: table-cell;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
}

#kaiko ul.img_colum li img {
    vertical-align: top;
}

#kaiko ul.img_colum.col3 li {
    width: 33.33%;
    max-width: none;
}

#kaiko ul.img_colum.col2 li {
    width: 50%;
    max-width: none;
}

p.signature {
    text-align: right;
}

.movie_block>.contents_header span {
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 1.5em;
}

.movie_block>.content>a {
    position: relative;
    display: block;
    max-width: 720px;
    margin: 0 auto;
}

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

.movie_block>.content>a .icon i {
    position: relative;
    left: 1px;
}

.movie_block>.content>a:hover .icon,
.movie_block>.content>a:focus .icon {
    background-color: rgba(0, 0, 0, 0.5);
}



/* - 印刷用
---------------------------------------------------------------------- */

@media print {

    html,
    body {
        height: auto;
    }

    #wrapper {
        min-height: 1px;
    }

    #contentsBody table {
        border-collapse: separate;
    }

    #race_title>h1 {
        background-color: #333;
    }
}