@charset "UTF-8";

/*******************************************/
/** PC・SP 共通カラー
/*******************************************/
:root {
	--black: #222;
	--green: #6EC233;
	--gray: #D9D9D9;
}


/**********************************
 艇のカラー
***********************************/
.tei_color1{background-color: var(--TEI_COLOR_1, #FFF) !important; color: #222 !important;}
.tei_color2{background-color: var(--TEI_COLOR_2, #646464) !important; color: #ffffff !important;}
.tei_color3{background-color: var(--TEI_COLOR_3, #DC505A) !important; color: #ffffff !important;}
.tei_color4{background-color: var(--TEI_COLOR_4, #32A0D2) !important; color: #ffffff !important;}
.tei_color5{background-color: var(--TEI_COLOR_5, #F0C816) !important; color: #222 !important;}
.tei_color6{background-color: var(--TEI_COLOR_6, #78B446) !important; color: #ffffff !important;}

/**********************************
 艇のサブカラー
***********************************/
.tei_sub_color1{background-color: #FFFFFF !important;}
.tei_sub_color2{background-color: #F2F2F2 !important;}
.tei_sub_color3{background-color: #FFF2F2 !important;}
.tei_sub_color4{background-color: #E6F7FF !important;}
.tei_sub_color5{background-color: #FFFBE8 !important;}
.tei_sub_color6{background-color: #EEFFE1 !important;}

/**********************************
 買い目カラー
***********************************/
.col-num_1,
.ico_num.num1,
.ico_num.imp-num1{ /* 1 */
	color: #222222;
	border-radius: var(----margin_xs, 4px);
	border: 1px solid var(--BASE_LINE, #D9D9D9);
	background: #FFF;
}
.col-num_2,
.ico_num.num2,
.ico_num.imp-num2{ /* 2 */
	color: #ffffff;
	border-radius: var(----margin_xs, 4px);
	background: var(--TEI_COLOR_2, #646464);
}
.col-num_3,
.ico_num.num3,
.ico_num.imp-num3{ /* 3 */
	color: #ffffff;
	border-radius: var(----margin_xs, 4px);
	background: var(--TEI_COLOR_3, #DC505A);
}
.col-num_4,
.ico_num.num4,
.ico_num.imp-num4{ /* 4 */
	color: #ffffff;
	border-radius: var(----margin_xs, 4px);
	background: var(--TEI_COLOR_4, #32A0D2);
}
.col-num_5,
.ico_num.num5,
.ico_num.imp-num5{ /* 5 */
	color: #222222;
	border-radius: var(----margin_xs, 4px);
	background: var(--TEI_COLOR_5, #F0C816);
}
.col-num_6,
.ico_num.num6,
.ico_num.imp-num6{ /* 6 */
	color: #ffffff;
	border-radius: var(----margin_xs, 4px);
	background: var(--TEI_COLOR_6, #78B446);
}

/**********************************
 グレードアイコン
***********************************/
.col-SG, .col-sg, .par-ico_grade.col-SG, .par-ico_grade.col-sg, .ico-grade.SG, .ico-grade.sg, .com-grade.sg, .com-grade.SG, .ico-grade02.SG, .grade-color_sg, .grade-before_sg:before{background-color: #FF7774 !important;color: #ffffff;}
.col-G1, .col-g1, .par-ico_grade.col-G1, .par-ico_grade.col-g1, .ico-grade.G1, .ico-grade.g1, .com-grade.g1, .com-grade.G1, .ico-grade02.G1, .grade-color_g1, .grade-before_g1:before{background-color: #FF9A12 !important;color: #ffffff;}
.col-G2, .col-g2, .par-ico_grade.col-G2, .par-ico_grade.col-g2, .ico-grade.G2, .ico-grade.g2, .com-grade.g2, .com-grade.G2, .ico-grade02.G2, .grade-color_g2, .grade-before_g2:before{background-color: #77C889 !important;color: #ffffff;}
.col-G3, .col-g3, .par-ico_grade.col-G3, .par-ico_grade.col-g3, .ico-grade.G3, .ico-grade.g3, .com-grade.g3, .com-grade.G3, .ico-grade02.G3, .grade-color_g3, .grade-before_g3:before{background-color: #67C2DF !important;color: #ffffff;}
.col-IP, .col-ip, .par-ico_grade.col-IP, .par-ico_grade.col-ip, .ico-grade.IP, .ico-grade.ip, .com-grade.ip, .com-grade.IP, .ico-grade02.IP, .grade-color_ip, .grade-before_ip:before{background-color: #6D8895 !important;color: #ffffff;}


/**********************************
 N日目の背景色
***********************************/
.color-day  {background-color: #ffe477;}

/**********************************
 中止など alert時の色
***********************************/
/* 背景色 */
.bg-color-alert{
	background-color: #e60617 !important;
	color: #ffffff;
}

/* 赤いテキスト */
.u-accent {
	color: #CD1400 !important;
}

/**********************************
 曜日の色
***********************************/
/* font color */
/* 平日 */
.font-days-state
{color: #000000;}
/* 土曜日 */
.font-days-state-6,
.font-days-state[data-day="6"]
{color: #4595d5 !important;}
/* 日曜日 */
.font-days-state-0,
.font-days-state[data-day="0"],
.font-days-state[data-day="7"]/*祝日番号*/
{color: #F15A7E !important;}

/* background color */
/* 平日 */
.days-state
{background-color: #121212;}
/* 土曜日 */
.days-state-6,
.days-state[data-day="6"]
{background-color: #33A9E7 !important; color: #ffffff !important;}
/* 日曜日 */
.days-state-0,
.days-state[data-day="0"]
{background-color: #E73348 !important; color: #ffffff !important;}
/* 祝日 */
.days-state-7,
.days-state[data-day="7"]/*祝日番号*/
{background-color: #ffffff !important; color: #F15A7E !important;}

/***********************************
 新着情報 NEW 重要事項 INFO UP EVENT
***********************************/
.col-tag_new{background-color: #E73348;color: #ffffff;}
.col-tag_important{background-color: #3375B7;color: #ffffff;}
.col-tag_category{background-color: #6EC233;color: #ffffff;}
.col-tag_event{background-color: #e3e3e3;color: #121212;}
.col-tag_racer{background-color: #e3e3e3;color: #121212;}
.col-tag_fanservice{background-color: #e3e3e3;color: #121212;}

/***********************************
 級別アイコン背景
***********************************/
.col-kyu_A1{background-color: #F15A7E !important;}
.col-kyu_A2{background-color: #FF9A11 !important;}
.col-kyu_B1{background-color: #9FC801 !important;}
.col-kyu_B2{background-color: #5687D4 !important;}