@import url(pc.css) screen and (min-width: 769px);
@import url(sp.css) screen and (max-width: 768px);
html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%}
*,:after,:before {
    background-repeat: no-repeat;
    box-sizing: inherit}
:after,:before {
    text-decoration: inherit;
    vertical-align: inherit}
* {
    padding: 0;
    //margin: 0}
audio:not([controls]) {
    display: none;
    height: 0}
hr {
    overflow: visible}
article, aside, details, figcaption, figure, header, main, menu, nav, section, summary {
    display: block}
summary {
    display: list-item}
hidden, template {
    display: none}
abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none}
a {
    background-color: transparent;
	text-decoration-line: none;
    -webkit-text-decoration-skip: objects}
a:active, a:hover {
    outline-width: 0}
code, kbd, pre, samp {
    font-family: monospace, monospace}
b, strong {
    font-weight: bolder}
ul, ol, li {
	list-style: none;
}
dfn {
    font-style: italic}
mark {
    background-color: #ff0;
    color: #000}
sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline}
sub {
    bottom: -.25em}
sup {
    top: -.5em}
input {
    border-radius: 0}
[role=button], [type=button], [type=reset], [type=submit], button {
    cursor: pointer}
[disabled] {
    cursor: default}
[type=number] {
    width: auto}
[type=search] {
    -webkit-appearance: textfield}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none}
textarea {
    overflow: auto;
    resize: vertical}
button, input, optgroup, select, textarea {
    font: inherit}
optgroup {
    font-weight: 700}
button {
    overflow: visible}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: 0;
    padding: 0}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
    outline: 1px dotted ButtonText}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button}
button, select {
    text-transform: none}
button, input, select, textarea {
    background-color: transparent;
    border-style: none;
    color: inherit}
select {
    -moz-appearance: none;
    -webkit-appearance: none}
select::-ms-expand {
    display: none}
select::-ms-value {
    color: currentColor}
legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px}
img {
    border-style: none;
}
progress {
    vertical-align: baseline}
svg:not(:root) {
    overflow: hidden}
audio, canvas, progress, video {
    display: inline-block}
@media screen {
    [hidden~=screen] {
    display: inherit }
 [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position:absolute !important;
    clip:rect(0 0 0 0) !important }
}
[aria-busy=true] {
    cursor:progress}
[aria-controls] {
    cursor: pointer}
[aria-disabled] {
    cursor:default}
::-moz-selection {
    background-color: #b3d4fc;
    color:#000;
    text-shadow: none}
