@charset "utf-8";

/* ---------------------------------------- */
/* float
/* ---------------------------------------- */

.clearfix {}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear_both {clear:both;}
.float_left {float:left;}
.float_right {float:right;}

/* ---------------------------------------- */
/* 文字色
/* ---------------------------------------- */
.wd_red {
	color: #ff0000;
}

.wd_blue {
	color: blue;
}

.start_red_bold {
	color: #ff0000 !important;
	font-weight: bold !important;
}

.start_red {
	color: #ff0000 !important;
	font-weight: normal !important;
}

.start_black_bold {
	color: #000 !important;
	font-weight: bold !important;
}

.start_black {
	color: #000 !important;
	font-weight: normal !important;
}

body {
	background: url(/common/img/bg.gif) repeat top left;
	color: #444444;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Osaka';
}

br.clear{
	clear:both;
	line-height:0;
	font-size:0;
}

td, th {
	color: #444444;
	font-size: 12px;
	line-height: 1.4em;
}

img {
	border: none;
	font-size: 0;
	line-height: 0;
}

/*----- サイト幅 -----*/

#container,
#containar {
	width:974px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
}

/*----- ヘッダーエリア -----*/

#header {
	width:974px;
	margin:0 auto;
	padding:3px 0 0 0;
}

.header_up {
	width:974px;
	margin:0 auto;
	padding:0;
	border-bottom:4px solid #34ab00;
	float:left;
}

.header_up h1 {
	font-size: 12px;
	font-weight: normal;
}

.header_up .txt {
	margin:0;
	padding:0 0 2px 30px;
	float:left;
	font-weight:normal;
}

.utility_link {
	margin:0;
	padding:0 30px 2px 0;
	float:right;
	text-align: right;
	font-size: 12px !important;
}

.utility_link img {
	vertical-align: bottom;
}

.header_main {
	width:934px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 60px;
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
}

.pv_logo {
	width:160px;
	height:60px;
	margin:0;
	padding:0 0 0 0;
	float:left;
}

p.logo {
	width:148px;
	height:60px;
	margin:0;
	padding:0 0px 0 0;
	float:left;
}

.inside {
	width:100px;
	height:60px;
	margin:0;
	padding:0 55px 0 0;
	float:left;
}

.header_main .banner {
	width:428px;
	height:60px;
	margin:0;
	padding:0 35px 0 0;
	float:left;
}

.header_main .btn {
	height:45px;
	margin:0;
	float:right;
	font-size:0.8em;
	padding:10px 0 0 0;
}

.header_main .btn td {
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
}

/*----- ナビゲーションエリア -----*/

#globalnavi {
	width:934px;
	height:57px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}

#globalnavi ul {
	width:934px;
	height:36px;
	margin:0;
	border-bottom:1px solid #b0b0b0;
	float:left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

#globalnavi li {
	font-size:0;
	line-height:0;
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: inline;
	padding-right: 0px;
	float: left;
}

#globalnavi .submenu {
	width:178px;
	height:32px;
	margin:0;
	padding:0;
	border-bottom:1px solid #b0b0b0;
	float:left;
	background:url(/common/img/bg_submenu.gif) no-repeat left top;
}

.submenu td {
	width:89px;
	height:16px;
}

.submenu .txt {
	margin:0;
	padding:3px 0 0 13px;
	font-size:10px;
	line-height:11px;
	background:url(/common/img/arrow_small.gif) no-repeat 6px 7px;
}

#globalnavi-copy {
	width: 934px;
	height: 21px;
	background-image: url(/common/img/header/gnavi_base2.gif);
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}

#globalnavi-copy ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
}

#globalnavi-copy li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-position: inside;
	display: inline;
	float: left;
	line-height:0;
}

#globalnavi-shared {
	width:934px;
	height:36px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	clear: both;
}

#globalnavi-shared ul {
	width:934px;
	height:36px;
	margin:0;
	border-bottom:1px solid #b0b0b0;
	float:left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

#globalnavi-shared li {
	font-size:0;
	line-height:0;
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: inline;
	padding-right: 0px;
	float: left;
}

#lnavi-club {
	width: 974px;
	background-image: url(/common/img/header/h_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
}

#lnavi-club ul {
	margin: 0 20px;
	padding: 5px 0 0 0;
}

#lnavi-club li {
	display: inline;
	float: left;
	font-size:0;
}

#lnavi-red {
	width: 934px;
	background-image: url(/common/img/header/bl_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
	padding: 0 20px;
}

#lnavi-red ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#lnavi-red li {
	display: inline;
	float: left;
	font-size:0;
}

#lnavi-blue {
	width: 934px;
	background-image: url(/common/img/header/r_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
	padding: 0 20px;
}

#lnavi-blue ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#lnavi-blue li {
	display: inline;
	float: left;
	font-size:0;
}

#lnavi-yellow {
	width: 934px;
	background-image: url(/common/img/header/p_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
	padding: 0 20px;
}

#lnavi-yellow ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#lnavi-yellow li {
	display: inline;
}

#lnavi-purple {
	width: 934px;
	background-image: url(/common/img/header/t_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
	padding: 0 20px;
}

#lnavi-purple ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#lnavi-purple li {
	display: inline;
	float: left;
	font-size:0;
}

#lnavi-orange {
	width: 934px;
	background-image: url(/common/img/header/ci_sm_bg.jpg);
	height: 35px;
	background-repeat: repeat-x;
	clear: both;
	padding: 0 20px;
}

#lnavi-orange ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#lnavi-orange li {
	display: inline;
	float: left;
	font-size:0;
}

.navi-left {
	float: left;
}

.navi-right {
	float: right;
}

.navi-right2 {
	float: right;
	text-align: right;
	margin-right: 22px;
	/* フォーム用 */
	font-size: 10px;
	/*
	text-align: right;
	position: absolute;
	width: 380px;
	height: -5px;
	*/
}

/*----- コンテンツエリア -----*/

#contents_box {
	width:934px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#contents_area {
	width:934px;
	padding:0;
	float:left;
	margin:0;
}

.left_area {
	width:714px;
	margin:0;
	padding:0 20px 0 0;
	float:left;
}

.right_area {
	width:200px;
	margin:0;
	padding:0;
	float:left;
}

.all_area {
	width:934px;
	margin:0;
	padding:0;
	float: left;
	height: auto;
}

/*--- ライトエリア ---*/

.right_area .btn_entry {
	width:200px;
	height:200px;
	margin:0;
	padding:0;
	display:block;
}

.btn_entry img {
	width:200px;
	height:200px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	display:block;
}

.newvisitor {
	width:200px;
	margin:0;
	padding:1px 0 0 0;
	font-size:10px;
	line-height:12px;
}

.rectangle {
	width:200px;
	height:200px;
	margin:0;
	padding:0 0 10px 0;
}

.gate {
	width:180px;
	margin:0 0 10px 0;
	padding:5px 9px 9px 9px;
	border-bottom:1px solid #1B4D6F;
	border-left:1px solid #1B4D6F;
	border-right:1px solid #1B4D6F;
	float:left;
}

.gate .mode_area {
	width:162px;
	margin:0;
	padding:0 10px 5px 10px;
	background:url(/common/img/line_dot_g.gif) repeat-x left bottom;
	float:left;
}

.gate .ttl_mode {
	margin:0;
	padding:0;
	float:left;
}

.gate .txt_mode {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
}

.gate strong {
	color:#000000;
}

.form_area {
	width:180px;
	margin:0;
	padding:5px 0 5px 0;
	float:left;
}

.form_area .ttl {
	margin:0;
	padding:0;
	float:left;
}

.form_area input {
	width:178px;
	height:20px;
	margin:0;
	padding:0;
	border:1px solid #b9b9b9;
	float:left;
}

.form_area .btn {
	margin:0;
	padding:5px 0 1px 0;
	clear:left;
	text-align:center;
}

.checkbox {
	width:180px;
	float:left;
	margin:0;
	padding:0px 0 0 0;
	text-align:center;
}

.checkbox input {
	margin:1px 0 0 27px;
	padding:0;
	text-align:center;
	float:left;
}

.checkbox p {
	margin:0 auto;
	padding:0 0 0 4px;
	float:left;
	text-align:center;
}

.no_password {
	width:180px;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
	background:url(/common/img/line_dot_g.gif) repeat-x left bottom;
}

.yahoo_area {
	width:180px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
	text-align:center;
}

.yahoo_area img {
	height:13px;
	margin:0;
	padding:0 3px 0 0;
	font-size:0;
	line-height:0;
}

.login_area_left {
	width:180px;
	margin:0;
	padding-top:7px;
	text-align:left;
}

.login_area_right {
	width:180px;
	margin:0;
	padding-right:5px;
	text-align:right;
}

.right_area .banner {
	width:200px;
	height:40px;
	margin:0;
	padding:7px 0 3px 0;
	float:left;
}

.pr_block {
	width:200px;
	margin:0;
	padding:0;
	float:left;
}

.pr_block .icon {
	float:left;
	width:34px;
	height:11px;
	margin:0;
	padding:3px 4px 0 0;
}

.mobile_area {
	width:200px;
	margin:0;
	padding:10px 0 10px 0;
}

.mobile_form {
	width:200px;
	height:55px;
	margin:0;
	padding:0;
	background:url(/common/img/bunner_mobile_ad_01_r2_c3_03.jpg) no-repeat left top;
	display:block;
}

.mobile_form input {
	width:85px;
	height:15px;
	margin:0 0 0 10px;
	padding:0;
	border:1px solid #b9b9b9;
}

.mobile_form select {
	margin:0 0 0 10px;
	padding:0;
	font-size:12px;
}

.mobile_form .btn {
	width:41px;
	height:20px;
	margin:0;
	padding:0 10px 5px 0;
}

.topics {
	width:180px;
	margin:0;
	padding:5px 9px 9px 9px;
	border-bottom:1px solid #006699;
	border-left:1px solid #006699;
	border-right:1px solid #006699;
	float:left;
}

.topics_block {
	width:180px;
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	background:url(/common/img/line_dot_g.gif) repeat-x left bottom;
}

.topics_block_end {
	width:180px;
	margin:0;
	padding:0;
	float:left;
}

.topics_block .icon,
.topics_block_end .icon {
	float:left;
	width:34px;
	height:11px;
	margin:0;
	padding:3px 4px 0 0;
}

.topics .ttl {
	margin:0;
	padding:2px 0 6px 10px;
	background:url(/common/img/arrow_right_area.gif) no-repeat left 4px;
	font-size:12px;
	line-height:14px;
}

.ttl em {
	color:#000;
	font-weight:bold;
}

.topics_block .icon02,
.topics_block_end .icon02 {
	float:left;
	width:27px;
	height:11px;
	margin:0;
	padding:1px 10px 0 0;
}

.topics_block .txt,
.topics_block_end .txt {
	width:135px;
	padding:0 0 4px 8px;
	margin:0;
	background:url(/common/img/arrow_link.gif) no-repeat left 3px;
	float:left;
	font-size:12px;
	line-height:14px;
}

.more_area {
	width:180px;
	height:10px;
	margin:0 0 10px 0;
	padding:0 0 16px 0;
	background:url(/common/img/line_dot_g.gif) repeat-x left bottom;
	float:left;
}

.more_area_end {
	width:180px;
	margin:0;
	padding:0;
	float:left;
}

.more_arrow {
	margin:0;
	padding:0 0 0 13px;
	background:url(/common/img/arrow_anime.gif) no-repeat 0 5px;
	float:right;
	text-align:right;
}

/*--- フッターエリア ---*/

#footer {
	margin:0 auto;
	text-align:center;
	padding:0;
}

.search_area {
	text-align:center;
	margin:0;
	padding:20px 0;
	float:left;
}

.search_area .caption {
	margin:0;
	padding:3px 10px 0 185px;
	float:left;
}

.search_area input {
	width:290px;
	height:20px;
	border:1px solid #b9b9b9;
	float:left;
}

.search_area .btn {
	width:41px;
	height:20px;
	margin:0;
	padding:1px 5px 0 10px;
	float:left;
}

.search_area .img {
	width:148px;
	height:24px;
	margin:0;
	padding:0;
	float:left;
}

.footer_link {
	text-align:center;
	font-size: 0.8em;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-weight: normal;
}

.footer_link h3 {
	font-size: 1.2em;
	margin:10px;
}

.footer_link p {
	font-size: 1.0em;
	margin:10px 0 10px 0;
}

.copyright {
	margin:0;
	padding:3px 0 1px 0;
	text-align:center;
	background:#34ab00;
	color:#FFFFFF;
}

.copyright a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.copyright a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.copyright a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.copyright a:active {
	color:#FFFFFF;
}

.snsBox {
	float: left;
	margin: 0;
	padding: 0;
	width: 110px;
}

ul.top_sns {
	margin: 5px 0 0 10px;
	float: left;
	width: 230px;
}

ul.top_sns li {
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 2px;
}

ul.top_sns li.fb {
	width: 105px;
}

ul.top_sns li.gg {
	width: 75px;
}

ul.top_sns li.tw {
	width: 30px;
}

ul.top_sns li.ln {
	width: 20px;
}

/* 会員登録 右カラム SNSログイン */

#side_sns_login {
	width:198px;
	border-color: #b2b2b2;
	border-style: solid;
	border-width: 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
}

#side_sns_login .side_loginbox_container {
	padding: 4px;
}

#side_sns_login .side_loginbox_container p {
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
}

#side_sns_login .side_head {
	font-size: 13px;
	font-weight: bold;

	background: url(/common/img/workover/loginbox_hl.png) no-repeat 1px 0;
	margin-top:2px;
	margin-bottom: 3px;
	padding-top: 2px;
	height: 21px;
	line-height: 28px;
	text-align: center;
	width: 200px;
}

#side_sns_login .side_sns_balloon {
	background: url(/common/img/workover/side_sns_balloon.gif) no-repeat 0 0;
	color: #fff;
	font-size: 11px;
	font-weight:bold;
	height: 29px;
	margin-bottom: 0 !important;
	padding: 5px 0;
	text-align: center;
	width: 190px;
	letter-spacing: -0.5px;
}

#side_sns_login ul {
	margin: 0 0 4px 0;
	padding: 0;
	list-style-type: none;
}

#side_sns_login ul li {
	margin-bottom: 4px;
}

/* 右カラム 登録案内 */

.side_info_area {
	padding: 10px 4px;
	border: 1px solid #34AB00;
	border-radius: 6px;
}

.side_info_area_desc {
	text-align: center;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.3;
}

.side_register_info_box {
	margin-bottom: 12px;
}
.side_register_info_box:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.side_register_info_box_img {
	float: left;
	width: 40px;
	margin-right: 5px;
}

.side_register_info_box_text {
	float: left;
	width: 145px;
	padding-top: 5px;
	line-height: 1.3;
	font-size: 14px;
	font-weight: bold;
}

.side_register_info_btn {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 4px;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	background: #27b;
}
.side_register_info_btn:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/* 日記管理機能 */

.diary_info {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 2px solid #3a0;
	text-align: right;
	font-size: 14px;
	color: #00f;
}

.diary_info strong {
	color: #f00;
}

.diary_box {
	margin: 0 10px 10px 10px;
	text-align: left;
}

.diary_config_table {
	width: 694px;
	border-collapse: collapse;
}

