@charset "UTF-8";
/******************************************************************
	競技情報全体設定
******************************************************************/
.dummy_outer {
    /* 後で消す */
    width: 1280px;
    background-color: #FFF;
    margin: 0 auto 70px;
    padding: 60px;
    box-sizing: border-box;
    border: 1px solid #A8A9AD;
}
.yosou__inner {
    margin-top: 20px;
}
.yosou_series {
    display: table;
    padding: 25px 0;
    font-size: 22px;
    font-weight: bold;
}
.yosou_series > * {
	display: table-cell;
}
.yosou_series > :not(:first-child) {
	padding-left: 20px;
}
.yosou_series span {
	font-size: 14px;
	font-weight: normal;
}
.yosou_live_tenbo {
    display: table;
    padding-top: 20px;
}
.yosou_live_tenbo > * {
	display: table-cell;
	vertical-align: top;
}
.yosou_today_tenbo {
	position: relative;
    width: 40%;
}
.yosou_tenbo {
	/*height: 250px;*/
	padding-left: 50px;
	font-size: 14px;
	/*overflow:hidden;*/
}
.yosou_tenbo > .title {
	font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    height: 3em;
}
.yosou_data {
    line-height: 2em;
    /*height: 14em;*/
    /*overflow: hidden;*/
}
.content::before {
    content: '...';
    margin-top: 12em;
    float: right;
    margin-left: -1px;
}
.yosou_more {
	text-align: right;
    width: 100%;
    padding-top: 20px;
    position: absolute;
    bottom: 160px;
}
.yosou_btn {
	width: 100%;
    padding-left: 50px;
    position: absolute;
    bottom: -10px;
}
.yosou_btn img {
	padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block;
}
.yosou_block_inner {
    box-sizing: border-box;
    border: 1px solid #A8A9AD;
    padding: 20px;
}
body.yosou {
    width: 1120px;
    background-color: #FFF;
}
td.teiban {
    font-size: 18px;
    font-weight: bold;
}
td {
    font-size: 15px;
}
.heading02 h3 {
    color: #fff;
    padding: 0.5em 1em !important;
    font-size: 1.6em !important;
    font-weight: bold;
}
.heading02{
	background-color: #203B6C;
}
/******************************************************************
	tab_nthday 節間日程（N日目）選択タブ
******************************************************************/
.tab_nthday {
	margin-top: 18px;
	padding-top: 22px;
}
.tab_nthday_menu {
    display: table;
    box-sizing: border-box;
    border-collapse: collapse;
    margin: 0 0 0 auto;
}
.tab_nthday_item {
	display: table-cell;
	box-sizing: border-box;
	width: 74px;
	border-left: 1px solid #FFF;
	text-align: center;
}
.tab_nthday_item > a, .tab_nthday_item > span {
	position: relative;
	display: block;
	padding: 4px 0 2px 0;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
}
.tab_nthday_item.done > a {
	background-color: #BFCAE0;
}
.tab_nthday_item.not-yet > span {
	color: #FFF;
	background-color: #E1E5EE;
}
.tab_nthday_item.current > a {
	background-color: #5B8CDB !important;
}
/******************************************************************
	tab_race レース選択タブ
******************************************************************/
.tab_race {
	/*margin: 35px -20px 0;*/
	margin-top: 35px;
}
.tab_race_menu {
	display: block;
    margin: auto;
    margin-bottom: -1px;
    white-space: nowrap;
	width: 100%;
}
.tab_race_item {
	display: inline-block;
    border-color: #45649d;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    text-align: center;
    cursor: pointer;
    margin-right: 3px;
    background-color: #45649d;
    color: #FFF;
    width: 7.93%;
}
.tab_race_item > a {
	position: relative;
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    padding: 0.6em 0;
}
.tab_race_item.done {
    color: #FFF;
    background-color: #BFCAE0 !important;
    border-color: #BFCAE0 !important;
    margin-bottom: 1px;
}
.tab_race_item.not-yet {
    color: #FFF;
    background-color: #45649D;
}
.tab_race_item.current {
    color: #5B8CD9 !important;
    background-color: #FFF !important;
    border-top: 1px solid #A8A9AD !important;
    border-left: 1px solid #A8A9AD !important;
    border-right: 1px solid #A8A9AD !important;
    margin-bottom: -1px !important;
    line-height: 1.7em;
}