::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none}
#wrapper {
    width: 100%;
    overflow-x: hidden !important;
}
main {
    margin: 0;
}
section {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
h1 {
    font-size: 120%;
    font-weight: bold;
	margin: 1rem 0 2rem 0;
}
h2{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.6em;
}
h3,h4 {
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.3em;
}
h5 {
    font-size: 70%;
    text-align: left;
    font-weight: bold;
}
img {
    //max-width: 100%;
    //height: auto;
}
.tpM10 {
    margin-top: 10px;
}
.tpM20 {
    margin-top: 20px;
}
.tpM30 {
    margin-top: 30px;
}
.tpM40 {
    margin-top: 40px;
}
.tpM50 {
    margin-top: 50px;
}
.tpM60 {
    margin-top: 60px;
}
.btM {
	margin-bottom: 30px;
}
.btM10 {
    margin-bottom: 10px;
}
.btM20 {
    margin-bottom: 20px;
}
.btM30 {
    //margin-bottom: 30px;
}
.btM40 {
    margin-bottom: 40px;
}
.btM50 {
    margin-bottom: 50px;
}
.btM60 {
    margin-bottom: 60px;
}
.col:first-child {
    margin-left: 0;
}
.row .col.span-1 {
    flex: 0 0 4.66666666667%;
    max-width: 4.66666666667%;
}
.row .col.span-2 {
    flex: 0 0 13.3333333333%;
    max-width: 13.3333333333%;
}
.row .col.span-3 {
    flex: 0 0 22%;
    max-width: 22%;
}
.row .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}
.row .col.span-5 {
    flex: 0 0 39.3333333333%;
    max-width: 39.3333333333%;
}
.row .col.span-6 {
    flex: 0 0 48%;
    max-width: 48%;
}
.row .col.span-7 {
    flex: 0 0 56.6666666667%;
    max-width: 56.6666666667%;
}
.row .col.span-8 {
    flex: 0 0 65.3333333333%;
    max-width: 65.3333333333%;
}
.row .col.span-9 {
    flex: 0 0 74.0%;
    max-width: 74.0%;
}
.row .col.span-10 {
    flex: 0 0 82.6666666667%;
    max-width: 82.6666666667%;
}
.row .col.span-11 {
    flex: 0 0 91.3333333333%;
    max-width: 91.3333333333%;
}
.row .col.span-12 {
    flex: 0 0 95%;
    max-width: 100%;
    margin: auto;
}
.row .col.offset-1 {
    margin-left: 8.66666666667%;
}
.row .col.offset-2 {
    margin-left: 17.3333333333%;
}
.row .col.offset-3 {
    margin-left: 26%;
}
.row .col.offset-4 {
    margin-left: 34.6666666667%;
}
.row .col.offset-5 {
    margin-left: 43.333333333%;
}
.row .col.offset-6 {
    margin-left: 52%;
}
.row .col.offset-7 {
    margin-left: 60.6666666667%;
}
.row .col.offset-8 {
    margin-left: 69.3333333333%;
}
.row .col.offset-9 {
    margin-left: 78.0%;
}
.row .col.offset-10 {
    margin-left: 86.6666666667%;
}
.row .col.offset-11 {
    margin-left: 95.3333333333%;
}
.text-white {
    color: #fff !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.text-shadow {
    text-shadow: 1px 1px 3px #000;
}
.gray-back {
    background-color: #f4f4f4;
}
.catch {
    text-align: center;
}
.catch {
    padding: 0rem 1.5rem;
}
.under {
    border-bottom: 0.1rem solid #4db348;
padding: 0 0 0.3rem 0;
}
.center {
    text-align: center;
}
.search_res {
    text-align: center;
    font-size: 80%;
    margin-bottom: 0.6em;
}
.search_res span {
    color: #38a438;
}
.form-checkbox input[type="button"], .form-checkbox input[type="submit"], .form-checkbox input[type="number"], .form-checkbox input[type="email"], .form-checkbox input[type="tel"], .form-checkbox input[type="text"], .form-checkbox input[type="select"], .form-checkbox input[type="option"], .form-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: 0;
    margin: 0;
    background: #fff;
}
.form-select {
    display: block;
    position: relative;
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.form-select:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}
.form-select select {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: none;
    position: relative;
}
.form-select select:not(:target) {
    width: 120% \9;
}
.form-checkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 6px 5px 8px 30px;
}
.form-checkbox label::before, .form-checkbox label::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.form-checkbox label::before {
    width: 22px;
    height: 22px;
    margin-top: -12px;
    background: #FFF;
    border: 2px solid #ccc;
}
.form-checkbox input[type=checkbox] + label::after {
    width: 24px;
    height: 24px;
    top: 2px;
}
.form-checkbox input[type=checkbox]:checked + label::after {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/icon_check.png) 0 0 no-repeat;
    background-size: 24px 24px;
    left: -1px;
    top: -1px;
}
.filtering table tbody tr td ul {
    text-align: center;
}
.filtering table tbody tr td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.s_01 .accordion_one {
    margin: 0 auto;
}
.s_01 .accordion_one .accordion_header {
    background-color: #b4b4b4;
    color: #fff;
    padding: 10px 11%;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_01 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}
.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 0;
    border: none;
    box-sizing: border-box;
}
.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
    border-left: 2px solid #ff9a05;
    border-right: 2px solid #ff9a05;
    border-bottom: 2px solid #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
    border-left: 2px solid #1c85d8;
    border-right: 2px solid #1c85d8;
    border-bottom: 2px solid #1c85d8;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}
.s_01 .accordion_one .accordion_header {
    text-align: center;
    padding: 10px 0;
}
.btn-box {
    padding: 20px 0;
	border-spacing: 0 !important;
}
.btn-box button {
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    border-radius: 2.5rem;
    height: 50px;
    display: block;
    position: relative;
    background: #f39c12;
    color: #ffffff;
	font-weight: bold;
    text-align: center;
    border: 2px solid #f39c12;
    cursor: pointer;
	box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1);
}



