@charset "utf-8";

.sp-content .db { background-color: #fff; }

.sp-content .db .bread-crumb { margin: 0; padding: 4px 0; background-color: none; }
.sp-content .db .bread-crumb ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0 1%;
  list-style-type: none;
}
.sp-content .db a {
  color: #324f85;
  text-decoration: underline;
}
.sp-content .db .bread-crumb ul li {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
}
.sp-content .db .bread-crumb ul li:not(:last-child)::after {
  content: ">";
  margin: 0 2px;
}

.sp-content .db .search {
  float: unset;
}

.sp-content .db h2 {
  position: relative;
  margin-top: 5px;
  padding: 0.3em 1%;
  font-size: 22px;
  color: #fff;
  background: repeating-linear-gradient(315deg, #000, #000 2px, #222 0, #222 4px);
    background-attachment: scroll;
  background-attachment: fixed;
}
.sp-content .db h2::after {
  position: absolute;
  top: -5px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
}
.sp-content .db.keirin h2::after {
  background-color: #459cd0;
}
.sp-content .db h2.item, .sp-content .db h3.item, .sp-content .db h4.item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.sp-content .db.keirin h2 span {
  margin: 0 3px 0 auto;
  font-size: 15px;
}
.sp-content .db h2.item span.h-link, .sp-content .db h3.item span.h-link, .sp-content .db h4.item span.h-link {
  position: absolute;
  top: 7px;
  right: 5px;
}
.sp-content .db h2.item span.h-link a, .sp-content .db h3.item span.h-link a, .sp-content .db h4.item span.h-link a {
  display: block;
  padding: 0.3em 1em;
  color: #333;
  font-weight: normal;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  border: 1px solid currentcolor;
  border-radius: 0.3em;
  padding: 0.3em 1em 0.2em 1em;
  border-color: #000;
}

.sp-content .db div {
  float: none;
}
.sp-content .db .filtering table {
  margin-bottom: 0;
  border-bottom: 1px solid #aaa;
}
.sp-content .db table th, .sp-content .db table td {
  padding: 0.5em;
  font-size: 15px;
}
.sp-content .db table th {
  color: #fff;
  letter-spacing: -1px;
  background-image: linear-gradient(-45deg, #5a564e 25%, #5e5b52 25%, #5e5b52 50%, #5a564e 50%, #5a564e 75%, #5e5b52 75%, #5e5b52);
  background-size: 5px 5px;
  border-top: 1px solid #aaa;
  vertical-align: top;
}
.sp-content .db .filtering table tbody tr th {
  width: 118px;
}
.sp-content .db table td {
  border: 1px solid #aaa;
}
.sp-content .db table td.search-words {
  display: flex;
  justify-content: flex-start;
}
.sp-content .db .filtering table tbody tr td {
  border-width: 1px 0 0 0;
}
.sp-content .db input[type="text"], .sp-content .db input[type="number"] {
  width: 100%;
  padding: 0.5em 0.3em;
  font-size: 16px;
  color: #000;
  border: 1px solid #09c;
  background-color: #fce4ec;
}
.sp-content .db table td.search-words input[type="text"] {
  border-radius: 4px 0 0 4px;
}

.sp-content .db button.search {
  width: 37px;
  height: auto;
  border: none;
  background-size: 60%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-search.svg);
  background-color: #fff;
  border: solid #09c;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
}

.sp-content .db .link-box {
  width: 96%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}
.sp-content .db .link-box ul li {
  width: 100%;
  margin: 0 0 8px 0;
  border: 1px solid #999;
}
.sp-content .db .link-box ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 0;
  color: #222;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  display: block;
  cursor: pointer;
}

/*個別検索*/
.sp-content .db .link-box div.areaSelect-list ul.member { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1em; }
.sp-content .db .link-box div.areaSelect-list ul.member li {
  width: 31%;
  margin: 0 0 8px 0;
}
.sp-content .db .link-box div.areaSelect-list ul.member li.null { border: none; }

/*所属選手一覧切り替え*/
div.areaSelect-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
div.areaSelect-list label { display: block;
  width: 24%;
  margin: 0 0 8px 0;
  border: none;
}
.sp-content .db.keirin input[type="radio"].ck-box { display: none; }
.sp-content .db.keirin div.areaSelect-list input[type="radio"].ck-box + .ck-label { padding: 0.8em 0 !important; }
.sp-content .db.keirin input[type="radio"].ck-box:checked + .ck-label {
  color: #fff;
  background-image: none;
  background-color: #459cd0;
  border-color: #0a5f91;
}
#area0,#area1,#area2,#area3,#area4,#area5,#area6,#area7{ display:none; }
input[type="radio"]:checked#areaSelect0 ~ #area0,
input[type="radio"]:checked#areaSelect1 ~ #area1,
input[type="radio"]:checked#areaSelect2 ~ #area2,
input[type="radio"]:checked#areaSelect3 ~ #area3,
input[type="radio"]:checked#areaSelect4 ~ #area4,
input[type="radio"]:checked#areaSelect5 ~ #area5,
input[type="radio"]:checked#areaSelect6 ~ #area6,
input[type="radio"]:checked#areaSelect7 ~ #area7 { display:flex; }


