@charset "utf-8";
/* ============================================
// BASE CSS
// ============================================
   +++ Index +++
   101. RESET
   102. BASE
   103. COMMON PARTS
   201. HEADER
   202. CAMPAIGN BANNER
   203. INFORMATION AND MESSAGE
   204. RACE INFORMATION
   205. RACE INFORMATION - TICKET
   206. RACE INFORMATION - MULTIPLE
   207. RACE INFORMATION - CARRY OVER
   208. GRADE RACE
   209. NEXT RACE
   210. SUPPORT
   211. SERVICE INFORMATION
   212. BUTTONS AND FOOTER
   301. OMAKASE DOKANTO SECTION
   302. DOKANTO DEME MAX SECTION
   303. GEAR RATIO SECTION
   403. MODAL WINDOW
   403. LOADER
   403. ERROR WINDOW
   501. LOGIN PAGE
   502. ERROR PAGE
   502. AKAKEI PDF PAGE
   601. PICKUP RACER
// ============================================ */

/* ============================================
// 101. RESET
// ============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background-image: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
hr {
    display:none;
}

/* ============================================
// 102. BASE
// ============================================ */
/* Base
----------------------------------------------- */
html, body {
    min-height: 100%;
}

body {
    font: 12px/18px "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", Verdana, "メイリオ", Meiryo, sans-serif;
    color: #333;
    background: #f7f7f7;
    -webkit-text-size-adjust: none;
}

a,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #1976D2;
}

/* Option
----------------------------------------------- */
.flt_l { float: left;}
.flt_r { float: right;}

.aln_c { text-align: center;}
.aln_r { text-align: right;}
.aln_l { text-align: left;}

.clear { clear: both;}
.hidden { visibility: hidden;}
.none { display: none;}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after { clear: both;}
.cf { *zoom: 1;}

.bold { font-weight: bold;}

/* ============================================
// 103. COMMON PARTS
// ============================================ */
/* Breadcrumb
----------------------------------------------- */
.breadcrumb {
    margin: 0 8px;
    padding: 8px 0;
}

.breadcrumb li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 12px;
    line-height: 22px;
}

.breadcrumb li a {
    text-decoration: underline;
}

.breadcrumb li a:hover {
    text-decoration: none;
}

.breadcrumb li:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5px;
    border-color: transparent transparent transparent #91aecb;
}

/* Section Title
----------------------------------------------- */
#CONTENTS_WRAPPER .section_title {
    margin: auto 0 16px;
    padding: 10px 8px;
    font-size: 20px;
    line-height: 24px;
    color: #212121;
    background: #fff;
    border-top: 2px solid #234d9f;
    border-bottom: 1px solid #b6b6b6;
}

/* Refinements Section
----------------------------------------------- */
.refinements_section {
    margin: 0 8px 24px;
    background: #dedede;
}

.refinements_section .btn_expand a {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 4px;
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #424242;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#e0e0e0));
    background: linear-gradient(to bottom,  #ffffff 30%,#e0e0e0 100%);
    border: 2px solid #999;
    border-radius: 5px;
}

.refinements_section .btn_expand a:before {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 42px;
    font-size: 12px;
    line-height: 24px;
    color: #424242;
    text-align: center;
}

.refinements_section .btn_expand a:before { content: "とじる";}

.refinements_section .btn_expand.open a:before { content: "ひらく";}

.refinements_section .btn_expand a:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #757575 transparent;
}

.refinements_section .btn_expand.open a:after {
    top: 8px;
    border-width: 8px 5px 0 5px;
    border-color: #757575 transparent transparent  transparent;
}

.refinements_section .btn_search { padding: 0 0 8px;}

.refinements_section .btn_search a {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    color: #212121;
    text-decoration: none;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#e0e0e0));
    background: linear-gradient(to bottom,  #ffffff 30%,#e0e0e0 100%);
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow:
            inset 0 0 2px rgba(255,255,255,1),
            0 1px 1px rgba(0,0,0,0.25);
}

.refinements_section .btn_clear { padding: 0 0 8px;}

.refinements_section .btn_clear a {
    display: block;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#777777));
    background: linear-gradient(to bottom, #a0a0a0 0%,#777777 100%);
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 1px rgba(0,0,0,0.25);
}

.refinements_section-header {
    padding: 0 8px;
    height: 40px;
    border-bottom: 1px solid #a5a5a5;
}

.refinements_section-header .title {
    padding: 12px 0 12px 24px;
    float: left;
    font-size: 16px;
    line-height: 1;
    color: #212121;
    background: url(../../images/sp/mypage/icon_search_contents.png) 4px center no-repeat;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
}

.refinements_section-header .btn_expand {
    float: right;
    padding: 6px 0;
}

.refinements_section-contents { padding: 8px;}

.refinements_container { margin: 0 0 16px;}

.refinements_header {
    position: relative;
    height: 36px;
    background: #494949;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#363636));
    background: linear-gradient(to bottom,  #494949 0%,#363636 100%);
}

.refinements_header .title {
    padding: 10px 0 10px 8px;
    float: left;
    font-size: 16px;
    line-height: 1;
    color: #fff;
}

.refinements_header .btn_expand {
    float: right;
    padding: 4px;
}

.refinements_contents {
    padding: 16px 8px 0;
    background: #fff;
}

.refinements_category {
    margin: 0 0 8px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #424242;
    background: #eee;
    border-bottom: 1px solid  #ccc;
}

.refinements_category .title {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 24px;
}

.refinements_category .btn {
    display: block;
    float: right;
    margin: 2px 0;
}

.refinements_list { margin: 0 0 8px;}

.refinements_list label {
    display: block;
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
    line-height: 1;
    color: #424242;
}

.refinements_list input { margin: 0 4px 0 0;}

.refinements_list select { margin: 0 0 8px;}

.refinements_list-heading {
    display: block;
    margin: 0 0 8px;
    padding: 0 0 4px;

    border-bottom: 1px solid #ccc;
}

.refinements_list-heading .title {
    font-size: 14px;
    line-height: 24px;
    color: #424242;
}

.refinements_list-heading label {
    display: block;
    float: left;
    margin: 0;
}

.refinements_list-heading .btn {
    display: block;
    float: right;
    margin: 4px 0;
}

.refinements_list ul {
    margin: 0 8px;
    font-size: 0;
}

.refinements_list li {
    display: inline-block;
    margin: 0 2% 8px 0;
    width: 48%;
}

.refinements_list .w100 {
    margin: 0 0 8px 0;
    width: 100%;
}

.logout .refinements_category .title,
.logout .refinements_category .btn,
.logout .refinements_list-heading,
.logout .refinements_list label {
    color: #aaa;
}

.refinements_list .calender {
    padding: 4px 8px 4px;
    font-size: 14px;
}

.refinements_list .next_race_check {
    display: block;
    margin: 0 8px;
}

.racer-name-refinements_list {
    display: inline-block;
    margin: 0 0 8px;
}

.racer-name-refinements_list dt {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
    width: 32px;
    font-size: 14px;
    line-height:34px;
    font-weight: bold;
    color: #424242;
    text-align: right;
    border-bottom: none;
}

.racer-name-refinements_list dd {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0;
}

.racer-name-refinements_list input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 6px;
    width: 80px;
    height: 34px;
    font-size: 16px;
    line-height: 1;
    color: #212121;
    background: #fff;
    border: 1px solid #9e9e9e;
    border-color: #7e7e7e #9e9e9e #b9b9b9;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

.racer-status-refinements select {
    height: 34px;
    font-size: 16px;
    color: #424242;
}

.racer-status-refinements input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 0 6px;
    width: 96px;
    height: 34px;
    font-size: 16px;
    line-height: 1;
    color: #212121;
    text-align: right;
    background: #fff;
    border: 1px solid #9e9e9e;
    border-color: #7e7e7e #9e9e9e #b9b9b9;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

.refinements_section-note {
    margin: -16px 8px 24px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #d50000;
    background: #ffe2e5;
    border: 1px solid #cbc1af;
}

/* Pager
----------------------------------------------- */
.pager {
    margin: 0;
    padding: 12px 0;
    background: #f1f1f1;
    border-bottom: 1px solid #c4c3c0;
}

.pager .status {
    margin: 0 0 12px;
    font-size: 14px;
    color: #424242;
    text-align: center;
}

.pager .status .num {
    color: #e50000;
}

.pager ul {
    padding: 0 5px;
}

.pager li {
    display: block;
    float: left;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    width: 25%;
    height: 34px;
    padding: 0 3px;
}

.pager li a {
    display: block;
    height: 32px;
    font-size: 0;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
    border: 1px solid #bbb;
    border-radius: 4px;
}

.pager li a span {
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
    line-height: 32px;
    color: #424242;
}

.pager li a .icon {
    position: relative;
    top: 2px;
    width: 17px;
    height: 14px;
    background: url(../../images/sp/campaign/icon_pager.png) 0 0 no-repeat;
    background-size: 34px 28px;
    -webkit-background-size: 34px 28px;
}

.pager li a .first { background-position: 0 0;}
.pager li a .prev { width: 9px; background-position: 0 -14px;}
.pager li a .next { width: 9px; background-position: -9px -14px;}
.pager li a .last { background-position: -17px 0;}

/* Site Top Button
----------------------------------------------- */
.btn_back_kd a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #37bcf3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37bcf3), color-stop(100%, #0092cf));
    background: linear-gradient(to bottom, #37bcf3 0%, #0092cf 100%);
    border: 1px solid #00779e;
    border-radius: 17px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

/* Modal Window
----------------------------------------------- */
.modal_win .modal_win_header {
    padding: 6px 8px;
    background: #009688;
    border-bottom: 2px solid #00796B;
    border-radius: 8px 8px 0 0;
}

/* Live Video Contents
----------------------------------------------- */
.live_video_contents {
    background: rgb(18, 18, 18); text-align: center;
}
.closed .live_video_contents {
    display: none;
}
.live_video_contents video {
    vertical-align: middle;
}
.live_video_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px;
    height: 36px;
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
}
.live_video_title {
    font-size: 16px;
    line-height: 36px;
    color: rgb(66, 66, 66);
}
.live_video_button_box {
    display: flex;
}
.live_video_button {
    margin: 0px 0px 0px 8px;
}
.live_video_button a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0px 6px 0px 2px;
    background: rgb(245, 245, 245);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}
.live_video_button a:hover {
    opacity: 0.8;
}
.live_video_button a::after {
    display: block;
    font-size: 12px;
    color: rgb(66, 66, 66);
    text-decoration: none;
}
.pip_button a::after {
    content: "PIPで視聴";
}
.pip_button.active a::after {
    content: "PIPを解除";
}
.onoff_button a::after {
    content: "とじる";
}
.closed .onoff_button a::after {
    content: "ひらく";
}
.live_video_caption {
    display: flex; align-items: center; height: 24px;
}
.pip_button .live_video_caption {
    margin: 0px 4px 0px 2px;
}
.live_video_caption svg {
    vertical-align: middle;
}
.closed .onoff_button .live_video_caption svg {
    transform: rotate(0.5turn);
}

/* ============================================
// 201. HEADER
// ============================================ */
/* Header
----------------------------------------------- */
.header_wrapper {
    margin: 0;
    width: 100%;
}

.header_text {
    position: relative;
    padding: 0 0 0 4px;
    font-size: 9px;
    line-height: 18px;
    color: #808080;
    background: #f7f7f7;
    z-index: 100;
}

#HEADER {
    position: relative;
    height: 52px;
    background: #fff;
    border-bottom: 1px solid #bcbcbc;
    z-index: 100;
}

#HEADER .logo { float: left;}

#HEADER .logo a {
    display: table-cell;
    padding: 0 0 0 4px;
    width: 108px;
    height: 52px;
    vertical-align: middle;
}

#HEADER .logo img { vertical-align: bottom;}

#HEADER .btn {
    float: right;
    padding: 4px 0;
}

#HEADER .btn li {
    float: left;
    margin: 0 4px 0 0;
}

#HEADER .btn a {
    display: block;
    position: relative;
    padding: 29px 0 3px;
    width: 48px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    box-shadow:
            inset 0 -1px 0 rgba(0,0,0,.15),
            0 1px 0 rgba(0,0,0,.07);
}

#HEADER .btn .menu a,
#HEADER .btn .bet a,
#HEADER .btn .seisan a {
    color: #565656;
    background-color: #ffffff;
    box-shadow:
            inset 1px 0 0 rgba(0,0,0,.2),
            inset 0 1px 0 rgba(0,0,0,.2),
            inset -1px 0 0 rgba(0,0,0,.2),
            inset 0 -1px 0 0 rgba(0,0,0,.3),
            0 1px 0 rgba(0,0,0,.07);
}

#HEADER .btn .login a {
    background: #e87c00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#e87c00));
    background: linear-gradient(to bottom,  #ff9800 0%,#e87c00 100%);
}

#HEADER .btn .mymenu a {
    font-size: 8px;
    line-height: 12px;
    background: #3d91e5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5da6ef), color-stop(100%,#3d91e5));
    background: linear-gradient(to bottom, #5da6ef 0%,#3d91e5 100%);
}

#HEADER .btn .menu a.active {
    background-color: #d5d5d5;
    box-shadow:
            inset 1px 0 0 rgba(0,0,0,.15),
            inset 0 -1px 0 rgba(0,0,0,.15),
            inset -1px 0 0 rgba(0,0,0,.15),
            inset 0 1px 0 0 rgba(0,0,0,.45),
            inset 0 2px 2px rgba(0,0,0,.2);
}

#HEADER .btn a:after {
    display: block;
    position:absolute;
    top: 3px;
    left: 12px;
    width: 24px;
    height: 24px;
    content: "";
    background:url(../../images/sp/common/icon_header_x2.png?20160721) 0 0 no-repeat;
    background-size: 96px 24px;
    -webkit-background-size: 96px 24px;
}

#HEADER .btn .menu a:after { background-position: 0 0;}
#HEADER .btn .bet a:after { background-position: -24px 0;}
#HEADER .btn .login a:after { background-position: -48px 0;}
#HEADER .btn .mymenu a:after { background-position: -72px 0;}

#HEADER .btn .seisan a:after {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 28px;
    height: 28px;
    content: "";
    background:url(../../images/sp/common/icon_header_menu_sp_x2.png);
    background-size: 168px 28px;
    background-position: -28px 0;
}

#HEADER .btn .icon_new {
    display: block;
    position: absolute;
    top: -6px;
    right: -2px;
    z-index: 1;
    padding: 1px 4px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    background: #d50000;
    border-radius: 6px;
}

/* New Site Header 2020.04.03 */
.site_header {
    position: relative;
    z-index: 100;
}

.site_header img {
    vertical-align: bottom;
}

.site_header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    height: 54px;
    background: #fff;
}

.site_header_logo a {
    display: block;
}

.site_header_chatbot a {
    display: block;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 42px;
    width: 155px;
    height: 36px;
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
    background: #00a0f0;
    border-radius: 18px;
    box-shadow:
            inset 0 1px 0 0 rgba(255,255,255,.3),
            0 1px 0 0 rgba(0,0,0,.15);
}

.site_header_chatbot a:hover {
    opacity: .8;
}

.site_header_chatbot a:after {
    display: block;
    position: absolute;
    top: 7px;
    left: 13px;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url(https://kdreams.r10s.jp/keirin/contents/images/aichatbot/rex/k-dreams/botface_small-kd.svg);
    background-size: 24px 24px;
}

.site_header_nav {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 60px;
    background: #e5e5e5;
}

.site_header_nav_list {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 8px;
}

.site_header_nav_list a {
    display: block;
    box-sizing: border-box;
    position: relative;
    padding: 32px 0 4px;
    width: 48px;
    height: 48px;
    font-size: 11px;
    line-height: 12px;
    color: #555;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 0 rgba(255,255,255,.3),
            0 1px 4px 0 rgba(0,0,0,.4);
}

.site_header_nav_list.mymenu a {
    font-size: 9px;
    color: #fff;
    background: #00a0f0;
}

.site_header_nav_list.login a {
    color: #fff;
    background: #fb8c00;
}

.site_header_nav_list a:hover {
    opacity: .8;
}

.site_header_nav_list a:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 10px;
    width: 28px;
    height: 28px;
    content: "";
    background-image: url("../../images/sp/common/icon_header_menu_sp_x2.png");
    background-size: 168px 28px;
}

.site_header_nav_list.menu a:after { background-position: 0 0;}
.site_header_nav_list.seisan a:after { background-position: -28px 0;}
.site_header_nav_list.bet a:after { background-position: -56px 0;}
.site_header_nav_list.mymenu a:after { background-position: -84px 0;}
.site_header_nav_list.login a:after { background-position: -112px 0;}

/* Header Menu
----------------------------------------------- */
.header_menu {
    position: absolute;
    width: 100%;
    z-index: 110;
}

.header_menu ul {
    position: relative;
    overflow: hidden;
}

.header_menu li a {
    display: block;
    position: relative;
    padding: 0 12px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    font-weight: bold;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
    overflow: hidden;
}

.header_menu li a:after {
    display:block;
    content:'';
    position:absolute;
    top:14px;
    right:8px;
    height: 8px;
    width:8px;
    border:2px solid #ff9800;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.header_menu li .icon_new {
    display: inline-block;
    position: relative;
    margin: 0 0 0 4px;
    padding: 1px 7px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    background: #d50000;
    border-radius: 7px;
}