.cp_box1 *, .cp_box1 *:before, .cp_box1 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_box1 {
    position: relative;
}
.cp_box1 label {
    position: absolute;
    z-index: 1;
    bottom: -10px;
    height: 56px;
    cursor: pointer;
    text-align: center;
}
.cp_box1 input:checked + label {
    background: inherit;
}
.cp_box1 label:after {
    line-height: 1.6rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 9rem;
    content: 'もっと見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: #333333;
    opacity: 0.7;
}
.cp_box1 input {
    display: none;
}
.cp_box1 .cp_container {
    overflow: hidden;
    height: 300px;
    transition: all 0.5s;
}
.cp_box1 input:checked + label {
}
.cp_box1 input:checked + label:after {
    content: '閉じる';
}
.cp_box1 input:checked ~ .cp_container {
    height: auto;
    padding-bottom: 44px;
    transition: all 0.5s;
}
.cp_box2 *, .cp_box2 *:before, .cp_box2 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_box2 {
    position: relative;
}
.cp_box2 label {
    position: absolute;
    z-index: 1;
    bottom: -10px;
    height: 44px;
    cursor: pointer;
    text-align: center;
}
.cp_box2 input:checked + label {
    background: inherit;
}
.cp_box2 label:after {
    line-height: 1.6rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 9rem;
    content: 'もっと見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: #333333;
    opacity: 0.7;
}
.cp_box2 input {
    display: none;
}
.cp_box2 .cp_container {
    overflow: hidden;
    height: 300px;
    transition: all 0.5s;
}
.cp_box2 input:checked + label {
}
.cp_box2 input:checked + label:after {
    content: '閉じる';
}
.cp_box2 input:checked ~ .cp_container {
    height: auto;
    padding-bottom: 44px;
    transition: all 0.5s;
}
.cp_container table tr:last-child {
    border-bottom: 1px solid #e6e6e6 !important;
}
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}
#pagetop a {
    opacity: 0.6;
}
#pagetop a:hover {
	opacity: 0.3;
}
.tabs {
    margin: 50px;
    background-color: #fff;
    margin: 0 auto;
    //background: url(../images/bg.jpg) top left;
}
.tab_item {
    width: calc(100%/3);
    height: 50px;
    border-bottom: 3px solid #38a438;
    background-color: #e4e4e4;
    line-height: 50px;
    text-align: center;
    color: #444;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
}
input[name="tab_item"] {
    display: none;
}

#haito:checked ~ #haito_content, #umaban:checked ~ #umaban_content, #deme:checked ~ #deme_content {
    display: block;
}

#jockey:checked ~ #jockey_content, #trainer:checked ~ #trainer_content, #deme:checked ~ #deme_content {
    display: block;
}
.tabs input:checked + .tab_item {
    background-color: #38a438;
    color: #fff;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 3rem;
}
.tab_item2 {
    width: calc(100%/2);
    height: 46px;
	border-bottom: 2px solid #38a438;
    background-color: #eeeeee;
    line-height: 46px;
    text-align: center;
    color: #444;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
}

input[name="tab_item2"] {
    display: none;
}

#haito:checked ~ #haito_content, #umaban:checked ~ #umaban_content, #deme:checked ~ #deme_content {
    display: block;
}

#jockey:checked ~ #jockey_content, #trainer:checked ~ #trainer_content, #deme:checked ~ #deme_content {
    display: block;
}

.tabs input:checked + .tab_item2 {
    background-color: #38a438;
    color: #fff;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 3rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem}
.card-title {
    margin-bottom: .75rem}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0}
.card-text:last-child {
    margin-bottom: 0}
.card-link:hover {
    text-decoration: none}
.card-link + .card-link {
    margin-left: 1.25rem}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
.card-header + .list-group .list-group-item:first-child {
    border-top: 0}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)}
.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0}
.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem}
.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)}
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column}
.card-deck .card {
    margin-bottom: 15px}
.accordion > .card {
    overflow: hidden}
.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0}
.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0}
.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0}
.accordion > .card .card-header {
    margin-bottom: -1px}
.update {
	margin: -30px 15px 0 0;
	position: absolute;
    right: 0;
	font-size: small;
}


/**********************************************************************201106　CLUBのcss**********************************************************************/

.btn--orange,
a.btn--orange {
  color: #ffffff;
  background-color: #2f2d2d;
  border: 3px double #CBAA2D;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #2f2d2d;
  background: #2f2d2d;
  border: 3px double #2f2d2d;
}

a.btn--orange--on {
  color: #2f2d2d;
  background-color: #CBAA2D;
  border: 3px double #2f2d2d;
}


* {
  box-sizing: border-box;
}
body {
  font-family:'メイリオ','Meiryo','ヒラギノ角ゴ','Avenir','Helvetica, Neue','Helvetica','Arial';
}

/*モーダル20211006*/

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 20px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 7px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    
    padding-bottom: 56.25%;
    height:0px;
    position: relative;
}

.modal__content2{
    background: #fff;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

.frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tojiru {
    position: absolute;
    z-index: 1;
    margin-top: 57%;
    color: #fff;
}


/*モーダル20211006おわり*/


/*出走表はじまり*/

.bg-2 {
    background: #999 !important;
    color: #fff !important;    
}



/*出走表はじまり*/