/*オートレース→競輪移植*/
.sp-content .db .result .sort-head ul li {
  background-color: #3A9DFF
}
.sp-content .db .result .sort-head ul li select {
  background-color: #3A9DFF;
  /*text-indent: 2.3em;*/
}
.sp-content .db .result .sort-head ul li:last-child button {
  background-color: #3A9DFF;
}

.sp-content .db.keirin h2:after {
  background-color: #3A9DFF
}
.sp-content .db.keirin input[type="checkbox"].ck-box {
  display: none
}
.sp-content .db.keirin input[type="checkbox"].ck-box:checked + .ck-label {
  color: #fff;
  background-image: none;
  background-color: #459cd0;
  border-color: #0a5f91;
}
.sp-content .db.keirin .link-anker {
  padding-bottom: 5px
}
.sp-content .db.keirin .link-anker.four ul {
  align-items: unset
}
.sp-content .db.keirin .link-anker.four ul li {
  display: flex;
  width: 49%
}
.sp-content .db.keirin .link-anker.four ul li a {
  display: flex;
  align-items: center;
  justify-content: center
}
.sp-content .db.keirin .link-anker.four ul li:nth-of-type(1), .sp-content .db.keirin .link-anker.four ul li:nth-of-type(2) {
  margin-bottom: 5px
}
.sp-content .db.keirin .link-anker.five ul li:nth-child(1), .sp-content .db.keirin .link-anker.five ul li:nth-child(2), .sp-content .db.keirin .link-anker.five ul li:nth-child(3) {
  width: 32%;
  margin-bottom: 5px
}
.sp-content .db.keirin .link-anker.five ul li:nth-child(4), .sp-content .db.keirin .link-anker.five ul li:nth-child(5) {
  width: 49%
}
.sp-content .db.keirin .btn-tab {
  padding: 20px 0 0 0
}
.sp-content .db.keirin .btn-tab 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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 3px solid #3A9DFF
}
.sp-content .db.keirin .btn-tab ul li.current {
  background: #3A9DFF;
  border-color: #3A9DFF
}
.sp-content .db.keirin .btn-box ul li button.search {
 background: linear-gradient(135deg, #459cd0, #0a5f91);
}
.sp-content .db.keirin span.sg, .sp-content .db.keirin span.g1, .sp-content .db.keirin span.g2 {
  display: inline-block;
  line-height: 1em;
  width: 22px;
  height: 14px;
  margin: 0 0 0 5px;
  padding: 0;
  text-indent: -10000px
}
.sp-content .db.keirin span.sg {
  background: url(../images/ico_sg.gif) no-repeat !important
}
.sp-content .db.keirin span.g1 {
  background: url(../images/ico_g1.gif) no-repeat !important
}
.sp-content .db.keirin span.g2 {
  background: url(../images/ico_g2.gif) no-repeat !important
}
.sp-content .db.keirin .ryou {
  color: #f70
}
.sp-content .db.keirin .situ {
  color: #05f
}
.sp-content .db.keirin .bg-1chaku {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffeded), to(#fcc)) !important;
  background: linear-gradient(top, #ffeded 0%, #fcc 100%) !important
}
.sp-content .db.keirin .bg-2chaku {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2fbff), to(#d1efff)) !important;
  background: linear-gradient(top, #f2fbff 0%, #d1efff 100%) !important
}
.sp-content .db.keirin .bg-3chaku {
  background: -webkit-gradient(linear, left top, left bottom, from(#e8ffe8), to(#bcffd3)) !important;
  background: linear-gradient(top, #e8ffe8 0%, #bcffd3 100%) !important
}

.sp-content .db.keirin .link-anker.four ul {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset
}
.sp-content .db.keirin .link-anker.four ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49%
}
.sp-content .db.keirin .link-anker.four ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.sp-content .db.keirin .link-anker.four ul li:nth-of-type(1), .sp-content .db.keirin .link-anker.four ul li:nth-of-type(2) {
  margin-bottom: 5px
}

.sp-content .db .result table.ranking tbody tr td.data p.point::before {
    content: "競走得点:";
}
/*選手検索結果*/
.search_player_result_kyuhan_min_size {
  min-width: 70px;
}
/*対戦検索*/
.serachPlayerCondition{ display: flex; margin-top: 5px !important; align-items: center; }
.serachPlayerCondition > .ck-list{ display: inline-block !important; width: 6em !important; }
.serachPlayerCondition > .btn-box > ul li{ margin: 0 !important; }
.serachPlayerCondition > .btn-box{ display: inline-block !important; width: 6em !important; padding: 0 !important; margin: 0 !important; }
.searchDisable{ filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
img.favoImg{ display: inline-block; vertical-align: middle; margin-bottom: 4px; }
img.toFavo{ cursor: pointer; }
.item > .favoImg{ /*margin-right: 0.5em;*/ float: right; }
table.tdNowrap { table-layout: auto !important; }
table.tdNowrap td { white-space: nowrap; }

/*対戦検索用削除フラグ */
.hidden_flg { display: none!important; }

/*ソート*/
.sortTable th{ vertical-align: middle !important; }
/*pcと同じ大きさ
.sortTable a.sort_d, .sortTable a.sort_a, .sortTable a.sort_n {
  display: block;
  width: 23px;
  height: 12px;
  margin: 0;
  background: url(../images/i-sprite2022a.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  text-indent: -10000px;
}
.sortTable a.sort_d { background-position: -120px -275px; }
.sortTable a.sort_a { background-position: -120px -287px; }
.sortTable a.sort_n { background-position: -120px -300px; }
*/
.sortTable a.sort_d,
.sortTable a.sort_a,
.sortTable a.sort_n {
  display: block;
  width: 57px;
  height: 28px;
  margin: 0;
    background-repeat: no-repeat;
    background-size: contain;
  text-indent: -10000px;
}
.sortTable a.sort_d { background-image: url(../images/sort_down.png);}
.sortTable a.sort_a { background-image: url(../images/sort_up.png);}
.sortTable a.sort_n { background-image: url(../images/sort.png);}

/*選手詳細*/
.birth{text-align: right;}
.sp-content .db .prof .birth time { text-decoration: none !important; }

/*ランキング日付*/
span.asOfTime {
  display: inline-block;
  width: 300px;
  height: 28px;
  line-height: 28px;
  font-weight: normal;
  font-size: 10pt;
  position: absolute;
  top: 0;
  right: 5px;
}

/*プロフィールtable高さ*/
.sp-content .mT14{ margin-top: 14px; }
table.pTpB th, table.pTpB td{ padding-top:6px!important; padding-bottom:6px!important; }

/*h2内フォーム*/
div.h2itemBLK{ padding: 0; margin: 5px 0 0; }
ul.h2itemBLKform{ list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; gap: 0 7px; }
ul.h2itemBLKform li { display: table-cell; flex: 0 1 auto; font-size: 15px; font-weight: normal; vertical-align: middle; line-height: 35px; padding: 0; margin: 0 0 3px 0; }
.sp-content .db ul.h2itemBLKform li select{ margin-top: -3px !important; }
.sp-content .db ul.h2itemBLKform li button.search {
width: auto; height: auto;
  padding: 0.45em;
  color: #333;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
    background-image: none;
  background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    background-size: 100%;
  border: 1px solid #666;
  border-radius: 0.3em;
  display: inline-block;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
}

/*パンくずリスト*/
#info ul.databeseBcrumb{
    margin-top: 5px;
    margin-bottom: 5px;
}

/*賞金ランキング*/
#prizeRankingForm ul.h2itemBLKform li select{ margin-top: 0px !important; }

.sp-content .db .result table.ranking tbody tr td.data {
  padding: 0;
  vertical-align: top
}

.sp-content .db .result table.ranking tbody tr td.data 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;
  margin-bottom: 0;
  padding: 0 5px
}

.sp-content .db .result table.ranking tbody tr td.data ul:first-child li h3 {
  padding: 0;
  font-size: 16px
}

.sp-content .db .result table.ranking tbody tr td.data ul:first-child {
  padding-top: 5px;
  line-height: 1
}

.sp-content .db .result table.ranking tbody tr td.data ul:first-child li:not(:last-child) {
  padding-right: 3px
}

.sp-content .db .result table.ranking tbody tr td.data ul li {
  font-size: 16px
}

.sp-content .db .result table.ranking tbody tr td.data ul:not(:first-child) {
  padding-top: 0.3em
}

.sp-content .db .result table.ranking tbody tr td.data ul:last-child {
  padding-bottom: 0.3em
}

.sp-content .db .result table.ranking tbody tr td.data ul li strong {
  font-weight: bold;
  color: crimson
}

.sp-content .db .result table.ranking tbody tr td.data ul.size-s li {
  font-size: 14px
}

/*SP対戦成績表 初期表示用*/
#matchRecordList{
  display: none;
}
#matchRecordHistory{
  display: none;
}

/*SP対戦成績表 お気に入りボタン*/
.favoLink {
  text-decoration: none !important;
}

/*要素の幅調整*/
.marginTop20{
  margin-top: 20px !important;
}
.paddingTop20{
  padding-top: 20px !important;
}

/*SP対戦成績表選手名テーブルの修正*/
tbody.tableText{
	-webkit-text-size-adjust: 103% !important;
}