.header_menu .logout a { color: #666;}
.header_menu .logout a:after {
    display:block;
    border-color: #c9c9c9;
}

.header_menu .btn_close {
    padding: 12px 8px;
    background: #e5e5e5;
    border-bottom: 1px solid #b5b5b5;
}

.header_menu .btn_close a  {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    color: #424242;
    font-weight:bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
    background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
    border: 1px solid #9e9e9e;
    border-color: #9e9e9e #9e9e9e #7d7d7d;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.7),
            0 1px 0 rgba(255,255,255,0.75);
}

.header_menu .btn_close a:after {
    display: none;
}

.header_menu .close a,
.header_menu .close .btn_close {
    padding: 0 8px;
    height: 0px;
    border: none;
    box-shadow: none;
}

.header_bottom {
    margin: 0 0 8px;
    width: 100%;
    background: #eee;
}

.member_header_bottom {
    position: relative;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.header_wrapper .btn_register {
    padding: 4px 0 9px;
}

.header_wrapper .btn_register a {
    display: block;
    margin: 0 auto;
    width: 253px;
    height: 49px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/btn_register_x2.png) center center no-repeat;
    background-size: 253px 49px;
    -webkit-background-size: 253px 49px;
}

.header_wrapper .btn_beginner {
    width: 100%;
    height: 30px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 1px 0 rgba(0,0,0,0.1);
}

.header_wrapper .btn_beginner a {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/btn_beginner_x2.png) center center no-repeat;
    background-size: 214px 28px;
    -webkit-background-size: 214px 28px;
}

.login_bar {
    padding: 4px 0;
    height: 12px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #EF6C00;
}

.header_wrapper .btn_login {
	padding: 0 0 11px;
}

.header_wrapper .btn_login a {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 250px;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #e87c00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#e87c00));
	background: linear-gradient(to bottom,  #ff9800 0%,#e87c00 100%);
	border-radius: 20px;
	box-shadow:
		inset 0 1px 0 0 rgba(255,255,255,.2),
		inset 0 -1px 0 0 rgba(0,0,0,.1),
		0 1px 3px 0 rgba(0,0,0,.2);
}

.header_wrapper .btn_login a:after {
	display: block;
	position: absolute;
	top: 6px;
	left: 14px;
	width: 28px;
	height: 28px;
	content: "";
	background-image: url("../../images/sp/common/icon_header_menu_sp_x2.png");
	background-size: 168px 28px;
	background-position: -112px 0;
}

.header_wrapper .btn_login a:hover {
	opacity: .8;
}

/* User Status
----------------------------------------------- */
.header_user_stage {
    clear: both;
    padding: 3px 0;
    height: 26px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: #787878;
    border-bottom: 1px solid #333;
}

.header_user_stage.standard { background: #787878;}
.header_user_stage.ace { background: #082d1a;}
.header_user_stage.grand { background: #520000;}
.header_user_stage.royal { background: #0d0f50;}

#USER_STATUS {
    padding: 0 4px;
    background: #090909;
}

#USER_STATUS dl {
    float: left;
    padding: 4px 0;
    width: 50%;
}

#USER_STATUS dt {
    margin: 2px 4px;
    padding: 0 0 0 18px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    color: #d4e157;
    background: url(../../images/sp/common/icon_point_x2.png) 0 0 no-repeat;
    background-size: 14px 28px;
    -webkit-background-size: 14px 28px;
}

#USER_STATUS .money dt { background-position: 0 0;}
#USER_STATUS .deruca dt { background-position: 0 -14px;}

#USER_STATUS dd {
    padding: 0 0 0 4px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
}

#USER_STATUS dd .unit {
    padding: 0 0 0 2px;
    font-size: 12px;
}

#BTN_USER_NAV {
    padding: 4px 4px 8px;
    background: #090909;
}

#BTN_USER_NAV li {
    float: left;
    width: 50%;
}

#BTN_USER_NAV a {
    display: block;
    margin: 0 4px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    color: #212121;
    text-align: center;
    border: 2px solid #616161;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            inset 0 -1px 0 rgba(0,0,0,0.75);
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#BTN_USER_NAV .history a {
    background: #80deea;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80deea), color-stop(100%,#4dd0e1));
    background: linear-gradient(to bottom, #80deea 0%,#4dd0e1 100%);
}

#BTN_USER_NAV .charge a {
    background: #ffc107;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd54f), color-stop(100%,#ffc107));
    background: linear-gradient(to bottom, #ffd54f 0%,#ffc107 100%);
}

#BTN_USER_NAV .charge .sub {
    font-size: 12px;
}

.user_status_pointback {
    padding: 0 8px;
    background: #090909;
}

.user_status_pointback dl {
    padding: 6px 0;
    border-top: 1px solid #333;
}

.user_status_pointback dt {
    display:block;
    position: relative;
    float: left;
    padding: 0 0 0 18px;
    font-size: 12px;
    line-height: 26px;
    color: #d4e157;
}

.user_status_pointback dt:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 18px;
    background: url(../../images/sp/common/icon_mypage_x2.png) 0 -18px no-repeat;
    background-size: 82px 72px;
    -webkit-background-size: 82px 72px;
}

.user_status_pointback dt span {
    display: block;
    float: left;
    padding: 0 2px 0 0;
}

.user_status_pointback dd {
    float: right;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
}

.user_status_pointback dd span {
    display: block;
    float: left;
}

.user_status_pointback dd .btn_user_status_pointback a,
.user_status_pointback dd .btn_user_status_pointback .disabled {
    display: block;
    position: relative;
    margin: 0 0 0 4px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1;
    color: #424242;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff), color-stop(100%,#c5c5c5));
    background: linear-gradient(to bottom, #fff 50%,#c5c5c5 100%);
    border: 2px solid #616161;
    border-radius: 6px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
}

.user_status_pointback dd .btn_user_status_pointback .disabled {
    color: #aaa;
    background: #d5d5d5;
    box-shadow: none;
}

/* ============================================
// 202. CAMPAIGN BANNER
// ============================================ */
.campaign {
    margin: 0 0 8px;
    font-size: 0;
    line-height: 0;
    background: #393939;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #fff;
}

#TOPPAGE .campaign {
    margin: 0 0 12px;
    background: #666;
    border-top-width: 0;
    border-bottom-width: 0;
}

.campaign .contents img { width: 100%; height: auto; aspect-ratio: 4 / 1;}

/* 170426 Campaign Banner Area START */
.campaign .contents .campaign_period {
    overflow: hidden;
    padding: 0 6px;
    height: 18px;
    vertical-align: bottom;
    background: #f5f5f5;
    border: 1px solid #090909;
}

#LINK .w150 li {
    width: 150px;
}

#LINK .w150 img {
    width: 100%;
    height: auto;
    aspect-ratio: 150 / 80;
}


.campaign .contents .campaign_period dt {
    display: block;
    float: left;
    padding: 0 8px 0 0;
    font-size: 10px;
    line-height: 18px;
    color: #757575;
}

.campaign .contents .campaign_period dd {
    display: block;
    float: left;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    color: #212121;
}
/* 170426 Campaign Banner Area END */

/* Slider Control */
.campaign .bx-controls {
    display: block;
}

.campaign .bx-wrapper .bx-controls-direction {
    display: block;
    position: relative;
    bottom: 33px;
    width: 100%;
}

.campaign .bx-wrapper .bx-prev {
    left: 3px;
}

.campaign .bx-wrapper .bx-next {
    right: 3px;
}

.campaign .bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    display: block;
    width: 38px;
    height: 28px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
    background: linear-gradient(to bottom, #fafafa 0%,#e9e9e9 100%);
    border: 1px solid #b6b6b6;
    border-bottom-color: #727272;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

#TOPPAGE .campaign .bx-wrapper { position: relative;}

#TOPPAGE .campaign .bx-wrapper .bx-controls-direction {
    display: block;
    top: 0;
    width: 100%;
}

#TOPPAGE .campaign .bx-wrapper .bx-prev { left: 0;}

#TOPPAGE .campaign .bx-wrapper .bx-next { right: 0;}

#TOPPAGE .campaign .bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    display: block;
    bottom: 0px;
    width: 38px;
    height: 36px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #eee;
    background-image: none;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: .5;
    z-index: 10;
    cursor: pointer;
}

#TOPPAGE .campaign .bx-wrapper .bx-controls-direction a:hover {opacity: .9;}

#TOPPAGE .campaign .bx-wrapper .bx-controls-direction .bx-prev { border-radius: 0;}

.campaign .bx-wrapper .bx-prev:after {
    display:block;
    content:'';
    position:absolute;
    top:12px;
    left:14px;
    height: 10px;
    width:10px;
    border:3px solid #666;
    border-right-width:0;
    border-bottom-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.campaign .bx-wrapper .bx-next:after {
    display:block;
    content:'';
    position:absolute;
    top:12px;
    right:14px;
    height: 10px;
    width:10px;
    border:3px solid #666;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.campaign .bx-pager {
    height: 36px;
    text-align: center;
}

.campaign .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 10px;
    height: 36px;
}

.campaign .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    margin: 14px 0 0;
    width: 8px;
    height: 8px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #d5d5d5;
    border-radius: 4px;
}

.campaign .bx-pager .bx-pager-item .active { background: #FFCA28;}

#TOPPAGE .campaign .bx-pager {
    overflow: hidden;
}

#TOPPAGE .campaign .bx-pager .bx-pager-item {
    margin: 0 3px;
}

/* 23.06.15 Update / */
.top_campaign_bnr {
    margin: 0 auto 8px;
    width: 320px;
    text-align: center;
}

.top_campaign_bnr img {
    width: 100%;
    height: auto;
    aspect-ratio: 320 / 60;
    vertical-align: bottom;
}

/* ============================================
// 203. INFORMATION AND MESSAGE
// ============================================ */
/* Information
----------------------------------------------- */
.extra_information_section {
    margin: 12px 8px;
    padding: 12px;
    background: #ffe2e5;
    border: 2px solid #d50000;
    border-radius: 4px;
}

.extra_information_section .title {
    margin: 0 0 8px;
    padding: 0 0 0 34px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #e50000;
    background: url(../../images/sp/top/icon_ex_info_x2.png) 0 0 no-repeat;
    background-size: 28px 24px;
    -webkit-background-size: 28px 24px;
}

.extra_information_section .message {
    font-size: 15px;
    line-height: 22px;
    color: #e50000;
}

.important_marquee_section {
    margin: 0 8px 12px;
}

.important_marquee_section .marquee {
    display:block;
    position: relative;
    margin:0;
    padding: 0 4px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #d50000;
    overflow: hidden;
    background: #fff;
    border: 2px solid #d50000;
    border-radius: 4px;
}

.important_marquee_section .marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:50px;
}

.important_marquee_section .marquee p {
    margin:0;
    padding-left:100%;
    line-height: 28px;
    color: #d50000;
    display:inline-block;
    white-space:nowrap;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:5s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:5s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:5s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:5s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

/* Toppage Caution
----------------------------------------------- */
.top_caution_message {
    margin: 0 8px 12px;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #d50000;
    text-align: center;
    background: #fce9e8;
}

.top_caution_message a {
    color: #d50000;
    text-decoration: underline;
}

/* Message
----------------------------------------------- */
.user_message_section {
    position: relative;
    margin: 12px 0;
    height: 36px;
    background: #fff;
    border-top: 1px solid #c4c2c0;
    border-bottom: 1px solid #c4c2c0;
}

.user_message_section:after {
    display: block;
    content: "";
    position: absolute;
    top: 11px;
    right: 10px;
    height: 10px;
    width: 10px;
    border: 3px solid #c0c0c0;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.user_message_section .inner {
    margin: 0 25px 0 8px;
    padding: 8px 0;
    height: 20px;
}

.user_message_section a .index {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #1976d2;
}

.user_message_section a .icon {
    float: right;
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #e50000;
    border-radius: 10px;
}

/* ============================================
// 204. RACE INFORMATION
// ============================================ */
#MAIN_HEADER {
    padding: 8px;
    height: 36px;
    background: #ffffff url(../../images/sp/top/bg_main_header_x2.png) 0 0 no-repeat;
    background-size: 320px 52px;
    -webkit-background-size: 320px 52px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#MAIN_HEADER .title {
    display: block;
    float: left;
    margin: 0 0 0 8px;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 3px rgba(255,255,255,1);
}

#MAIN_HEADER .btn_live {
    float: right;
}

#MAIN_HEADER .btn_live a {
    display: block;
    position: relative;
    padding: 11px 4px 11px 30px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-bottom-color: #283593;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.2);
}

#MAIN_HEADER .btn_live a:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 4px;
    width: 24px;
    height: 24px;
    background: url(../../images/sp/common/icon_contents_x2.png) -28px 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

.main_section {
    position: relative;
    margin: 0 0 24px;
    padding: 55px 0 0;
    border-bottom: 1px solid #8a8a8a;
}

#TOPPAGE .main_section { margin: 0;}

.btn_open_race_win {
    padding: 16px 8px;
}

.btn_open_race_win a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 42px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #a61042;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e81e61), color-stop(100%,#a61042));
    background: linear-gradient(to bottom,  #e81e61 0%,#a61042 100%);
    border: 1px solid #e91e63;
    border-color: #a61042 #a61042 #7a1034;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

/* Navigation */
.btn_main_section_nav {
    padding: 8px 4px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #B71C1C;
}

.btn_main_section_nav li {
    float:left;
    width: 50%;
}

.btn_main_section_nav a {
    display: block;
    position: relative;
    bottom: -1px;
    margin: 0 4px;
    padding: 6px 0;
    height: 32px;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
    border: 1px solid #727272;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,1);
}

.btn_main_section_nav .active a {
    background: #C62828;
    border: 1px solid #B71C1C;
    border-bottom: 1px solid #C62828;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
}

.btn_main_section_nav .icon {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: 32px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/top/btn_race_x2.png) 0 0 no-repeat;
    background-size: 260px 64px;
    -webkit-background-size: 260px 64px;
}

.btn_main_section_nav .ticket { background-position: 0 0;}
.btn_main_section_nav .multiple { background-position: -130px 0;}
.btn_main_section_nav .active .ticket { background-position: 0 -32px;}

.btn_select_day_wrapper {
    height: 54px;
    background: #C62828;
}

.btn_select_day {
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 0;
    padding: 8px 4px 0;
    width: 100%;
    background: #C62828;
    border-bottom: 1px solid #B71C1C;
    z-index:40;
}

#TOPPAGE .btn_main_section_nav {
    float: left;
    box-sizing: border-box;
    width: 67%;
    padding: 0 4px;
    background: #f7f7f7;
    border-width: 0;
}

#TOPPAGE .btn_main_section_nav li {
    float:left;
    width: 50%;
}

#TOPPAGE .btn_main_section_nav a {
    display: block;
    position: relative;
    bottom: 0;
    margin: 0 4px;
    padding: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #c22827;
    border: 1px solid #c22827;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
}

#TOPPAGE .btn_main_section_nav .multiple a {
    background: #e6a301;
    border-color: #e6a301;
}

#TOPPAGE .btn_main_section_nav .icon {
    display: block;
    margin: 7px auto;
    width: 64px;
    height: 29px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../../images/sp/top/icon_raceinfo_k3k5dokanto_x2.png") 0 0 no-repeat;
    background-size: 64px 29px;
    -webkit-background-size: 64px 29px;
}

#TOPPAGE .main_section_nav_wrapper .btn_app_live,
#TOPPAGE .main_section_nav_wrapper .btn_live {
    float: right;
    padding: 4px 0 0;
    width: 33%;
}

#TOPPAGE .main_section_nav_wrapper .btn_app_live a,
#TOPPAGE .main_section_nav_wrapper .btn_live a {
    display: block;
    position: relative;
    margin: 0 8px 0 0;
    height: 34px;
    color: #fff;
    text-align: center;
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-bottom-color: #283593;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.2);
}

#TOPPAGE .main_section_nav_wrapper .btn_app_live .text,
#TOPPAGE .main_section_nav_wrapper .btn_live .text {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 12px;
    line-height: 34px;
    vertical-align: middle;
}

#TOPPAGE .main_section_nav_wrapper .btn_app_live .icon,
#TOPPAGE .main_section_nav_wrapper .btn_live .icon {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../../images/sp/common/icon_contents_x2.png) -28px 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

#TOPPAGE .btn_select_day_wrapper {
    height: 54px;
    background: #C22827;
}

#TOPPAGE .btn_select_day {
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 0;
    padding: 8px 4px 1px;
    width: 100%;
    background: #C22827;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
    z-index:40;
}

#TOPPAGE .btn_select_day.multiple { background: #e6a301;}

.btn_select_day li {
    float: left;
    width: 33.3%;
    display: block;
}

.btn_select_day a {
    position: relative;
    display: block;
    margin: 0 4px 8px;
    height: 36px;
    font-size: 13px;
    line-height: 36px;
    color: #0D47A1;
    font-weight:bold;
    text-align: center;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
    background: linear-gradient(to bottom,  #fafafa 0%,#f5f5f5 100%);
    border: 1px solid #848484;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 2px 0 #9f9f9f;
}

.btn_select_day a .l2 {
    position: relative;
    display: block;
    margin: 0 4px 8px;
    padding: 3px 0;
    height: 30px;
    font-size: 13px;
    line-height: 15px;
}

.btn_select_day .active a {
    top: 2px;
    color: #fff;
    background: #ff9800;
    border: 1px solid #E65100;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.45);
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}

#TOPPAGE .btn_select_day.multiple .active a {
    top: 2px;
    color: #fff;
    background: #00796B;
    border: 1px solid #606060;
}

/* for Andoid 2 */
.main_section.android2 {
    padding: 0;
}

.android2 .btn_select_day {
    position: relative;
    top: auto;
    padding: 8px 4px;
    z-index: 1000;
}

.android2 .btn_select_day a {
    margin: 0 4px;
    padding: 12px 0 11px;
    height: 13px;
    font-size: 13px;
    line-height: 1;
    -webkit-box-shadow: none;
}

.android2 .btn_select_day #BTN_CARRY a {
    padding: 0;
    height: auto;
}

.android2 .btn_select_day a .l2 {
    margin: 0;
    padding: 3px 0;
    height: 30px;
    line-height: 15px;
}