.diary_config_table tr.odd-row { background:#fff; }
.diary_config_table tr.even-row { background:#e7ffce; }

.diary_config_table th,
.diary_config_table td {
	padding: 6px 4px;
	border-collapse: collapse;
	border: 1px solid #3FC65D;
}

.diary_config_table th {
	background: #3FC65D;
	color: #fff;
	font-weight: bold;
	text-align: center;
	white-space:nowrap;
}

.diary_config_table td {
	vertical-align: middle;
}

.diary_config_table .td_check { text-align:center; }
.diary_config_table .td_select { }
.diary_config_table .td_title { }
.diary_config_table .td_count { white-space:nowrap;color:#f00;text-align:center; }
.diary_config_table .td_date { white-space:nowrap; }

.input_btn_diary_config {
	color:#fff !important;
	font-size:14px !important;
	font-weight:bold !important;
	line-height:100% !important;
	background:#00B427 !important;
	margin:auto 0 auto 5px !important;
	padding:5px 5px 5px 5px !important;
	border: outset 2px #fff !important;
	cursor:pointer !important;
}

.diary_config_range {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
.diary_config_range:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.diary_config_range li {
	float: left;
	padding: 0 6px 0 10px;
	border-right: 1px solid #333;
}
.diary_config_range li:last-child { border:none; }

.diary_config_range li.selected {}

.diary_config_pager {
}

.diary_config_pager a {
	margin: 0 2px;
	padding: 4px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	background: #e7e7e7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e7e7e7));
	background:-webkit-linear-gradient(top, #fff 0%, #e7e7e7 100%);
	background:-moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
}
.diary_config_pager a:hover {
	text-decoration: none;
	color: #999;
	background: #f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f0f0f0));
	background:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
}

/* ======================================== */
/* header 2019
/* ======================================== */

.header_top {
	width:974px;
	margin:0 auto;
	padding:0;
	border-bottom:4px solid #34ab00;
	line-height: 1.3;
}
.header_top:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.header_title {
	float:left;
	margin: 0;
	padding: 0 0 2px 20px;
	font-size: 12px !important;
	font-weight: normal;
}

.header_utility {
	float:right;
	margin: 0;
	padding: 0 20px 2px 0;
	text-align: right;
	font-size: 12px !important;
}

.header_top img {
	vertical-align: bottom;
}

.header_body {
	margin: 0 auto;
	padding: 7px 0;
	width: 934px;
	line-height: 1.3;
}
.header_body:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.header_logo {
	float: left;
	height: 60px;
	margin: 0;
	padding: 3px 0 0 0;
	width: 148px;
}

.header_partner {
	float: left;
	height: 60px;
	margin: 0;
	padding: 3px 0 0 0;
	width: 100px;
}

.header_nar {
	float: left;
	height: 68px;
	margin: 0;
	padding: 3px 0 0 0;
	width: 96px;
}

/* login button */

.btn_head_login,
.btn_head_register {
	display: inline-block;
	width: 150px;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}
.btn_head_login:hover,
.btn_head_register:hover {
	text-decoration: none;
}
.btn_head_login {background:#4caf50;}
.btn_head_register {background:#29f;}

/* user info table */

.header_info_table {
	border-collapse: collapse;
}

.header_info_table th,
.header_info_table td {
	border: 1px solid #34ab00;
	font-size: 13px;
}

.header_info_table th {
	padding: 3px 5px;
	border-right: 1px solid #fff;
	background: #34ab00;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.header_info_table th:last-child {
	border-right: 1px solid #34ab00;
}

.header_info_table td {
	padding: 5px 8px;
	text-align: center;
	line-height: 1.1;
}

.header_info_table td.cell_name {
	width: 150px;
}
.header_info_table td.cell_status {
	width: 92px;
	white-space: nowrap;
}
.header_info_table td.cell_mileage {
	width: 122px;
}
.header_info_table td.cell_gold {
	width: 150px;
	text-align: right;
	white-space: nowrap;
}

.header_buy_gold {
	display: inline-block;
	padding: 3px 4px;
	border-radius: 4px;
	background: #ffc107;
	color: #333 !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
}
.header_buy_gold:hover {
	text-decoration: none;
}

.header_info_table img {
	vertical-align: middle;
}

.header_info_table .status_outer {
	display: table;
	width: 122px;
	height: 28px;
}

.header_info_table .status_status {
	display: table-cell;
	padding-right: 5px;
	vertical-align: middle;
	white-space: nowrap;
}

.header_info_table .status_link {
	display: table-cell;
	width: 42px;
	vertical-align: middle;
}

/* nar color fix */

.nar .header_top {
	border-color: #900000;
}

.nar .header_info_table th,
.nar .header_info_table td {
	border: 1px solid #a10;
	font-size: 13px;
}

.nar .header_info_table th {
	background: #a10;
	border-right: 1px solid #fff;
}
.nar .header_info_table th:last-child {
	border-right: 1px solid #a10;
}

/* ---------------------------------------- */
/* サイド　SNS
/* ---------------------------------------- */

.side_sns_area {
	padding: 5px;
	text-align: right;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 10px;
}

.side_sns_area_text {
	line-height: 20px;
}

.side_sns_area img {
	margin-left: 2px;
	vertical-align: bottom;
}

.sns_no_border .side_sns_area {
	border: none;
}

.sns_no_text .side_sns_area_text {
	display: none;
}

.sns_area {
	width: 200px;
	margin-top: 8px;
	float: right;
}

.sns_area img {
	margin-left: 2px;
	vertical-align: bottom;
}

p.pager_navi {
	float: left;
	font-size: 12px;
}

ul.pager {
	float: right;
	margin: 0;
	padding: 0;
}

ul.pager li {
	border-right: 1px solid #CCCCCC;
	float: left;
	padding: 0 5px;
	width: auto;
	height: 14px;
	line-height: 14px;
	font-weight: normal;
	font-size: 12px;
	list-style-type: none;
}

ul.pager li a:link {
	color: #0044CC;
}

ul.pager li a:visited {
	color: #0044CC;
}

ul.pager li a:hover {
	color: #0044CC;
}

ul.pager li a:active {
	color: #0044CC;
}

/* ---------------------------------------- */
/* readmore
/* ---------------------------------------- */

p.readmore_type01 {
	margin: 0;
	float: right;
}
p.readmore_type01 a {
	text-decoration: none;
	display: block;
}

a.readmore_type02 {
	display: block;
	background-color: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 7px auto 0 auto;
	padding: 14px 10px;
	text-align: center;
	width: 300px;
	text-decoration: none;
	color: #333;
	font-size: 15px;
}
a.readmore_type02:hover {
	text-decoration: none;
}
a.readmore_type02 img {
	vertical-align: middle;
}

/* ==========================================================================
   navi text version
   ========================================================================== */

/* ---------------------------------------- */
/* global navi text
/* ---------------------------------------- */

#globalnavi_text {
	width: 934px;
	margin: 0 auto;
	border-top: 1px solid #eee;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #ececec 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#ececec), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#ececec 90%,#cacaca 100%);
}

#globalnavi_text > ul {
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#globalnavi_text > ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#globalnavi_text > ul > li {
	display: table;
	position: relative;
	float: left;
	width: 101px;
	height: 45px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
}
#globalnavi_text > ul > li:first-child {
	width: 108px;
}

#globalnavi_text > ul > li > a,
#globalnavi_text > ul > li > span.navi_text_btn {
	display: table-cell;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma;
	line-height: 1.4;
	text-align: center;
}
#globalnavi_text > ul > li > a:hover,
#globalnavi_text > ul > li > span.navi_text_btn:hover {
	color: #777;
	text-decoration: none;
	background: rgba(255,255,255,0.4);
	cursor: pointer;
}
#globalnavi_text > ul > li.on > a:hover,
#globalnavi_text > ul > li.on > span.navi_text_btn {
	color: #333;
	background: none;
}

#globalnavi_text > ul > li.gnavi_race.on > a,
#globalnavi_text > ul > li.gnavi_race.on > span.navi_text_btn {
	background: #C2E3FF;
	background: -moz-linear-gradient(top, #C2E3FF 0%, #4DB4FF 90%, #54B4FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2E3FF), color-stop(90%,#4DB4FF), color-stop(100%,#54B4FF));
	background: -webkit-linear-gradient(top, #C2E3FF 0%,#4DB4FF 90%,#54B4FF 100%);
}
#globalnavi_text > ul > li.gnavi_coliseum.on > a,
#globalnavi_text > ul > li.gnavi_coliseum.on > span.navi_text_btn {
	background: #FFC2C5;
	background: -moz-linear-gradient(top, #FFC2C5 0%, #F2757A 90%, #F86B6E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC2C5), color-stop(90%,#F2757A), color-stop(100%,#F86B6E));
	background: -webkit-linear-gradient(top, #FFC2C5 0%,#F2757A 90%,#F86B6E 100%);
}
#globalnavi_text > ul > li.gnavi_professional.on > a,
#globalnavi_text > ul > li.gnavi_professional.on > span.navi_text_btn {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#d6d6d6), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#d6d6d6 90%,#cacaca 100%);
}
#globalnavi_text > ul > li.gnavi_sugouma.on > a,
#globalnavi_text > ul > li.gnavi_sugouma.on > span.navi_text_btn {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#d6d6d6), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#d6d6d6 90%,#cacaca 100%);
}
#globalnavi_text > ul > li.gnavi_pog.on > a,
#globalnavi_text > ul > li.gnavi_pog.on > span.navi_text_btn {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#d6d6d6), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#d6d6d6 90%,#cacaca 100%);
}
#globalnavi_text > ul > li.gnavi_win5.on > a,
#globalnavi_text > ul > li.gnavi_win5.on > span.navi_text_btn {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#d6d6d6), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#d6d6d6 90%,#cacaca 100%);
}
#globalnavi_text > ul > li.gnavi_nar.on > a,
#globalnavi_text > ul > li.gnavi_nar.on > span.navi_text_btn {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 90%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(90%,#d6d6d6), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fafafa 0%,#d6d6d6 90%,#cacaca 100%);
}
#globalnavi_text > ul > li.gnavi_club.on > a,
#globalnavi_text > ul > li.gnavi_club.on > span.navi_text_btn {
	background: #BFEBC1;
	background: -moz-linear-gradient(top, #BFEBC1 0%, #68D380 90%, #57CA71 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFEBC1), color-stop(90%,#68D380), color-stop(100%,#57CA71));
	background: -webkit-linear-gradient(top, #BFEBC1 0%,#68D380 90%,#57CA71 100%);
}
#globalnavi_text > ul > li.gnavi_home.on > a,
#globalnavi_text > ul > li.gnavi_home.on > span.navi_text_btn {
	background: #BFEBC1;
	background: -moz-linear-gradient(top, #BFEBC1 0%, #68D380 90%, #57CA71 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFEBC1), color-stop(90%,#68D380), color-stop(100%,#57CA71));
	background: -webkit-linear-gradient(top, #BFEBC1 0%,#68D380 90%,#57CA71 100%);
}

/* ---------------------------------------- */
/* global navi text submenu
/* ---------------------------------------- */

#globalnavi_text .submenu_trigger {
}

#globalnavi_text .submenu {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	min-width: 200px;
	background: #f6f6f6;
	text-align: left;
	z-index: 300;
	box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 4px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 4px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 4px 2px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#globalnavi_text .submenu li a {
	display: block;
	padding: 4px 10px;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	line-height: 1.8;
	white-space: nowrap;
}

#globalnavi_text .submenu li a:hover {
	background: #98FB98;
}

/* ---------------------------------------- */
/* sub navi text
/* ---------------------------------------- */

#sub_navi_text {
	width: 914px;
	margin: 0 auto;
	padding: 3px 10px;
}
#sub_navi_text.sub_navi_text_mypage { background: #E6F8EA;border-bottom: 2px solid #3FC65D; }

#sub_navi_text > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sub_navi_text > ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sub_navi_text > ul > li {
	float: left;
	border-right: 1px solid #333;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sub_navi_text > ul > li:first-child {
	border-left: 1px solid #333;
}

#sub_navi_text > ul > li > a {
	display: block;
	padding: 2px 20px;
	font-size: 13px;
	line-height: 1;
}

#sub_navi_text > ul > li.select > a {
	color: #333;
}
#sub_navi_text > ul > li.select > a:hover {
	text-decoration: none;
}

/* ---------------------------------------- */
/* coliseum tipmark_balloon
/* ---------------------------------------- */

.tipmark_balloon_outer {
	position: relative;
}

.tipmark_balloon {
	position: absolute;
	bottom: 29px;
	left: -10px;
	/*width: 105px;*/
	/*height: 92px;*/
	padding: 5px 10px;
	background: #fff;
	border: 2px solid #3E83D2;
	border-radius: 4px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3;
}

.tipmark_balloon_title {
	font-size: 12px;
	font-weight: bold;
	color: #f60;
}

.coliseum_balloon_tail {
	position: absolute;
	bottom: 19px;
	left: 35px;
}

/* ---------------------------------------- */
/* プロ予想MAX 右カラム 予想マイレージクラブ
/* ---------------------------------------- */

.side_box_mileage {
	width: auto;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #ccc;
	line-height: 1.5;
}
.side_box_mileage.mileage { border-color:#075; }

.side_col_head_mileage {
	margin-bottom: 0;
	background: #ccc;
	color: #fff;
	padding: 8px 10px 6px 10px;
	line-height: 1;
	font-size: 13px;
	border-radius: 0;
}
.side_col_head_mileage.mileage { background:#075; }

.side_mileage_topimg {
	height: 50px;
	margin: -4px -4px 10px -4px;
}

.side_mileage_next {
	margin: 10px 5px;
	padding: 10px 5px;
	border-radius: 8px;
	border: 1px solid #ccc;
	text-align: center;
}

.side_mileage_user_name {
	font-size: 14px;
}

.side_mileage_point1,
.side_mileage_point2 {
	font-size: 18px;
	font-weight:bold;
}
.side_mileage_point2 span.green {color:#34AB00;}

.side_mileage_rank_bar {
	width: 150px;
	height: 20px;
	margin: 5px auto;
	background: #E5FFDA;
	border: 1px solid #090;
	text-align: left;
}

/* payment page */

.side_mileage_next.payment {
	background: #fff;
	font-size: 14px;
}

.side_mileage_next.payment p {
	margin: 0;
}

.side_mileage_next.payment .side_mileage_rank_bar {
	width: 300px;
}

.side_mileage_point1,
.side_mileage_point2 {
	font-size: 16px;
	font-weight:bold;
}
.side_mileage_point1 span.green {color:#34AB00;}
.side_mileage_point2 span.red {color:#f00;}

/* ---------------------------------------- */
/* common
/* ---------------------------------------- */

.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}

.text_bold {font-weight:bold;}
.bold_normal {font-weight:normal !important;}

.link_black,
.link_black:link,
.link_black:visited {color:#333;}

/* --------------------------------------------
	ポイント馬計簿
-------------------------------------------- */

.coliseum_view_btm_box {
}
.coliseum_view_btm_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.coliseum_view_btm_box_left {
	float: left;
	width: 400px;
}

.coliseum_view_btm_box_right {
	float: right;
	width: 400px;
	padding-top: 20px;
}

table.point_bakeibo_head {
	width: 100%;
}

table.point_bakeibo_head td {
	padding: 4px;
	background: #ffc732;
}

table.bakeibo_table tr.cream {
	background: #F7FCFF;
}

/* ボタン */

.bet_now {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	background: #29f;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}
.bet_now:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

#bet_btn1_outer p,
#bet_btn2_outer p,
#bet_btn_result_outer p {
	margin: 2px;
	font-size: 12px;
}

#bet_btn1_outer {
	display: block;
}

#bet_btn2_outer {
	display: none;
	position: relative;
}
#bet_btn_result_outer {
	position: relative;
}

#bet_btn2_outer_block {
	display: block;
	position: relative;
}

.bet_btn2_text {
	position: absolute;
	top: 50px;
	left: 0;
	width: 400px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #f00;
}

.bet_btn_result_text_outer {
	position: absolute;
	top: 54px;
	left: 0;
	width: 400px;
	text-align: center;
	line-height: 1.3;
}

.bet_btn_result_text {
	font-size: 24px !important;
	font-weight: bold !important;
}
.bet_btn_result_text.win {color:#f00;}
.bet_btn_result_text.lose {color:#f00;}
.bet_btn_result_text2 {
	font-size: 16px !important;
	font-weight: bold !important;
}

/* ポップアップ */

#bet_mordal {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	font-size: 12px;
	z-index: 900;
}

#bet_mordal p {
	margin: 2px 0;
}

#bet_mordal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bet_popup_base {
	position:absolute;
	top:45%;
	left:50%;
	width:800px;
	height:500px;
	margin-left:-420px;
	margin-top:-260px;
	padding: 20px;
	/*overflow:hidden;*/
	background:#fff;
	border-radius:10px;
	text-align: left;
}