/******************************************************************
	tab_type レース情報(予想)の表示コンテンツ選択タブ （出走表・オッズなど）
******************************************************************/
.tab_type {
	margin: 0 0 20px;
	width: 1125px;
}
.tab_type_menu {
	display: table;
    box-sizing: border-box;
    border-collapse: collapse;
    width: 100%;
}
.tab_type_item {
	display: table-cell;
    box-sizing: border-box;
    width: 14%;
    border-right: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
}
.tab_type_item.is-first {
	border-left: none;
}
.tab_type_item.is-last {
	border-right: none;
}
.tab_type_item > a {
	position: relative;
	display: block;
	background-color: #BFCAE0;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 2.5;
}
.tab_type_item.is-br > a {
	padding: 5px 0;
}
.tab_type_item.current > a {
	background-color: #5B8CD9;
	color: #FFF;
	border-bottom-color: #5B8CD9;
}
.tab_type_item.current > a:after {
	content: ' ';
	position: absolute;
	bottom: -18px;
	left: 50%;
	border: 8px solid transparent;
	border-top: 12px solid #5B8CD9;
	margin-left: -8px;
}
/******************************************************************
	レース番号・レースタイトル・電投締め切り
******************************************************************/
.raceinfo_box{
	display: block;
	width: 100%;
	height: 40px;
	font-size: 22px;
	font-weight:bold;
}
.raceinfo_box:after{
	clear:both;
}
.raceinfo_day, .raceinfo_race, .raceinfo_title {
	float: left;
	padding: 5px 10px 0 0;
}
.raceinfo_dento {
	float:right;
	padding-left: 26px;
	line-height:20px;
	font-size: 14px;
	font-weight: normal;
	color: #19417b;
}
.raceinfo_entryFixed{
	float:right;
}
.raceinfo_entryFixed>span{
	display: inline-block;
	border: 1px solid #19417b;
	border-radius: 4px;
	text-align: center;
	padding: 0 8px;
	line-height:20px;
	font-size: 14px;
	font-weight: normal;
	color: #19417b;
}
.raceinfo_dento img{
	width: 15px;
	vertical-align: sub;
}
.raceinfo_dento span {
	font-weight: bold;
	font-size: 16px;
}

/**** ここまで ****/