.android2 .btn_select_day .active a {
    top: auto;
    -webkit-box-shadow: none;
}

/* Race List Header */
.main_section .title {
    padding: 0 8px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    background: #EAE7E2;
    border-top: 1px solid #C3C2BE;
    border-bottom: 1px solid #C3C2BE;
}

.main_section .day_header {
    padding: 4px 8px;
    height: 32px;
    background: #fff;
    border-bottom: 2px solid #d5d5d5;
}

.main_section .day_header .day {
    float: left;
    font-size: 14px;
    line-height: 32px;
    color: #424242;
}

.main_section .day_header .day span { display: none;}
.main_section .day_header .day .active { display: block;}

.main_section .day_header .btn {
    float: right;
}

.main_section .day_header .btn a {
    display: block;
    padding: 0 6px;
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    color: #212121;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE082), color-stop(100%,#FFCA28));
    background: linear-gradient(to bottom,  #FFE082 0%,#FFCA28 100%);
    border: 1px solid #FF8F00;
    border-bottom-color: #FF6F00;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.75),
            0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

#TOPPAGE .main_section_header {
    padding: 0 8px;
    font-size: 14px;
    line-height: 30px;
    color: #424242;
    background: #f5f5f5;
    border-top: 1px solid #C3C2BE;
    border-bottom: 1px solid #C3C2BE;
}

#TOPPAGE .main_section_header .title {
    display: inline-block;
    margin: 0 .3em 0 0;
    padding: 0;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #424242;
    background: transparent;
    border: none;
}

#TOPPAGE .main_section_header .day {
    display: inline-block;
}

#TOPPAGE .main_section_header .day span { display: none;}
#TOPPAGE .main_section_header .day .active { display: block;}

.pickup_nav {
    padding: 4px;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
}

.pickup_nav .btn {
    float: left;
    width: 50%;
    text-align: center;
}

.pickup_nav .btn a {
    display: block;
    margin: 0 4px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    color: #212121;
    background: #e5e5e5;
    border: 1px solid #727272;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,.65),
            inset 0 -1px 0 rgba(0,0,0,.15),
            0 1px 0 rgba(0,0,0,0.1);
}

.pickup_nav .btn.pickup a {
    color: #fff;
    background: #2fb877;
    border-color: #0c664b;
}

.main_section .day_header .btn .disabled {
    display: block;
    padding: 0 6px;
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    color: #afafaf;
    background: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

#TOPPAGE .main_section .day_header .btn .disabled {
    display: block;
    margin: 0 4px;
    padding: 0;
    font-size: 12px;
}

/* Main Section Footer */
.main_section_footer {
    background: #f5f4f0;
}

.main_section_footer ul {
    margin: 8px 4px;
    padding: 4px 0;
    text-align: center;
    background: #f5f4f0;
    border: 1px solid #d5d5d5;
}

.main_section_footer li {
    display: inline-block;
    position: relative;
    margin: 0 1px;
    padding: 0 0 0 16px;
    font-size: 11px;
    line-height: 14px;
}

.main_section_footer li:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../../images/sp/common/icon_status_l_x2.png) 0 0 no-repeat;
    background-size: 56px 14px;
    -webkit-background-size: 56px 14px;
}

.main_section_footer .morning:after { background-position: 0 0;}
.main_section_footer .s2:after { background-position: -14px 0;}
.main_section_footer .s3:after { background-position: -28px 0;}
.main_section_footer .girls:after { background-position: -42px 0;}

/* Race List Loader */
#RACE_LIST_LOADER {
    position: relative;
    width: 100%;
    height: 200px;
    background: #f5f5f5 url(../../images/sp/common/img_loader_x2.gif) center center no-repeat;
    background-size: 64px 64px;
    -webkit-background-size: 64px 64px;
}

/* ============================================
// 205. RACE INFORMATION - TICKET
// ============================================ */
.race_list dl {
    width: 100%;
    border-bottom: 2px solid #d5d5d5;
}

.race_list dt {
    position: relative;
    float: left;
    width: 68px;
    height: 88px;
    background: #555;
}

#TOPPAGE .race_list dt.graderace { background: #fdf2c2;}

.race_list dt .icon_graderace {
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 56px;
    height: 8px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_graderace_x2.png) 0 0 no-repeat;
    background-size: 56px 8px;
    -webkit-background-size: 56px 8px;
}

.race_list dt .bet_status {
    position: absolute;
    margin: 4px 6px;
    font-size: 0;
}

.race_list dt .icon_bet_status {
    display: inline-block;
    position: relative;
    margin: 0 2px 0 0;
    padding: 0;
    width: 14px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

.race_list dt .icon_bet_d {
    width: 14px;
    background: url(../../images/sp/raceinfo/icon_schedule_dokanto_x2.png) 0 0 no-repeat;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
}

.race_list dt .icon_bet_k3,
.race_list dt .icon_bet_k5{
    width: 14px;
    background: url(../../images/sp/common/icon_schedule_k3k5_x2.png) -14px 0 no-repeat;
    background-size: 28px 14px;
    -webkit-background-size: 28px 14px;
}

.race_list dt .icon_bet_k3 { background-position: 0 0;}
.race_list dt .icon_bet_k5 { background-position: -14px 0;}

.race_list dt .name {
    display: block;
    margin: 0 0 16px;
    padding: 34px 0 0;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.race_list dt .name a {
    color: #fff;
    text-decoration: underline;
}

.race_list dt .name a:hover { text-decoration: none;}

.race_list .graderace .name,
.race_list .graderace .name a {
    color: #FFEB3B;
}

#TOPPAGE .race_list .graderace .name,
#TOPPAGE .race_list .graderace .name a {
    color: #a47f09;
}

.race_list dt .icon_wrapper {
    display: block;
    margin: 0 4px;
    padding: 2px 0 2px 2px;
    height: 14px;
    font-size: 0;
    line-height: 1;
    text-align: left;
    background: #fff;
    border-radius: 4px;
}

.race_list .icon_wrapper span {
    display: inline-block;
    margin: 0 2px 0 0;
}

.race_list .icon_wrapper .icon_grade,
.race_list .icon_wrapper .icon_status,
.race_list .icon_wrapper .icon_girls {
    position: relative;
    width: 23px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_grade_x2.png) 0 0 no-repeat;
    background-size: 138px 14px;
    -webkit-background-size: 138px 14px;
}

.race_list .icon_wrapper .icon_status,
.race_list .icon_wrapper .icon_girls {
    width: 14px;
    background: url(../../images/sp/common/icon_status_l_x2.png) 0 0 no-repeat;
    background-size: 56px 14px;
    -webkit-background-size: 56px 14px;
}

.race_list .icon_wrapper .gr1 { background-position: 0 0;}
.race_list .icon_wrapper .gr2 { background-position: -23px 0;}
.race_list .icon_wrapper .gr3 { background-position: -46px 0;}
.race_list .icon_wrapper .gr4 { background-position: -69px 0;}
.race_list .icon_wrapper .gr5 { background-position: -92px 0;}
.race_list .icon_wrapper .gr6 { background-position: -115px 0;}

.race_list .icon_wrapper .morning { background-position: 0 0;}
.race_list .icon_wrapper .s2 { background-position: -14px 0;}
.race_list .icon_wrapper .s3 { background-position: -28px 0;}
.race_list .icon_wrapper .icon_girls { background-position: -42px 0;}

.race_list dd {
    margin: 0 0 0 68px;
    height: 88px;
    background: #fff;
}

.race_list dl:nth-child(even) dd {
    background: #eee;
}

.race_list dd .btn_detail {
    float: left;
    width: 52px;
    height: 88px;
    background: #efefef;
}

.race_list dd .btn_detail .disabled {
    display: block;
    padding: 20px 0;
    width: 52px;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background: #acacac;
}

.race_list dd .btn_detail a {
    display: block;
    margin: 3px auto;
    padding: 23px 0;
    width: 42px;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #424242;
    text-align: center;
    background: #FFF176;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF176), color-stop(100%,#FFEB3B));
    background: linear-gradient(to bottom,  #FFF176 0%,#FFEB3B 100%);
    border: 1px solid #C07E04;
    border-bottom-color: #C07E04;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.75),
            0 2px 0 #A5764C;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.race_list dd .btn_detail_cancel a {
    display: block;
    margin: 3px auto;
    padding: 23px 0;
    width: 42px;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #595959;
    text-align: center;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
    border: 1px solid #999999;
    border-bottom-color: #757575;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.75),
            0 2px 0 #959595;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.race_list dd .btn_detail_cancel.closed a {
    padding: 15px 0;
    width: 42px;
    height: 48px;
}

.race_list dd .inner {
    position: relative;
    margin: 0 6px;
}

.pre_race_list dd .inner,.next_race_list dd .inner {
    margin: 0 6px 0 58px;
}

.race_list dd .race_status {
    margin: 0 0 8px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
}

.race_list dd .race_status .status .over_suspend  {
    font-size: 12px;
}

@media (max-width: 327px) {
    .race_list dd .race_status .status .over_suspend {
        font-size: 11px;
    }
}

.race_list dd .race_status .date {
    float: left;
}

.race_list dd .race_status .date li {
    float: left;
    margin: 0 4px 0 0;
    color: #333;
}

.race_list dd .race_status .status {
    float: right;
}

.race_list dd .race_status .status li {
    float: left;
    margin: 0 0 0 4px;
    color: #D50000;
}

.race_list dd .btn {
    margin: 0 70px 0 0;
    padding: 6px;
    height: 36px;
    background: #efefef;
    border-radius: 8px;
}

.race_list dl:nth-child(even) dd .btn {
    background: #e1e1e1;
}

.pre_race_list dd .btn { margin: 0;}

.race_list dd .btn li {
    display: block;
    float: left;
    width: 33.3%;
    height: 36px;
}

.pre_race_list dd .btn li { width: 100%}
.next_race_list dd .btn li { width: 50%}

.race_list dd .btn a,
.race_list dd .btn .disabled {
    display: block;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,1);
}

.race_list dd .btn .disabled {
    color: #a9a9a9;
    background: #dbdbdb;
    border: 1px solid #d5d5d5;
    box-shadow: none;
}

.race_list dd .btn .racecard a {
    color: #B71C1C;
    border-radius: 4px 0 0 4px;
}

.race_list dd .btn .racecard .disabled {
    border-right-color: #efefef;
    border-radius: 4px 0 0 4px;
}

.race_list dd .btn .odds a {
    color: #1976D2;
    border-left: none;
}

.race_list dd .btn .odds .disabled {
    border-left: none;
    border-right-color: #efefef;
}

.race_list dd .btn .result a {
    color: #666;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.race_list dd .btn .result .disabled {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.pre_race_list dd .btn .result a {
    border-left: 1px solid #999;
    border-radius: 4px;
}

.pre_race_list dd .btn .result .disabled {
    border-left: 1px solid #dbdbdb;
    border-radius: 4px;
}

.next_race_list dd .btn .odds a,
.next_race_list dd .btn .odds .disabled {
    border-radius: 0 4px 4px 0;
}

.race_list dd .btn_bet {
    position: absolute;
    top: 32px;
    right: 0;
}