.bet_popup_base.height_auto {
	height: auto;
	left: 50%;
	top: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bet_popup_base.height_auto_scroll {
	height: auto;
	max-height: 70%;
	left: 50%;
	top: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: scroll;
	-ms-overflow-style: none;
}
.bet_popup_base.height_auto_scroll::-webkit-scrollbar{
	display: none;
}

.bet_popup_base span.red {color: #f00;}
.bet_popup_base .font13 {font-size:13px;}
.bet_popup_base .font20 {font-size:20px;}

.bet_popup_race {
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #dc143c;
	font-size: 18px;
	color: #fff;
}

.bet_popup_head {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.3;
	color: #dc143c;
}

.bet_popup_data1 {
	height: 7em;
	padding: 10px 14px;
	border: 1px solid #dc143c;
	overflow: scroll;
	overflow-x: hidden;
	line-height: 1.5;
}

.bet_popup_data2 {
	margin-bottom: 15px;
	padding: 10px 14px;
	border: 1px solid #dc143c;
}

.bet_popup_data2 table td {
	padding: 5px;
	vertical-align: top;
	font-size: 13px;
}

.bet_popup_close {
	position: absolute;
	top: -15px;
	right: -7px;
	width: 30px;
	height: 30px;
	border: 2px solid #777;
	border-radius: 100%;
	background: #fff;
	box-sizing: border-box;
}
.bet_popup_close .cross {
	display: block;
	width: 29px;
	height: 28px;
	position: relative;
}
.bet_popup_close .cross::before,
.bet_popup_close .cross::after {
	content: "";
	display: block;
	width: 100%; /*長さ*/
	height: 2px; /*太さ*/
	background: #777;
	transform: rotate(45deg);
	transform-origin: 0% 50%;
	position: absolute;
	top: 7%;
	left: 10%;
}
.bet_popup_close .cross::after{
	transform: rotate(-45deg);
	transform-origin: 100% 50%;
	left: auto;
	right: 15%;
}

/* モーダル内固定タイトル */

.bet_popup_sticky_head {
	position: sticky;
	top: 0;
	padding-top: 20px;
}
.bet_popup_sticky_head.head_bg_white {
	background: #fff;
}

/* ポップアップ内ボタン */

.bet_popup_btn_bet,
.bet_popup_btn_bet_off,
.bet_popup_btn_cancel {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 4px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
.bet_popup_btn_bet:hover,
.bet_popup_btn_cancel:hover {
	text-decoration: none;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.bet_popup_btn_bet {
	width: 120px;
	margin-right: 10px;
	border: 1px solid #dc143c;
	background: #dc143c;
	color: #fff;
}

.bet_popup_btn_bet_off {
	width: 120px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background: #eee;
	color: #999;
	pointer-events:none;
}

.bet_popup_btn_cancel {
	width: 120px;
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
}

/* 馬計簿表 */

.bakeibo_title.point_bakeibo {background:#cddc39 !important;}

.point_bakeibo_table {
	border-collapse: collapse;
}

.point_bakeibo_table th,
.point_bakeibo_table td {
	padding: 3px;
	border: 1px solid #333;
}

.point_bakeibo_table th {
	background: #ffc732;
}

.point_bakeibo_table td {
}

.point_bakeibo_table tr.light_gray2 {background:#eee;}
.point_bakeibo_table tr.white {background:#FBF8E5;}
.point_bakeibo_table tr.cream {background:#FAF2CD;}

/* 馬計簿選択ボタン */

.bakeibo_select_btn {
	display: inline-block;
	margin: 0 3px;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ccc));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);
	color: #333;
}
.bakeibo_select_btn:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.bakeibo_select_btn.select {
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ccc), color-stop(1.00, #fff));
	background: -webkit-linear-gradient(top, #ccc 0%, #fff 100%);
	background: -moz-linear-gradient(top, #ccc 0%, #fff 100%);
	cursor: default;
}
.bakeibo_select_btn.select:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ---------------------------------------- */
/* 右カラム ポイントBET ランキング
/* ---------------------------------------- */

.side_point_rank_head {
	padding: 4px 2px 4px 28px;
	background: #34ab00;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.side_point_rank_head.coliseum {
	background: #dc143c url(/common/img/side_point_bet_head_icon.png) no-repeat 5px center;
}

.side_point_rank {
	padding: 5px;
	border: 1px solid #34ab00;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.side_point_rank.coliseum {border-color: #dc143c;}

.side_point_rank p {
	margin-top: 0;
	margin-bottom: 4px;
}

.side_point_rank .text_center {text-align: center;}
.side_point_rank .text_left {text-align: left;}
.side_point_rank .text_right {text-align: right;}

.side_point_img {
	margin: -4px -4px 5px -4px;
}

.side_point_rank_date {
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: 1px dotted #ccc;
	text-align: center;
}

.side_point_rank_more {
	text-align: right;
}

/* 個別欄 */

.side_point_rank_box {
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: 1px dotted #ccc;
}
.side_point_rank_box:last-child {
	border-bottom: 1px dotted #ccc;
}

.side_point_rank_box_table {
	width: 100%;
}

.side_point_rank_box_table td {
}

.side_point_rank_box_table td.td_img {
	width: 60px;
	text-align: center;
}

.side_point_rank_box_table td.td_img img {
	max-width: 60px;
	max-height: 60px;
}

.side_point_rank_box_table td.td_rank {
	width: 60px;
	text-align: center;
	font-weight: bold;
}

.side_point_rank_box_table td.td_point {
	color: #f00;
	text-align: right;
	font-weight: bold;
}

.side_point_rank_box_table td.td_name {
	font-size: 13px;
	text-align: right;
}

.side_point_rank_box_table td.td_date {
	font-size: 11px;
	text-align: right;
}

.side_point_rank_box_table td.td_lv {
	font-size: 11px;
	text-align: right;
}

.side_point_rank_box_table td.td_class {
	width: 58px;
	text-align: right;
}

/* アコーディオン */

.side_point_rank_more {
	margin-top: 4px;
	padding-top: 4px;
	text-align: right;
}

#side_point_rank_main {
	overflow: hidden;
}

/* ---------------------------------------- */
/* header login btn
/* ---------------------------------------- */

.header_login_btn,
.header_join_btn {
	display: inline-block;
	border-radius: 4px;
}

.header_login_btn {
	padding: 5px 14px;
	border: 1px solid #37b;
}
.header_login_btn:hover {
	text-decoration: none;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.header_login_btn img {
	vertical-align: middle;
	line-height: 1;
}

.header_join_btn {
	padding: 5px 20px;
	border: 1px solid #f00;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
.header_join_btn:hover {
	text-decoration: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
}

/* ---------------------------------------- */
/* header mail
/* ---------------------------------------- */

.header_mail_btn_area {
	position: relative;
	float: right;
	width: 32px;
	height: 22px;
	margin-top: 20px;
	margin-right: 18px;
}

.header_mail_num {
	position: absolute;
	top: -8px;
	right: -8px;
	display: block;
	padding: 3px 5px 2px 5px;
	border-radius: 20px;
	background: #e00;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1 !important;
	text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*IE補正*/
	.header_mail_num {
	padding-top: 2px !important;
	padding-bottom: 3px !important;
	}
}

/* ---------------------------------------- */
/* tag list
/* ---------------------------------------- */

.tag_list {
	text-align: center;
}

.tag_list.mgauto {margin-right:auto;margin-left:auto;}

.tag_list li {
	display: inline-block;
	margin-right: 5px;
}

.tag_list li a {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 40px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #666;
	background: #fff;
}
.tag_list li a:hover {
	text-decoration: none;
}

/* ---------------------------------------- */
/* type select
/* ---------------------------------------- */

.type_select {
	display: table;
	text-align: center;
}

.type_select.mg_center {
	margin: 0 auto;
}
.type_select.mg_center.mb10 {margin-bottom: 10px;}
.type_select.mg_center.mb20 {margin-bottom: 20px;}

.type_select li {
	display: table-cell;
	vertical-align: middle;
}

.type_select li a {
	display: table-cell;
	width: 120px;
	height: 50px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	vertical-align: middle;
	font-size: 13px;
	color: #333;
	line-height: 1.3;
}
.type_select li a:hover {
	text-decoration: none;
}

.type_select li:first-child a {
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
}
.type_select li:last-child a {
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-right: 1px solid #ccc;
}

.type_select li.select a {
	background: #bdf;
	color: #333;
	font-weight: bold;
}

.type_select.no_arrow li {
	padding-top: 0;
	padding-left: 0;
	background: none;
}

/* ボタン黄色 */

.type_select.btn_yellow {
}

.type_select.btn_yellow li.select a {
	background: #fe3;
}

/* ------------------------
 * category_select01
 * ------------------------ */

ul.category_select01 li {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 5px;
}

ul.category_select01 li a {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #ccc;
	font-size: 13px;
	background: #FFF;
	border-radius: 40px;
	display: inline-block;
}
ul.category_select01 li a,
ul.category_select01 li a:link,
ul.category_select01 li a:visited {
	color: #666;
}
ul.category_select01 li.select a {
	border-color: #3af;
	background: #e4f4ff;
} 
ul.category_select01 li.select a,
ul.category_select01 li.select a:link,
ul.category_select01 li.select a:visited {
	color: #09d;
}

/* ==========================================================================
   会員登録案内
   ========================================================================== */

.register_info_area {
	padding: 10px 15px;
	border: 2px solid #5c0;
}

.register_info_area.bg_cream {
	background: #fffeef;
}

.register_info_qa {
}

.register_info_qa:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.register_info_qa dt {
	clear: both;
	float: left;
	width: 28px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
.register_info_qa dt span.question {color:#f00;}
.register_info_qa dt span.answer {color:#3a0;}

.register_info_qa dd {
	min-height: 30px;
	margin-left: 28px;
	margin-bottom: 5px;
	padding-top: 0;
	font-size: 14px;
}

.register_info_service_list {
}
.register_info_service_list:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.register_info_service_list li {
	float: left;
	width: 154px;
	margin-right: 5px;
	padding: 10px 5px;
	border: 2px solid #5c0;
	border-radius: 8px;
	background: #fffdf0;
	color: #3a0;
	text-align: center;
}
.register_info_service_list li:last-child {
	margin-right: 0;
}

.register_info_btn1,
.register_info_btn2 {
	display: block;
	width: 500px;
	margin: 0 auto;
	padding: 24px 10px;
	border-radius: 5px;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.register_info_btn1:hover,
.register_info_btn2:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.register_info_btn1 {
	background: #27b;
}
.register_info_btn2 {
	background: #3a0;
}

/* ==========================================================================
   ダビマスコラボ
   ========================================================================== */

ul.dbs_masters_index {
}
ul.dbs_masters_index:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.dbs_masters_index li {
	float: left;
	margin-right: 20px;
}

ul.dbs_masters_index li span.arrow {
	font-size: 20px;
	color: #f00;
	vertical-align: -2px;
}

ul.dbs_masters_index li {
	font-size: 14px;
}

.dbs_app_banner {
	padding: 10px;
	border: 3px solid #89b94d;
	background: url( /common/img/dbs_app_banner_bg.png ) repeat;
	text-align: center;
}

/* ==========================================================================
   ダビマス用語集
   ========================================================================== */

/* 一覧 */

.dabimas_terms {
}
.dabimas_terms:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dabimas_terms_index {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 30px;
}
.dabimas_terms_index:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dabimas_terms_index li {
	float: left;
	margin: 0 2px 4px 2px;
}

.dabimas_terms_index li a,
.dabimas_terms_index li span {
	display: block;
	width: 60px;
	padding: 4px 0;
	background: #3a0;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.dabimas_terms_index li.off a,
.dabimas_terms_index li.off span {
	background: #ccc;
	color: #fff;
}
.dabimas_terms_index li.select a {background:#00361d;}
.dabimas_terms_index li a:hover {
	text-decoration: none;
	background: #00361d;
}

.dabimas_terms_head {
	margin-bottom: 10px;
	padding: 4px 10px;
	background: #3a0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.dabimas_terms_list {
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.dabimas_terms_list li {
	margin-bottom: 3px;
}

.dabimas_terms_list li a {
	display: block;
	padding: 8px;
	border: 1px solid #ccc;
	color: #333;
}
.dabimas_terms_list li a:hover {
	background: #eee;
	text-decoration: none;
}

/* 個別ページ */

.dabimas_terms_term {
	margin: 10px;
	padding: 20px;
	border: 1px solid #ccc;
}

.dabimas_terms_term_title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.dabimas_terms_term_body {
	margin-bottom: 25px;
}

.dabimas_terms_term_body p {
}

.dabimas_terms_btn_back {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 6px 0;
	border-radius: 60px;
	border: 2px solid #8c4;
	font-size: 14px;
	text-align: center;
	color: #333;
}
.dabimas_terms_btn_back:hover {
	text-decoration: none;
	background: #ffa;
}

/* ==========================================================================
   ログイン
   ========================================================================== */

.login_base {
	width: 540px;
	margin: 0 auto;
	padding: 30px 50px 40px 50px;
	border-radius: 10px;
	border: 1px solid #37b;
	font-size: 13px;
}

.login_base table th,
.login_base table td {
	font-size: 13px;
}

.login_title {
	font-size: 22px;
	font-weight: bold;
	color:#37b;
}

.login_input {
	width: 310px;
	height: 30px;
	font-size: 13px;
}

.login_btn {
	width: 310px;
	padding: 14px 0;
	background: #f90;
	border-radius: 6px;
	border: 1px solid #fa0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.login_btn_type2 {
	display: inline-block;
	width: 500px;
	padding: 16px 0;
	background: #f90;
	border-radius: 6px;
	border: 1px solid #fa0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

.btn_other_type {
	display: inline-block;
	width: 310px;
	padding: 15px 0;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #eee;
}

/* ==========================================================================
   プロフィール
   ========================================================================== */

/* --------------------------------------------
	プロフィール設定
-------------------------------------------- */

.prof_select {
	border-bottom: 1px solid #ccc;
}
.prof_select:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.prof_select li {
	float: left;
}

.prof_select li a {
	display: block;
	padding: 8px 20px;
	font-size: 15px;
	color: #333;
}
.prof_select li a:hover {
	text-decoration: none;
	color: #29f;
}

.prof_select li.select {
}
.prof_select li.select a {
	border-bottom: 3px solid #29f;
	color: #29f;
}
.prof_select li.select a:hover {
	background: #fff;
}

.prof_btn_save {
	display: inline-block;
	padding: 14px 50px;
	background: #29f;
	border-radius: 6px;
	border: none;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	cursor: pointer;
}
.prof_btn_save:hover {
	text-decoration: none;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.prof_saved {
	display: inline-block;
	padding: 10px 20px 10px 44px;
	border: 1px solid #29f;
	background: url( /common/img/hongkong/prof_save_check.png ) no-repeat 13px center;
	font-size:16px;
}

/* 画像変更 */

.prof_photo_box {
	float: left;
	width: 130px;
	height: 130px;
	text-align: left;
}

.prof_photo_box img {
	max-width: 130px;
	max-height: 130px;
}

.prof_photo_btn_area {
	float: left;
	width: 180px;
	margin-left: 10px;
	text-align: center;
}

.prof_photo_btn {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 10px 0;
	border-radius: 6px;
	border: 1px solid #29f;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: #e9f8ff;
}
.prof_photo_btn:hover {
	color: #333;
	text-decoration: none;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.config_head {
	padding: 4px 0 4px 6px;
	background: #adf;
	border-radius: 0px;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* 項目表 */

.prof_edit_table {
	width: 100%;
	border-top: 1px solid #ccc;
}

.prof_edit_table tr {
}

.prof_edit_table th,
.prof_edit_table td {
	padding: 14px 4px 0 4px;
}

.prof_edit_table th {
	vertical-align: top;
	font-size: 13px;
}

.prof_edit_table td {
	font-size: 12px;
}

.prof_edit_table th.btm,
.prof_edit_table td.btm {
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
}

.prof_edit_table th.noborder,
.prof_edit_table td.noborder {border:none;padding-bottom:2px;}
.prof_edit_table th.dotline,
.prof_edit_table td.dotline {border-bottom:1px dotted #ccc;}
.prof_edit_table td.vtop {vertical-align:top;}

.prof_edit_table .prof_edit_title,
.prof_edit_table .config_title {
	color: #29f;
	font-weight: bold;
}

.prof_edit_table .prof_open {
}

.prof_edit_table .prof_table_check {
}

.prof_edit_table .prof_table_check th,
.prof_edit_table .prof_table_check td {
	border: none;
}

.prof_edit_table .prof_table_check td.check_td_check {
	padding: 2px 4px 2px 0;
}
.prof_edit_table .prof_table_check td.check_td_label {
	padding: 2px 16px 2px 0;
}

/* フォーム配置用テーブル */

.prof_edit_form_table {
}

.prof_edit_form_table th,
.prof_edit_form_table td {
	padding: 0 10px 5px 0;
	vertical-align: middle;
}

.prof_edit_form_table tr:last-child th,
.prof_edit_form_table tr:last-child td {
	padding-bottom: 0;
}

/* フォーム */

.prof_edit_table input,
.prof_edit_table select,
.prof_edit_table textarea {
	border: 1px solid #ade;
}
.prof_edit_table textarea {margin-left:0;}

/* メール設定 */

.prof_address_area {
	background: #eee;
	padding: 10px;
	border-radius: 6px;
}

#mail_setup_text_notice {
	margin-bottom: 0;
	padding: 16px 22px 14px 70px;
	border-bottom: 1px solid #059;
	background: #fff url( /common/img/icon_notice.gif ) 16px 12px no-repeat;
}
#mail_setup_text_notice_inner {
	display: table-cell;
	width: 100%;
	height: 33px;
	vertical-align: middle;
}

#mail_setup_text_confirm {
	margin-top: 0;
	padding: 4px 0;
	background: #fff;
}

#mail_setup_text_confirm p {
	margin-bottom: 18px;
}

.mail_setup_confirm_head {
	margin-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #ccc;
	color: #29f;
	font-size: 18px;
}

/* 会員タイプ選択 */
/*default.css補正*/
#home.member_type_select .form2 .line1_th{ color:#059;border-top:1px solid #059; border-bottom:1px solid #059; background:#FAF2CD;}
#home.member_type_select .form2 .line2_th{ color:#059; border-bottom:1px solid #059; background:#FAF2CD;}
#home.member_type_select .form2 .line1_td{ border-top:1px solid #059; border-bottom:1px solid #059; background:#FBF8E5;}
#home.member_type_select .form2 .line2_td{ border-bottom:1px solid #059; background:#FBF8E5;}
#home.member_type_select .form2 .line1_td_r{ color:#059;border:1px solid #059; border-right:none;background:#FBF8E5;}
#home.member_type_select .form2 .line2_td_r{ color:#059; border:1px solid #059; border-top:none; border-right:none; background:#FBF8E5;}
#home.member_type_select .select_service_table > tbody > tr > th { background: #059; }
#home.member_type_select table.select_service_type span.enphasis { color: #059;}

/* ==========================================================================
   ワンタッチ馬券購入ポップアップ
   ========================================================================== */

.onetouch_about {
	width: 600px;
	height: auto;
	border: 1px solid #ccc;
}

.onetouch_about_head {
	position: relative;
	margin: 0;
	padding: 10px;
	background: #29f;
	color: #fff;
	font-weight: bold;
}

.onetouch_about_body {
	padding: 15px;
	font-size: 14px;
	line-height: 1.5;
}

.onetouch_about_head .btn_close {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.onetouch_about_table {
	width: 100%;
	border-collapse: collapse;
}

.onetouch_about_table th,
.onetouch_about_table td {
	border: 1px solid #ccc;
	padding: 10px 5px;
	font-size: 14px;
}

.onetouch_about_table td {
	vertical-align: top;
}

.onetouch_about_table th.th01 {width:50%;background: #eee;}
.onetouch_about_table th.th02 {width:50%;background: #29f;color:#fff;}
.onetouch_about_table td.td02 {background:#eff;}

.ot_bg_oval {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0;
	background: #ff0;
	border-radius: 50%;
	font-size: 18px;
	font-weight: bold;
	color :#29f;
	text-align: center;
}

/* ================================================================================
	imgbox サムネイル中央寄せ
================================================================================ */

/* -----------------------------------------------
 * imgbox サムネイル中央寄せ div使用
 * ----------------------------------------------- */

/* div.imgbox */

div.imgbox {
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}
div.imgbox.noborder { border: none !important; }
div.imgbox img {
	position: absolute;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

/* 4：3 */
div.imgbox.imgbox60 {width:60px;height:45px;}
div.imgbox.imgbox80 {width:80px;height:60px;}
div.imgbox.imgbox90 {width:90px;height:68px;}
div.imgbox.imgbox100 {width:100px;height:75px;}
div.imgbox.imgbox120 {width:120px;height:90px;}
div.imgbox.imgbox150 {width:150px;height:118px;}
div.imgbox.imgbox160 {width:160px;height:120px;}
div.imgbox.imgbox180 {width:180px;height:135px;}
div.imgbox.imgbox200 {width:200px;height:150px;}
div.imgbox.imgbox240 {width:240px;height:180px;}
div.imgbox.imgbox280 {width:280px;height:210px;}
/* 正方形 */
div.imgbox.imgbox25sq {width:25px;height:25px;}
div.imgbox.imgbox30sq {width:30px;height:30px;}
div.imgbox.imgbox40sq {width:40px;height:40px;}
div.imgbox.imgbox50sq {width:50px;height:50px;}
div.imgbox.imgbox55sq {width:55px;height:55px;}
div.imgbox.imgbox60sq {width:60px;height:60px;}
div.imgbox.imgbox70sq {width:70px;height:70px;}
div.imgbox.imgbox80sq {width:80px;height:80px;}
div.imgbox.imgbox90sq {width:90px;height:90px;}
div.imgbox.imgbox100sq {width:100px;height:100px;}
div.imgbox.imgbox120sq {width:120px;height:120px;}
div.imgbox.imgbox150sq {width:150px;height:150px;}
div.imgbox.imgbox160sq {width:160px;height:160px;}
div.imgbox.imgbox180sq {width:180px;height:180px;}
div.imgbox.imgbox200sq {width:200px;height:200px;}

/* -----------------------------------------------
 * imgbox wide
 * ----------------------------------------------- */

/* 16:9 */

div.imgbox_wide {
	aspect-ratio: 16 / 9;
}
div.imgbox_wide img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

div.imgbox_wide.fit_contain img {
	object-fit: contain;
}

/* -----------------------------------------------
 * imgbox standard
 * ----------------------------------------------- */

/* 4:3 */

.imgbox_standard {
	aspect-ratio: 4 / 3;
}
.imgbox_standard img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.imgbox_standard.fit_contain img {
	object-fit: contain;
}

/* -----------------------------------------------
 * read-more
 * ----------------------------------------------- */

p.readmore_btn {
}
p.readmore_btn a {
	background-color: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 260px;
	margin: 0 auto;
	padding: 14px 0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	color: #333;
}
p.readmore_btn a:hover {
	background: #f0f0f0;
}
p.readmore_btn a img.readmore_btn_arrow {
	vertical-align: middle;
}

/* -----------------------------------------------
 * icon_pro_rank
 * ----------------------------------------------- */

.icon_pro_rank {
	display: inline-block;
	width: 45px;
	padding: 3px 0 !important;
	border-radius: 3px;
	border: 1px solid #ccc;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.rank_first {background:#f12a2a;border:1px solid #f12a2a;color:#fff;}
.rank_second {background:#36a6ff;border:1px solid #36a6ff;color:#fff;}
.rank_third {background:#44b949;border:1px solid #44b949;color:#fff;}

/* -----------------------------------------------
 * icon_belonging
 * ----------------------------------------------- */

.icon_belonging {
	display: inline-block;
	padding: 2px;
	line-height: 1;
	font-size: 12px;
	border-radius: 4px;
}

.icon_belonging.font10 {
	font-size: 10px;
}

.icon_belonging.belonging_rittou {background: #333;border: 1px solid #333;color: #fff;}
.icon_belonging.belonging_miho {background: #fff;border: 1px solid #333;color: #333;}
.icon_belonging.belonging_nar {background: #ccc;border: 1px solid #333;color: #333;}
.icon_belonging.belonging_foreign {background: #05f;border: 1px solid #05f;color: #fff;}

/* -----------------------------------------------
 * icon_pro
 * ----------------------------------------------- */

.icon_pro_nar {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 4px 0 2px 0;
	border: 1px solid #85470a;
	text-align: center;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #C05700; /* Old browsers */
	background: -moz-linear-gradient(top, #bb5f00 0%, #e2bf24 50%, #c05700 51%, #dc8632 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bb5f00 0%,#e2bf24 50%,#c05700 51%,#dc8632 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bb5f00 0%,#e2bf24 50%,#c05700 51%,#dc8632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb5f00', endColorstr='#dc8632',GradientType=0 ); /* IE6-9 */
	text-shadow:
	#840 1.5px 0px,  #840 -1.5px 0px,
	#840 0px -1.5px, #840 0px 1.5px,
	#840 1.5px 1.5px , #840 -1.5px 1.5px,
	#840 1.5px -1.5px, #840 -1.5px -1.5px,
	#840 1px 1.5px,  #840 -1px 1.5px,
	#840 1px -1.5px, #840 -1px -1.5px,
	#840 1.5px 1px,  #840 -1.5px 1px,
	#840 1.5px -1px, #840 -1.5px -1px;
}

.icon_pro_nar_green {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 4px 0 2px 0;
	border: 1px solid #064;
	text-align: center;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #008001; /* Old browsers */
	background: -moz-linear-gradient(top,  #00df96 0%, #0d7451 50%, #008001 51%, #00df96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00df96 0%,#0d7451 50%,#008001 51%,#00df96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00df96 0%,#0d7451 50%,#008001 51%,#00df96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00df960', endColorstr='#00df96',GradientType=0 ); /* IE6-9 */
	text-shadow: 
	#064 1.5px 0px,  #064 -1.5px 0px,
	#064 0px -1.5px, #064 0px 1.5px,
	#064 1.5px 1.5px , #064 -1.5px 1.5px,
	#064 1.5px -1.5px, #064 -1.5px -1.5px,
	#064 1px 1.5px,  #064 -1px 1.5px,
	#064 1px -1.5px, #064 -1px -1.5px,
	#064 1.5px 1px,  #064 -1.5px 1px,
	#064 1.5px -1px, #064 -1.5px -1px;
}

.icon_pro_hof {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 4px 0 2px 0;
	border: 1px solid #e8e157;
	text-align: center;
	color: #e8e157 !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #008001; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #555555 50%, #222222 51%, #4c4c4c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333333 0%,#555555 50%,#222222 51%,#4c4c4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333333 0%,#555555 50%,#222222 51%,#4c4c4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
	/*text-shadow: 
	#064 1.5px 0px,  #064 -1.5px 0px,
	#064 0px -1.5px, #064 0px 1.5px,
	#064 1.5px 1.5px , #064 -1.5px 1.5px,
	#064 1.5px -1.5px, #064 -1.5px -1.5px,
	#064 1px 1.5px,  #064 -1px 1.5px,
	#064 1px -1.5px, #064 -1px -1.5px,
	#064 1.5px 1px,  #064 -1.5px 1px,
	#064 1.5px -1px, #064 -1.5px -1px;*/
}

.icon_protest {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 5px 0 1px 0;
	border: 1px solid #888;
	text-align: center;
	color: #fff !important;
	font-size: 10px !important;
	/*font-weight: bold;*/
	line-height: 1;
	letter-spacing: -1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #d5d5d5 50%, #a0a0a0 51%, #f3f3f3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#d5d5d5 50%,#a0a0a0 51%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3f3f3 0%,#d5d5d5 50%,#a0a0a0 51%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow:
	#4a4a4a 1px 0px,  #4a4a4a -1px 0px,
	#4a4a4a 0px -1px, #4a4a4a 0px 1px,
	#4a4a4a 1px 1px , #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px,
	#4a4a4a 1px 1px,  #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px,
	#4a4a4a 1px 1px,  #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px;
}

.icon_propass {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 5px 0 1px 0;
	border: 1px solid #888;
	text-align: center;
	color: #fff !important;
	font-size: 11px !important;
	/*font-weight: bold;*/
	line-height: 1;
	letter-spacing: -1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #ff8080;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	text-shadow:
	#4a4a4a 1px 0px,  #4a4a4a -1px 0px,
	#4a4a4a 0px -1px, #4a4a4a 0px 1px,
	#4a4a4a 1px 1px , #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px,
	#4a4a4a 1px 1px,  #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px,
	#4a4a4a 1px 1px,  #4a4a4a -1px 1px,
	#4a4a4a 1px -1px, #4a4a4a -1px -1px;
}

/* プロアイコン リニューアル 2023.02 */

.icon_pro2,
.icon_pro2_green,
.icon_pro2_kaigai,
.icon_pro2_u,
.icon_pro2_propass,
.icon_pro2_hof,
.icon_pro2_area,
.icon_pro2_zenkoku,
.icon_pro2_zenkoku_green {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding: 4px 0 2px 0;
	border: 1px solid #ccc;
	text-align: center;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.icon_pro2 {
	border-color: #876e2a;
	color: #fff8ae !important;
	background: #fffc00;
	background: linear-gradient(to bottom,  #fffc00 30%, #f0c20a 100%);
	text-shadow: 
	#743e0a 1.5px 0px,  #743e0a -1.5px 0px,
	#743e0a 0px -1.5px, #743e0a 0px 1.5px,
	#743e0a 1.5px 1.5px , #743e0a -1.5px 1.5px,
	#743e0a 1.5px -1.5px, #743e0a -1.5px -1.5px,
	#743e0a 1px 1.5px,  #743e0a -1px 1.5px,
	#743e0a 1px -1.5px, #743e0a -1px -1.5px,
	#743e0a 1.5px 1px,  #743e0a -1.5px 1px,
	#743e0a 1.5px -1px, #743e0a -1.5px -1px;
}
.icon_pro2_green {
	border-color: #2c663d;
	color: #fff;
	background: #60c879;
	background: linear-gradient(to bottom,  #60c879 30%, #2f662a 100%);
	text-shadow: 
	#0b7003 1.5px 0px,  #0b7003 -1.5px 0px,
	#0b7003 0px -1.5px, #0b7003 0px 1.5px,
	#0b7003 1.5px 1.5px , #0b7003 -1.5px 1.5px,
	#0b7003 1.5px -1.5px, #0b7003 -1.5px -1.5px,
	#0b7003 1px 1.5px,  #0b7003 -1px 1.5px,
	#0b7003 1px -1.5px, #0b7003 -1px -1.5px,
	#0b7003 1.5px 1px,  #0b7003 -1.5px 1px,
	#0b7003 1.5px -1px, #0b7003 -1.5px -1px;
}
.icon_pro2_kaigai {
	border-color: #003cff;
	color: #fff;
	background: #6c7dff;
	background: linear-gradient(to bottom,  #6c7dff 30%, #091d97 100%);
	text-shadow: 
	#285f93 1.5px 0px,  #285f93 -1.5px 0px,
	#285f93 0px -1.5px, #285f93 0px 1.5px,
	#285f93 1.5px 1.5px , #285f93 -1.5px 1.5px,
	#285f93 1.5px -1.5px, #285f93 -1.5px -1.5px,
	#285f93 1px 1.5px,  #285f93 -1px 1.5px,
	#285f93 1px -1.5px, #285f93 -1px -1.5px,
	#285f93 1.5px 1px,  #285f93 -1.5px 1px,
	#285f93 1.5px -1px, #285f93 -1.5px -1px;
}
.icon_pro2_u {
	border-color: #3c3c3c;
	color: #fff;
	background: #cccccc;
	background: linear-gradient(to bottom,  #cccccc 30%, #606060 100%);
	text-shadow: 
	#3e3e3e 1.5px 0px,  #3e3e3e -1.5px 0px,
	#3e3e3e 0px -1.5px, #3e3e3e 0px 1.5px,
	#3e3e3e 1.5px 1.5px , #3e3e3e -1.5px 1.5px,
	#3e3e3e 1.5px -1.5px, #3e3e3e -1.5px -1.5px,
	#3e3e3e 1px 1.5px,  #3e3e3e -1px 1.5px,
	#3e3e3e 1px -1.5px, #3e3e3e -1px -1.5px,
	#3e3e3e 1.5px 1px,  #3e3e3e -1.5px 1px,
	#3e3e3e 1.5px -1px, #3e3e3e -1.5px -1px;
}
.icon_pro2_propass {
	border-color: #b34f44;
	color: #fff;
	background: #ffc9c6;
	background: linear-gradient(to bottom,  #ffc9c6 30%, #ea635b 100%);
	text-shadow: 
	#ab2516 1.5px 0px,  #ab2516 -1.5px 0px,
	#ab2516 0px -1.5px, #ab2516 0px 1.5px,
	#ab2516 1.5px 1.5px , #ab2516 -1.5px 1.5px,
	#ab2516 1.5px -1.5px, #ab2516 -1.5px -1.5px,
	#ab2516 1px 1.5px,  #ab2516 -1px 1.5px,
	#ab2516 1px -1.5px, #ab2516 -1px -1.5px,
	#ab2516 1.5px 1px,  #ab2516 -1.5px 1px,
	#ab2516 1.5px -1px, #ab2516 -1.5px -1px;
}
.icon_pro2_hof {
	border-color: #4d0000;
	color: #fff;
	background: #d00000;
	background: linear-gradient(to bottom,  #d00000 30%, #5b0000 100%);
	text-shadow: 
	#831111 1.5px 0px,  #831111 -1.5px 0px,
	#831111 0px -1.5px, #831111 0px 1.5px,
	#831111 1.5px 1.5px , #831111 -1.5px 1.5px,
	#831111 1.5px -1.5px, #831111 -1.5px -1.5px,
	#831111 1px 1.5px,  #831111 -1px 1.5px,
	#831111 1px -1.5px, #831111 -1px -1.5px,
	#831111 1.5px 1px,  #831111 -1.5px 1px,
	#831111 1.5px -1px, #831111 -1.5px -1px;
}
.icon_pro2_zenkoku {
	border-color: #876e2a;
	color: #fff8ae !important;
	background: #fffc00;
	background: linear-gradient(to bottom,  #fffc00 30%, #f0c20a 100%);
	text-shadow: 
	#743e0a 1.5px 0px,  #743e0a -1.5px 0px,
	#743e0a 0px -1.5px, #743e0a 0px 1.5px,
	#743e0a 1.5px 1.5px , #743e0a -1.5px 1.5px,
	#743e0a 1.5px -1.5px, #743e0a -1.5px -1.5px,
	#743e0a 1px 1.5px,  #743e0a -1px 1.5px,
	#743e0a 1px -1.5px, #743e0a -1px -1.5px,
	#743e0a 1.5px 1px,  #743e0a -1.5px 1px,
	#743e0a 1.5px -1px, #743e0a -1.5px -1px;
}
.icon_pro2_zenkoku_green {
	border-color: #2c663d;
	color: #fff;
	background: #60c879;
	background: linear-gradient(to bottom,  #60c879 30%, #2f662a 100%);
	text-shadow: 
	#0b7003 1.5px 0px,  #0b7003 -1.5px 0px,
	#0b7003 0px -1.5px, #0b7003 0px 1.5px,
	#0b7003 1.5px 1.5px , #0b7003 -1.5px 1.5px,
	#0b7003 1.5px -1.5px, #0b7003 -1.5px -1.5px,
	#0b7003 1px 1.5px,  #0b7003 -1px 1.5px,
	#0b7003 1px -1.5px, #0b7003 -1px -1.5px,
	#0b7003 1.5px 1px,  #0b7003 -1.5px 1px,
	#0b7003 1.5px -1px, #0b7003 -1.5px -1px;
}
.icon_pro2_area {
	border-color: #0088d0;
	font-size: 10px !important;
	letter-spacing: -1px;
	color: #fff;
	background: #c0f0ff;
	background: linear-gradient(to bottom,  #c0f0ff 30%, #3399dd 100%);
	text-shadow: 
	#005588 1.5px 0px,  #005588 -1.5px 0px,
	#005588 0px -1.5px, #005588 0px 1.5px,
	#005588 1.5px 1.5px , #005588 -1.5px 1.5px,
	#005588 1.5px -1.5px, #005588 -1.5px -1.5px,
	#005588 1px 1.5px,  #005588 -1px 1.5px,
	#005588 1px -1.5px, #005588 -1px -1.5px,
	#005588 1.5px 1px,  #005588 -1.5px 1px,
	#005588 1.5px -1px, #005588 -1.5px -1px;
}

/* -----------------------------------------------
 * gray_box
 * ----------------------------------------------- */

.gray_box {
	display: block;
	border: 1px solid #ccc;
	background: #fafafa;
}
.gray_box:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a.gray_box:link,
a.gray_box:visited {
	color: #333;
}
a.gray_box:hover {
	text-decoration: none;
}
a.gray_box:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.gray_box_cell {
	border-right: 1px solid #ccc;
}
.gray_box_cell:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.gray_box_cell:last-child {
	border-right: none;
}

/* -----------------------------------------------
 * shadow_box
 * ----------------------------------------------- */

.shadow_box {
	display: block;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px 0px #ccc;
	-moz-box-shadow: 1px 1px 2px 0px #ccc;
	-webkit-box-shadow: 1px 1px 2px 0px #ccc;
	-o-box-shadow: 1px 1px 2px 0px #ccc;
	-ms-box-shadow: 1px 1px 2px 0px #ccc;
}
.shadow_box:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a.shadow_box:link,
a.shadow_box:visited {
	color: #333;
}
a.shadow_box:hover {
	text-decoration: none;
}
a.shadow_box:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.shadow_box_cell {
	border-right: 1px solid #ccc;
}
.shadow_box_cell:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.shadow_box_cell:last-child {
	border-right: none;
}

/* hover */

.shadow_box.hover_bg:hover,
.shadow_box_cell.hover_bg:hover {
	background: #ffc;
	cursor: pointer;
}

.shadow_box:hover .hover_underline,
.shadow_box_cell:hover .hover_underline {
	text-decoration:underline !important;
}

/* ---------------------------------------- */
/* smp_race_num
/* ---------------------------------------- */

.smp_race_num.east {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #FF69B4;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.smp_race_num.east.end {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #F8BAC2;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.smp_race_num.west {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #6495ED;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.smp_race_num.west.end {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #a3d5e7;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.smp_race_num.other {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #FFA500;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.smp_race_num.other.end {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #f4b94a;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.smp_race_num.overseas {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #A76BDF;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.smp_race_num.overseas.end {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #ecbdfb;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.smp_race_num.w40,
.smp_race_num.end.w40 {
	width: 40px;
}
.smp_race_num.w45,
.smp_race_num.end.w45 {
	width: 45px;
}
.smp_race_num.w50,
.smp_race_num.end.w50 {
	width: 50px;
}
.smp_race_num.p07,
.smp_race_num.end.p07 {
	padding: 7px 0;
}

.smp_race_num.jra {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #3a0;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}
.smp_race_num.jra.end {
	background: #af9;
	color: #333;
}

.smp_race_num.nar {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #be4024;
	border-radius: 6px;
	font-size: 100%;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}
.smp_race_num.nar.end {
	background: #fbe2a5;
	color: #333;
}
.smp_race_num.nar.w60 {
	width: 60px;
	height: 60px;
	padding-top: 12px;
}

.smp_race_num.east .race_number,
.smp_race_num.west .race_number,
.smp_race_num.other .race_number,
.smp_race_num.overseas .race_number,
.smp_race_num.nar .race_number {
	font-size: 120%;
}

/* ---------------------------------------- */
/* icon_dirt_typeXX
/* ---------------------------------------- */

.icon_dirt_type01,
.icon_dirt_type02,
.icon_dirt_type03 {
	display: inline-block;
	width: 36px;
	padding: 3px 0;
	border-radius: 4px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	color: #fff;

	vertical-align: 24%;
}

.icon_dirt_type01 {background: #257fdc;}
.icon_dirt_type02 {background: #c51a31;}
.icon_dirt_type03 {background: #5eb92f;}

.icon_dirt_type01.border1,
.icon_dirt_type02.border1,
.icon_dirt_type03.border1 {
	border: 1px solid #fff;
}

.icon_dirt_type01.minimum,
.icon_dirt_type02.minimum,
.icon_dirt_type03.minimum {
	width: 30px;
	font-size: 10px;
}

/* ---------------------------------------- */
/* icon_sX
/* ---------------------------------------- */

.icon_s1,
.icon_s2,
.icon_s3 {
	display: inline-block;
	width: 36px;
	padding: 3px 0;
	border-radius: 4px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	color: #fff;
}

.icon_s1 {background: #b59b0c;}
.icon_s2 {background: #ababab;}
.icon_s3 {background: #a25b12;}

.icon_s1.border1,
.icon_s2.border1,
.icon_s3.border1 {
	border: 1px solid #fff;
}

/* ---------------------------------------- */
/* icon_grace
/* ---------------------------------------- */

.icon_grace {
	display: inline-block;
	width: 36px;
	padding: 3px 0;
	border: 1px solid #000;
	border-radius: 4px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	color: #333;
	background: #fff;
}

/* ---------------------------------------- */
/* icon_arealv
/* ---------------------------------------- */

.icon_arealv_a1,
.icon_arealv_a2,
.icon_arealv_b1,
.icon_arealv_b2,
.icon_arealv_b3,
.icon_arealv_c1,
.icon_arealv_c2,
.icon_arealv_c3,
.icon_arealv_king {
	display: inline-block;
	width: 34px;
	padding: 7px 0;
	border-radius: 3px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #aaa;
	box-sizing: border-box;
}
.icon_arealv_a1 {background:#e0594b;}
.icon_arealv_a2 {background:#3c81d8;}
.icon_arealv_b1 {background:#41c146;}
.icon_arealv_b2 {background:#f5be9a;color:#333;}
.icon_arealv_b3 {background:#8ac4de;color:#333;}
.icon_arealv_c1 {background:#de69ba;}
.icon_arealv_c2 {background:#f9c8f6;color:#333;}
.icon_arealv_c3 {background:#f3d7e6;color:#333;}
.icon_arealv_king {background:#f00;color:#ff0;}

/* ---------------------------------------- */
/* sugouma icon
/* ---------------------------------------- */

.icon_goku_sugouma,
.icon_chou_sugouma,
.icon_baku_sugouma {
	display: inline-block;
	width: 24px;
	padding: 4px 0px;
	border-radius: 4px;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #ccc;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-bottom: 3px;
	vertical-align: middle;
}

.icon_goku_sugouma { background: #e01; }
.icon_chou_sugouma { background: #0ae; }
.icon_baku_sugouma { background: #000; }

/* -----------------------------------------------
 * button
 * ----------------------------------------------- */

.btn_green,
.btn_red,
.btn_blue {
	display: inline-block;
	border-radius: 8px;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}
.btn_green:hover,
.btn_red:hover,
.btn_blue:hover {
	text-decoration: none;
}
.btn_green:visited,
.btn_red:visited,
.btn_blue:visited {
	color: #fff !important;
}

.btn_green {background: #3a0;}
.btn_red {background: #f00;}
.btn_blue {background: #17d;}

.btn_white01 {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	border: 1px solid #999;
	color: #666;
	background: #fff;
	text-align: center;
	text-decoration: none;
}
.btn_white01:hover {
	text-decoration: none;
	background: #ffc;
}

.btn_gray01 {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	border: 1px solid #999;
	color: #333 !important;
	background: #fafafa;
	text-align: center;
	text-decoration: none;
}
.btn_gray01:hover {
	text-decoration: none;
}

.btn_green01 {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	color: #333 !important;
	background: #3d2;
	text-align: center;
	text-decoration: none;
}
.btn_green01:hover {
	text-decoration: none;
}

.btn_orange01 {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	color: #333 !important;
	background: #f90;
	text-align: center;
	text-decoration: none;
}
.btn_orange01:hover {
	text-decoration: none;
}

.hover_pointer {
}
.hover_pointer:hover {
	cursor: pointer;
}

/* -----------------------------------------------
 * contents header
 * ----------------------------------------------- */

.head_sub_type01 {
	position: relative;
	padding: 0 0 0 15px;
	font-weight: bold;
	color: #333;
}
.head_sub_type01:before {
	content: "";
	position: absolute;
	background: #3a0;
	top: 50%;
	left: 0;
	margin-top: -8px;
	height: 20px;
	width: 5px;
}

.head_sub_type01.nar:before {
	background: #be4024;
}

/* -----------------------------------------------
 * campaign_counter
 * ----------------------------------------------- */

.campaign_counter {
	width: 100%;
	border-collapse: collapse;
}

.campaign_counter th,
.campaign_counter td {
	padding: 10px;
	border: 1px solid #f60;
	font-size: 18px;
	white-space: nowrap;
	line-height: 1.3;
	vertical-align: middle;
}

.campaign_counter th {
	font-weight: bold;
	background: #f60;
	color: #fff;
	text-align: center;
}

.campaign_counter td {
	text-align: right;
}

.campaign_counter.short th,
.campaign_counter.short td {
	padding: 3px;
	font-size: 14px;
}

.campaign_counter_side {
	width: 100%;
	border-collapse: collapse;
}

.campaign_counter_side th,
.campaign_counter_side td {
	padding: 4px 2px;
	border: 1px solid #f60;
	font-size: 13px;
	white-space: nowrap;
}

.campaign_counter_side th {
	font-weight: bold;
	background: #f60;
	color: #fff;
	text-align: left;
}
.campaign_counter_side th:first-child {
	border-bottom: 1px solid #fa7;
}

.campaign_counter_side td {
	text-align: right;
}

.counter_container {
}
.counter_container:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.counter_container_left {
	float: left;
	width: 400px;
	margin-right: 10px;
}

.counter_container_right {
	float: left;
	width: 524px;
}

/* -----------------------------------------------
 * max_table01
 * ----------------------------------------------- */

.max_table01 {
	border-collapse: collapse;
}

.max_table01 th,
.max_table01 td {
	padding: 2px;
	border: 1px solid #004B1E;
}

.max_table01 th {
	background: #00B52A;
	color: #fff;
	text-align: center;
}

.max_table01 td {
	background: #fff;
}

.max_table01 tr.bg_cream td {
	background: #ffe;
}
.max_table01 tr.bg_end td {
	background: #eee;
}

.max_table01 th.th_end {
	background: #fe4502;
	color: #fff;
}

.max_btn_buy,
.max_btn_view,
.max_btn_add {
	display: inline-block;
	width: 50px;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background: #2b2;
	border: 2px solid #293;
	border-radius: 6px;
}

.max_btn_buy {
	background: #2b2;
	border: 2px solid #293;
}

.max_btn_view,
.max_btn_add {
	background: #fa0;
	border: 2px solid #e80;
}

.max_btn_buy:hover,
.max_btn_view:hover,
.max_btn_add:hover {text-decoration:none;}
.max_btn_buy:visited,
.max_btn_view:visited,
.max_btn_add:visited,
.max_btn_buy:link,
.max_btn_view:link,
.max_btn_add:link {color:#fff;}

.max_btn_buy.off,
.max_btn_view.off,
.max_btn_add.off {
	background: #ddd;
	border-color: #ccc;
	color: #666;
}

.max_yosouka_rank_flag_outer {
	position: relative;
}
.max_yosouka_rank_flag {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
}
.max_yosouka_rank_flag img {
	width: 100%;
}

/* nar */

.max_table01.nar th,
.max_table01.nar td {
	border: 1px solid #333;
}

.max_table01.nar th {
	background: #6c4d2b;
	text-align: center;
}

.max_table01.nar td {
	background: #fff;
}

.max_table01.nar th.th_end {
	background: #fe4502;
	color: #fff;
}

/* -----------------------------------------------
 * max_date, max_place
 * ----------------------------------------------- */

ul.max_date {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.max_date:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.max_date li {
	float: left;
}

ul.max_date li a {
	display: block;
	width: 80px;
	margin-right: 5px;
	padding: 5px 0;
	background: #00B52A;
	border: 1px solid #181;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
ul.max_date li a:hover {text-decoration: none;}

ul.max_date li.select a {
	background: #fff;
	color: #041;
}

ul.max_place {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 3px solid #191;
}
ul.max_place:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.max_place li {
	float: left;
}

ul.max_place li a {
	display: block;
	/*width: 120px;*/
	margin-right: 2px;
	padding: 8px 20px;
	background: #00B52A;
	border: 1px solid #181;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
ul.max_place li a:hover {text-decoration: none;}

ul.max_place li.select a {
	background: #fff;
	color: #041;
}

/* nar */

ul.max_place.nar {
	border-bottom: 3px solid #a64115;
}

ul.max_place.nar li a {
	background: #6d3d00;
	border: 1px solid #6d3d00;
}

ul.max_place.nar li.select a {
	background: #ffffed;
	color: #6d3d00;
}

/* -----------------------------------------------
 * pager_type03
 * ----------------------------------------------- */

.pager_type03{
	position: relative;
	height: initial;
	margin: 0 auto;
	padding-bottom: 10px;
	top: 10px;
}

.pager_type03 .pager_btn02 {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 2px;
}

.pager_type03 .pager_btn02 a,
.pager_type03 .pager_btn02 span {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 2px;
	border-radius: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #555;
	line-height: 40px;
	text-align: center;
	background: #fff;
}

.pager_type03 .pager_btn02 a:hover {
	text-decoration: none;
}

.pager_type03 .pager_btn02 span {
	background: #eee;
}

.pager_type03 .pager_btn02.btn_first {
	position: initial;
	bottom: 10px;
	left: 0;
}

.pager_type03 .pager_btn02.btn_prev {
	position: initial;
	bottom: 10px;
	left: 70px;
}

.pager_type03 .pager_btn02.btn_next {
	position: absolute;
	bottom: 10px;
	left: 96.5%;
	-webkit-transform: translateY(0%) translateX(-220%);
	transform: translateY(0%) translateX(-220%);
}

.pager_type03 .pager_btn02.btn_last {
	position: absolute;
	bottom: 10px;
	left: 96.5%;
	-webkit-transform: translateY(0%) translateX(-100%);
	transform: translateY(0%) translateX(-100%);
}

.pager_type03 .pager_btn02.mrside {
	margin: 0 12px 0 0;
}

.pager_type03 .pager_btn02.mlside {
	margin: 0 0 0 4px;
}

.pager_type03 .pager_tx {
	display: inline-block;
	width: auto;
	height: 30px;
	margin: 0;
}

.pager_type03 .pager_tx.tx_center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.pager_type03 .pager_tx.tx_center p {
	font-size: 16px;
}

.page_num_ul02 {
	text-align: center;
}

.pager_type03 .page_num_ul02 li {
	display: inline;
}

.pager_type03 .page_num_ul02 li a {
	display: inline-block;
	width: 48px;
	height: 36px;
	margin: 0 1px;
	border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #555;
	line-height: 36px;
	text-align: center;
	background: #fff;
}

.pager_type03 .page_num_ul02 li a:hover {
	text-decoration: none;
}

.pager_type03 .page_num_ul02 li.select a {
	background: #fffd38;
	color: #555;
}

/* -----------------------------------------------
 * レース概要
 * ----------------------------------------------- */

.race_info {
	display: flex;
	justify-content: space-between;
	width: 787px;
	border: 5px solid #B7B6D6;
	background-color: #fbf8e5;
	font-size: 12px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.race_info .detail {
	width: 558px;
	border-right: 5px solid #B7B6D6;
	padding: 4px 5px ;
	line-height: 1.4;
	white-space: nowrap;
}

.race_info .detail2 {
	height: 22px;
	line-height: 20px;
}
.race_info .detail2:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.race_info .detail h2 {
	margin: 0;
	font-size: 16px;
}

.race_info .image {
	display: flex;
	align-items: center;
	width: 133px;
	border-right: 5px solid #B7B6D6;
}
.race_info .image .image_container {
	width: 100%;
	line-height: 1.6;
	text-align: center;
}

.race_info .condition {
	display: flex;
	align-items: center;
	width: 76px;
}
.race_info .condition .condition_container {
	width: 100%;
	line-height: 1.46;
	text-align: center;
}

/* -----------------------------------------------
 * top_pro_rank (scroll)
 * ----------------------------------------------- */

.top_pro_rank {
	padding: 0 50px;
}
.top_pro_rank:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.top_pro_rank slide {
	width: 120px;
}

.top_pro_rank .top_pro_rank_a {
	display: block;
	width: 122px;
	margin: 0 auto;
}
.top_pro_rank .top_pro_rank_a:hover {
	text-decoration: none;
}

.top_pro_rank .pro_img {
	position: relative;
	width: 120px;
	height: 120px;
	margin-bottom: 3px;
	border: 1px solid #ccc;
}

.top_pro_rank .pro_img .pro_img_icon {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.top_pro_rank .pro_name1 {
	margin-bottom: 3px;
	color: #04c;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.top_pro_rank_a:hover .pro_name1 {
	text-decoration: underline;
}
.top_pro_rank .pro_name1:link,
.top_pro_rank .pro_name1:visited {
	color: #04c;
}

.top_pro_rank .pro_text {
	font-size: 12px;
	line-height: 1.1;
	color: #333;
}

.top_pro_rank .bx-pager {
	margin-top: 5px;
	text-align: center;
}

.top_pro_rank .bx-pager-item {
	display: inline-block;
	margin: 0 5px;
}

.top_pro_rank a.bx-pager-link {
	display: inline-block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	color: #f00;
	background: #aaa;
	border-radius: 10px;
}
.top_pro_rank a.bx-pager-link.active {background:#f00;}

.top_pro_rank .bx-wrapper {
	position: relative;
}
.top_pro_rank .bx-controls {
	position: absolute;
	top: 0;
	left: -50px;
	width: 714px;
}
.top_pro_rank .bx-prev,
.top_pro_rank .bx-next {
	position: absolute;
	display: block;
	width: 50px;
	height: 200px;
}
.top_pro_rank .bx-prev {
	left: 0;
	background: url( /common/img/sp/arrow_sq_gray_l.png ) no-repeat;
	background-size: 40px 40px;
	background-position: center center;
}
.top_pro_rank .bx-next {
	right: 0;
	background: url( /common/img/sp/arrow_sq_gray_r.png ) no-repeat;
	background-size: 40px 40px;
	background-position: center center;
}

/* -----------------------------------------------
 * nowrap
 * ----------------------------------------------- */

.nowrap {
	white-space: nowrap;
}

/* ======================================== */
/* dot_2line
/* ======================================== */
/* ニュース見出し等 二行以上を...で省略 */

.dot_2line {
	position: relative;
	height: 44px;
	overflow: hidden;
	line-height: 20px;
	display: block;
}
.dot_2line:before,
.dot_2line:after {
	position: absolute;
	background: #fff;
}
.dot_2line:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}
.dot_2line:after {
	content: "";
	width: 100%;
	height: 100%;
}

.newstop_list_article:hover .dot_2line:before,
.newstop_list_article:hover .dot_2line:after {
	background: #f3f3f3;
}

/* -----------------------------------------------
 * 式別
 * ----------------------------------------------- */

.tansho_color {
	background: #D9DDE8 !important;
	color: #000 !important;
}
.fukusho_color {
	background: #F4D0DA !important;
	color: #000 !important;
}
.umaren_color {
	background: #E3D9E2 !important;
	color: #000 !important;
}
.wide_color {
	background: #D9ECF2 !important;
	color: #000 !important;
}
.umatan_color {
	background: #D9DDE8 !important;
	color: #000 !important;
}
.renpuku_color {
	background: #C9DEEF !important;
	color: #000 !important;
}
.rentan_color {
	background: #F6E4CE !important;
	color: #000 !important;
}
.rentan4_color {
	background: #dae8b3 !important;
	color: #000 !important;
}
.renpuku4_color {
	background: #f1edd4 !important;
	color: #000 !important;
}

/* -----------------------------------------------
 * register_popup
 * ----------------------------------------------- */

.register_popup_body {
	background: #fff;
}

/* -----------------------------------------------
 * common modal
 * ----------------------------------------------- */

.common_modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	font-size: 12px;
	z-index: 900;
}

.common_modal_base {
	position:absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	padding: 10px;
	overflow:hidden;
	background:#fff;
	text-align: left;
}

.common_modal_base.bdr_5 {border:5px;}
.common_modal_base.bdr_10 {border:10px;}
.common_modal_base.bdr_20 {border:20px;}

.common_modal_base.bdr_round5 {border-radius:5px;}
.common_modal_base.bdr_round10 {border-radius:10px;}

.common_modal_base iframe {
	border: none;
}

.common_modal_close01 {
	position: absolute;
	top: 2px;
	right: 10px;
	padding: 0;
	border: none;
	background: none;
	line-height: 1;
	cursor: pointer;
	outline: none;
}
.common_modal_close01 span {font-size:36px;font-weight:bold;}

.pagetop_type02 {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 900;
}

/* ==========================================================================
   common box
   ========================================================================== */

.box_bg_white_border {
	background: #fff;
	border: 1px solid #ccc;
}

.box_bg_lightgray_border {
	background: #fafafa;
	border: 1px solid #ccc;
}

.box_gr {
	border: 1px solid #3a0;
}
.box_skyblue {
	border: 1px solid #2196f3;
}
.box_yellow {
	border: 1px solid #fe3;
}
.box_yellow2 {
	border: 1px solid #fc0;
}
.box_orange {
	border: 1px solid #f90;
}

/* ==========================================================================
   border
   ========================================================================== */

.border_top {border-top: 1px solid #ccc;}
.border_bottom {border-bottom: 1px solid #ccc;}
.border_left {border-left: 1px solid #ccc;}
.border_right {border-right: 1px solid #ccc;}
.border_top_dot {border-top: 1px dotted #ccc;}
.border_bottom_dot {border-bottom: 1px dotted #ccc;}
.border_left_dot {border-left: 1px dotted #ccc;}
.border_right_dot {border-right: 1px dotted #ccc;}

/* ==========================================================================
   title
   ========================================================================== */

.title_type01{
	position: relative;
	margin-bottom: initial;
	padding: 0 0 0 13px;
	font-size: initial;
	font-weight: bold;
	line-height: 1.3;
}
.title_type01:before{
	content: "";
	position: absolute;
	background: #008440;
	top: 0;
	left: 0;
	height: 100%;
	width: 5px;
}

/* -----------------------------------------------
 * title_reset
 * ----------------------------------------------- */

.title_reset {
	padding: 0;
	border-radius: 0;
	background: none;
	font-size: initial;
	color: inherit;
}

/* -----------------------------------------------
 * common_title
 * ----------------------------------------------- */

.common_title {
	font-weight: bold;
	background: #3a0;
	border-radius: 0;
	color: #fff;
	padding: 8px 10px;
	font-size: 14px;
	text-align: left;
	line-height: 1.1;
}

.common_title.bg_coliseum {background:#f4405e;}
.common_title.bg_orange {background:#f60;}
.common_title.nar {background:#8f0000;}

.common_title.icon_coliseum {padding-left:30px;background:#3a0 url(/common/img/zh/btn_coliseum_white.png) no-repeat 3px center/22px 22px;}

/* ---------------------------------------- */
/* title_underline
/* ---------------------------------------- */

.title_underline {
	margin: initial;
	background: initial;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #3a0;
	border-radius: 0;
	font-size: initial;
	font-weight: bold;
	color: #333;
}

.title_underline.nar {border-color:#c20;}

/* ---------------------------------------- */
/* date select
/* ---------------------------------------- */

ul.date_select {
	padding: 0;
	text-align: center;
}
ul.date_select:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.date_select li {
	display: inline-block;
	max-width: 200px;
	padding: 0 2px;
}

ul.date_select li a,
ul.date_select li > span {
	background: #8c4;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 6px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #3a0;
	font-weight: bold;
}
ul.date_select li > span {
	background: #eee;
	color: #ccc;
	border-color:#ccc;
}

ul.date_select li .no_link {
	display: block;
	padding: 8px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #999;
	font-weight: bold;
	background: #eee;
	color: #999;
	text-decoration: none;
}

ul.date_select li.select a {
	background: #ffb;
	color: #3a0;
	text-decoration: none;
}

ul.date_select.days_1 li {
	width: 78%;
}

ul.date_select.days_2 li {
	width: 39%;
}

ul.date_select.days_3 li {
	width: 26%;
}

ul.date_select.days_4 li {
	width: 19.5%;
}

ul.date_select.coliseum li a,
ul.date_select.coliseum li > span {
	background: #f13c5a;
	border-color: #f13c5a;
}
ul.date_select.coliseum li.select a {
	background: #ffe6ea;
	color: #333;
}

ul.date_select.robo li a,
ul.date_select.robo li > span {
	background: #333;
	border-color: #fff;
	color: #6ff;
}
ul.date_select.robo li.select a {
	background: #6ff;
	border-color: #333;
	color: #333;
}

/* ---------------------------------------- */
/* date_select02
/* ---------------------------------------- */

ul.date_select02 {
	display: flex;
}

ul.date_select02 li.date {
	flex: 1;
	margin: 0 2px;
}

ul.date_select02 li.arrow_left,
ul.date_select02 li.arrow_right {
	width: 50px;
	text-align: center;
}

ul.date_select02 li a,
ul.date_select02 li > span {
	background: #fff;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 2px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 1px solid #aaa;
	font-weight: bold;
}
ul.date_select02 li > span {
	background: #eee;
	color: #ccc;
	border-color:#ccc;
}

ul.date_select02 li .no_link {
	display: block;
	padding: 8px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 2px solid #999;
	font-weight: bold;
	background: #eee;
	color: #999;
	text-decoration: none;
}

ul.date_select02 li.arrow_left a,
ul.date_select02 li.arrow_left span {
	margin-right: 3px;
}
ul.date_select02 li.arrow_right a,
ul.date_select02 li.arrow_right span {
	margin-left: 3px;
}

ul.date_select02 li.arrow_left a,
ul.date_select02 li.arrow_right a {
	position: relative;
	border-color: #999;
	background: #999;
	color: #fff;
	text-decoration: none;
}
ul.date_select02 li.arrow_left span,
ul.date_select02 li.arrow_right span {
	position: relative;
	border-color: #ddd;
	background: #ddd;
	color: #aaa;
	text-decoration: none;
}
ul.date_select02 li.arrow_left a:after,
ul.date_select02 li.arrow_left span:after {
	display: inline-block;
	position: absolute;
	top: calc( 50% - 6px );
	left: 15px;
	content: '';
	width: 0;
	height: 0;
	margin-right: 5px;
	border-right: 12px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: -1px;
}
ul.date_select02 li.arrow_right a:after,
ul.date_select02 li.arrow_right span:after {
	display: inline-block;
	position: absolute;
	top: calc( 50% - 6px );
	right: 10px;
	content: '';
	width: 0;
	height: 0;
	margin-right: 5px;
	border-left: 12px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: -1px;
}

ul.date_select02 li.select a {
	background: #fffae7;
	color: #333;
	text-decoration: none;
}

ul.date_select02 li.date a:hover {
	background: #fffae7;
	transition: background 0.3s;
}

/* ---------------------------------------- */
/* tab_type02
/* ---------------------------------------- */

ul.tab_type02 {
	position: relative;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-end;
}
ul.tab_type02:after {
	position: absolute;
	bottom: 1px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	z-index: 10;
}

ul.tab_type02 li {
	margin: 0 1px;
	text-align: center;
	flex-grow: 1;
	z-index: 20;
}

ul.tab_type02 li a {
	display: block;
	padding: 8px 0;
	pointer-events: none;
	font-weight: bold;
	color: #666;
}
ul.tab_type02.linktab li a {
	pointer-events: auto;
}
ul.tab_type02.linktab li a:hover {
	text-decoration: none;
}

ul.tab_type02 li.select {
}
ul.tab_type02 li.select a {
	padding-bottom: 4px;
	border-bottom: 4px solid #0af;
	color: #0af;
}

ul.tab_type02 li.blank {
	visibility: hidden;
}

ul.tab_type02.linktab li a {
	pointer-events: auto;
}

/* scroll */

.tab_type02_scroll_outer {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.tab_type02_scroll_outer > * {
	-webkit-transform: translateZ(0px);
}
.tab_type02_scroll_outer::-webkit-scrollbar {
	display:none;
}
ul.tab_type02.tab_scroll {
	width: auto;
}
ul.tab_type02.tab_scroll:after {
	content: none;
}
ul.tab_type02.tab_scroll li {
	margin: 0;
}
ul.tab_type02.tab_scroll a {
	position: relative;
	white-space: nowrap;
	padding: 10px 20px;
}
ul.tab_type02.tab_scroll li.blank_cell div {
	position: relative;
}
ul.tab_type02.tab_scroll a:after,
ul.tab_type02.tab_scroll li.blank_cell div:after {
	position: absolute;
    bottom: 1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    content: '';
    z-index: 10;
}
ul.tab_type02.tab_scroll li.select a {
	padding-bottom: 6px;
}
ul.tab_type02.tab_scroll li.select a:after {
	content: none;
}

.scroll_underline {
	position: relative;
}
.scroll_underline:after {
	position: absolute;
	bottom: 11px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	z-index: -10;
}
.scroll_underline ul.tab_type02 li a:after {
	content: none;
}

/* ---------------------------------------- */
/* race_groupe_select01
/* ---------------------------------------- */

ul.race_groupe_select01 {
	display: flex;
}

ul.race_groupe_select01 li {
	flex: 1;
	margin: 0 2px;
}

ul.race_groupe_select01 li.arrow_left,
ul.race_groupe_select01 li.arrow_right {
	width: 50px;
	text-align: center;
}

ul.race_groupe_select01 li a,
ul.race_groupe_select01 li > span {
	width: 80px;
	background: #fff;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 2px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	border: 1px solid #aaa;
	font-weight: bold;
}
ul.race_groupe_select01 li > span {
	background: #eee;
	color: #ccc;
	border-color:#ccc;
}

ul.race_groupe_select01 > li.jra > a,
ul.race_groupe_select01 > li.jra > span { border-color: #3a0;background: #3a0;color: #fff; }
ul.race_groupe_select01 > li.nar > a,
ul.race_groupe_select01 > li.nar > span { border-color: #a10;background: #a10;color: #fff; }
ul.race_groupe_select01 > li.all > a,
ul.race_groupe_select01 > li.all > span { border-color: #aaa; }
ul.race_groupe_select01 > li.off > a,
ul.race_groupe_select01 > li.off > span { border-color: #aaa;background: #eee;color: #999; }
ul.race_groupe_select01 > li.off a:hover { background:  #fffae7;transition: background 0.3s; }

/* ---------------------------------------- */
/* common_select
/* ---------------------------------------- */

.common_select {
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 0 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #333;
	background: #fff;
	background: #fff url(/common/img/sp/racedata/sp_arrow_down_grey_02.png) no-repeat right;
	background-size: 21px, 100%;
	text-indent: 0.5em;
	border-radius: 4px;
	color: #333;
}

/* ==========================================================================
   レース選択
   ========================================================================== */

/* 地域タブ */

ul.race_select01_place {
	display: flex;
}

ul.race_select01_place > li {
	margin-right: 4px;
	line-height: 1;
}

ul.race_select01_place > li > a,
ul.race_select01_place > li > span {
	display: block;
	width: 80px;
	padding: 8px 0;
	border: 1px solid #3a0;
	border-bottom: none;
	border-radius: 6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #fff;
	text-align: center;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
ul.race_select01_place > li > a:link,
ul.race_select01_place > li > a:visited {
	color: #333;
}
ul.race_select01_place > li > a:hover {
	text-decoration: none;
}

ul.race_select01_place > li.selected > a,
ul.race_select01_place > li.selected > span {
	background: #3a0;
	border-color: #3a0;
	color: #fff;
}

/* レース番号 */

ul.race_select01_number {
	display: flex;
	justify-content: space-between;
	padding: 6px 4px 3px 4px;
	background: #3a0;
}

ul.race_select01_number > li {
	width: 100%;
	padding: 0 1px;
	box-sizing: border-box;
	line-height: 1;
}

ul.race_select01_number > li > a,
ul.race_select01_number > li > span {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 0;
	background: #eee;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul.race_select01_number > li > a:link,
ul.race_select01_number > li > a:visited {
	color: #333;
}
ul.race_select01_number > li > a:hover {
	text-decoration: none;
}

ul.race_select01_number > li.selected > a,
ul.race_select01_number > li.selected > span {
	background: #fc0;
}

ul.race_select01_number > li.inactive > a,
ul.race_select01_number > li.inactive > span {
	background: #aaa;
	color: #555;
}

ul.race_select01_number > li.title {
	margin-right: 10px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;
}

/* 地域タブ2 */

ul.race_select02_place {
	display: flex;
}

ul.race_select02_place > li {
	margin-right: 4px;
	line-height: 1;
}

ul.race_select02_place > li > a,
ul.race_select02_place > li > span {
	display: block;
	width: 80px;
	padding: 4px 0;
	border: 1px solid #999;
	border-top-width: 3px;
	border-bottom: none;
	border-radius: 6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #fff;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
ul.race_select02_place > li > a:link,
ul.race_select02_place > li > a:visited {
	color: #333;
}
ul.race_select02_place > li > a:hover {
	text-decoration: none;
}

ul.race_select02_place > li.jra > a { border-top-color: #3a0; }
ul.race_select02_place > li.nar > a { border-top-color: #a10; }

ul.race_select02_place > li.off > a,
ul.race_select02_place > li.off > span {
	border-color: #bbb;
	background: #bbb;
}

ul.race_select02_place > li.jra.selected > a,
ul.race_select02_place > li.jra.selected > span {
	background: #3a0;
	border-color: #3a0;
	color: #fff;
}
ul.race_select02_place > li.nar.selected > a,
ul.race_select02_place > li.nar.selected > span {
	background: #a10;
	border-color: #a10;
	color: #fff;
}

/* レース番号2 */

ul.race_select02_number {
	display: flex;
	justify-content: space-between;
	padding: 4px 4px 2px 4px;
}
ul.race_select02_number.jra {background: #3a0;}
ul.race_select02_number.nar {background: #a10;}

ul.race_select02_number > li {
	width: 100%;
	padding: 0 1px;
	box-sizing: border-box;
	line-height: 1;
}

ul.race_select02_number > li > a,
ul.race_select02_number > li > span {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 0;
	border-radius: 4px;
	background: #eee;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
ul.race_select02_number > li > a:link,
ul.race_select02_number > li > a:visited {
	color: #333;
}
ul.race_select02_number > li > a:hover {
	text-decoration: none;
}

ul.race_select02_number > li.selected > a,
ul.race_select02_number > li.selected > span {
	background: #fc0;
}

ul.race_select02_number > li.inactive > a,
ul.race_select02_number > li.inactive > span {
	background: #aaa;
	color: #555;
}

ul.race_select02_number > li.title {
	margin-right: 10px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;
}

/* 地域タブ3 */

ul.race_select03_place {
	line-height: 1;
}

ul.race_select03_place > li {
	display: inline-block;
	margin-right: 2px;
	line-height: 1;
}

ul.race_select03_place > li > a,
ul.race_select03_place > li > span {
	display: block;
	width: 80px;
	padding: 5px 0 3px 0;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	color: #333;
	font-size: 13px;
}
ul.race_select03_place > li > a:link,
ul.race_select03_place > li > a:visited {
	color: #333;
}
ul.race_select03_place > li > a:hover {
	text-decoration: none;
}

ul.race_select03_place > li.off > a,
ul.race_select03_place > li.off > span {
	background: #bbb;
}

ul.race_select03_place > li.jra.select > a,
ul.race_select03_place > li.jra.select > span {
	background: #090;
	color: #fff;
}
ul.race_select03_place > li.nar.select > a,
ul.race_select03_place > li.nar.select > span {
	background: #a10;
	color: #fff;
}

ul.race_select03_place > li > a.btn_racelist {
	position: relative;
	width: 86px;
	padding-left: 34px;
	text-align: left;
}
ul.race_select03_place .btn_racelist_icon {
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 2px;
	top: calc( 50% - 5px );
	left: 8px;
	background: #ccc;
}
ul.race_select03_place .btn_racelist_icon:before,
ul.race_select03_place .btn_racelist_icon:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 16px;
	height: 2px;
	left: 0;
	background: #ccc;
}
ul.race_select03_place .btn_racelist_icon:before { top: 5px; }
ul.race_select03_place .btn_racelist_icon:after { top: 10px; }
ul.race_select03_place > li.jra .btn_racelist_icon,
ul.race_select03_place > li.jra .btn_racelist_icon:before,
ul.race_select03_place > li.jra .btn_racelist_icon:after { background: #090; }
ul.race_select03_place > li.nar .btn_racelist_icon,
ul.race_select03_place > li.nar .btn_racelist_icon:before,
ul.race_select03_place > li.nar .btn_racelist_icon:after { background: #a10; }

/* レース番号3 */

ul.race_select03_number {
	display: flex;
}

ul.race_select03_number > li {
	flex-grow: 1;
	display: block;
	padding: 0;
	box-sizing: border-box;
	line-height: 1;
}

ul.race_select03_number > li > a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 0;
	border: 1px solid #ccc;
	border-right: none;
	background: #fff;
	color: #333;
	font-size: 13px;
	text-align: center;
}
ul.race_select03_number > li > a:link,
ul.race_select03_number > li > a:visited {
	color: #333;
}
ul.race_select03_number > li > a:hover {
	text-decoration: none;
}
ul.race_select03_number > li:last-child > a {
	border-right: 1px solid #ccc;
}

ul.race_select03_number.jra > li.select > a {
	background: #090;
}
ul.race_select03_number.nar > li.select > a {
	background: #a10;
}
ul.race_select03_number > li.select > a {
	color: #fff;
}
ul.race_select03_number > li.select > a:link,
ul.race_select03_number > li.select > a:visited {
	color: #fff;
}

ul.race_select03_number > li.inactive > a {
	background: #aaa;
	color: #555;
}

/* ==========================================================================
 header_body_2021
========================================================================== */

.header_body_2021 {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.header_body_2021.jra { background: #2b6; }
.header_body_2021.nar { background: #a10; }
.header_body_2021.coliseum { background: #c9171e; }
.header_body_2021 .logo_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	image-rendering: -webkit-optimize-contrast;
}

.header_body_2021 img {
	vertical-align: top;
}
.header_body_2021 a img:hover {
	opacity: 1 !important;
}
.header_body_2021 button.btn_head_register,
.header_body_2021 button.btn_head_login {
	width: 130px;
	padding: 9px 0;
	border: 1px solid #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

/* ==========================================================================
 header_navi_sub
========================================================================== */

.header_navi_sub {
	background: #eee;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.header_navi_sub.page_head {
	width: 926px;
	margin: 0 auto;
	padding: 6px 4px;
}
.header_navi_sub > ul {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.header_navi_sub > ul > li {
	flex-grow: 1;
	margin: 0 2px;
	list-style-type: none;
}
.header_navi_sub ul li a {
	display: block;
	min-height: 18px;
	padding: 12px 0 10px 0;
	background: #fff;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	line-height: 1;
	letter-spacing: -1px;
}
.header_navi_sub ul li a:link,
.header_navi_sub ul li a:visited {
	color: #333;
}
.header_navi_sub ul li a:hover {
	text-decoration: none;
}
.header_navi_sub > ul > li.selected > a {
	background-color: #00a600;
	color: #fff;
}
.header_navi_sub.coliseum > ul > li.selected > a {
	background-color: #f4405e;
}
.header_navi_sub.coliseum2 > ul > li.selected > a {
	background-color: #c9171e;
}
.header_navi_sub.nar > ul > li.selected > a {
	background-color: #900000;
}
.header_navi_sub ul li a span.no_icon {
	padding: 0 3px;
}
.header_navi_sub ul li a span.btn_icn {
	position: relative;
	padding-left: 22px;
}
.header_navi_sub ul li a span.btn_icn:before {
	content: '';
	position: absolute;
	top: calc( 50% - 9px );
	left: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: contain;
	vertical-align: middle;
}
.header_navi_sub ul li a span.btn_icn.icn_horse:before { background-image: url( /common/img/sp/icn/icn_coliseum_horse.png ); }
.header_navi_sub ul li a span.btn_icn.icn_horse_nar:before { background-image: url( /common/img/sp/icn/icn_coliseum_horse_nar.png ); }
.header_navi_sub ul li a span.btn_icn.icn_boat:before { background-image: url( /common/img/sp/icn/icn_coliseum_boat.png ); }
.header_navi_sub ul li a span.btn_icn.icn_cycle:before { background-image: url( /common/img/sp/icn/icn_coliseum_cycle.png ); }
.header_navi_sub ul li a span.btn_icn.icn_helmet:before { background-image: url( /common/img/sp/icn/icn_coliseum_helmet.png ); }
.header_navi_sub ul li a span.with_arrow {
	position: relative;
	padding-right: 14px;
}
.header_navi_sub > ul > li > a > span.with_arrow:after {
	content: '';
	position: absolute;
	top: calc( 50% - 5px );
	right: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 10px solid #f90;
}
.header_navi_sub.coliseum2 > ul > li > a:hover {
	color: #c9171e;
	text-decoration: underline;
}
.header_navi_sub.coliseum2 > ul > li.selected > a:hover {
	color: #fff;
	text-decoration: none;
}
.header_navi_sub > ul > li.relative {
	position: relative;
}
.header_navi_pop {
	position: absolute;
	right: 0;
	top: 42px;
	z-index: 500;
}
.header_navi_pop > ul {
	padding: 0;
}
.header_navi_pop > ul > li {
	min-width: 80px;
	margin-bottom: 0px;
}
.header_navi_pop > ul > li > a {
	border: 1px solid #ccc;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.header_navi_sub.type_scroll {
	width: 100%;
	overflow: scroll;
}

.header_navi_sub.type_scroll li {
	min-width: 96px;
	white-space: nowrap;
}

/* ==========================================================================
   global navi type02
   ========================================================================== */

.global_navi_type02 {
	width: 934px;
	margin: 0 auto;
	height: auto;
	background: #00a600;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.global_navi_type02_bg_nar {
	background: #900000;
}

.global_navi_type02.coliseum {
	background: #f4405e;
}

.global_navi_type02 ul {
	display: flex;
	justify-content:space-between;
	padding: 0;
	white-space: nowrap;
	font-size: 0;/*inline-blockの隙間対策*/
}

.global_navi_type02 ul li {
	flex: 1;
	vertical-align: middle;
}

.global_navi_type02 ul li a {
	display: block;
	height: 25px;
	padding: 16px 10px 7px 10px;
	border-left: 1px solid #209020;
	border-right: 1px solid #67c367;
	border-bottom: 4px solid #070;
	background: #00a600;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-align: center;
	line-height: 1.1;
}
.global_navi_type02 ul li a:hover {
	text-decoration: none;
}

.global_navi_type02 ul li a.nar {
	border-left: 1px solid #cc3300;
	border-right: 1px solid #cc3300;
	border-bottom: 4px solid #500000;
	background: #900000;
	color: #fff;
}

.global_navi_type02 ul li a.nar2 {
}

.global_navi_type02 ul li a.nar_pro {
	border-left: 1px solid #cc3300;
	border-right: 1px solid #cc3300;
	border-bottom: 4px solid #500000;
	color: #500000;
}

.global_navi_type02 ul li a.doubleline {height:31px;padding-top:10px;}

.sp_slide_menu_white ul li a {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 4px solid #bfbfbf;
	background: #fff;
	color: #3a0;
}

.global_navi_type02 ul li a:link,
.global_navi_type02 ul li a:visited {
	color: #333;
}

.global_navi_type02 ul li.select a {
	border-bottom: 4px solid #ffa100;
	background: #00a600;
	color: #fff;
}

.global_navi_type02 ul li.select a.nar,
.global_navi_type02 ul li.select a.nar2 {
	border-bottom: 4px solid #ffa100;
	background: #900000;
	color: #fff;
}

.global_navi_type02 ul li.select a.nar_pro {
	border-bottom: 4px solid #ffa100;
	background: #900000;
	color: #fff;
}

.global_navi_type02 ul li.select a.coliseum {
	border-bottom: 4px solid #ffa100;
	background: #f4405e;
	color: #fff;
}

.global_navi_type02 ul li.select a.coliseum2 {
	border-bottom: 4px solid #ffa100;
	background: #c9171e;
	color: #fff;
}
.global_navi_type02 ul li a.coliseum2:hover {
	color: #c9171e;
	text-decoration: underline;
}
.global_navi_type02 ul li.select a.coliseum2:hover {
	color: #fff;
	text-decoration: none;
}

.global_navi_type02 ul li a span.new {
	padding: 2px 4px;
	background: #f00;
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
}

/* -----------------------------------------------
 * sub_navi_type10
 * ----------------------------------------------- */

.sub_navi_type10 {
	display: flex;
	justify-content: start;
}
.sub_navi_type10 li {
	display: block;
	padding: 0 2px;
	margin-bottom: 5px;
	text-align: center;
	box-sizing: border-box;
}
.sub_navi_type10 li a {
	display: block;
	padding: 5px 24px;
	border: 1px solid #ccc;
	border-radius: 100px;
	text-align: center;
	box-sizing: border-box;
	color: #333;
}
.sub_navi_type10 li a:hover {
	text-decoration: none;
	cursor: pointer;
}
.sub_navi_type10 li a:link,
.sub_navi_type10 li a:visited {
	color: #333;
}
.sub_navi_type10 li.select a {
	background: #3a0;
	color: #fff;
	font-weight: bold;
	border-color: #3a0;
}
.sub_navi_type10 li.select a:link,
.sub_navi_type10 li.select a:visited {
	color: #fff;
}
.sub_navi_type10.nar li.select a {
	background: #a10;
	border-color: #a10;
}


.sub_navi_type10.height_tall li a {padding-top:8px;padding-bottom:8px;}

/* ==========================================================================
   ヘッダー ログイン時 ユーザー名＋プルダウンメニュー
   ========================================================================== */

#header_prof_outer {
	position: absolute;	/*headerタグに対して*/
	top: 50%;
	right: 5px;
	margin-top: -16px;
}

#header_prof {
	position: relative;
}
#header_prof:hover {
	cursor: pointer;
}
#header_prof.logout {padding-top:20px;}

#header_prof img {
	vertical-align: top;
}
#header_prof a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#header_prof_btn {
	display: inline-block;
	width: 80px;
	background: url( /common/img/sp/sp_arrow_green_02.png ) right center no-repeat;
	background-size: 36px 32px;
	cursor: pointer;
}
#header_prof_btn:hover {text-decoration:none;}
#header_prof_btn.select {background: url( /common/img/sp/sp_arrow_green_top_on.png ) right center no-repeat; background-size: 40px 20px;}

#header_prof_btn table td.icon {
	width: 36px;
}
#header_prof_btn table td.icon img {
	max-width: 36px;
	max-height: 36px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.2) 0px 0px 2px 2px;
	box-shadow:rgba(153, 153, 153, 0.2) 0px 0px 2px 2px;
}

ul#header_prof_pulldown {
	position: absolute;
	top: 44px;
	right: 0;
	display: none;
	width: 180px;
	padding: 0;
	border-top: 1px solid #ccc;
	background: #fafafa;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
	z-index: 99;
}

ul#header_prof_pulldown.app {
	position: fixed;
	top: 0px;
}

ul#header_prof_pulldown li {
	list-style-type: none;
	padding: 0;
}

ul#header_prof_pulldown li a {
	display: block;
	line-height: 100% !important;
	height: 33px !important;
	padding: 15px 0 0 20px !important;
	border-bottom: 1px solid #ccc;
	font-size: 16px !important;
	color: #333;
	background: url( /common/img/head_prof_arrow_r.png ) 10px center no-repeat;
}
ul#header_prof_pulldown li a:link,
ul#header_prof_pulldown li a:visited {
	color: #333;
}
ul#header_prof_pulldown li a:hover {
	background: #eee url( /common/img/head_prof_arrow_r.png ) 10px center no-repeat;
	text-decoration: none;
}

.header_prof_new_num {
	position      : absolute;
	top           : -8px;
	left          : 28px;
	display       : inline-block;
	min-width     : 18px;
	height       : 18px;
	padding      : 2px;
	margin-right : 5px;
	border-radius: 20px;
	background   : #f00;
	font-size    : 11px;
	color        : #fff;
	text-align   : center;
	line-height  : 18px;
}

.header_menu_new_num {
	position      : absolute;
	display       : inline-block;
	min-width     : 18px;
	height       : 18px;
	padding      : 2px;
	margin-right : 5px;
	border-radius: 20px;
	background   : #f00;
	font-size    : 11px;
	color        : #fff;
	text-align   : center;
	line-height  : 18px;
}

/* ==========================================================================
   common table
   ========================================================================== */

.common_table {
	width: 100%;
	cell-spacing: none;
	border-collapse: collapse;
}

.common_table th,
.common_table td {
	border: 1px solid #ccc;
	text-align: center;
}

.common_table th {
	padding: 4px 2px;
	font-weight: bold;
}

.common_table.th_green th {background: #daf5bb;}
.common_table.th_green2 th {background: #e7f2e0;}
.common_table.th_lightgray th {background: #eee;}

.common_table.bg_white {
	background: #fff;
}

.common_table .text_center {text-align:center;}
.common_table .text_left {text-align:left;}
.common_table .text_right {text-align:right;}

.common_table.th_lh11 th {line-height:1.1;}

.common_table td.noborder {border:none !important;}
.common_table td.noborder_top {border-top:none !important;}
.common_table td.noborder_bottom {border-bottom:none !important;}
.common_table td.noborder_right {border-right:none !important;}
.common_table td.noborder_left {border-left:none !important;}
.common_table td.noborder_x {border-left:none !important;border-right:none !important;}
.common_table td.noborder_y {border-top:none !important;border-bottom:none !important;}

.common_table.p2-0 td {padding: 2px 0px;}
.common_table.p2-2 td {padding: 2px 2px;}
.common_table.p2-4 td {padding: 2px 4px;}
.common_table.p4-0 td {padding: 4px 0px;}
.common_table.p4-2 td {padding: 4px 2px;}
.common_table.p5-0 td {padding: 5px 0px;}
.common_table.p5-2 td {padding: 5px 2px;}
.common_table.p5-3 td {padding: 5px 3px;}
.common_table.p5-5 td {padding: 5px 5px;}
.common_table.p5-10 td {padding: 5px 10px;}
.common_table.p5-15 td {padding: 5px 15px;}
.common_table.p8-0 td {padding: 8px 0px;}
.common_table.p8-2 td {padding: 8px 2px;}
.common_table.p8-5 td {padding: 8px 5px;}
.common_table.p10-0 td {padding: 10px 0px;}
.common_table.p10-2 td {padding: 10px 2px;}
.common_table.p10-5 td {padding: 10px 5px;}
.common_table.p10-10 td {padding: 10px 10px;}
.common_table.p15-0 td {padding: 15px 0px;}
.common_table.p15-2 td {padding: 15px 2px;}
.common_table.p15-5 td {padding: 15px 5px;}
.common_table.p15-10 td {padding: 15px 10px;}

.common_table.th_p2-0 th {padding: 2px 0px;}
.common_table.th_p2-2 th {padding: 2px 2px;}
.common_table.th_p2-4 th {padding: 2px 4px;}
.common_table.th_p4-0 th {padding: 4px 0px;}
.common_table.th_p4-2 th {padding: 4px 2px;}
.common_table.th_p5-0 th {padding: 5px 0px;}
.common_table.th_p5-2 th {padding: 5px 2px;}
.common_table.th_p5-3 th {padding: 5px 3px;}
.common_table.th_p5-5 th {padding: 5px 5px;}
.common_table.th_p5-10 th {padding: 5px 10px;}
.common_table.th_p5-15 th {padding: 5px 15px;}
.common_table.th_p8-0 th {padding: 8px 0px;}
.common_table.th_p8-2 th {padding: 8px 2px;}
.common_table.th_p8-5 th {padding: 8px 5px;}
.common_table.th_p10-0 th {padding: 10px 0px;}
.common_table.th_p10-2 th {padding: 10px 2px;}
.common_table.th_p10-5 th {padding: 10px 5px;}
.common_table.th_p10-10 th {padding: 10px 10px;}
.common_table.th_p15-0 th {padding: 15px 0px;}
.common_table.th_p15-2 th {padding: 15px 2px;}
.common_table.th_p15-5 th {padding: 15px 5px;}
.common_table.th_p15-10 th {padding: 15px 10px;}

table.font13 th,
table.font13 td {font-size: 13px;}
table.font14 th,
table.font14 td {font-size: 14px;}
table.font15 th,
table.font15 td {font-size: 15px;}
table.font16 th,
table.font16 td {font-size: 16px;}
table.font18 th,
table.font18 td {font-size: 18px;}
table.font20 th,
table.font20 td {font-size: 20px;}
table.font24 th,
table.font24 td {font-size: 24px;}

.common_table.color_coliseum01 {}
.common_table.color_coliseum01 th {border-color:#600;background:#f5bec9;}
.common_table.color_coliseum01 td {border-color:#600;}
.common_table.color_coliseum01 tr:nth-child(2n) {background:#FBF8E5;}
.common_table.color_coliseum01 tr:nth-child(2n+1) {background:#FAF2CD;}

.common_table.color_orange01 {}
.common_table.color_orange01 th {border-color:#ffa100;background:#fdf7cd;}
.common_table.color_orange01 td {border-color:#ffa100;}

.common_table.color_jra {}
.common_table.color_jra th {border-color:#3a0;background:#3a0;color:#fff;}
.common_table.color_jra td {border-color:#3a0;}

.common_table.color_nar {}
.common_table.color_nar th {border-color:#c20;background:#c20;color:#fff;}
.common_table.color_nar td {border-color:#c20;}

.common_table.color_nar02 {}
.common_table.color_nar02 th {border-color:#fff;background:#502814;color:#fff;}
.common_table.color_nar02 td {border-color:#333;}
.common_table.color_nar02.odd_bg tr:nth-child( odd ) { background: #ffe; }

.common_table.color_coliseum_blue {}
.common_table.color_coliseum_blue th {border-color:#28628c;border-right-color:#fff;background:#28628c;color:#fff;}
.common_table.color_coliseum_blue th:last-child {border-right-color:#28628c;}
.common_table.color_coliseum_blue td {border-color:#28628c;}

.common_table.color_nar_coliseum {}
.common_table.color_nar_coliseum th {border-color:#c20;border-right-color:#fff;background:#c20;color:#fff;}
.common_table.color_nar_coliseum td {border-color:#c20;}
.common_table.color_nar_coliseum th:last-child {border-right-color:#c20;}

.common_table.color_nar_coliseum02 {}
.common_table.color_nar_coliseum02 th {border-color:#ccc;border-right-color:#fff;background:#c20;color:#fff;}
.common_table.color_nar_coliseum02 td {border-color:#ccc;}
.common_table.color_nar_coliseum02 th:last-child {border-right-color:#ccc;}
.common_table.color_nar_coliseum02.odd_bg tr:nth-child( odd ) { background: #FAF2CD; }

.font_up15 th,
.font_up15 td {
	font-size: 15px;
	line-height: 150%;
}

/* ==========================================================================
   table fixed
   ========================================================================== */

.table_fixed_outer {
	width: 100%;
	overflow-x: scroll;
}

.table_fixed {
	table-layout: fixed;
}

.fixed01 {
	position: sticky;
	left: 0;
	z-index: 10;
}
.fixed01:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 100%;
	background: #cccccc;
}
.fixed01:after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 1px;
	height: 100%;
	background: #cccccc;
}
/* fixed02以降（2列目以降）は左からの幅によって変わるのでhtmlに直書き */

/* ==========================================================================
   table clickable
   ========================================================================== */

table tr.clickable:hover {
	cursor: pointer;
}

/* ==========================================================================
   kaime marunumber
   ========================================================================== */

.marunumber,
.marunumber_red,
.marunumber_mi {
	display: inline-flex;
	justify-content: center;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;

	background: #ffffff;
}
.marunumber {
	color: #000000;
	border: 1px solid #AAAAAA;
}
.marunumber_red {
	color: #FF0000;
	border: 1px solid #FF0000;
}
.marunumber_mi {
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	padding-top: 2px;
	margin: 0 0 -2px 0;

	color: #FF0000;
	border: 1px solid #FF0000;
}

.cell_kaime.small_size .marunumber,
.cell_kaime.small_size .marunumber_red,
.cell_kaime.small_size .marunumber_mi {
	width: 16px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
}

/* ==========================================================================
   common button
   ========================================================================== */

.btn_type01 {
	display: inline-block;
	width: 100%;
	border-radius: 8px;
	text-align: center;
	box-sizing: border-box;
}
.btn_type01:link,
.btn_type01:visited {
	color: #fff;
}
.btn_type01:hover {
	text-decoration: none;
}

input.btn_input,
button.btn_input {
	border: none;
	color: #fff;
	cursor: pointer;
}

.btn_type01.w200 {width:200px;}
.btn_type01.w300 {width:300px;}
.btn_type01.w400 {width:400px;}
.btn_type01.w500 {width:500px;}

.btn_type01.bg_gray {background: #eaeaea;color:#333;}
.btn_type01.bg_red {background: #d00;}
.btn_type01.bg_green {background: #3a0;}
.btn_type01.bg_blue {background: #08c;}
.btn_type01.bg_orange {background: #fc0;color:#333;}
.btn_type01.bg_coliseum_red {background: #c9171e;}
.btn_type01.bg_coliseum_blue {background: #28628c;}

.btn_type01.border_gray {border: 2px solid #aaa;}
.btn_type01.border_red {border: 2px solid #f00;}
.btn_type01.border_green {border: 2px solid #3a0;}
.btn_type01.border_orange {border: 2px solid #f90;}

.btn_type01.with_arrow:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	margin-right: 5px;
	border-left: 16px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	vertical-align: -3px;
}

/* ==========================================================================
   popup_title_type01
   ========================================================================== */

.popup_title_type01 {
}
.popup_title_type01:after {
	content: '?';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 19px;
	margin-left: 5px;
	border-radius: 50px;
	background: #03a9f4;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* ==========================================================================
   icon_umayen
   ========================================================================== */

.icon_umayen {
	display: inline-block;
	width: 72px;
	padding: 4px 0;
	/*border: 1px solid #dbb400;*/
	/*background: #ffd966;*/
	border: 2px solid #ddaa22;
	background: #000;
	color: #ddaa22;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
}
.icon_umayen.size_small {
	width: 66px;
	font-size: 12px;
}

/* ==========================================================================
   side column
   ========================================================================== */

.side_col_head {
	margin-top: 0;
	margin-bottom: 0;
	background: #34AB00;
	color: #fff;
	padding: 8px 10px 6px 10px;
	line-height: 1;
	font-size: 13px;
	border-radius: 0;
}
.side_col_head.nar { background:#8f0000; }
.side_col_head.bg_orange { background:#f90;color:#fff; }
.side_col_head.coliseum_red { background:#c9171e;color:#fff; }

.side_box {
	width: auto;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #34AB00;
	line-height: 1.5;
}
.side_box.nar { border-color:#8f0000; }
.side_box.border_orange { border-color:#f90; }
.side_box.coliseum_red { border-color:#c9171e; }

.side_box p {margin:0;}

.side_go_detail {
	font-size: 11px;
	text-align: right;
}

.side_box.box_sub {
	margin-bottom: 0;
	border-bottom: none;
}

.sidebox_full_table {
}
.sidebox_full_table tr th:first-child,
.sidebox_full_table tr td:first-child {
	border-left: none;
}
.sidebox_full_table tr th:last-child,
.sidebox_full_table tr td:last-child {
	border-right: none;
}
.sidebox_full_table .clickable_non_arrow {
	cursor: pointer;
}

/* ==========================================================================
   clickable non arrow
   ========================================================================== */

tr.clickable_non_arrow {
	cursor:pointer;
}

/* ==========================================================================
   新出馬表 2022
   ========================================================================== */

.mark_select {
	appearance: none;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #aaa;
	border-radius: 4px;
	text-align: center;
	color: #333;
}
.mark_select.w_24 {
	width: 24px;
	height: 24px;
}

h2.racedata_race_title {
	display: inline;
	padding: inherit;
	background: none;
	color: #333;
	font-size: 24px;
	font-weight: bold;
}

.num_r_11 {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 17px;
	border: 1px solid #aaa;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
	letter-spacing: -1px;
}
.num_r_11.red { border-color: #f00; }
.num_r_11.blue { border-color: #0045ad; }
.num_r_11.green { border-color: #34ab00; }
.num_r_11.dull_red { border-color: #c51616; }
.num_r_11.dull_blue { border-color: #0b76a0; }
.num_r_11.dull_green { border-color: #3a7d22; }
.num_r_11.uvalue-high { border-color: #f00; }
.num_r_11.uvalue-middle { border-color: #00f; }
.num_r_11.uvalue-low { border-color: #006400; }
.num_r_11.valigntop { vertical-align: top; }
.num_r_11.valignmiddle { vertical-align: middle; }
.num_r_11.valignbottom { vertical-align: bottom; }

.num_r_11.frame_1, .num_r_11.frame_9 { background:#fff;color:#000; }
.num_r_11.frame_2 { background:#404040;color:#fff; }
.num_r_11.frame_3 { background:#f55;color:#fff; }
.num_r_11.frame_4 { background:#47c;color:#fff; }
.num_r_11.frame_5 { background:#eecf33;color:#fff; }
.num_r_11.frame_6 { background:#3a4;color:#fff; }
.num_r_11.frame_7 { background:#ffa500;color:#fff; }
.num_r_11.frame_8 { background:#f89;color:#fff; }

.num_r_11.small085 { transform: scale(0.85); }

.racedata_course_box {
	display: block;
	width: 180px;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: center;
}
.racedata_course_box img {
	max-width:180px;
	max-height:80px;
}
.racedata_course_box:hover img {
	opacity: 1 !important;
}
.racedata_course_box:hover {
	text-decoration: none;
}

/* ---------------------------------------- */
/* icon_cross
/* ---------------------------------------- */

.icon_cross {
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	box-sizing: border-box;
}
.icon_cross:hover { cursor: pointer; }
.icon_cross:before,
.icon_cross:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15%;
	height: 100%;
	background: #333;
}
.icon_cross:before { transform: translate(-50%,-50%) rotate(45deg); }
.icon_cross:after { transform: translate(-50%,-50%) rotate(-45deg); }

/* icon_cross02 */

.icon_cross02 {
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	padding: 6px;
	border-radius: 4px;
	background: #eee;
	vertical-align: middle;
	box-sizing: border-box;
}
.icon_cross02:hover { cursor: pointer; }
.icon_cross02:before,
.icon_cross02:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5%;
	height: 70%;
	background: #333;
}
.icon_cross02:before { transform: translate(-50%,-50%) rotate(45deg); }
.icon_cross02:after { transform: translate(-50%,-50%) rotate(-45deg); }

/* ==========================================================================
   テキストコンテンツ 2023
   ========================================================================== */

#text_leftSide {
	width: 560px;
	float: left;
}
#text_rightSide {
	width: 350px;
	float: right;
}

/* -----------------------------------------------
 * title_viewmore
 * ----------------------------------------------- */

.title_viewmore {
	display: inline-block;
	padding: 6px 8px 7px 8px;
	background: #eee;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.title_viewmore:link,
.title_viewmore:visited {
	color: #333;
}
.title_viewmore:hover {
	text-decoration: none;
	cursor: pointer;
}

/* ---------------------------------------- */
/* icon_label
/* ---------------------------------------- */

.icon_label {
	display: inline-block;
	min-width: 70px;
	padding: 3px 5px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: #ccc;
}
.icon_label.label_red { background-color: #e54; }
.icon_label.label_blue { background-color: #08c; }
.icon_label.label_green { background-color: #694; }
.icon_label.label_brown { background-color: #940; }
.icon_label.label_gray6 { background-color: #666; }

/* ---------------------------------------- */
/* texts_listbox
/* ---------------------------------------- */

.texts_listbox {
	display: flex;
}

.texts_listbox_box {
	display: block;
	margin-right: 5px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 2px 2px 3px 0px #bbb;
	line-height: 1.3;
	box-sizing: border-box;
}
.texts_listbox_box,
.texts_listbox_box:link,
.texts_listbox_box:visited {
	color: #333;
}
.texts_listbox_box:hover {
	text-decoration: none;
}

.texts_listbox .texts_listbox_box:last-child { margin-right: 0; }

.texts_listbox.col3 .texts_listbox_box { width:calc( ( 100% - 10px ) / 3 ); }	/* 隙間2つ引いて3等分 */
.texts_listbox.col4 .texts_listbox_box { width:calc( ( 100% - 15px ) / 4 ); }	/* 隙間3つ引いて4等分 */

/* -----------------------------------------------
 * 記事一覧
 * ----------------------------------------------- */

.texts_article_top_box {
	display: block;
}
.texts_article_top_box,
.texts_article_top_box:link,
.texts_article_top_box:visited {
	color: #333;
}
.texts_article_top_box:hover {
	text-decoration: none;
}

.texts_article_list_box {
	display: block;
	width: 50%;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.texts_article_list_box,
.texts_article_list_box:link,
.texts_article_list_box:visited {
	color: #333;
}
.texts_article_list_box:hover {
	text-decoration: none;
}

.texts_article_list_img {
	margin-bottom: 5px;
}
.texts_article_list_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9 ;
	object-fit: contain;
}

.texts_article_list_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}

#text_rightSide .texts_article_list_title {
	padding-top: 3px;
	line-height: 1.3;
	text-align: center;
}

/* -----------------------------------------------
 * トピック一覧
 * ----------------------------------------------- */

.texts_topic_list {
	border-top: 1px solid #ccc;
}

.texts_topic_list_box {
	display: flex;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
}
.texts_topic_list_box,
.texts_topic_list_box:link,
.texts_topic_list_box:visited {
	color: #333;
}
.texts_topic_list_box:hover {
	text-decoration: none;
}

.texts_topic_list .flex1 {
	flex: 1;
}

/* -----------------------------------------------
 * 執筆者一覧1
 * ----------------------------------------------- */

.texts_writer_list_box {
	display: block;
	width: 33%;
	padding: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.texts_writer_list_box,
.texts_writer_list_box:link,
.texts_writer_list_box:visited {
	color: #333;
}
.texts_writer_list_box:hover {
	text-decoration: none;
}

.texts_writer_list_img {
	margin-bottom: 8px;
}
.texts_writer_list_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9 ;
	object-fit: contain;
}

.texts_writer_list_title {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

/* -----------------------------------------------
 * 執筆者一覧2
 * ----------------------------------------------- */

.texts_writer_list2 {
	border-top: 1px solid #ccc;
}

.texts_writer_list2_box {
	display: flex;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
}
.texts_writer_list2_box,
.texts_writer_list2_box:link,
.texts_writer_list2_box:visited {
	color: #333;
}
.texts_writer_list2_box:hover {
	text-decoration: none;
}

/* -----------------------------------------------
 * 記事
 * ----------------------------------------------- */

.texts_article {
}

.texts_article h2 {
	margin-bottom: 1em;
	padding: 0;
	background: none;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.texts_article p {
	margin-bottom: 1em;
	font-size: 16px;
}

.texts_article figure {
	margin-bottom: 1.5em;
	text-align: center;
}
.texts_article figure img {
	max-width: 100%;
	height: auto;
	text-align: center;
}

.texts_article .course_table_noborder01 {
}
.texts_article .course_table_noborder01 th,
.texts_article .course_table_noborder01 td {
	padding-bottom: 5px;
	vertical-align: top;
	line-height: 1.5;
	font-size: 16px;
}
.texts_article .course_table_noborder01 th {
	position: relative;
	padding-right: 1em;
	white-space: nowrap;
}
.texts_article .course_table_noborder01 th:after {
	content: '：';
	position: absolute;
	right: 0;
}

.texts_article .course_table_outer {
	width: 100%;
	overflow-x: scroll;
}

.texts_article .course_table_type01 {
	width: 100%;
	table-layout: fixed;
}
.texts_article .course_table_type01.odd_bg tr:nth-child(odd) {
	background: #fafafa;
}
.texts_article .course_table_type01 th,
.texts_article .course_table_type01 td {
	padding: 5px 3px;
	border: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
}
.texts_article .course_table_type01 th {
	background: #4b8b24;
	font-weight: bold;
	color: #fff;
}
.texts_article .course_table_type01 td {
}
.texts_article .course_table_type01 .bold { font-weight: bold; }
.texts_article .course_table_type01 td.text_left { text-align: left; }
.texts_article .course_table_type01 td.text_right { text-align: right; }
.texts_article .course_table_type01 td.text_center { text-align: center; }
.texts_article .course_table_type01 td.cell_first { background: #ffd8d8; }
.texts_article .course_table_type01 td.cell_second { background: #cee3ff; }
.texts_article .course_table_type01 td.cell_third { background: #cbf9cf; }

.texts_article .course_jra { display: block; width: 400px; margin: 0 0 0 10px; }

/* -----------------------------------------------
 * 記事移動
 * ----------------------------------------------- */

.texts_pagenavi {
	display: flex;
	box-sizing: border-box;
}

.texts_pagenavi > div {
	width: 50%;
}
.texts_pagenavi > div:first-child {
	border-right: 1px solid #ccc;
}

.texts_pagenavi > div > a {
	display: flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
}
.texts_pagenavi > div > a:link,
.texts_pagenavi > div > a:visited {
	color: #04c;
}
.texts_pagenavi > div > a:hover {
	text-decoration: none;
}

.texts_pagenavi a.prev {
	padding-right: 10px;
	padding-left: 25px;
}
.texts_pagenavi a.next {
	padding-right: 25px;
	padding-left: 10px;
}

.texts_pagenavi a.prev:before,
.texts_pagenavi a.next:before {
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 35px;
	background: #aaa;
}
.texts_pagenavi a.prev:before {
	left: 0;
	clip-path: polygon(12px 0, 15px 0, 3px 50%, 15px 100%, 12px 100%, 0 50%);
}
.texts_pagenavi a.next:before {
	right: 0;
	clip-path: polygon(0 0, 3px 0, 15px 50%, 3px 100%, 0 100%, 12px 50%);
}

.texts_pagenavi_image {
	width: 90px;
	height: 45px;
}
.texts_pagenavi_image img {
	width: 90px;
	height: 45px;
	object-fit: cover;
}
.texts_pagenavi a.next .texts_pagenavi_image { margin-left: 5px; }
.texts_pagenavi a.prev .texts_pagenavi_image { margin-right: 5px; }

.texts_pagenavi_image img:hover,
.texts_pagenavi a img:hover,
.texts_pagenavi a:hover img {
	opacity: 1 !important;
}

.texts_pagenavi_title {
	height: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5;
}
.texts_pagenavi_title:hover {
	text-decoration: underline;
}

/* ==========================================================================
   口コミ投稿欄
   ========================================================================== */

.proreview_outer {
	padding: 20px;
	border: 1px solid #eb4;
	line-height: 1.5;
	box-sizing: border-box;
}
.proreview_outer.nar {
	border: 1px solid #eb4;
}

.proreview_textarea {
	width: 100%;
	height: 180px;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.proreview_postimage {
}
.proreview_postimage label {
	cursor: pointer;
}
.proreview_postimage label input {
	display: none;
}

.proreview_check_star {
	display: none;
}
.proreview_check_star_label {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url( /common/img/sp/icn/prof_star_off.png );
	background-size: 100%;
}
.proreview_check_star:checked + .proreview_check_star_label {
	background: url( /common/img/sp/icn/prof_star.png );
	background-size: 100%;
}
.proreview_check_star_label:hover {
	cursor: pointer;
}

/* image area */
.proreview_postimage_imagearea {
	width: 280px;
	height: 210px;
	border-radius: 10px;
	background: #eee;
}
.proreview_postimage_imagearea img {
	width: 280px;
	height: 210px;
	border-radius: 10px;
	object-fit: cover;
}

/* ==========================================================================
   text_cut
   ========================================================================== */

.text_cut {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text_cut_2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;	/*行数*/
	overflow: hidden;
}
.text_cut_3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;	/*行数*/
	overflow: hidden;
}
.text_cut_4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;	/*行数*/
	overflow: hidden;
}
.text_cut_5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;	/*行数*/
	overflow: hidden;
}

/* ==========================================================================
   記号フォント補正
   ========================================================================== */
/* ○や◎が小さくなるのを補正 */

.symbol_font_fix { font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; }

/* ==========================================================================
   pagetop
   ========================================================================== */

.pagetop_type02 {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 900;
}

.pagetop_type02 a {
	display: block;
	width: 50px;
	height: 50px;
	background: #00a600;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: 0.5s ;
	overflow: hidden;
}

.pagetop_type02 a span.mark {
	font-size: 16px;
	font-weight: bold;
}

/* ==========================================================================
   flexbox
   ========================================================================== */

.flexbox {
	display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.flexbox.space-between {-webkit-justify-content:space-between;justify-content:space-between;}
.flexbox.space-around {-webkit-justify-content:space-around;justify-content:space-around;}
.flexbox.flex-end {-webkit-justify-content:flex-end;justify-content:flex-end;}
.flexbox.flex-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.flexbox.center {-webkit-justify-content:center;justify-content:center;}

.flexbox.wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flexbox.nowrap {-webkit-flex-wrap:wrap;flex-wrap:nowrap;}

.flexbox .flex1 {-webkit-flex:1;flex:1;}

.flexbox.align-items-center {-webkit-align-items:center;align-items:center;}	/*flexbox（外側）に指定*/
.flexbox .align-self-center {-webkit-align-self:center;align-self:center;}	/*flexbox内の要素に個別に指定*/

.flexbox.flex_col2 > div {width:50%;box-sizing:border-box;}
.flexbox.flex_col3 > div {width:33.3%;box-sizing:border-box;}
.flexbox.flex_col4 > div {width:25%;box-sizing:border-box;}
.flexbox.flex_col5 > div {width:20%;box-sizing:border-box;}

.flexbox.flex_col2_margin > div {width:calc(50% - 2px);box-sizing:border-box;}
	.flexbox.flex_col2_margin > div:nth-child(2n) {margin-left: 2px;}
	.flexbox.flex_col2_margin > div:nth-child(2n+1) {margin-right: 2px;}
.flexbox.flex_col3_margin > div {width:calc(33.3% - 4px);box-sizing:border-box;}
	.flexbox.flex_col3_margin > div:nth-child(3n) {margin-left: 2px;}
	.flexbox.flex_col3_margin > div:nth-child(3n+1) {margin-right: 2px;}
	.flexbox.flex_col3_margin > div:nth-child(3n+2) {margin-left: 2px;margin-right: 2px;}

.flexbox .mlauto {margin-left:auto;}
.flexbox .mrauto {margin-right:auto;}

/* ==========================================================================
   vertical-align
   ========================================================================== */

img.valigntop {vertical-align:top;}
img.valignmiddle {vertical-align:middle;}
img.valignbottom {vertical-align:bottom;}
img.valignbaseline {vertical-align:baseline;}
img.valigntexttop {vertical-align:text-top;}
img.valigntextbottom {vertical-align:text-bottom;}

/* ==========================================================================
   background
   ========================================================================== */

.bg_white {background:#fff;}
.bg_black {background:#000;}
.bg_green {background:#3a0;}
.bg_green2 {background:#18913a;}
.bg_gray {background:#eee;}
.bg_lightgray_f6 {background:#f6f6f6;}
.bg_lightgray {background:#fafafa;}
.bg_lightgreen {background:#48cb8b;}
.bg_orange {background:#f90;}
.bg_skyblue {background:#2196f3;}
.bg_yellow {background:#fe3;}
.bg_yellow2 {background:#fc0;}
.bg_raceblue {background:#4080ff;}

body.body_bg_white { background: #fff; }

/* ==========================================================================
   font
   ========================================================================== */

.wordbreak_all {
	word-break: break-all;
}

.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.strong{font-weight:bold;}

.font9px {font-size:9px;}
.font10px {font-size:10px;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size:13px;}
.font14px {font-size:14px;}
.font15px {font-size:15px;}
.font16px {font-size:16px;}
.font17px {font-size:17px;}
.font18px {font-size:18px;}
.font19px {font-size:19px;}
.font20px {font-size:20px;}
.font21px {font-size:21px;}
.font22px {font-size:22px;}
.font23px {font-size:23px;}
.font24px {font-size:24px;}
.font25px {font-size:25px;}
.font26px {font-size:26px;}
.font27px {font-size:27px;}
.font28px {font-size:28px;}

.text_gray {color:#ccc;}
.text_gray_aaa {color:#aaa;}
.text_gray_999 {color:#999;}
.text_gray_888 {color:#888;}
.text_gray_666 {color:#666;}
.text_red {color:#f00;}
.text_blue {color:#00f;}
.text_green {color:#0c0;}
.text_yellow {color:#ff0;}
.text_orange {color:#f60;}
.text_white {color:#fff;}
.text_brown {color:#b30;}
.text_jra {color:#3a0;}
.text_nar {color:#8f0000;}
.text_coliseum_red {color:#c9171e;}
.text_coliseum_blue {color:#28628c;}
.text_dull_red {color: #c51616;}
.text_dull_blue {color: #0b76a0;}
.text_dull_green {color: #3a7d22;}

a.link_darkblue,
a.link_darkblue:link,
a.link_darkblue:visited {color:#2B618F;}

a.link_dblue,
a.link_dblue:link,
a.link_dblue:visited {color: #06a;}

a.link_noline,
a.link_noline:hover { text-decoration: none; }

.lh11 {line-height:1.1;}
.lh13 {line-height:1.3;}
.lh15 {line-height:1.5;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2.0;}

.uvalue-high {color: #EE3957;}
.uvalue-middle {color: #0076FF;}
.uvalue-low {color: #00B52A;}
.uvalue-normal {color: #444444;}

.turf-type {color: green;}
.dirt-type {color: maroon;}

.saturday {color:#00f;}
.sunday {color:#f00;}

/* ==========================================================================
   GI,GII,GIII icon
   ========================================================================== */
/* racedata.cssからコピー */

.icon_g1_small,
.icon_g2_small,
.icon_g3_small,
.icon_another_small {
	display: inline-block;
	width: 24px;
	padding: 3px 0;
	border-radius: 4px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;

	vertical-align: 24%;
}
.icon_g1_small { background:#09f; }
.icon_g2_small { background:#d00; }
.icon_g3_small { background:#0c0; }
.icon_another_small { background:#666; }

/* ---------------------------------------- */
/* GI,GII,GIII icon type2
/* ---------------------------------------- */

.icon_g1_small_type2,
.icon_g2_small_type2,
.icon_g3_small_type2,
.icon_another_small_type2 {
	display: inline-block;
	width: 36px;
	padding: 3px 0;
	border-radius: 20px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	vertical-align: 24%;
}

.icon_g1_small_type2 { background:#09f; }
.icon_g2_small_type2 { background:#d00; }
.icon_g3_small_type2 { background:#0c0; }
.icon_another_small_type2 { background:#666; }

/* ==========================================================================
   framebox_num
   ========================================================================== */

.framebox_num01, .framebox_num02, .framebox_num03, .framebox_num04, .framebox_num05, .framebox_num06, .framebox_num07, .framebox_num08, .framebox_num09 {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	letter-spacing: -1px;
}

.framebox_num01, .framebox_num09 { background:#fff;color:#000;border: 1px solid #ccc; }
.framebox_num02 { background:#404040;color:#fff; }
.framebox_num03 { background:#f55;color:#fff; }
.framebox_num04 { background:#47c;color:#fff; }
.framebox_num05 { background:#eecf33;color:#fff; }
.framebox_num06 { background:#3a4;color:#fff; }
.framebox_num07 { background:#ffa500;color:#fff; }
.framebox_num08 { background:#f89;color:#fff; }

/* ==========================================================================
   margin
   ========================================================================== */

.mgauto {
	margin-left: auto;
	margin-right: auto;
}

.mt00 {
	margin-top:0 !important;
}
.mt03 {
	margin-top:3px;
}
.mt05 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt35 {
	margin-top:35px;
}
.mt40 {
	margin-top:40px;
}
.mt45 {
	margin-top:45px;
}
.mt50 {
	margin-top:50px;
}
.mt55 {
	margin-top:55px;
}

.mb00 {
	margin-bottom:0px !important;
}
.mb03 {
	margin-bottom:3px;
}
.mb05 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb35 {
	margin-bottom:35px;
}
.mb40 {
	margin-bottom:40px;
}
.mb45 {
	margin-bottom:45px;
}
.mb50 {
	margin-bottom:50px;
}
.mb55 {
	margin-bottom:55px;
}

.mr00 {
	margin-right:0 !important;
}
.mr03 {
	margin-right:3px;
}
.mr05 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mr35 {
	margin-right:35px;
}
.mr40 {
	margin-right:40px;
}
.mr45 {
	margin-right:45px;
}
.mr50 {
	margin-right:50px;
}
.mr55 {
	margin-right:55px;
}

.ml00 {
	margin-left:0 !important;
}
.ml03 {
	margin-left:3px;
}
.ml05 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml25 {
	margin-left:25px;
}
.ml30 {
	margin-left:30px;
}
.ml35 {
	margin-left:35px;
}
.ml40 {
	margin-left:40px;
}
.ml45 {
	margin-left:45px;
}
.ml50 {
	margin-left:50px;
}
.ml55 {
	margin-left:55px;
}

.mrl_10 {
	margin-right:-10px !important;
	margin-left:-10px !important;
}

/* ==========================================================================
   padding
   ========================================================================== */

/* 00 */

.p00 {
	padding:0 !important;
}
.pt00 {
	padding-top:0 !important;
}
.pr00 {
	padding-right:0 !important;
}
.pb00 {
	padding-bottom:0 !important;
}
.pl00 {
	padding-left:0 !important;
}

/* all */

.p03 {
	padding:3px !important;
}
.p05 {
	padding:5px !important;
}
.p10 {
	padding:10px !important;
}
.p15 {
	padding:15px !important;
}
.p20 {
	padding:20px !important;
}
.p25 {
	padding:25px !important;
}
.p30 {
	padding:30px !important;
}
.p35 {
	padding:35px !important;
}
.p40 {
	padding:40px !important;
}
.p45 {
	padding:45px !important;
}
.p50 {
	padding:50px !important;
}
.p55 {
	padding:55px !important;
}

/* top */

.pt03 {
	padding-top:3px !important;
}
.pt05 {
	padding-top:5px !important;
}
.pt10 {
	padding-top:10px !important;
}
.pt15 {
	padding-top:15px !important;
}
.pt20 {
	padding-top:20px !important;
}
.pt25 {
	padding-top:25px !important;
}
.pt30 {
	padding-top:30px !important;
}
.pt35 {
	padding-top:35px !important;
}
.pt40 {
	padding-top:40px !important;
}
.pt45 {
	padding-top:45px !important;
}
.pt50 {
	padding-top:50px !important;
}
.pt55 {
	padding-top:55px !important;
}

/* right */

.pr03 {
	padding-right:3px !important;
}
.pr05 {
	padding-right:5px !important;
}
.pr10 {
	padding-right:10px !important;
}
.pr15 {
	padding-right:15px !important;
}
.pr20 {
	padding-right:20px !important;
}
.pr25 {
	padding-right:25px !important;
}
.pr30 {
	padding-right:30px !important;
}
.pr35 {
	padding-right:35px !important;
}
.pr40 {
	padding-right:40px !important;
}
.pr45 {
	padding-right:45px !important;
}
.pr50 {
	padding-right:50px !important;
}
.pr55 {
	padding-right:55px !important;
}

/* bottom */

.pb03 {
	padding-bottom:3px !important;
}
.pb05 {
	padding-bottom:5px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb15 {
	padding-bottom:15px !important;
}
.pb20 {
	padding-bottom:20px !important;
}
.pb25 {
	padding-bottom:25px !important;
}
.pb30 {
	padding-bottom:30px !important;
}
.pb35 {
	padding-bottom:35px !important;
}
.pb40 {
	padding-bottom:40px !important;
}
.pb45 {
	padding-bottom:45px !important;
}
.pb50 {
	padding-bottom:50px !important;
}
.pb55 {
	padding-bottom:55px !important;
}

/* left */

.pl03 {
	padding-left:3px !important;
}
.pl05 {
	padding-left:5px !important;
}
.pl10 {
	padding-left:10px !important;
}
.pl15 {
	padding-left:15px !important;
}
.pl20 {
	padding-left:20px !important;
}
.pl25 {
	padding-left:25px !important;
}
.pl30 {
	padding-left:30px !important;
}
.pl35 {
	padding-left:35px !important;
}
.pl40 {
	padding-left:40px !important;
}
.pl45 {
	padding-left:45px !important;
}
.pl50 {
	padding-left:50px !important;
}
.pl55 {
	padding-left:55px !important;
}

/* ==========================================================================
   oldcss_font_fix
   ========================================================================== */

.oldcss_font_fix {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ---------------------------------------- */
/* icon_rank_XX
/* ---------------------------------------- */

.icon_rank_king,
.icon_rank_120,
.icon_rank_110,
.icon_rank_100,
.icon_rank_80,
.icon_rank_60,
.icon_rank_40,
.icon_rank_20,
.icon_rank_0,
.icon_rank_a1,
.icon_rank_a2,
.icon_rank_b1,
.icon_rank_b2,
.icon_rank_b3,
.icon_rank_c1,
.icon_rank_c2,
.icon_rank_c3,
.icon_rank_new {
	display: inline-block;
	width: 50px;
	padding: 3px 0;
	border-radius: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 1;
}
.icon_rank_king {color: #ff0 !important; background: #f00 !important;}
.icon_rank_120,.icon_rank_a1 {color: #fff !important; background: #e0594b !important;}
.icon_rank_110,.icon_rank_a2 {color: #fff !important; background: #3c81d8 !important;}
.icon_rank_100,.icon_rank_b1 {color: #fff !important; background: #41c146 !important;}
.icon_rank_80,.icon_rank_b2 {color: #333 !important; background: #f5be9a !important;}
.icon_rank_60,.icon_rank_b3 {color: #333 !important; background: #8ac4de !important;}
.icon_rank_40,.icon_rank_c1 {color: #fff !important; background: #de69ba !important;}
.icon_rank_20,.icon_rank_c2 {color: #333 !important; background: #f9c8f6 !important;}
.icon_rank_0,.icon_rank_c3 {color: #333 !important; background: #f3d7e6 !important;}
.icon_rank_new {color: #333 !important; background: #f7e1a0 !important;}