/******************************************************************
	↓ 以下	各予想コンテンツ
******************************************************************/
/*************************************
	共通ページサイズ
*************************************/
.yosou_contents{
	width: 920px;
	/* iframe切替時 ちらつきを抑える */
	/*min-height: 1000px;*/
}
/*************************************
	予想テーブル 共通スタイル
*************************************/
.com-yosou-table{
	width:100%;
	border-top: 1px solid #C1C1C1;
	border-top: 1px solid #FFF;
	/*	border-left: 1px solid #C1C1C1;*/
	box-sizing: border-box;
	border-collapse: separate;
	border-spacing: 0px;
}
.com-yosou-table th{
	border-right: 1px solid #FFF;
	/* border-bottom: 1px solid #FFF; */
}
.com-yosou-table th.border_b{
	border-bottom: 1px solid #FFF;
}
.com-yosou-table td
{
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.com-yosou-table th.col_last,
.com-yosou-table td.col_last
{
	border-right: none;
}
.com-yosou-table th{
	background-color: #575B68;
	text-align: center;
	vertical-align: middle;
	color: #ebebeb;
	/*font-weight: bold;*/
  line-height: 1.4;
  padding: 1px;
}
.com-yosou-table .thead_odd th{
	background-color:#828282;
}
.com-yosou-table .thead_even th{
	background-color:#9B9B9B;
}
.com-yosou-table td{
	padding: 0px 5px;
	text-align: center;
	vertical-align: middle;
}
.com-yosou-table tbody td{
	background-color: #E4E6EA;
}
.com-yosou-table .odd td{
	background-color: #f6f6f6;
}
.com-yosou-table .even td{
}

/**************************************
	選手名部分
**************************************/
.com-toban{/* 登番 */
	display: block;
	font-size: 16px;
}
.com-rname{/* 名前 */
	font-size: 15px;
	font-weight: bold;
}
.com-subinfo{/* 級別・支部・出身地・年齢 */
	display: block;
	font-size: 15px;
}

/**************************************
	body部 各値 太字
**************************************/
.com-val{
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}

/**** ここまで ****/


/**************************************
	過去コメント
**************************************/
.js-lightbox-target .racername{
	color: #0F2F67;
	text-align: left;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 20px;
}
.js-lightbox-target .comment-table{
	width: 100%;
}
.js-lightbox-target .comment-table{
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAA;
}
.js-lightbox-target .comment-group{
	display: table;
	/* table-layout: fixed; */
	width: 100%;
	border-bottom: 1px solid #AAA;
	/* padding: 15px 0; */
}

.js-lightbox-target .comment-group.odd{background-color: #FFF;}
.js-lightbox-target .comment-group.even{background-color: #F4F4F4;}
.js-lightbox-target .comment-list{
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	padding: 15px 0;
	border-right: 1px solid #AAA;
}
.js-lightbox-target .comment-list.item-date{
	width: 120px;
	text-align: center;
}
.js-lightbox-target .comment-list.item-comment{
	width: 670px;
	padding: 0 10px;
	text-align: left;
}


/**************************************
	Start CSS for popup (yosou)
**************************************/
/* Outer */
.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.75);
  z-index: 999;
}
.popup-wrapper{
	width: 910px;
	margin: auto;
	position: relative;
}
.popup-block {
    position: relative;
}
/* Inner */
.popup-inner {
  width: 910px;
  height: 500px;
  position: absolute;
  box-sizing: border-box;
  padding: 30px 70px 30px 30px;
  top: 0;
  left: 0;
  box-shadow: 0px 2px 6px rgba(0,0,0,1);
  background: #fff;
  overflow: hidden;
}
.bar-wrapper {
    position: absolute!important;
    display: none;
    width: 2px;
    height: 90%;
    top: 5%;
    bottom: 0;
    right: 35px;
    border-left: 2px solid #AAA;
}
.bar-inner{
	display: block;
	width: 8px;
	height: 10px;
	min-height: 10px;
	position: absolute;
	left: -5px!important;
	background-color: #5A8CDA;
}
.popup-close-btn {
  /* width: 100%; */
  /* height: 39px; */
  /* padding-left: 1085px; */
  /* margin-top: 30px; */
  /* margin-left: -40px; */
}
 
/* Close Button */
.popup-close {
  width: 40px;
  height: 40px;
  top: -50px;
  right: 0;
  /* -webkit-transform: translate(50%, -50%); */
  /* transform: translate(50%, -50%); */
  font-size: 40px;
  text-align: center;
  line-height: 100%;
  color: #fff;
  position: absolute;
}
 
.popup-close:hover {
  /* -webkit-transform:translate(50%, -50%) rotate(180deg); */
  /* transform:translate(50%, -50%) rotate(180deg); */
  /* background:rgba(0,0,0,1); */
  /* text-decoration:none; */
}

.popup-div-title {
  width: 83px;
  padding: 7px 8px;
  background-color: #edd200;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.popup-title {
  width: 100%;
  line-height: 2;
}

.popup-title h2 {
  font-size: 2em;
  color: #0f2f67;
  font-weight: bold;
}

.popup-body {
  width: 100%;
  height: 345px;
  line-height: 2.5;
  overflow: hidden;
  font-size: 1.1em;
}
.popup-text {
    position: relative;
    line-height: 2;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
  background-color: #5a8cda;
  border: 2px solid #5a8cda;
}


/**************************************
	End CSS for popup (yosou)
**************************************/