.race_list dd .btn_bet a,
.race_list dd .btn_bet .disabled {
    display: block;
    position: relative;
    width: 62px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #F06292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06292), color-stop(100%,#D81B60));
    background: linear-gradient(to bottom,  #F06292 0%,#D81B60 100%);
    border: 1px solid #C51162;
    border-bottom-color: #880E4F;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.race_list dd .btn_bet .result a {
    color: #666;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    border-bottom-color: #757575;
}

.race_list dd .btn_bet .progress a {
    background: #F57C00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD180), color-stop(100%,#F57C00));
    background: linear-gradient(to bottom,  #FFD180 0%,#F57C00 100%);
    border: 1px solid #EF6C00;
    border-bottom-color: #E65100;
}

.race_list dd .btn_bet .closed a {
    padding: 3px 0;
    height: 40px;
    line-height: 20px;
    color: #666;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    border-bottom-color: #757575;
}

.race_list dd .btn_bet .canceled a {
    color: #fff;
    background: #9e9e9e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(100%,#757575));
    background: linear-gradient(to bottom,  #9e9e9e 0%,#757575 100%);
    border: 1px solid #757575;
    border-bottom-color: #616161;
}

.race_list dd .btn_bet .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.race_list dd .btn_bet .canceled .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.race_list dd .btn_bet a .icon_attention {
    display: block;
    position: absolute;
    top: -8px;;
    left: -8px;
    width: 26px;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_attention_x2.png) 0 0 no-repeat;
    background-size: 26px 27px;
    -webkit-background-size: 26px 27px;
}

.race_list dd .next_event {
    position: relative;
    margin: 0 ;
    padding: 6px;
    height: 36px;
    text-align: center;
    background: #efefef;
    border-radius: 8px;
}

.race_list .next_event .day {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1;
}

.race_list .next_event .pending {
    font-size: 12px;
    line-height: 36px;
}

.race_list .next_event .preopen {
    font-size: 14px;
    line-height: 36px;
    font-weight: bold;
    color: #b71c1c;
}

/* ============================================
// 206. RACE INFORMATION - MULTIPLE
// ============================================ */
.multiple_contents_wrapper {
    padding: 12px 0 8px;
    background: #F5F4F0;
}

.carryover_contents {
    margin: 0 8px 12px;;
    padding: 8px 0 8px;
    background: #EAE8E2;
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.carryover_contents .header {
    margin: 0 8px 8px;
    font-size: 12px;
    line-height:1;
}

.carryover_contents ul {
    padding: 0 4px;
}

.carryover_contents li {
    display: block;
    float: left;
    width: 50%;
}

.carryover_contents .inner {
    margin: 0 4px;
    padding: 8px;
    text-align: right;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

.carryover_contents .status {
    margin: 0 0 4px;
}

.carryover_contents .status .ticket {
    display: block;
    float: left;
    width: 35px;
    height: 17px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.carryover_contents .status .bt1 { background-position: 0 center;}
.carryover_contents .status .bt2 { background-position: -35px center;}

.carryover_contents .status .velodrome {
    float: right;
    font-size: 12px;
    line-height: 17px;
}

.carryover_contents .amount {
    display: inline-block;
    margin: 0 -1px 4px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #b71c1c;
}

.carryover_contents .amount .unit {
    font-size: 10px;
}

.carryover_contents .btn_bet a {
    display: block;
    position: relative;
    height: 28px;
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #F06292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06292), color-stop(100%,#D81B60));
    background: linear-gradient(to bottom,  #F06292 0%,#D81B60 100%);
    border: 1px solid #C51162;
    border-bottom-color: #880E4F;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.carryover_contents .btn_bet .result a {
    color: #666;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    border-bottom-color: #757575;
}

.carryover_contents .btn_bet .progress a {
    background: #F57C00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD180), color-stop(100%,#F57C00));
    background: linear-gradient(to bottom,  #FFD180 0%,#F57C00 100%);
    border: 1px solid #EF6C00;
    border-bottom-color: #E65100;
}

.carryover_contents .btn_bet .disabled {
    display: block;
    position: relative;
    height: 28px;
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
    color: #afafaf;
    text-align: center;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: none;
}

.btn_select_type {
    padding: 0 4px;
    border-bottom: 1px solid #424242;
}

.btn_select_type li {
    float:left;
    width: 50%;
}

.btn_select_type a {
    display: block;
    position: relative;
    bottom: -1px;
    margin: 0 4px;
    padding: 6px 0;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
    border: 1px solid #727272;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,1);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.btn_select_type .active a {
    color: #fff;
    background: #555;
    border: 1px solid #424242;
    border-bottom: 1px solid #555;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
    text-shadow: none;
}

.multiple_contents_wrapper .nav {
    background: #555;
    border-bottom: 1px solid #424242;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}

.multiple_contents_wrapper .ticket_list,
.multiple_contents_wrapper .velodrome_list {
    margin: 0 auto;
    padding: 8px 6px 0;
}

.multiple_contents_wrapper .ticket_list li,
.multiple_contents_wrapper .velodrome_list li {
    float: left;
    width: 25%;
}

.multiple_contents_wrapper .velodrome_list li { width: 33.3%}

.multiple_contents_wrapper .ticket_list a,
.multiple_contents_wrapper .velodrome_list a {
    display: block;
    position: relative;
    margin: 0 2px 10px;
    height: 42px;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
    background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
    border: 1px solid #9e9e9e;
    border-color: #a5a5a5 #9e9e9e #959595;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 2px 0 #9e9e9e;
}

.multiple_contents_wrapper .velodrome_list a {
    height: 46px;
}

.multiple_contents_wrapper .ticket_list .active a,
.multiple_contents_wrapper .velodrome_list .active a {
    top: 2px;
    color: #fff;
    background: #ff9800;
    border: 1px solid #E65100;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.45);
}

.multiple_contents_wrapper .ticket_list .icon {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 42px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.multiple_contents_wrapper .ticket_list .bt1 { background-position: 0 center;}
.multiple_contents_wrapper .ticket_list .bt2 { background-position: -35px center;}
.multiple_contents_wrapper .ticket_list .bt12 { width: 59px; background-position: -70px center;}
.multiple_contents_wrapper .ticket_list .bt3 { width: 50px; background-position: -129px center;}
.multiple_contents_wrapper .ticket_list .bt4 { background-position: -179px center;}
.multiple_contents_wrapper .ticket_list .bt13 { width: 45px; background-position: -214px center;}
.multiple_contents_wrapper .ticket_list .bt14 { width: 45px; background-position: -259px center;}

.multiple_contents_wrapper .velodrome_list a {
    text-align: center;
}

.multiple_contents_wrapper .velodrome_list .name {
    position: relative;
    padding: 6px 0 2px;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    color: #212121;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.multiple_contents_wrapper .velodrome_list .active .name {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}

.multiple_contents_wrapper .velodrome_list .icon_wrapper {
    padding: 3px 0 3px 1px;
    width: 100%;
    height: 14px;
    font-size: 0;
    line-height: 1;
    text-align: center;
}

.multiple_contents_wrapper .velodrome_list .icon_wrapper li {
    display: inline-block;
    margin: 0 1px 0 0;
    float: none;
}

.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_grade,
.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_status,
.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_girls {
    position: relative;
    width: 23px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_grade_x2.png) 0 0 no-repeat;
    background-size: 138px 14px;
    -webkit-background-size: 138px 14px;
}

.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_status,
.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_girls {
    width: 14px;
    background: url(../../images/sp/common/icon_status_l_x2.png) 0 0 no-repeat;
    background-size: 56px 14px;
    -webkit-background-size: 56px 14px;
}

.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr1 { background-position: 0 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr2 { background-position: -23px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr3 { background-position: -46px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr4 { background-position: -69px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr5 { background-position: -92px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .gr6 { background-position: -115px 0;}

.multiple_contents_wrapper .velodrome_list .icon_wrapper .morning { background-position: 0 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .s2 { background-position: -14px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .s3 { background-position: -28px 0;}
.multiple_contents_wrapper .velodrome_list .icon_wrapper .icon_girls { background-position: -42px 0;}

.multiple_contents_wrapper .velodrome_list .icon_wrapper .day {
    position: relative;
    padding: 0 1px;
    top: -4px;
    width: auto;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    background: #999;
    border-radius: 2px;
}

.race_list_header {
    width: 100%;
    border-bottom: 2px solid #d5d5d5;
}

.race_list_header li {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.race_list_header a {
    display: block;
    height: 34px;
    font-size: 11px;
    line-height: 34px;
    color: #424242;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    box-shadow: inset 1px 1px 0 rgba(255,255,255,1);
}

.race_list_header .caption {
    display: inline-block;
    margin: 0 2px 0 0;
}

.race_list_header .icon_up {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 12px;
    height: 12px;
}

.race_list_header .icon_up:before,
.race_list_header .icon_up:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 4px 6px;
    border-color: transparent transparent #ccc transparent;
}

.race_list_header .icon_up:after {
    top: 8px;
    border-width: 4px 6px 0 6px;
    border-color: #ccc transparent transparent transparent;
}

.race_list_header .active .icon_up:before { border-color: transparent transparent #FF9800 transparent; }
.race_list_header .active .down:before { border-color: transparent transparent #ccc transparent; }
.race_list_header .active .down:after { border-color: #FF9800 transparent transparent transparent; }

.race_list_header .header {
    float: left;
    width: 68px;
}

.race_list_header .amount {
    margin: 0 0 0 68px;
    border-left: 1px solid #999;
}

.race_list .icon_bet {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 88px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.race_list .bt1 { background-position: 0 center;}
.race_list .bt2 { background-position: -35px center;}
.race_list .bt12 { width: 59px; background-position: -70px center;}
.race_list .bt3 { width: 50px; background-position: -129px center;}
.race_list .bt4 { background-position: -179px center;}
.race_list .bt13 { width: 45px; background-position: -214px center;}
.race_list .bt14 { width: 45px; background-position: -259px center;}

.race_list .carryover {
    margin: 0 70px 0 0;
}

.race_list .carryover li {
    margin: 0 0 6px;
    padding: 2px;
    height: 16px;
}

.race_list .carryover .carry {
    background: #F4F3EF;
}

.race_list .carryover .header {
    display: block;
    float:left;
    font-size: 10px;
    line-height: 16px;
}

.race_list .carryover .amount {
    display: block;
    float: right;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #b71c1c;
    text-align: right;
}

.race_list .carryover .amount .unit {
    font-size: 10px;
}

.race_list .carryover .carry .amount {
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

.race_list .carryover .blank {
    text-align: center;
}

.race_list .undecided {
    margin: 0 70px 0 0;
    padding: 6px 0 0 1em;
    font-size: 12px;
    line-height: 18px;
    color: #B71C1C;
    text-indent: -1em;
}

.main_section_footer .time {
    padding: 0 8px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    text-align: right;
    background: #E7E6E1;
}

.main_section_footer .note {
    margin: 0 8px;
    padding: 8px 0 0 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

.race_list_error {
    padding: 120px 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #212121;
    text-align: center;
    background: #fff;
}

/* ============================================
// 207. RACE INFORMATION - CARRY OVER
// ============================================ */
.dokanto_contents {
    margin: 0 8px 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.dokanto_contents .header {
    margin: 0 0 8px;
    padding: 7px 8px;
    background: #FFF176;
    border-bottom: 1px solid #EAE1BD;
    border-radius: 8px 8px 0 0;
}

.dokanto_contents .header .icon {
    float: left;
    width: 100px;
    height: 22px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_dokanto_x2.png) 0 center no-repeat;
    background-size: 100px 22px;
    -webkit-background-size: 100px 22px;
}

.dokanto_contents.bt2_contents .header .icon {
    width: 35px;
    background: url(../../images/sp/common/icon_bet_x2.png) -35px center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.dokanto_contents .header .status {
    float: right;
    padding: 1px 0;
    font-size: 12px;
    line-height: 20px;
    color: #333;
}

.dokanto_contents .header .status .sale {
    display: inline-block;
    padding: 2px 4px;
    height: 16px;
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    background: #C62828;
    border-radius: 4px;
}

.dokanto_contents .header .status .next {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 2px 4px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: #656565;
    border-radius: 4px;

}

.dokanto_contents .velodrome {
    margin: 0 8px 4px;
    font-size: 14px;
    line-height: 14px;
}

.dokanto_contents .velodrome .icon_grade {
    display: inline-block;
    position: relative;
    margin: 0 0 0 4px;
    top: 2px;
    width: 23px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_grade_x2.png) 0 0 no-repeat;
    background-size: 138px 14px;
    -webkit-background-size: 138px 14px;
}

.dokanto_contents .velodrome .gr1 { background-position: 0 0;}
.dokanto_contents .velodrome .gr2 { background-position: -23px 0;}
.dokanto_contents .velodrome .gr3 { background-position: -46px 0;}
.dokanto_contents .velodrome .gr4 { background-position: -69px 0;}
.dokanto_contents .velodrome .gr5 { background-position: -92px 0;}
.dokanto_contents .velodrome .gr6 { background-position: -115px 0;}

.dokanto_contents .race_title {
    margin: 0 8px 8px;
    font-size: 10px;}

.dokanto_contents li {
    margin: 0 8px;
    padding: 0 0 8px;
}

.dokanto_contents a {
    display: block;
    position: relative;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #727272;
    border-radius: 4px;
    box-shadow: inset 0px 2px 1px rgba(0,0,0,0.15);
}

.dokanto_contents .carryover dl {
    background: #f5f5f5;
    border: 1px solid #999;
    border-radius: 4px;
}

.dokanto_contents dt {
    display: block;
    float: left;
    padding: 0 0 0 8px;
    width: 35px;
    height: 46px;
}

.dokanto_contents dt .icon {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 46px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.dokanto_contents dt .bt2 { width: 35px; background-position: -35px center;}
.dokanto_contents dt .bt13 { width: 45px; background-position: -214px center;}
.dokanto_contents dt .bt14 { width: 45px; background-position: -259px center;}

.dokanto_contents dd {
    display: block;
    margin: 0 0 0 43px;
    padding: 4px 8px 2px 0;
    height: 40px;
}

.dokanto_contents .amount {
    display: block;
    margin: 0 0 4px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #b71c1c;
    text-align: right;
}

.dokanto_contents .amount .amount_header {
    padding: 0 4px 0 0;
    font-size: 10px;
    color: #333;
}

.dokanto_contents .amount .unit {
    font-size: 12px;
}

.dokanto_contents .carry,
.dokanto_contents .carry .amount_header,
.dokanto_contents .carry .unit {
    margin: 0;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
}

.dokanto_contents .carryover dd {
    padding: 0 8px 0 0;
    height: 46px;
}

.dokanto_contents .carryover .carry,
.dokanto_contents .carryover .carry .amount_header,
.dokanto_contents .carryover .carry .unit {
    margin: 0;
    height: 46px;
    font-size: 12px;
    line-height: 46px;
    font-weight: normal;
    color: #666;
}

.dokanto_contents .icon_status {
    display: block;
    position: absolute;
    padding: 2px 4px;
    top: -8px;
    left: -6px;
    font-size: 12px;
    line-height: 1;
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.6);
}

.dokanto_contents .icon_status.result { color: #666; background: #ffffff; border-color: #ccc;}
.dokanto_contents .icon_status.progress { color: #fff; background: #f57c00; border-color: #f57c00;}

.title_select_type {
    padding: 0 4px;
    border-bottom: 1px solid #424242;
}

.title_select_type span {
    display: block;
    width: 50%;
    position: relative;
    bottom: -1px;
    margin: 0 4px;
    padding: 6px 0;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #555;
    border: 1px solid #424242;
    border-bottom: 1px solid #555;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
    text-shadow: none;
}

.multiple_contents_wrapper .btn_carry_list li {
    width: 50%;
}

.carry_list {
    width: 100%;
}

.carry_list th {
    height: 34px;
    text-align: center;
    border-left: 1px solid #999;
    border-bottom: 2px solid #d5d5d5;
}

.carry_list th.velodrome {
    width: 68px;
    border-left: none;
}

.carry_list th a {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 11px;
    line-height: 34px;
    color: #424242;
    text-align: center;
    overflow: hidden;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,1);
}

.carry_list .caption {
    display: inline-block;
    margin: 0 2px 0 0;
}

.carry_list .icon_grade {
    display: inline-block;
    margin: 0 2px 0 0;
    width: 35px;
    height: 34px;
    text-align: left;
    text-indent: -9999px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.carry_list .bt1 { background-position: 0 center;}
.carry_list .bt2 { background-position: -35px center;}
.carry_list .bt12 { width: 59px; background-position: -70px center;}
.carry_list .bt3 { width: 50px; background-position: -129px center;}
.carry_list .bt4 { background-position: -179px center;}
.carry_list .bt13 { width: 45px; background-position: -214px center;}
.carry_list .bt14 { width: 45px; background-position: -259px center;}

.carry_list .icon_up {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 12px;
    height: 12px;
}

.carry_list .icon_up:before,
.carry_list .icon_up:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 4px 6px;
    border-color: transparent transparent #ccc transparent;
}

.carry_list .icon_up:after {
    top: 8px;
    border-width: 4px 6px 0 6px;
    border-color: #ccc transparent transparent transparent;
}

.carry_list .active .icon_up:before { border-color: transparent transparent #FF9800 transparent; }
.carry_list .active .down:before { border-color: transparent transparent #ccc transparent; }
.carry_list .active .down:after { border-color: #FF9800 transparent transparent transparent; }

.carry_list td {
    padding: 0 2px;
    height: 38px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.carry_list tr:nth-child(odd) td,
.carry_list tr.even td { background: #f9f9f9;}

.carry_list td.velodrome {
    font-size: 14px;
    font-weight: bold;
}

.carry_list td.amount {
    text-align: right;
    font-size: 12px;
}

.carry_list td.amount .unit {
    position: relative;
    padding: 0 1px;
    font-size: 10px;
}

.carry_list td.amount .icon_carry {
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 0 3px;
    height: 12px;
    font-size: 8px;
    line-height: 12px;
    color: #fff;
    background: #999;
    border-radius: 6px;
}

.carry_list td.next {
    font-size: 11px;
    color: #333;
}

.carry_list td.next .btn {
    padding: 4px 6px;}

.carry_list td.next .btn a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #F06292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06292), color-stop(100%,#D81B60));
    background: linear-gradient(to bottom, #F06292 0%,#D81B60 100%);
    border: 1px solid #C51162;
    border-bottom-color: #880E4F;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(0,0,0,0.1);
}

.carry_list td.next .btn .disabled {
    display: block;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    color: #afafaf;
    text-align: center;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}

.carry_list tr.now td {
    color: #333;
    background: #FFFAD5;
}

.carry_list td.velodrome a {
    color: #666;
    text-decoration: underline;
}

.carry_list tr.now td.velodrome a { color: #333;}

.carry_list td.velodrome a:hover { text-decoration: none;}

/* ============================================
// 208. GRADE RACE
// ============================================ */
#GRADE_RACE_SECTION {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    color: #fff;
    background: #333;
    border-bottom: 2px solid #CD2115;
}

#GRADE_RACE_SECTION .title {
    display: block;
    position: relative;
    padding: 0 0 0 42px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    background: #C62828;
    border-top: 1px solid #940404;
    border-bottom: 1px solid #940404;
    box-shadow: 0 2px 1px rgba(0,0,0,0.4);
    z-index: 1;
}

#GRADE_RACE_SECTION .title:after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 8px;
    width: 28px;
    height: 24px;
    background: url(../../images/sp/common/icon_contents_x2.png) 0 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

#GRADE_RACE_SECTION .main_visual {
    margin: 0 0 41px;
    height: 175px;
    text-align: center;
    overflow: hidden;
}

#GRADE_RACE_SECTION .main_visual img {
    margin: 0 -40px;
}

#GRADE_RACE_LIST_WRAPPER {
    position: absolute;
    top: 153px;
    width: 100%;
}

#GRADE_RACE_SECTION .grade_race_list {
    position: relative;
    margin: 0 6px 8px;
    padding: 0 0 6px;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    box-shadow: 0 1px 0 #656565;
}

.grade_race_list .race_status {
    margin: 0 0 8px;
    padding: 0 6px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-bottom: 1px solid #222;
    box-shadow: 0 1px 0 #656565;
}

/* 170426 Grade Race Area START */
#GRADE_RACE_SECTION .grade_race_name {
    padding: 8px 6px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #FFF176;
    text-shadow: 0 2px 0 #222222;
}

#GRADE_RACE_SECTION .grade_race_list_area .grade_race_list {
    position: relative;
    margin: 0 6px 8px;
    padding: 0 0 6px;
    background: #212121;
    border-radius: 0;
    box-shadow:
            inset 0 1px 1px rgba(0,0,0,.65),
            0 1px 0 rgba(255,255,255,.1);
}

#GRADE_RACE_SECTION .grade_race_list_area .grade_race_list .race_status {
    margin: 0 0 8px;
    padding: 0 6px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-bottom: 1px solid #424242;
    box-shadow: none;
}
/* 170426 Grade Race Area END */

.grade_race_list .race_status li {
    float: left;
    margin: 0 6px 0 0;
    color: #fff;
}

.grade_race_list .race_status .status {
    color: #FFF176;
}

.grade_race_list .btn {
    margin: 0 122px 0 6px;
    padding: 6px;
    height: 36px;
    background: #656565;
    border-radius: 8px;
}

.grade_race_list .btn li {
    display: block;
    float: left;
    width: 33.3%;
    height: 36px;
}

.grade_race_list .btn a,
.grade_race_list .btn .disabled {
    display: block;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #454545;
    box-shadow:
            inset 1px 1px 0 rgba(255,255,255,1),
            0 1px 0 #868686;
}

.grade_race_list .btn .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.grade_race_list .btn .racecard a {
    color: #B71C1C;
    border-radius: 4px 0 0 4px;
}

.grade_race_list .btn .racecard .disabled {
    border-right-color: #efefef;
    border-radius: 4px 0 0 4px;
}

.grade_race_list .btn .odds a {
    color: #1976D2;
    border-left: none;
}

.grade_race_list .btn .odds .disabled {
    border-left: none;
    border-right-color: #efefef;
}

.grade_race_list .btn .result a {
    color: #666;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.grade_race_list .btn .result .disabled {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.grade_race_list .btn_live {
    position: absolute;
    top: 33px;
    right: 70px;
}

.grade_race_list .btn_live a,
.grade_race_list .btn_live .disabled {
    display: block;
    position: relative;
    padding: 32px 0 0;
    width: 44px;
    height: 14px;
    font-size: 9px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.grade_race_list .btn_live a:after,
.grade_race_list .btn_live .disabled:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(../../images/sp/common/icon_contents_x2.png) -28px 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

.grade_race_list .btn_live .disabled:after { background-position: -52px 0;}

.grade_race_list .btn_bet {
    position: absolute;
    top: 33px;
    right: 6px;
}

.grade_race_list .btn_bet a,
.grade_race_list .btn_bet .disabled{
    display: block;
    position: relative;
    width: 56px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #F06292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06292), color-stop(100%,#D81B60));
    background: linear-gradient(to bottom,  #F06292 0%,#D81B60 100%);
    border: 1px solid #C51162;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.grade_race_list .btn_bet .result a {
    color: #666;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    border-bottom-color: #757575;
}

.grade_race_list .btn_bet .progress a {
    background: #F57C00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD180), color-stop(100%,#F57C00));
    background: linear-gradient(to bottom,  #FFD180 0%,#F57C00 100%);
    border: 1px solid #EF6C00;
    border-bottom-color: #E65100;
}

.grade_race_list .btn_bet .closed a {
    padding: 3px 0;
    height: 40px;
    line-height: 20px;
    color: #666;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    border-bottom-color: #757575;
}

.grade_race_list .btn_bet .canceled a {
    color: #fff;
    background: #9e9e9e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(100%,#757575));
    background: linear-gradient(to bottom,  #9e9e9e 0%,#757575 100%);
    border: 1px solid #757575;
    border-bottom-color: #616161;
}

.grade_race_list .btn_bet .canceled .disabled {
    height: 46px;
    line-height: 46px;
}

.grade_race_list .btn_bet .disabled,
.grade_race_list .btn_live .disabled {
    color: #333;
    background: #656565;
    border: 1px solid #656565;
    box-shadow: none;
}

.grade_race_list .btn_bet .icon_attention {
    display: block;
    position: absolute;
    top: -8px;;
    left: -8px;
    width: 26px;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_attention_x2.png) 0 0 no-repeat;
    background-size: 26px 27px;
    -webkit-background-size: 26px 27px;
}

#GRADE_RACE_SECTION .contents dt {
    position: relative;
    margin: 0 6px 6px;
    padding: 0 0 5px 16px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #FFF176;
    border-bottom: 1px solid #222;
    box-shadow: 0 1px 0 #656565;
    text-shadow: 0 2px 0 #222222;
}

#GRADE_RACE_SECTION .contents dt:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fff176 transparent transparent transparent;
}

#GRADE_RACE_SECTION .contents dd {
    margin: 0 6px 12px;
}

#GRADE_RACE_SECTION .contents .review_text {
    margin: 0 0 12px;
}

#GRADE_RACE_SECTION .contents .pickup {
    margin: 0 0 12px;
}

#GRADE_RACE_SECTION .pickup ul {
    padding: 0 3px;
}

#GRADE_RACE_SECTION .pickup li {
    float: left;
    margin: 0 0 12px;
    width: 50%;
}

#GRADE_RACE_SECTION .pickup li.w100 {
    width: 100%;
}

#GRADE_RACE_SECTION .pickup a {
    display: block;
}

#GRADE_RACE_SECTION .pickup .inner {
    position: relative;
    margin: 0 3px;
    padding: 5px 0 0;
    color: #333;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(20%,#ffffff), color-stop(100%,#dddddd));
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 20%,#dddddd 100%);
    border: 1px solid #C62828;

    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

#GRADE_RACE_SECTION .pickup .portrait {
    float: left;
    margin: 0 0 0 5px;
    width: 60px;
}

#GRADE_RACE_SECTION .pickup .portrait img {
    width: 100%;
    border: 1px solid #ccc;
}

#GRADE_RACE_SECTION .pickup .profile {
    margin: 0 5px 0 72px;
}

#GRADE_RACE_SECTION .pickup .profile .name {
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

#GRADE_RACE_SECTION .pickup .profile .data {
    margin: 0 0 4px;
    font-size: 10px;
    line-height: 14px;
}

#GRADE_RACE_SECTION .pickup .profile .interview {
    display: block;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #C62828;
    border-radius: 4px 4px 0 0;
}

#GRADE_RACE_SECTION .contents .pickup .btn_detail {
    margin: 0 6px;
    padding: 0;
}

#GRADE_RACE_SECTION .contents .btn_detail a {
    display: block;
    padding: 8px 0;
    height: 12px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #a22653;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba2c5e), color-stop(100%,#a22653));
    background: linear-gradient(to bottom,  #ba2c5e 0%,#a22653 100%);
    border: 1px solid #e13573;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.9);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#GRADE_RACE_SECTION .bnr {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

/* ============================================
// 209. NEXT RACE
// ============================================ */
#NEXT_TARGET_RACE {
    margin: 0 0 24px;}

#NEXT_TARGET_RACE dt {
    display: block;
    position: relative;
    padding: 0 0 0 42px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    background: #C62828;
    border-top: 1px solid #940404;
    border-bottom: 1px solid #940404;
}

#NEXT_TARGET_RACE dt:after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 8px;
    width: 28px;
    height: 24px;
    background: url(../../images/sp/common/icon_contents_x2.png) 0 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

#NEXT_TARGET_RACE dd {
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: #fff;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

/* ============================================
// 210. SUPPORT
// ============================================ */
#SUPPORT {
    margin: 0 0 24px;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}

#TOPPAGE #SUPPORT { margin: 0 0 16px;}

#SUPPORT .header {
    margin: 0 0 8px;
    padding: 2px 8px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #212121;
    background: #fff;
    border-top: 2px solid #E91E63;
    border-bottom: 1px solid #d5d5d5;
}

#SUPPORT .contents {
    margin: 0 8px 8px;
    overflow: hidden;
    border-radius: 8px;
}

#TOPPAGE #SUPPORT .contents { margin: 0 8px 16px;}

#SUPPORT .speed_bet_contents { border: 1px solid #01579B}
#SUPPORT .omakase_dokanto_contents { border: 1px solid #33691E}

#SUPPORT .contents_header {
    position: relative;
    padding: 8px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 8px 8px 0 0;
}

#SUPPORT .speed_bet_contents .contents_header {
    background: #E1F5FE;
    border-bottom: 1px solid #81D4FA;
}

#SUPPORT .omakase_dokanto_contents .contents_header {
    background: #F1F8E9;
    border-bottom: 1px solid #C5E1A5;
}

#SUPPORT .catch {
    position: relative;
    float: left;
    margin: 0 16px 0 0;
    padding: 0 0px 0 4px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

#SUPPORT .speed_bet_contents .catch { background: #0288D1;}
#SUPPORT .omakase_dokanto_contents .catch { background: #8BC34A;}

#SUPPORT .catch:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
}

