@charset:"UTF-8";

/***************************
*セレクトボックス
***************************/
.item-select_race{
	margin: 0.7rem 0;
}
/***************************
* color
****************************/
.color_red {color: #ff0000;}
/***************************
* img
****************************/
.yosou img{
	width: 100%;
}
/***************************
* unit title
 各ページのタイトル
****************************/
.unit__title{
	padding: 1.2rem 1rem;
	background-color: #19417B;
	font-size: 1.5rem;
	color: #FFF;
}

/***************************
* players_name
  選手名
****************************/
.category-players-name{
	width: 100%;
}
.category-players-name ul{
	display: table;
	width: 100%;
	table-layout: fixed;
	text-align:center;
	border-top: 1px solid #979797;
}
.category-players-name ul:last-of-type{
	border-bottom: 1px solid #979797;
	margin-bottom: 1rem;
}

.category-players-name li{
	display: table-cell;
	border-right: 1px solid #979797;
	background-color: #E4E6EA;
}
.category-players-name li span{
	padding: 0.4rem 0;
}
.category-players-name li:first-of-type{
	border-left: 1px solid #979797;
}
.category-players-name .item-tei{
    display: inline-block;
    width: 20%;
    text-align: center;
    border-right: 1px solid #979797;
    font-size: 1.4rem;
    font-weight: bold;
}
.category-players-name .item-name{
    display: inline-block;
    width: 80%;
    font-weight: bold;
}

/***************************
*
****************************/

.yosou_default{
	/* min-height: 58.5rem; */
	background-color: #FFFFFF;
}

.is_mansyu{
	color: #D13131!important;
}
/* parts_nav1  head*/
.yosou_navigation1{
	display: table;
	width: 100%;
}
.yosou_navigation1 li{
	display: table-cell;
	width: 25%;
	padding: .1rem 0 .2rem 0;
	margin: auto;
	background-color: #E0EBFF;
	text-align: center;
	font-size: .9rem;
	font-weight: bold;
}
.yosou_navigation1 li:nth-of-type(1),
.yosou_navigation1 li:nth-of-type(2),
.yosou_navigation1 li:nth-of-type(3){
	border-right: 2px solid #B9C4D6;
}
.yosou_navigation1 li a{
	color: #001E65;
}
.yosou_navigation1 li img{
	display: block;
	width: 50%;
	padding: .2rem 0 .4rem 0;
	margin: auto;
}

/* kaisai_ttl */
.kaisai_title{
	padding: 1rem 2rem;
	background-image: url(../images/bg_raceinfo_03.png)
}
.kaisai_title img{
	width: 26%;
	vertical-align: middle;
}
/* 本日開催中 */
.kaisai_title .item-open-icon{
	padding: .3rem;
	background-color: #F37978;
	font-size: 1.1rem;
	font-weight: bold;
	color: #FFF;
}
.kaisai_title time{
	vertical-align: middle;
	font-size: 1.3rem;
	color: #FFF;
}
.kaisai_title h1{
	margin-top: .5rem;
	line-height: 1.4;
	font-size: 1.4rem;
	leter-spacing: .1rem;
	color: #FFF;
}

/* レース番号選択 */
.group-select_race{
	display: table;
	width: 100%;
	padding: 0.4rem 0;
}
.group-select_race select.e-link {
	display: block;
	width: 100%;
	margin: auto;
	text-align: left;
	font-size: 1.4rem;
	opacity: 0;
	/* vertical-align: middle; */
}
.group-select_race .item-select_race{
	display: table-cell;
	width: 32%;
}
.group-select_race .arw-select{
	display: inline-block;
	vertical-align: middle;
	width: 18%;
	height: 2.7rem;
	background-size: 75%;
	background-repeat: no-repeat;
} 
.group-select_race .arw-select.select_prev{
	background-image: url(../images/arrow_left.png);
	background-position: right;
}
.group-select_race .arw-select.select_next{
	background-image: url(../images/arrow_right.png);
	background-position: left;
}
.group-select_race .e-link_wrapper{
	width: 55%;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.group-select_race .e-link_wrapper .view{
	color: #000;
	padding: 0.3rem 0;
	border-radius: 0.5rem;
	text-align: left;
	text-indent: 0.5rem;
	background-position: 90%;
	font-size: 1.8rem;
	background-color: #B6E2FF;
	border-color: #B6E2FF;
	background-size: 1rem;
}
.group-select_race .arw-select .select_prev{

}
.group-select_race .arw-select .select_next{
	
}
.group-select_race .item-select_ttl{
	display: table-cell;
	width: 34%;
	padding-right: 1.5rem;
	font-size: 1.5rem;
	text-align: left;
	vertical-align: middle;
}
.group-select_race .item-select_dento{
	display: table-cell;
	width: 18%;
	vertical-align: middle;
	font-size: 1.5rem;
}
.group-select_race .com-img_before:before{
	top: 1rem;
	left: 0;
}
/* select_days */
.select_days .com-selectbox-ex .view{
	padding: 1rem;
	font-size: 1.5rem;
	background-size: 1.3rem;
	background-position: 87%;
}


.yosou_page_ttl{
	padding: 1.1rem 2rem;
	border-top: 6px solid #299C9F;
	background-color: #E2E2E2;
	font-size: 1.4rem;
	font-weight: bold;
}

.subttl{
	height: 2.3rem;
	padding: 0.6rem 2rem;
	background-color: #032C95;
	color: #FFF;
}
.page_select{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 2px solid #FFF;
}
.pagecategory{
	display: table-cell;
	width: 34%;
	/* height: 3rem; */
	padding: 0.5rem 0;
	vertical-align: bottom;
	background-color: #BFC9DF;
	border-right: 1px solid #FFF;
}
.pagecategory.is_select{
	background-color: #5A8CDA;
}
.pagecategory:last-of-type{
	border-right: none;
}
.pagecategory .tab_name{
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
}
.pagecategory:nth-of-type(1) .tab_name{
    height: 3.3rem;
}
.pagecategory:nth-of-type(2) .tab_name{

line-height: 1.1;

margin-top: -1rem;

padding-bottom: 0.9rem;
}
.pagecategory:nth-of-type(3) .tab_name{
	
}
.category_item_wrapper{
	text-align: center;
	line-height: 1;
	margin-top: -1rem;
	/* padding-bottom: 0.4rem; */
}
.category_item{
	display: inline-block;
	width: 1.4rem;
	margin-left: 0.3rem;
	height: 0.8rem;
	/* border-radius: 0.3rem; */
	/* box-shadow: inset 0rem 0rem 0.1rem rgba(0,0,0, .5); */
	background-color: #FEFEFE;
	/* background-image: url("../images/tip_off.png"); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.category_item:first-of-type{
	margin-left: 0;
}
.pagecategory.is_select .category_item{
	/* background-image: url("../images/tip_on.png"); */
	background-color: #BFC9DF;
}
.pagecategory.is_select .category_item.is_current{
	/* background-image: url("../images/tip_current.png"); */
	background-color: #19417B;
	box-shadow: inset 0rem 0rem 0.2rem rgba(0,0,0, .5);
}
.category_item:nth-of-type(1){
	/* margin-left: .2rem; */
}

/*yosou table style*/
.headh_01{height: 4.7rem;}
.headh_02{height: 3.8rem;}

.bodyh_01{height: 5rem;}
.bodyh_02{height: 4.2rem;}
.bodyh_01 img {
	position: relative;
	width: 1.7rem;
	height: 1.7rem;
	/* width: 4rem; */
	vertical-align: middle;
}
table.default th{
	border-width: 1px;
	background-color: #828282;
	border-right: 1px solid #C1C1C1;
	vertical-align: middle;
	text-align: center;
	font-size: 1rem;
	color: #FFF;
}
table.default{
	border-top: 2px solid #FFF;
	width: 100%;
	background-color: #FFFFFF;
}
table.default td{
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
}
table.default td a{
	color: inherit;
	text-decoration: underline;
}

.bdr_t_n{border-top:    none!important;}
.bdr_r_n{/* border-right:  none!important; */}
.bdr_b_n{border-bottom: none!important;}
.bdr_l_n{/*border-left:   none!important;*/}

.notdata{
	padding: 2rem;
	background-color: #FFF;
}
.notdata .item_01{
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.2rem;
}
.notdata .item_02{
	line-height: 1.5;
	text-align: center;
	font-size: 1rem;
}

.pname{
	font-weight: bold;
	font-size: 1.3rem;
}
.toban-fsize{

font-size: 1.1rem;
}
.fsmall {
	font-size: 0.9rem;
}

.category-scroll-top {
	margin-top: 0;
}

/***************************************
**予想テーブル
****************************************/
table.com-yosou-table {
    width: 100%;
    border-top: 0.1rem solid #FFF;
    box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0rem;
}
.com-yosou-table th {
    background-color: #575B68;
    text-align: center;
    vertical-align: middle;
    color: #ebebeb;
    font-weight: normal;
    line-height: 1.2;
    padding: 0.1rem;
    border-right: 0.1rem solid #FFF;
    font-size: 0.9rem;
    height: 4.2rem;
}
.com-yosou-table td {
    padding: 0rem 0.3rem;
    text-align: center;
    vertical-align: middle;
    border-right: 0.1rem solid #979797;
    border-bottom: 0.1rem solid #979797;
    font-size: 1.1rem;
}
.com-yosou-table tbody td {
    background-color: #E4E6EA;
}

/**************************************
 予想ページ 共通上部 
 com-yosou-info
*************************************/
.com_yosou_info .schedule-area{
	width: 100%;
	margin-top: 1.5rem;
	border-radius: 0.5rem;
	background-color: #E1E5EE;
	text-align: center;
}
.com_yosou_info .schedule-area__month-group,
.com_yosou_info .schedule-area__month-group dt,
.com_yosou_info .schedule-area__month-group dd{
	display: inline-block;
	margin: 0;
}
.com_yosou_info .schedule-area__month-group{
	padding: 0.5rem 0;
}
.com_yosou_info .schedule-area__month-group dt{
	vertical-align: middle;
}
.com_yosou_info .schedule-area__month-group dd{
	padding: 0.2rem 0.5rem;
    vertical-align: middle;
    text-align: center;
}
.com_yosou_info .schedule-area__month-group .schedule-area__month{
	margin: 0 0.5rem 0 1.0rem;
	font-size: 1.7rem;
	color: #163A6E;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days .item-day{
	font-size: 1.4rem;
	color: #163A6E;
	line-height: 1.2;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days.current .item-day{
	color: #FFF;
	font-weight: bold;
	font-size: 1.6rem;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days .item-youbi{

}
.com_yosou_info .schedule-area__month-group .schedule-area__days.current{
	background-color: #5A8CDA;
    border-radius: 0.3em;
    color: #FFF;
    padding: 0.2rem 1rem;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days .item-youbi{
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.5;
	font-size: 1rem;
	background-color: #163A6E;
	color: #FFF;
	padding: 0.05rem 0rem;
	border-radius: 100%;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days .item-youbi.dayWNo-0{
	color: #ED7F88;
}
.com_yosou_info .schedule-area__month-group .schedule-area__days .item-youbi.dayWNo-6{
	color: #A0BCE8;
}
.com_yosou_info .img_btn {
	width: 100%;
	white-space: nowrap;
}
.com_yosou_info .img_btn a {
    display: inline-block;
    width: 49%;
}
.com_yosou_info .img_btn a:last-of-type {
	margin-left: 2%
}
.com_yosou_info .img_btn a img{
	width: 100%;
}

.com_yosou_info .combobox {
    width: 57%;
    display: inline-block;
    vertical-align: top;
}
.com_yosou_info .imgbox {
    display: inline-block;
    width: 43%;
}
.com_yosou_info .img_internet {
    text-align: right;
}
.com_yosou_info .img_internet img {
    width: 12rem;
}
.com_yosou_info select.com-select_box {
    width: 100%;
    height: 4rem;
    border: 0.1rem solid #aaa;
    border-radius: 0.3rem;
    margin-bottom: 0.7rem;
    font-size: 1.2rem;
    text-indent: 0.5rem;
}
.com_yosou_info .com-selectbox-ex {
    margin: 0;
}
.com_yosou_info .com-selectbox-ex select.selectbox{
	width:100%;
	position: absolute;
	z-index: 2;
	opacity: 0;
	border: 0.1rem solid #aaa;
	padding: 1.1rem 0;
	font-size: 1.8rem;
	/* padding-left: 0.5rem; */
}
.com_yosou_info .com-selectbox-ex div.view{
	width:100%;
	padding: 1.4rem 1rem;
	z-index: 1;
	border-radius: 0.2rem;
	border: 0.1rem solid #aaa;
	background-color: #FFF;
	background-image: url("/sp/page/yosou/images/arrow_selectbox.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 1.2rem;
	font-size: 1.5rem;
	text-align: left;
}
.com_yosou_info .nthDay {
    border: 0.1rem solid #da0000;
    width: 5rem;
    padding: 0.3rem 0.5rem;
    float: right;
    color: #da0000;
    font-size: 1.2rem;
}

.com_yosou_info .raceinfo_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 1.3rem;
    /* height: 2rem; */
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
}
.com_yosou_info .raceinfo_day ,
.com_yosou_info .raceinfo_race,
.com_yosou_info .raceinfo_title {
    /* float: left; */
    display: inline-block;
    vertical-align: bottom;
    padding: 0.5rem 0rem 0 0;
}
.com_yosou_info .raceinfo_dento {
    /* float: right; */
    display: inline-block;
    position: absolute;
    top: .5rem;
    right: 0;
    font-size: 1rem;
    font-weight: normal;
    color: #19417b;
    vertical-align: bottom;
    /*padding-top: 0.5rem;*/
}
.com_yosou_info .raceinfo_dento img {
    width: 1.2rem;
    vertical-align: top;
}
.com_yosou_info .raceinfo_dento span {
	font-weight: bold;
	font-size: 1.1rem;
}
.com_yosou_info .yosou_tenbo .title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
}
.com_yosou_info .yosou_tenbo .yosou_data {
    line-height: 2;
    height: 6em;
    overflow: hidden;
    font-size: 1.4rem;
}

.com_yosou_info .readmoreDiv {
	padding: 1rem 0;
}
.com_yosou_info .readmore {/* padding: 1rem; */}
.com_yosou_info .readmore img {
    width: 8rem;
    float: right;
}
.com_yosou_info .yosou_tenbo .henkou {
    font-size: 1.3rem;
}
/*overwrite common css style*/
.com_yosou_info .icon_grade {
	font-size: 1.4rem;
}
.com_yosou_info .com-item_grade_title__right h3.title {
	font-size: 1.6rem;
}
.com_yosou_info .com-ttl02 {
	font-size: 1.6rem;
}

/**************************************
 予想ページ 共通下部
 ライブボタン
*************************************/
.under-com-live{
	margin-top: 2rem;
	padding: .5rem 1rem;
}
.under-com-live img{
	width: 100%;
}
/**************************************
2016/10/07
*************************************/
.col_last{
	border-right: none !important;
}

/**************************************
本日の展望　Popup
*************************************/

.js-lightbox-target .popup-div-title {
    width: 6rem;
    padding: 0.5rem 0;
    background-color: #edd200;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

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

.js-lightbox-target .popup-title h2 {
    font-size: 1.5rem;
    color: #0f2f67;
    font-weight: bold;
    text-align: left;
}

.js-lightbox-target .popup-body {
    width: 100%;
    /* height: 20rem; */
    line-height: 1.7;
    overflow: auto;
    font-size: 1.1em;
    text-align: left;
}

/* page description */
.page-description {
    font-size: 1.4rem;
}