#SUPPORT .speed_bet_contents .catch:after { border-color: transparent transparent transparent #0288D1;}
#SUPPORT .omakase_dokanto_contents .catch:after { border-color: transparent transparent transparent #8BC34A;}

#SUPPORT .speed_bet_contents ul { padding: 8px 4px;}

#SUPPORT .speed_bet_contents li {
    float: left;
    width: 50%;
    text-align: center;
}

#TOPPAGE #SUPPORT .speed_bet_contents li { width: 100%;}

#SUPPORT .speed_bet_contents .btn a {
    display: block;
    margin: 0 4px 8px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-bottom-color: #283593;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 1px rgba(0,0,0,0.3);
}

#SUPPORT .speed_bet_contents .help {
    display: block;
    line-height: 1;
}

#SUPPORT .speed_bet_contents .help a {
    text-decoration: underline;
}

#SUPPORT .omakase_dokanto_contents .btn {
    margin: 0 8px;
    padding: 8px 0;
}

#SUPPORT .omakase_dokanto_contents .btn a {
    display: block;
    position: relative;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    background: #68CC38;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68CC38), color-stop(100%,#51A617));
    background: linear-gradient(to bottom,  #68CC38 0%,#51A617 100%);
    border: 1px solid #558B2F;
    border-bottom-color: #33691E;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 1px rgba(0,0,0,0.3);
}

#SUPPORT .omakase_dokanto_contents .btn a:after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 6px;
    width: 53px;
    height: 31px;
    background: url(../../images/sp/top/icon_omakase_x2.png) 0 0 no-repeat;
    background-size: 53px 31px;
    -webkit-background-size: 53px 31px;
}

/* ============================================
// 211. SERVICE INFORMATION
// ============================================ */
#SERVICE {
    margin: 0 0 24px;
    background: #f5f4f0;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}

#SERVICE .header {
    padding: 2px 8px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #212121;
    background: #fff;
    border-top: 2px solid #0D47A1;
    border-bottom: 1px solid #d5d5d5;
}

#SERVICE ul {
    margin: 0 auto;
    padding: 2px 6px 0;
    width: 308px;
    font-size: 0;
    line-height: 0;
}

#SERVICE li {
    float: left;
    margin: 0 2px 2px;
}

/* Entry Button
----------------------------------------------- */
.sub_entry_area {
    margin: 0 0 24px;
    padding: 6px;
    text-align: center;
    background: #ffe4f0;
    border-top :1px solid #c5c5c5;
    border-bottom :1px solid #bcbcbc;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
}

.sub_entry_area .btn_entry a,
.sub_entry_area .btn_entry .disabled {
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    width: 285px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #f381a7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f381a7), color-stop(100%,#e14a81));
    background: linear-gradient(to bottom,  #f381a7 0%,#e14a81 100%);
    border: 1px solid #d14181;
    border-color: #d14181 #d14181 #c23f7a;
    border-radius: 27px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.15);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.sub_entry_area .btn_entry .disabled {
    color: #a0a0a0;
    background: #d5d5d5;
    border-color: #ddd;
    box-shadow: none;
    text-shadow: none;
}

.sub_entry_area .btn_entry a span,
.sub_entry_area .btn_entry .disabled span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}

/* Information Section
----------------------------------------------- */
.info_section {
    margin: 0 8px 16px;
    padding: 0 8px;
    background: #f5f4f0;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
}

.info_section .header {
    margin: 0 0 4px;
    height: 32px;
}

.info_section .header .title {
    float: left;
    position: relative;
    padding: 0 0 0 8px;
    font-size: 14px;
    line-height: 32px;
    color: #212121;
}

.info_section .header .title:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 16px;
    background: #666;
    border-radius: 3px;
}

.kaisai_info_section .header .title:after { background: #1976d2;}
.beginner_info_section .header .title:after { background: #ff9800;}
.multiple_info_section .header .title:after { background: #E53935;}

.info_section .header .detail {
    float: right;
}

.info_section .header .detail a {
    line-height: 32px;
    text-decoration: underline;
}

.beginner_info_section .header .detail a { color: #ff9800;}

.info_section ul {
    margin: 0 0 8px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255,255,255,1);}

.info_section li {
    border-bottom: 1px solid #d5d5d5;
}

.info_section ul li:last-child {
    border-bottom: none;
}

.info_section li a {
    display: block;
    position: relative;
    padding: 0 8px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
}

.kaisai_info_section li a { color: #1976d2;}
.beginner_info_section li a { color: #ff9800;}
.multiple_info_section li a { color: #E53935;}

.info_section li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    height: 8px;
    width: 8px;
    border: 2px solid #666;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.kaisai_info_section li a:after { border-color: #1976d2;}
.beginner_info_section li a:after { border-color: #ff9800;}
.multiple_info_section li a:after { border-color: #E53935;}

/* News Section
----------------------------------------------- */
.news_section {
    margin: 0 0 12px;
}

.news_section .header {
    padding: 2px 0 2px 8px;
    height: 26px;
    background: #fff;
    border-top: 2px solid #666;
    border-bottom: 1px solid #d5d5d5;
}

.news_section .title {
    float: left;
    font-size: 14px;
    line-height: 26px;
}

.news_section .btn_list {
    float: right;
    border-left: 1px solid #d5d5d5;
}

.news_section .btn_list a {
    display: block;
    position: relative;
    padding: 0 22px 0 8px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    text-decoration: none;
    color: #333;
}

.news_section .btn_list a:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    height: 8px;
    width: 8px;
    border: 2px solid #666;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.news_section dl {
    padding: 10px 8px;
    background: #fff;
    border-bottom: 1px dashed #dcdcdc;
}

.news_section dl:nth-child(odd) {
    background: #f7f7f7;
}

.news_section dt {
    margin: 0 0 2px;
    color: #7e7e7e;
}

.news_section dd {
    font-size: 12px;
    line-height: 18px;
}

.news_section a {
    text-decoration: underline;
}

/* Password Coution
----------------------------------------------- */
.password_caution {
    margin: 0 0 24px;
    padding: 8px 0;
    font-size: 12px;
    line-height: 1;
    color: #B71C1C;
    text-align: center;
    background: #FCE8E7;
    border-top: 2px solid #FBD7D7;
    border-bottom: 2px solid #FBD7D7;
}

#TOPPAGE .password_caution { margin: 0 0 16px;}

/* Banner
----------------------------------------------- */
.banner_section {
    margin: 0 0 24px;
    font-size: 0;
    line-height: 0;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}

.banner_section .sponsor {
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

.banner_section .sponsor img {
    width: 100%;
}

.banner_section ul {
    margin: 0 auto;
    padding: 2px 6px 0;
    width: 308px;
    background: #fff;
}

.banner_section li {
    float: left;
    margin: 0 2px 2px;
}

#TOPPAGE .banner_section {
    margin: 0 0 16px;
    padding: 1px;
    font-size: 0;
    line-height: 0;
    background: #d5d5d5;
    border: none;
    box-shadow: none;
}

#TOPPAGE .banner_section img { vertical-align: bottom;}

#TOPPAGE .banner_section .sponsor {
    float: left;
    border: none;
}

#TOPPAGE .banner_section .sponsor img { width: 182px;}

#TOPPAGE .banner_section .girls {
    float: right;
    margin: 3px
}

/* Information List
----------------------------------------------- */
#INFORMATION {
    margin: 0 0 8px;
    border-top: 1px solid #e0e0e0;
}

#INFORMATION li {
    border-bottom: 1px solid #e0e0e0;
}

#INFORMATION a {
    display: block;
    position: relative;
    padding: 0 8px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    background: #fff;
}

#INFORMATION a:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    height: 10px;
    width: 10px;
    border: 3px solid #c0c0c0;
    border-left-width:0;
    border-top-width:0;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

#INFORMATION .rakuten a:after {
    display: block;
    content: "";
    position: absolute;
    top: 13px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(../../images/sp/common/icon_link_x2.png) 0 0 no-repeat;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    border: none;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}

/* Related Links
----------------------------------------------- */
#LINK {
    margin: 0 0 0px;
    background: #f5f4f0;
    border-bottom: 1px solid #deddd8;
}

#LINK .header {
    margin: 0 0 8px;
    padding: 10px 8px;
    font-size: 16px;
    line-height: 1;
    color: #666;
    background: #fff;
    border-top: 2px solid #727272;
    border-bottom: 1px solid #deddd8;
}

#LINK ul {
    margin: 0 auto 12px;
    padding: 2px 6px 0;
    width: 308px;
    font-size: 0;
    line-height: 0;
}

#LINK li {
    float: left;
    margin: 0 2px 2px;
}

#LINK .bnr_s {
    padding: 2px 6px 0 5px;
    width: 309px;
}

#LINK .bnr_s li {
    margin: 0 2px 2px 3px;
}

/* ============================================
// 212. BUTTONS AND FOOTER
// ============================================ */
/* Old Site Button
----------------------------------------------- */
.btn_old {
    margin: 0 auto;
    padding: 16px 0;
    width: 240px;
}

.btn_old a {
    display: block;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    color: #616161;
    text-align: center;
    background: #e9e9e9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
    background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
    border: 1px solid #cacaca;
    border-color: #d0d0d0 #cacaca #a0a0a0;
    border-radius: 17px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.caution_oldsite {
    margin: -8px 8px 16px;
    padding: 4px 8px;
    display: block;
    font-size: 12px;
    line-height: 1.45;
    color: #b71c1c;
    text-align: center;
    border: 1px solid #d5d5d5;
    background: #fcfcfc;
}

/* Logout Button
----------------------------------------------- */
.btn_logout {
    margin: 0 auto;
    padding: 16px 0;
    width: 240px;
}

.btn_logout a {
    display: block;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#a0a0a0));
    background: linear-gradient(to bottom,  #a5a5a5 0%,#a0a0a0 100%);
    border: 1px solid #a0a0a0;
    border-color: #a0a0a0 #a0a0a0 #858585;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

/* Page Top Button
----------------------------------------------- */
#PAGETOP {
    padding: 16px 0 0;
}

#PAGETOP a {
    display: block;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    font-weight: bold;
    color: #616161;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #858585;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

#PAGETOP .icon {
    display: inline-block;
    content: "";
    position: relative;
    top: 4px;
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    background: #999999;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#999999));
    background: linear-gradient(to bottom,  #757575 0%,#999999 100%);
    border-radius: 9px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.6);
}

#PAGETOP .icon:before{content:''; height:0; width:0; display:block; border:6px transparent solid; border-top-width:0; border-bottom-color:#fff; position:absolute; top:3px; left:3px;}
#PAGETOP .icon:after{content:''; height:5px; width:4px; display:block; background:#fff; position:absolute; top:9px; left:7px;}

/* Footer
----------------------------------------------- */
#FOOTER {
    padding: 0 0 32px;
    background: #e0e0e0;
    border-top: 1px solid #bdbdbd;
}

.copyright {
    padding: 8px;
    font-size: 10px;
    line-height: 1.4;
    color: #616161;
    text-align: center;
}

.btn_select_device {
    padding: 0 4px;
}

.btn_select_device li {
    float: left;
    width: 50%;
}

.btn_select_device a {
    display: block;
    position: relative;
    margin: 0 4px;
    padding: 9px 0 9px 24px;
    font-size: 10px;
    line-height: 10px;
    color: #424242;
    text-align: left;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e0e0e0));
    background: linear-gradient(to bottom,  #fafafa 0%,#e0e0e0 100%);
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 1px 0 rgba(255,255,255,0.3);
}

.btn_select_device a:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../images/sp/common/icon_device_x2.png) 0 0 no-repeat;
    background-size: 20px 40px;
    -webkit-background-size: 20px 40px;
}

.btn_select_device .pc a:after { background-position: 0 0;}
.btn_select_device .tablet a:after { background-position: 0 -20px;}

.btn_select_device .w100 { width: 100%;}
.btn_select_device .w100 a { padding: 9px 0; text-align: center;}

/* Rakuten FCB Banner */
.rc-f-banner {
    padding-bottom: 10px;
    text-align: center;
}

.rc-f-banner img {
    vertical-align: bottom;
}

/* Fixed Footer
----------------------------------------------- */
#FIXED_FOOTER {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

#FIXED_FOOTER .marquee {
    display:block;
    position: relative;
    margin:0;
    padding: 3px 0;
    height: 14px;
    width:100%;
    font-size: 12px;
    line-height: 14px;
    color: #FFF176;
    overflow: hidden;
    background: #212121;
}

/*
#FIXED_FOOTER .marquee li {
	display:block;
	position:absolute;
	top:-999em;
	left:0;
	padding: 3px 8px;
	line-height: 14px;
	color: #FFF176;
	white-space:nowrap;
}
*/
#FIXED_FOOTER .marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:50px;
}

#FIXED_FOOTER .marquee p {
    margin:0;
    padding-left:100%;
    line-height: 14px;
    color: #FFF176;
    display:inline-block;
    white-space:nowrap;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2.5s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2.5s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:2.5s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:2.5s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:2.5s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

/* Back Button
----------------------------------------------- */
.btn_back {
    margin: 0 0 8px;
    padding: 8px;
    background: #EAE8E2;
    border-top: 1px solid #c4c3c0;
    border-bottom: 1px solid #c4c3c0;
}

.btn_back a {
    display: block;
    position: relative;
    height: 36px;
    font-size: 13px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #bdbdbd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdbdbd), color-stop(100%,#9e9e9e));
    background: linear-gradient(to bottom,  #bdbdbd 0%,#9e9e9e 100%);
    border: 1px solid #757575;
    border-color: #8e8e8e #757575 #616161;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 1px rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.btn_back a .icon {
    display: block;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 22px;
    height: 30px;
}

.btn_back a .icon:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-left-width:0; border-right-color:#fff; position:absolute; top:0px; left:0px;}
.btn_back a .icon:after{content:''; height:8px; width:12px; display:block; background:#fff; position:absolute; top:6px; left:10px;}

/* ============================================
// 301. OMAKASE DOKANTO SECTION
// ============================================ */
/* Omakase Dokanto
----------------------------------------------- */
.omakase_dokanto_section {
    margin: 0 0 24px;
    background: #fff;
}

.omakase_dokanto_section .title {
    padding: 0 8px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    background: #8BC34A;
    border-top: 2px solid #C62828;
}

.omakase_dokanto_section .contents_header {
    position: relative;
    margin: 0 8px 6px;
    padding: 8px 0 8px;
    border-bottom: 1px solid #c5c5c5;
}

.omakase_dokanto_section .contents_header span {
    display: block;
    padding: 0 0 0 4px;
    font-size: 14px;
    line-height: 16px;
    color: #C62828;
    border-left: 4px solid #C62828;
}

.omakase_dokanto_section .login_caution {
    margin: 0 8px 6px;
    padding: 18px 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #C62828;
    text-align: center;
    background: #FFEBEE;
    border: 2px solid #C62828;
}

.omakase_dokanto_section .about {
    padding: 0 0 8px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #d5d5d5;
}

.omakase_dokanto_section .btn_nav {
    padding: 8px 4px;
    background: #F4F3EF;
    border-bottom: 1px solid #bdbdbd;
}

.omakase_dokanto_section .btn_nav li {
    float: left;
    width: 50%;
}

.omakase_dokanto_section .btn_nav a {
    display: block;
    margin: 0 4px;
    padding: 8px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.omakase_dokanto_section .btn_nav .set a {
    background: #68CC38;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68CC38), color-stop(100%,#51A617));
    background: linear-gradient(to bottom, #68CC38 0%,#51A617 100%);
    border: 1px solid #558B2F;
    border-bottom-color: #33691E;
}

.omakase_dokanto_section .btn_nav .info a {
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-bottom-color: #283593;
}

.omakase_dokanto_section .message {
    margin: 0 8px 12px;
    font-size: 12px;
    line-height: 18px;
    color: #C62828;
}

.omakase_dokanto_section .table_header {
    position: relative;
    margin: 0 8px 4px;
    padding: 0 0 0 12px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #666;
}

.omakase_dokanto_section .table_header:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #ff9800 transparent transparent transparent;
}

.omakase_dokanto_section .omakase_table {
    margin: 0 0 8px;
    width: 100%;
}

.omakase_dokanto_section .omakase_table th,.omakase_dokanto_section .omakase_table td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.omakase_dokanto_section .omakase_table th {
    padding: 10px 2px;
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    color: #616161;
    background: #e0e0e0;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.omakase_dokanto_section .omakase_table tr th:first-child,
.omakase_dokanto_section .omakase_table tr td:first-child {
    border-left: none;
}

.omakase_dokanto_section .omakase_table td {
    padding: 4px 0;
    color: #333;
    background: #fff;
}

.omakase_dokanto_section .omakase_table tr:nth-child(odd) td {
    background: #f9f9f9;
}

.omakase_dokanto_section .omakase_table tr.hit td {
    background: #FFEBEE;
}

.omakase_dokanto_section .omakase_table .icon_bet {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 33px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.omakase_dokanto_section .omakase_table .bt3 { width: 50px; background-position: -129px center;}
.omakase_dokanto_section .omakase_table .bt4 { background-position: -179px center;}
.omakase_dokanto_section .omakase_table .bt13 { width: 45px; background-position: -214px center;}
.omakase_dokanto_section .omakase_table .bt14 { width: 45px; background-position: -259px center;}


.omakase_dokanto_section .omakase_table .velodrome {
    font-weight: bold;
}

.omakase_dokanto_section .omakase_table .amount,
.omakase_dokanto_section .omakase_table .num {
    padding: 0 2px;
    height: 33px;
    font-size: 12px;
    line-height: 33px;
    font-weight: bold;
    text-align: right;
}

.omakase_dokanto_section .omakase_table .amount .unit,
.omakase_dokanto_section .omakase_table .num .unit {
    font-size: 10px;
}

.omakase_dokanto_section .omakase_table .icon_hit {
    display: block;
    margin: 0 auto;
    width: 28px;
    font-size: 10px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    background: #C62828;
    border-radius: 50%;
}

.omakase_dokanto_section .btn_change {
    padding: 8px;
    background: #E3E2DD;
    border-bottom: 1px solid #fff;
}

.omakase_dokanto_section .btn_change a {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #E53935;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E53935), color-stop(100%,#C62828));
    background: linear-gradient(to bottom,  #E53935 0%,#C62828 100%);
    border: 1px solid #B71C1C;
    border-color: #C62828 #B71C1C #795548;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 1px rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.omakase_dokanto_section .carry_list th {
    text-align: center;
    border-left: 1px solid #999;
    border-bottom: 2px solid #d5d5d5;
}

.omakase_dokanto_section .carry_list th.ticket {
    border-left: none;
}

.omakase_dokanto_section .carry_list th.velodrome {
    width: auto;
    border-left: 1px solid #999;
}

.omakase_dokanto_section .carry_list th a,
.omakase_dokanto_section .carry_list th.set .disabled {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 11px;
    line-height: 34px;
    color: #424242;
    text-align: center;
    overflow: hidden;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,1);
}

.omakase_dokanto_section .carry_list .caption .l2 {
    display: block;
    position: relative;
    top: 6px;
    line-height: 11px;
    text-align: left;
}

.omakase_dokanto_section .carry_list td.ticket {
    padding: 4px 0;
}

.omakase_dokanto_section .carry_list .icon_bet {
    display: inline-block;
    margin: 0 2px 0 0;
    width: 35px;
    height: 34px;
    text-align: left;
    text-indent: -9999px;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.omakase_dokanto_section .carry_list .bt3 { width: 50px; background-position: -129px center;}
.omakase_dokanto_section .carry_list .bt4 { background-position: -179px center;}
.omakase_dokanto_section .carry_list .bt13 { width: 45px; background-position: -214px center;}
.omakase_dokanto_section .carry_list .bt14 { width: 45px; background-position: -259px center;}

.omakase_dokanto_section .carry_list td.next {
    line-height: 14px;
}

.omakase_dokanto_section .carry_list td.set {
    padding: 0 4px;
}

.omakase_dokanto_section .carry_list .configured {
    font-weight: bold;
    color: #C62828;
}

.omakase_dokanto_section .main_section_footer {
    padding: 0 0 8px;
    border-bottom: 1px solid #bdbdbd;
}

/* ============================================
// 302. DOKANTO DEME MAX SECTION
// ============================================ */
.deme-max_section {}

.deme-max_nav ul {
    padding: 0 4px;
    font-size: 0;
    border-bottom: 6px solid #ff9800;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
}

.deme-max_nav li {
    display: inline-block;
    width: 50%;
}

.deme-max_nav a {
    display: block;
    margin: 0 4px;
    font-size: 14px;
    line-height: 37px;
    font-weight: bold;
    color: #212121;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(255,255,255,.9);
    background-color: #ececec;
    border-radius: 4px 4px 0 0;
    border: 1px solid #bcbcbc;
    border-bottom-width: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.deme-max_nav .active a {
    background: #ffe0af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe0af), color-stop(30%,#ff9800));
    background: linear-gradient(to bottom,  #ffe0af 0%,#ff9800 30%);
    border-color: #ff9800;
}

.deme-max_table { margin: 0 8px;}

.deme-max_list {
    margin: 0 -8px 16px;
    padding: 8px 0;
    border-bottom:1px dotted #ccc;
}

.deme-max_list ul {
    margin: 0 0 0 16px;
    font-size: 0;
}

.deme-max_list li {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 18px;
    width: 33.3%;
    font-size: 14px;
    line-height: 38px;
}

.deme-max_list .icon {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #ff9800;
    border-radius: 2px;
}

.deme-max_list .icon:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
}

.deme-max_table table {
    margin: 0 0 32px;
    width: 100%;
}

.deme-max_table th,
.deme-max_table td {
    padding: 3px 0;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border:1px solid #b5b5b5;
}

.deme-max_table .all th,
.deme-max_table .all td {
    border-color: #996600;
}

.deme-max_table th {
    padding: 6px 0;
    font-weight: bold;
    color: #666;
    background-color: #f1f1f1;
}

.deme-max_table .all th {
    color: #960;
    background-color: #ffeb9b;
}

.deme-max_table .head {
    padding: 8px 0;
    font-size: 16px;
    color: #666666;
    background: #fcfcfc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef));
    background: linear-gradient(to bottom,  #fcfcfc 0%,#efefef 100%);
}

.deme-max_table .all .head {
    color: #663300;
    background: #ffdf60;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdf60), color-stop(100%,#ffcd08));
    background: linear-gradient(to bottom,  #ffdf60 0%,#ffcd08 100%);
}


.deme-max_table .amount {
    padding: 3px 1% 3px 0;
    width: 39%;
    font-size: 14px;
    text-align: right;
}

.deme-max_table .unit {
    font-size: 12px;
    font-weight: normal;
}

.deme-max_table .attention .amount {
    color: #FF6600;
}

.deme-max_table .empty {
    background-color: #F1F1F1;
}

.deme-max_table .bet_type {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 42px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_bet_x2.png) 0 center no-repeat;
    background-size: 304px 33px;
    -webkit-background-size: 304px 33px;
}

.deme-max_table .bt1 { background-position: 0 center;}
.deme-max_table .bt2 { background-position: -35px center;}
.deme-max_table .bt12 { width: 59px; background-position: -70px center;}
.deme-max_table .bt3 { width: 50px; background-position: -129px center;}
.deme-max_table .bt4 { background-position: -179px center;}
.deme-max_table .bt13 { width: 45px; background-position: -214px center;}
.deme-max_table .bt14 { width: 45px; background-position: -259px center;}

.deme-max_table .num {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 0;
    width: 18px;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 2px;
}

.deme-max_table .n1 { background-color: #fff; color: #333;}
.deme-max_table .n2 { background-color: #333; color: #fff;}
.deme-max_table .n3 { background-color: #c33; color: #fff;}
.deme-max_table .n4 { background-color: #36f; color: #fff;}
.deme-max_table .n5 { background-color: #ff0; color: #333;}
.deme-max_table .n6 { background-color: #390; color: #fff;}
.deme-max_table .n7 { background-color: #f90; color: #fff;}
.deme-max_table .n8 { background-color: #f6c; color: #fff;}
.deme-max_table .n9 { background-color: #939; color: #fff;}

/* ============================================
// 303. GEAR RATIO SECTION
// ============================================ */
.gear-ratio_section .error_message {
    margin: 35% 0;

    font-size: 16px;
    text-align: center;
}

.gear-ratio_list {
    margin: 0 -8px 16px;
    padding: 8px 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

.gear-ratio_list ul {
    margin: 0 0 0 16px;
    font-size: 0;
}

.gear-ratio_list li {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 18px;
    width: 33.3%;
    font-size: 14px;
    line-height: 38px;
}

.gear-ratio_list .icon {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #ff9800;
    border-radius: 2px;
}

.gear-ratio_list .icon:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
}

.gear-ratio_contents {
    margin: 0 0 32px;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.gear-ratio_header {
    margin: 0 0 12px;
    padding: 6px 8px;
    font-size: 0;
    line-height: 24px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
}

.gear-ratio_header span {
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.gear-ratio_header .velodrome {
    font-size: 20px;
    font-weight: bold;
    color: #212121;
}

.gear-ratio_header .icon_grade,
.gear-ratio_header .icon_status,
.gear-ratio_header .icon_girls {
    position: relative;
    width: 28px;
    height: 16px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/pc/top/icon_status.png) 0 0 no-repeat;
}

.gear-ratio_header .icon_status,
.gear-ratio_header .icon_girls {
    width: 16px;
}

.gear-ratio_header .gr1 { background-position: 0 0;}
.gear-ratio_header .gr2 { background-position: -28px 0;}
.gear-ratio_header .gr3 { background-position: -56px 0;}
.gear-ratio_header .gr4 { background-position: -84px 0;}
.gear-ratio_header .gr5 { background-position: -112px 0;}
.gear-ratio_header .gr6 { background-position: -140px 0;}

.gear-ratio_header .morning { background-position: -168px 0;}
.gear-ratio_header .s2 { background-position: -184px 0;}
.gear-ratio_header .s3 { background-position: -200px 0;}
.gear-ratio_header .icon_girls { background-position: -216px 0;}

.gear-ratio_header .date,
.gear-ratio_header .day {
    font-size: 16px;
    color: #424242;
}

.gear-ratio_header .race {
    font-size: 16px;
    color: #ef6c00;
}

.gear-ratio_contents dl { padding: 0 8px 16px;}

.gear-ratio_contents dt {
    margin: 0 0 6px;
    padding: 4px 0 4px 6px;
    font-size: 16px;
    line-height: 1;
    color: #663200;
    border-left: 6px solid #af9173;
}

.gear-ratio_contents table {
    width: 100%;
    background-color:#ffffff;
}

.gear-ratio_contents th{
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #424242;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border-top: 1px solid #cccccc;
    border-bottom: 3px double #cccccc;
    border-right: 1px dotted #dcdcdc;
}

.gear-ratio_contents td{
    padding: 12px 0;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-bottom:1px solid #cccccc;
    border-right:1px dotted #dcdcdc;
}

.gear-ratio_contents tr th:last-child,
.gear-ratio_contents tr td:last-child {
    border-right-width: 0;
}

.gear-ratio_contents .gear{
    font-size: 16px;
    font-weight: bold;
    color: #c63;
}

.gear-ratio_contents .num {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 0;
    width: 18px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 2px;
}

.gear-ratio_contents .n1 { background-color: #fff; color: #333;}
.gear-ratio_contents .n2 { background-color: #333; color: #fff;}
.gear-ratio_contents .n3 { background-color: #c33; color: #fff;}
.gear-ratio_contents .n4 { background-color: #36f; color: #fff;}
.gear-ratio_contents .n5 { background-color: #ff0; color: #333;}
.gear-ratio_contents .n6 { background-color: #390; color: #fff;}
.gear-ratio_contents .n7 { background-color: #f90; color: #fff;}
.gear-ratio_contents .n8 { background-color: #f6c; color: #fff;}
.gear-ratio_contents .n9 { background-color: #939; color: #fff;}

/* ============================================
// 403. MODAL WINDOW
// ============================================ */
/* Background and Wrapper
----------------------------------------------- */
.page_wrapper {
    width: 100%;
}

#BG {
    display: none;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.75);
}

.error_bg {
    display: none;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.75);
    z-index: 800;
}

#BG.activebg {
    display: block;
    z-index: 50;
}

/* Window
----------------------------------------------- */
.modal_win {
    display: none;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    z-index: 900;
    margin: 0 auto;
    padding: 0;
    width: 304px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow:
            0 0 1px 1px rgba(0,0,0,0.2),
            0 3px 8px rgba(0,0,0,0.45);
}

.error_win {
    position: fixed;
    -webkit-backface-visibility: hidden;
    z-index: 1000;
}

.modal_win_header {
    padding: 6px 8px;
    background: #0288D1;
    border-bottom: 2px solid #0277BD;
    border-radius: 8px 8px 0 0;
}

.modal_win_header .title {
    float: left;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
}

.modal_win_header .btn_close {
    float: right;
}

.modal_win_header .btn_close a {
    display: block;
    position: relative;
    padding: 0 4px 0 18px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    color: #00796B;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
    border: 1px solid #616161;
    border-bottom-color: #424242;
    box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    border-radius: 4px;
}

.modal_win_header .btn_close a:before,
.modal_win_header .btn_close a:after {
    content:"";
    height:2px;
    width:16px;
    display:block;
    background:#616161;
    position:absolute;
    top:14px;
    left:2px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.modal_win_header .btn_close a:after {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}

/* for Android 2 */
.modal_win_header .btn_close.android2 a:before {
    display: block;
    position: absolute;
    height: 13px;
    width: 13px;
    content: "";
    background-color: transparent;
    background-image: url(../../images/sp/common/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    top: 9px;
    left: 4px;
    -webkit-transform: none;
}

.modal_win_header .btn_close.android2 a:after {
    display: none;
}

.modal_win_inner {
    padding: 16px 16px 16px;
}

.modal_win_inner .message {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #212121;
}

.modal_win_inner .message .caution {
    display: block;
    padding: 0 0 0 1em;
    color: #B71C1C;
    text-indent: -1em;
}

.modal_win_inner .btn_enter {
    text-align: center;
}

.modal_win_inner .btn_enter a {
    display: inline-block;
    padding: 0 8px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #29B6F6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29B6F6), color-stop(100%,#0288D1));
    background: linear-gradient(to bottom, #29B6F6 0%,#0288D1 100%);
    border: 1px solid #0277BD;
    border-bottom-color: #01579B;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.5),
            0 1px 0 rgba(0,0,0,0.15);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.45);
}

.modal_win_inner .btn_enter .disabled {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #999;
    text-align: center;
    background: ccc;
    border: 1px solid #a0a0a0;
    border-radius: 6px;
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.75);
}

.modal_win_footer {
    padding: 12px 0;
    background: #e5e5e5;
    border-top: 1px solid #b6b6b6;
    border-radius: 0 0 8px 8px;
}

.modal_win_footer .btn,
.modal_win_footer .btn_close {
    margin: 0 8px;
}

.modal_win_footer .btn li {
    margin: 0 0 8px;
}

.modal_win_footer .btn li:last-child {
    margin: 0;
}

.modal_win_footer .btn .cancel a,
.modal_win_footer .btn_close a {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #212121;
    font-weight:bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    border: 1px solid #b0b0b0;
    border-color: #b0b0b0 #b0b0b0 #909090;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.7),
            0 1px 0 rgba(0,0,0,0.15);
}

/* ============================================
// Selection of Full Screen Page
// ============================================ */
/* Race Window Header
----------------------------------------------- */
.race_win_header {
    padding: 1px 8px;
    background: #212121;
}

/* Outline
----------------------------------------------- */
.full_win_wrapper {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 68px;
    min-width: 320px;
    min-height: 100%;
    background: #f7f7f7;
}

.full_win_header {
    position: relative;
    padding: 4px 8px;
    background: #009688;
    border-bottom: 2px solid #00796B;
}

.full_win_header .title {
    float: left;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}

.full_win_header .btn_close {
    float: right;
}

.full_win_header .btn_close a {
    display: block;
    position: relative;
    padding: 0 4px 0 18px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    color: #00796B;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
    border: 1px solid #616161;
    border-bottom-color: #424242;
    box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    border-radius: 4px;
}

.full_win_header .btn_close a:before,
.full_win_header .btn_close a:after {
    content:'';
    height:2px;
    width:16px;
    display:block;
    background:#616161;
    position:absolute;
    top:14px;
    left:2px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.full_win_header .btn_close a:after {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}

#BTN_SELECT_NAV {
    padding: 6px 4px;
}

#BTN_SELECT_NAV li {
    float: left;
    width: 50%;
}

#BTN_SELECT_NAV a,
#BTN_SELECT_NAV .disabled {
    display: block;
    margin: 0 4px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #E91E63;
    border: 1px solid #B90441;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.2);
    text-shadow: 0 1px 0 #B90441;
}

#BTN_SELECT_NAV .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    text-shadow: none;
}

.full_win_inner {
    padding: 0 8px;
}

.full_win_wrapper .contents_header {
    padding: 0 8px;
    height: 32px;
    border-top: 2px solid #E91E63;
}

.full_win_wrapper .contents_header_alt {
    border-top: none;
}

.full_win_wrapper .contents_header .title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}

.full_win_wrapper .contents_header .time {
    float: right;
    font-size: 12px;
    line-height: 32px;
}

.full_win_footer {
    position: relative;
    margin: -68px 0 0;
    padding: 16px 0;
    width: 100%;
    background: #e5e5e5;
}

.full_win_footer .btn_close {
    width: 100%;
}

.full_win_footer .btn_close a {
    display: block;
    margin: 0 8px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
    color: #666;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
    border: 1px solid #929292;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 1px rgba(255,255,255,1),
            0 1px 0 rgba(255,255,255,0.75);
    text-shadow: 0 1px 0 rgba(255,255,255,1);

}

/* Selection of Velodrome
----------------------------------------------- */
.event_header {
    margin: 0 auto;
    padding: 8px 8px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
    border: 1px solid #d5d5d5;
    border-bottom: 2px solid #E91E63;
    border-radius: 8px 8px 0 0;
}

.event_header_previous { border-bottom-color: #666;}
.event_header_next { border-bottom-color: #1976D2;}

.event_header dt {
    position: relative;
    float: left;
    margin: 0 16px 0 0;
    padding: 0 2px 0 4px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    background: #E91E63;
}

.event_header_previous dt { background: #666;}
.event_header_next dt { background: #1976D2;}

.event_header dt:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #E91E63;
}

.event_header_previous dt:after { border-color: transparent transparent transparent #666;}
.event_header_next dt:after { border-color: transparent transparent transparent #1976D2;}

.event_header dd {
    float: left;
    font-size: 14px;
    line-height: 24px;
}

.event_inner {
    margin: 0 0 12px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.event_inner .title {
    padding: 0 8px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    background: #333;
}

.velodrome_list {
    margin: 0 auto 4px;
    padding: 16px 4px 0;
}

.btn_velodrome_list {
    float: left;
    width: 33.3%;
}

.btn_velodrome_list a,.btn_velodrome_list .disabled {
    position: relative;
    display: block;
    margin: 0 4px 12px;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f1f1f1));
    background: linear-gradient(to bottom,  #fafafa 0%,#f1f1f1 100%);
    border: 1px solid #c0c0c0;
    border-color: #c0c0c0 #a0a0a0 #858585;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 1px 1px  rgba(255,255,255,0.65),
            0 2px 0 #a0a0a0;
}

.btn_velodrome_list .disabled {
    top: 2px;
    background-size: 10px 10px;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-color: #d9d9d9;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, #d0d0d0), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, #d0d0d0),
    color-stop(.75, #d0d0d0), color-stop(.75, transparent),
    to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #d0d0d0 25%, transparent 25%,
    transparent 50%, #d0d0d0 50%, #d0d0d0 75%,
    transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #d0d0d0 25%, transparent 25%,
    transparent 50%, #d0d0d0 50%, #d0d0d0 75%,
    transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #d0d0d0 25%, transparent 25%,
    transparent 50%, #d0d0d0 50%, #d0d0d0 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #d0d0d0 25%, transparent 25%,
    transparent 50%, #d0d0d0 50%, #d0d0d0 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #d0d0d0 25%, transparent 25%,
    transparent 50%, #d0d0d0 50%, #d0d0d0 75%,
    transparent 75%, transparent);
    border-color: #aaa #aaa #aaa;
    box-shadow: inset 0 1px 1px 0  rgba(255,255,255,0.4);
}

.btn_velodrome_list .icon_wrapper {
    padding: 3px 0 3px 1px;;
    height: 14px;
    font-size: 0;
    line-height: 1;
    text-align: center;
}

.btn_velodrome_list .icon_wrapper li {
    display: inline-block;
    margin: 0 1px 0 0;
}

.btn_velodrome_list .icon_wrapper .icon_grade,.btn_velodrome_list .icon_wrapper .icon_status,.btn_velodrome_list .icon_wrapper .icon_girls {
    position: relative;
    width: 23px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_grade_x2.png) 0 0 no-repeat;
    background-size: 138px 14px;
    -webkit-background-size: 138px 14px;
}

.btn_velodrome_list .icon_wrapper .icon_status,.btn_velodrome_list .icon_wrapper .icon_girls {
    width: 14px;
    background: url(../../images/sp/common/icon_status_l_x2.png) 0 0 no-repeat;
    background-size: 56px 14px;
    -webkit-background-size: 56px 14px;
}

.btn_velodrome_list .icon_wrapper .gr1 { background-position: 0 0;}
.btn_velodrome_list .icon_wrapper .gr2 { background-position: -23px 0;}
.btn_velodrome_list .icon_wrapper .gr3 { background-position: -46px 0;}
.btn_velodrome_list .icon_wrapper .gr4 { background-position: -69px 0;}
.btn_velodrome_list .icon_wrapper .gr5 { background-position: -92px 0;}
.btn_velodrome_list .icon_wrapper .gr6 { background-position: -115px 0;}

.btn_velodrome_list .icon_wrapper .morning { background-position: 0 0;}
.btn_velodrome_list .icon_wrapper .s2 { background-position: -14px 0;}
.btn_velodrome_list .icon_wrapper .s3 { background-position: -28px 0;}
.btn_velodrome_list .icon_wrapper .icon_girls { background-position: -42px 0;}

.btn_velodrome_list .icon_wrapper .day {
    position: relative;
    top: -4px;
    padding: 0 1px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
    color: #fff;
    background: #999;
    border-radius: 2px;
}

.btn_velodrome_list .name {
    position: relative;
    padding: 6px 0 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #212121;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.btn_velodrome_list .disabled .name {
    color: #9e9e9e;
}

.btn_velodrome_list .icon_attention {
    display: block;
    position: absolute;
    top: 19px;
    left: -13px;
    width: 26px;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_attention_x2.png) 0 0 no-repeat;
    background-size: 26px 27px;
    -webkit-background-size: 26px 27px;
}

.btn_velodrome_list .status {
    display: block;
    margin: 0 4px 4px;
    padding: 2px 0;
    height: 14px;
    font-size: 0;
    line-height: 1;
    text-align: center;
    color: #333;
    background: #fff;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(0,0,0,0.2),
            inset 0 -1px 0 rgba(255,255,255,0.75);
}

.btn_velodrome_list .status_1 { background: #FFFFFF;}
.btn_velodrome_list .status_2 { background: #E3F2FD;}
.btn_velodrome_list .status_3 { background: #FFF9C4;}
.btn_velodrome_list .status_4 { background: #FFCDD2;}
.btn_velodrome_list .status_5 { background: #E0E0E0;}
.btn_velodrome_list .live_status { color:#fff; background: #0E99BD;}
.btn_velodrome_list .disabled .live_status { color:#9e9e9e; background: #DADADA;}

.btn_velodrome_list .status span {
    display: inline-block;
    margin: 0 1px;
    font-size: 10px;
    line-height: 14px;
}

.campaign_list {
    margin: 0 0 16px;
}

.campaign_list dt {
    display: block;
    padding: 1px 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: #fff;
    border-top: 1px solid #d0d0d0;
}

.campaign_list dt img { width: 100%;}

.campaign_list dd {
    padding: 0 8px;
    height: 22px;
    font-size: 10px;
    line-height: 22px;
    background: #fff;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.race_win_error_message {
    margin: 0 8px 24px;
    padding: 24px 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #424242;
    text-align: center;
    background: #eee;
    border-radius: 4px;
}

/* Modal Race Window
----------------------------------------------- */
.modal_race_win {
    position: absolute;
    margin: 48px 0 0 -152px;
    left: 50%;
    width: 304px;
    z-index: 900;
}

.modal_race_win_header {
    padding: 6px 8px;
    background: #009688;
    border-bottom: 2px solid #00796B;
    border-radius: 8px 8px 0 0;
}

.modal_race_win_header .title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
}

.modal_race_win .user_status {
    padding: 8px 8px;
    background: #090909;
    border: 2px solid #00796B;
    border-top-width: 0;
}

.modal_race_win .user_status dl {
    margin: 0 0 6px;
    width: 100%;
}

.modal_race_win .user_status dt {
    display: block;
    position:relative;
    float: left;
    margin: 0;
    padding: 0 0 0 18px;
    top: 2px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    color: #d4e157;
    background: url(../../images/sp/common/icon_point_x2.png) 0 0 no-repeat;
    background-size: 14px 28px;
    -webkit-background-size: 14px 28px;
}

.modal_race_win .user_status .deruca dt { background-position: 0 -14px;}

.modal_race_win .user_status dd {
    float: right;
    margin: 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
}

.modal_race_win .user_status dd .unit {
    padding: 0 0 0 4px;
    font-size: 14px;
}

.modal_race_win .user_status .btn_charge a {
    display: block;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    color: #212121;
    text-align: center;
    background: #ffc107;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd54f), color-stop(100%,#ffc107));
    background: linear-gradient(to bottom, #ffd54f 0%,#ffc107 100%);
    border: 2px solid #616161;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            inset 0 -1px 0 rgba(0,0,0,0.75);
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.modal_race_win .contents_header {
    padding: 0 8px;
    height: 32px;
    border-top: 2px solid #E91E63;
}

.modal_race_win .contents_header_alt {
    border-top: none;
}

.modal_race_win .contents_header .title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}

.modal_race_win .contents_header .time {
    float: right;
    font-size: 12px;
    line-height: 32px;
}

.modal_race_win .btn_velodrome_list {
    width: 50%;
}

.modal_race_win .campaign_list {
    margin: 0 8px 16px;
}

.modal_race_win .campaign_list dd {
    padding: 0 4px;
    border: 1px solid #d0d0d0;
}

/* Detail Race List
----------------------------------------------- */
.detail_race_header {
    position: relative;
    margin: 0 0 12px;
    padding: 0 8px;
    height: 36px;
    background: #555;
}

.detail_race_header .icon_graderace {
    display: block;
    position: absolute;
    top: 14px;
    right: 8px;
    width: 56px;
    height: 8px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_graderace_x2.png) 0 0 no-repeat;
    background-size: 56px 8px;
    -webkit-background-size: 56px 8px;
}

.detail_race_header .name {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.detail_race_header.graderace .name {
    color: #FFEB3B;
}

.detail_race_header .icon_wrapper {
    display: block;
    float: left;
    margin: 9px 0 9px 8px;
    padding: 2px 0 2px 2px;
    height: 14px;
    font-size: 0;
    line-height: 1;
    text-align: left;
    background: #fff;
    border-radius: 4px;
}

.detail_race_header .icon_wrapper span {
    display: inline-block;
    margin: 0 2px 0 0;
}

.detail_race_header .icon_wrapper .icon_grade,
.detail_race_header .icon_wrapper .icon_status,
.detail_race_header .icon_wrapper .icon_girls {
    position: relative;
    width: 23px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_grade_x2.png) 0 0 no-repeat;
    background-size: 138px 14px;
    -webkit-background-size: 138px 14px;
}

.detail_race_header .icon_wrapper .icon_status,
.detail_race_header .icon_wrapper .icon_girls {
    width: 14px;
    background: url(../../images/sp/common/icon_status_l_x2.png) 0 0 no-repeat;
    background-size: 56px 14px;
    -webkit-background-size: 56px 14px;
}

.detail_race_header .icon_wrapper .gr1 { background-position: 0 0;}
.detail_race_header .icon_wrapper .gr2 { background-position: -23px 0;}
.detail_race_header .icon_wrapper .gr3 { background-position: -46px 0;}
.detail_race_header .icon_wrapper .gr4 { background-position: -69px 0;}
.detail_race_header .icon_wrapper .gr5 { background-position: -92px 0;}
.detail_race_header .icon_wrapper .gr6 { background-position: -115px 0;}

.detail_race_header .icon_wrapper .morning { background-position: 0 0;}
.detail_race_header .icon_wrapper .s2 { background-position: -14px 0;}
.detail_race_header .icon_wrapper .s3 { background-position: -28px 0;}
.detail_race_header .icon_wrapper .icon_girls { background-position: -42px 0;}

.detail_race_list {
    position: relative;
    margin: 0 8px 8px;
}

.detail_race_list .race_status {
    margin: 0 0 8px;
    padding: 0;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
}

.detail_race_list .race_status li {
    float: left;
    margin: 0 6px 0 0;
}

.detail_race_list .race_status .status {
    color: #D50000;
}

.detail_race_list .btn {
    margin: 0 116px 0 0;
    padding: 6px;
    height: 36px;
    background: #efefef;
    border-radius: 6px;
}

.detail_race_list .btn li {
    display: block;
    float: left;
    width: 33.3%;
    height: 36px;
}

.detail_race_list .previous_day li { width: 100%;}
.detail_race_list .next_day li { width: 50%;}

.detail_race_list .btn a,
.detail_race_list .btn .disabled {
    display: block;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
    border: 1px solid #999;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,1);
}

.detail_race_list .btn .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.detail_race_list .btn .racecard a {
    color: #B71C1C;
    border-radius: 4px 0 0 4px;
}

.detail_race_list .btn .racecard .disabled {
    border-right-color: #efefef;
    border-radius: 4px 0 0 4px;
}

.detail_race_list .btn .odds a {
    color: #1976D2;
    border-left: none;
}

.detail_race_list .btn .odds .disabled {
    border-left: none;
    border-right-color: #efefef;
}

.detail_race_list .btn .result a {
    color: #666;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.detail_race_list .btn .result .disabled {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.detail_race_list .previous_day .result a {
    border-left: 1px solid #999;
    border-radius: 4px;
}

.detail_race_list .previous_day .result .disabled {
    border-left: 1px solid #dbdbdb;
    border-radius: 4px;
}

.detail_race_list .next_day .odds a,
.detail_race_list .next_day .disabled {
    border-radius: 0 4px 4px 0;
}

.detail_race_list .btn_live {
    position: absolute;
    top: 33px;
    right: 64px;
}

.detail_race_list .btn_live a,
.detail_race_list .btn_live .disabled {
    display: block;
    position: relative;
    padding: 32px 0 0;
    width: 44px;
    height: 14px;
    font-size: 9px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #3D91E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DA6EF), color-stop(100%,#3D91E5));
    background: linear-gradient(to bottom, #5DA6EF 0%,#3D91E5 100%);
    border: 1px solid #306CA8;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.detail_race_list .btn_live a:after,
.detail_race_list .btn_live .disabled:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(../../images/sp/common/icon_contents_x2.png) -28px 0 no-repeat;
    background-size: 76px 24px;
    -webkit-background-size: 76px 24px;
}

.detail_race_list .btn_live .disabled:after { background-position: -52px 0;}

.detail_race_list .btn_bet,.detail_race_list .btn_canceled {
    position: absolute;
    top: 33px;
    right: 0;
}

.detail_race_list .btn_bet a,
.detail_race_list .btn_bet .disabled,
.detail_race_list .btn_canceled a,
.detail_race_list .btn_canceled .disabled {
    display: block;
    position: relative;
    width: 56px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #F06292;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06292), color-stop(100%,#D81B60));
    background: linear-gradient(to bottom,  #F06292 0%,#D81B60 100%);
    border: 1px solid #C51162;
    border-bottom-color: #880E4F;
    border-radius: 8px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.1);
}

.detail_race_list .btn_canceled a,
.detail_race_list .btn_canceled .disabled {
    padding: 3px 0;
    height: 40px;
    line-height: 20px;
    background: #9e9e9e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(100%,#757575));
    background: linear-gradient(to bottom,  #9e9e9e 0%,#757575 100%);
    border: 1px solid #757575;
    border-bottom-color: #616161;
}

.detail_race_list .btn_bet .disabled,
.detail_race_list .btn_canceled .disabled,
.detail_race_list .btn_live .disabled {
    color: #afafaf;
    background: #dbdbdb;
    border: 1px solid #dbdbdb;
    box-shadow: none;
}

.detail_race_list .btn_bet .icon_attention {
    display: block;
    position: absolute;
    top: -8px;;
    left: -8px;
    width: 26px;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/sp/common/icon_attention_x2.png) 0 0 no-repeat;
    background-size: 26px 27px;
    -webkit-background-size: 26px 27px;
}

/* ============================================
// 403. LOADER
// ============================================ */
#LOADER {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75) url(../../images/sp/common/img_loader_x2.gif) center center no-repeat;
    background-size: 64px 64px;
    -webkit-background-size: 64px 64px;
    z-index: 600;
}

/* ============================================
// 403. ERROR WINDOW
// ============================================ */
.error_win .modal_win_header {
    padding: 6px 8px;
    background: #009688;
    border-bottom: 2px solid #00796B;
    border-radius: 8px 8px 0 0;
}

.error_win .modal_win_header .icon {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    top: 4px;
    width: 26px;
    height: 24px;
    background: url(../../images/sp/common/icon_exclamation_s_x2.png) 0 0 no-repeat;
    background-size: 26px 24px;
    -webkit-background-size: 26px 24px;
}

.error_win .modal_win_inner {
    padding: 16px 16px 8px;
}

.error_win .modal_win_inner .icon {
    display: block;
    position: relative;
    margin: 0 auto 12px;
    width: 51px;
    height: 47px;
    background: url(../../images/sp/common/icon_exclamation_l_x2.png) 0 0 no-repeat;
    background-size: 51px 47px;
    -webkit-background-size: 51px 47px;
}

.error_win .modal_win_inner .error_message {
    margin: 0 0 8px;
    padding: 4px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: bold;
    color: #B71C1C;
    background: #FFEBEE;
    border-radius: 4px;
}

.error_win .modal_win_footer .btn a {
    display: block;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    font-weight:bold;
    text-align: center;
    color: #fff;
    background: #D4E157;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42A5F5), color-stop(100%,#1E88E5));
    background: linear-gradient(to bottom, #42A5F5 0%,#1E88E5 100%);
    border: 1px solid #1565C0;
    border-bottom-color: #0D47A1;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 1px rgba(255,255,255,0.3),
            0 1px 0 rgba(0,0,0,0.15);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.error_win .modal_win_footer .btn .cancel a {
    color: #212121;
    font-weight:bold;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    border: 1px solid #b0b0b0;
    border-color: #b0b0b0 #b0b0b0 #909090;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.7),
            0 1px 0 rgba(0,0,0,0.15);
}

.error_win  .modal_win_footer .btn a .note {
    padding: 0 0 0 6px;
    font-size: 12px;
    font-weight: normal;
}

/* ===============================================
// 501. LOGIN PAGE
// ============================================ */
/* Login page
---------------------------- */
#LOGIN_SECTION {
    padding: 8px 0 0;
    background: #fff;
}

#LOGIN_SECTION .login_section_header {
    padding: 12px 8px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #212121;
    background: #fff;
    border-top: 2px solid #666;
    border-bottom: 1px solid #b6b6b6;
}

#LOGIN_SECTION .container {
    margin: 0 0 16px;
    padding: 16px 8px 0;
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

#LOGIN_SECTION .login_contents {
    margin: 0 0 16px;
    padding: 12px 8px 8px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

#LOGIN_SECTION .login_contents {
    padding: 12px 8px 8px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

#LOGIN_SECTION .header {
    margin: 0 0 8px;
    padding: 0 0 6px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: #212121;
    background-color: #ffffff;
    border-bottom: 1px solid #d6d6d6;
}

#LOGIN_SECTION .message {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #424242;
}

#LOGIN_SECTION .message .error {
    display: block;
    padding: 4px 6px;
    font-weight: bold;
    color: #d50000;
    background: #FFEBEE;
    border: 1px solid #FFCDD2;
}

#LOGIN_SECTION .message .error a {
    color: #2196f3;
}

#LOGIN_SECTION .login_contents_inner {
    margin: 0 0 4px;
    padding: 8px 6px 0;
    background: #fffde7;
}

#LOGIN_SECTION .login_contents_inner dl {
    margin: 0 0 24px;
}

#LOGIN_SECTION .login_contents_inner dt {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #d50000;
    background-color: #fffde7;
}

#LOGIN_SECTION .login_contents_inner dt .sub {
    font-size: 10px;
    font-weight: normal;
    color: #757575;
}

#LOGIN_SECTION .login_contents_inner .textbox {
    display: block;
    height: 18px;
    background: #ddd;
}

#LOGIN_SECTION .login_contents_inner .textbox input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 6px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    line-height: 1;
    color: #212121;
    background: #fff;
    border: 1px solid #9e9e9e;
    border-color: #7e7e7e #9e9e9e #b9b9b9;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

#LOGIN_SECTION .login_contents_inner .btn_login {
    margin: 0 0 8px;
    padding: 8px 0;
}

#LOGIN_SECTION .login_contents_inner .btn_login a {
    display: block;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background: #ff9800;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#db8200));
    background: linear-gradient(to bottom,  #ff9800 0%,#db8200 100%);
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            inset 0 -1px 0 rgba(0,0,0,0.2),
            0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

#LOGIN_SECTION .login_contents_inner .quick_login {
    padding: 0 0 8px;
}

#LOGIN_SECTION .login_contents_inner .quick_login .checkbox {
    padding: 0 6px 0 0;
}

#LOGIN_SECTION .login_contents_inner .quick_login .caption {
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    color: #616161;
}

#LOGIN_SECTION .login_contents .note {
    margin: 0 0 8px;
    padding: 0 0 0 1em;
    font-size: 12px;
    line-height: 18px;
    text-indent: -1em;
    color: #757575;
    background-color: #ffffff;
}

#LOGIN_SECTION .login_contents .login_help_list {
    position:relative;
    width:100%;
    font-size:12px;
    line-height:18px;
    list-style:none;
}

#LOGIN_SECTION .login_contents .login_help_list li {
    position: relative;
    margin: 0 0 8px;
    padding-left:22px;
}

#LOGIN_SECTION .login_contents .login_help_list li:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../../images/sp/login/icon_login_x2.png) 0 0 no-repeat;
    background-size: 32px 44px;
    -webkit-background-size: 32px 44px;
}

#LOGIN_SECTION .login_contents .login_help_list .pass:after { background-position: 0 0;}

#LOGIN_SECTION .login_contents .login_help_list .user:after { background-position: -16px 0;}

#LOGIN_SECTION .login_contents .btn_rakuten_login {
    margin: 0 0 4px;
    padding: 6px 0;
    text-align: center;
    background: #f5f5f5;
}

#LOGIN_SECTION .login_contents .caution {
    display: block;
    padding: 0 0 0 1em;
    text-indent: -1em;
    color: #616161;
    background-color: #ffffff;
}

.login_help_box {
    margin: 0 8px 16px;
    padding: 12px 8px 10px;
    width: auto;
    height: auto;
    background: #f9f9f9;
    border: 1px solid #dfdfdf;
}

.login_help_box .btn_login_help {
    margin: 0 0 10px;
}

.login_help_box .btn_login_help a {
    display: block;
    position: relative;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    font-weight: bold;
    color: #7c8724;
    text-align: center;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
    border: 1px solid #aaa;
    border-color: #bcbcbc #aaaaaa #919191;
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.login_help_box .btn_login_help a:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 27px;
    height: 28px;
    background: url(../../images/sp/login/icon_login_x2.png) 0 -16px no-repeat;
    background-size: 32px 44px;
    -webkit-background-size: 32px 44px;
}

.login_help_box .caption {
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    text-align: center;
}

#LOGIN_SECTION .signup_contents {
    margin: 0 0 32px;
    padding: 12px 0 0;
    text-align: center;
    background: #8bc34a;
}

#LOGIN_SECTION .signup_contents .message {
    margin: 0 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #ffffff;
}

#LOGIN_SECTION .signup_contents .btn_signup {
    padding: 8px 8px;
}

#LOGIN_SECTION .signup_contents .btn_signup a {
    display: inline-block;
    width: 100%;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #d32f2f;
    text-align: center;
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e1e1e1));
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e1e1e1 100%);
    border: 1px solid #7f7f7f;
    border-color: #858585 #7f7f7f #505050;
    border-radius: 6px;
    box-shadow:
            inset 0 0 1px 1px rgba(255,255,255,0.3),
            inset 0 1px 0 0 rgba(255,255,255,1),
            0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

/* Rakuten Login Error
---------------------------- */
#LOGIN_SECTION .login_error_message {
    display: block;
    margin: 0 0 6px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #d50000;
    border-radius: 4px;
}

#LOGIN_SECTION .login_contents .message .attention {
    font-size: 16px;
    font-weight: bold;
    color: #ff9800;
}

#LOGIN_SECTION .login_contents .btn_signup {
    padding: 8px;
    background: #e8f5e9;
}

#LOGIN_SECTION .login_contents .btn_signup a {
    display: block;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background: #4caf50;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4caf50), color-stop(100%,#419544));
    background: linear-gradient(to bottom,  #4caf50 0%,#419544 100%);
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            inset 0 -1px 0 rgba(0,0,0,0.2),
            0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

/* ===============================================
// 502. ERROR PAGE
// ============================================ */
.message_section {
    padding: 100px 8px;
}

.service_info_message_section {
    padding: 24px 8px;
}

.system_requirements_section {
    padding: 60px 8px 100px;
}

.message_section .contents_box {
    margin: 0 auto;
    padding: 32px 0 0;
    max-width: 600px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
}

.message_section .contents_box .message {
    margin: 0 16px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #616161;
    text-align: center;
}

.service_info_message_section .contents_box .message {
    text-align: left;
}

.message_section .contents_box .message .contents_box_title {
    display: block;
    margin: 0 0 12px;
    font-weight: bold;
}

.system_requirements_section .contents_box .message {
    text-align: left;
}

.message_section .contents_box .footer {
    margin: 0;
    background: #f5f5f5;
}

.message_section .contents_box .btn_back {
    margin: 0;
    padding: 8px 8px;
    background-color: transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
}

.message_section .contents_box .btn_back a {
    font-size: 16px;
}

/* ============================================
// 502. AKAKEI PDF PAGE
// ============================================ */
.error_header,
#ANOTER_WIN_HEADER {
    padding: 6px 8px;
    background: #444;
    border-bottom: 1px solid #191919;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.error_header img,
#ANOTER_WIN_HEADER img {
    vertical-align: bottom;
}

.akakei_error_contents,
.aokei_error_contents,
.page_error_contents {
    padding: 24px 0;
    width: 100%;
    height: 310px;
    background: url(../../images/sp/console/bg_akakei_popup.jpg) center center no-repeat;
    background-size: 222px 310px;
    -webkit-background-size: 222px 310px;
}

.aokei_error_contents { background-image: url(../../images/sp/console/bg_aokei_popup.png);}

.page_error_contents { background-image: none;}

.akakei_error_contents.nagoya,
.aokei_error_contents.nagoya {
    background-image: url(../../images/sp/console/bg_nagoya_popup.jpg);
}

.akakei_error,
.aokei_error,
.page_error {
    margin: 80px auto 0;
    padding: 24px 16px;
    width: 240px;
    text-align: center;
    background: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
}

.akakei_error p,
.aokei_error p {
    font-size: 16px;
    line-height: 1.6;
    color: #ff9800;
    font-weight: bold;
}

.akakei_error .attention,
.aokei_error .attention {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1;
    color: #d50000;
}

.aokei_error .attention { color: #0750CF;}

.page_error p {
    font-size: 16px;
    line-height: 1.8;
    color: #212121;
}

.result_pre_footer .btn_close {
    margin: 0 8px 32px;
}

.result_pre_footer .btn_close a {
    display: block;
    padding: 0 6px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    font-weight: bold;
    color: #424242;
    text-align: center;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
    background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%);
    border: 1px solid #b0b0b0;
    border-color: #b0b0b0 #b0b0b0 #9e9e9e;
    border-radius: 4px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.75),
            0 1px 0 rgba(0,0,0,0.1);
}

.page_footer {
    padding: 0 0 88px;
    background: #e0e0e0;
    border-top: 1px solid #bdbdbd;
}

/* ============================================
// 601. PICKUP RACER
// ============================================ */
.pickup_racer_list_section {
    margin: 0 8px;
    padding: 16px 0 0;
}

.pickup_racer_list_header {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #00796b;
}

.pickup_racer_list {
    margin: 0 0 16px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.pickup_racer_list li {
    position: relative;
    padding: 8px 64px 8px 8px ;
    border-bottom: 1px solid #e5e5e5;
}

.pickup_racer_list .btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.pickup_racer_list .btn a,
.pickup_racer_list .btn .disabled {
    display: block;
    width: 44px;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #ea326f;
    border-radius: 4px;
    box-shadow:
            0px 1px 0px 0px rgba(0, 0, 0, .1),
            inset 0px 1px 0px 0px rgba(255, 255, 255, .15),
            inset 0px -1px 0px 0px rgba(0, 0, 0, .2);
}

.pickup_racer_list .btn.closed a { background: #a0a0a0;}

.pickup_racer_list .btn .disabled {
    color: #bbb;
    background: #eee;
    box-shadow: none;
}

.pickup_racer_list .racer {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.pickup_racer_list .name {
    margin: 0 .2em 0 0;
    color: #212121;
}

.pickup_racer_list .status {
    font-size: 13px;
    color: #d50000;
}

.pickup_racer_list .data {
    margin: 0;
    font-size: 12px;
    line-height: 1;
}

.pickup_racer_list .stadium { color: #424242;}

.pickup_racer_list .time { color: #888;}

.pickup_racer_register {
    padding: 160px 0;
    background: #fff url("../../images/sp/top/bg_pickup_racer_x2.png") center center no-repeat;
    background-size: 320px 560px;
}

.pickup_racer_register .inner {
    margin: 0 auto;
    padding: 0 16px;
    width: 270px;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.pickup_racer_register .lead {
    padding: 16px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.pickup_racer_register .note {
    margin: 0 auto;
    padding: 12px 0 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    text-align: center;
    border-top: 1px solid #d5d5d5;
}

.pickup_racer_register .btn_login {
    margin: 0 0 16px;
}

.pickup_racer_register .btn_login a {
    display: block;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background: #ff9800;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#db8200));
    background: linear-gradient(to bottom,  #ff9800 0%,#db8200 100%);
    border-radius: 6px;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            inset 0 -1px 0 rgba(0,0,0,0.2),
            0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.pickup_racer_register .btn_register {
    padding: 0 0 16px;
}

.pickup_racer_register .btn_register a {
    display: inline-block;
    width: 100%;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #d32f2f;
    text-align: center;
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e1e1e1));
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e1e1e1 100%);
    border: 1px solid #7f7f7f;
    border-color: #aaa;
    border-radius: 6px;
    box-shadow:
            inset 0 0 1px 1px rgba(255,255,255,0.3),
            inset 0 1px 0 0 rgba(255,255,255,1),
            0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.pickup_racer_list_section .nodata {
    margin: 0 0 32px;
    font-size: 14px;
    line-height: 1.6;
    color: #424242;
}

/* ============================================
// 602. 払戻金表示
// ============================================ */
.site_header_status {
    padding: 4px 0;
    background: #090909;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

#USER_STATUS.site_header_status_item,
.site_header_status_item {
    display: flex;
    justify-content: space-between;
    padding: 4px 8px ;
}

#USER_STATUS.site_header_status_item dl,
.site_header_status_head dl{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: auto;
    float:none;
}

#USER_STATUS.site_header_status_action,
.site_header_status_action,
#BTN_USER_NAV.site_header_status_action {
    display: flex;
    padding: 0;
}

#USER_STATUS.site_header_status_item dt,
#BTN_USER_NAV.site_header_status_title,
.site_header_status_title {
    position: relative;
    padding: 0 0 0 18px;
    font-size: 12px;
    line-height: 14px;
    color: #d4e157;
}

#USER_STATUS.site_header_status_item dt{
    margin:0;
    height: auto;
    background-size:auto;
    -webkit-background-size:auto;
    background:none;
}

#USER_STATUS.site_header_status_item dd,
.site_header_status_data{
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    padding: 0;
}

.site_header_status_title::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    content: "";
    background: url(../../images/sp/common/icon_point_x2.png) 0 0 no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: auto;
    -webkit-background-size: 14px 28px;
    background-size: 14px 28px;

}

.site_header_status_title.money::before {
    background-position: 0 0;
}

.site_header_status_title.deruca::before {
    background-position: 0 -14px;
}

.site_header_status_button.switch a {
    margin: 0 8px 0 0;
    padding: 4px 0;
    width: 40px;
    font-size: 11px;
    line-height: 14px;
}

.site_header_status_button a,
#BTN_USER_NAV.site_header_status_action a{
    display: block;
    box-sizing: border-box;
    width: 78px;
    height: 36px;
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
    color: #090909;
    text-align: center;
    background: #dddddd;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
}

#BTN_USER_NAV.site_header_status_action a{
    padding: 4px 0;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -.05em;
    background: #ffd24a;
    margin:0;
    text-shadow: none;
    border:none;
    font-weight:bold;
}

.site_header_status_button.history a {
    background: #58d2e2;
}

.gambling_addition_notice {
    margin-bottom: 10px;
    padding: 6px;
    font-size: 11px;
    line-height: 14px;
    background: #ccebfb;
    border-radius: 4px;
}

.gambling_addition_info_links {
    margin-bottom: 10px;
    padding: 6px;
    font-size: 11px;
    line-height: 14px;
    background: #efefef;
    border-radius: 4px
}