@charset "utf-8";

/* ############################################################
 * snippets
 *
 * ------
 * 2022.02.28
 * ############################################################ */

/* ==========================================================================
   ボタンアクション
   ========================================================================== */

a::after,
input[type="button"]::after {
	bottom: -5px;
	content: "";
}
a:active,
input[type="button"]:active {
	transform: translateY(5px);
	opacity: 0.75;
}
a:active::after,
input[type="button"]:active::after {
	height: 0px;
}

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

.bg_lightgray { background: #efefef; }
.bg_lightgray2 { background: #f3f3f3; }
.bg_skyblue,
.bg_boat { background: #39e; }
.bg_skyblue2 { background: #5cf; }
.bg_lightblue { background: #ebf5ff; }
.bg_coliseum_blue { background: #28628c;}
.bg_darkblue { background: #05356a; }
.bg_pink { background: #ffe9ff; }
.bg_lightyellow { background: #ffc; }
.bg_white { background: #fff; }
.bg_off { background: #eee;}
.bg_tlg_men { background: #049; }
.bg_tlg_women { background: #c20; }

.frame_darkblue { border: 1px solid #05356a; }

/* ==========================================================================
   bold
   ========================================================================== */

.bold { font-weight: bold; }
.bold_normal { font-weight: normal; }

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

.text_gray {color:#ccc;}
.text_gray_aaa {color:#aaa;}
.text_gray_999 {color:#999;}
.text_gray_666 {color:#666;}
.text_red {color:#f00;}
.text_pink {color:#f69;}
.text_blue {color:#00f;}
.text_skyblue {color:#39e;}
.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_gold {color: #c4a85e;}
.text_deep_red {color:#c00;}
.text_dull_red { color: #c51616; }
.text_dull_blue { color: #0b76a0; }
.text_dull_green { color: #3a7d22; }

.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;}

/* ==========================================================================
   symbol_font_fix
   ========================================================================== */
/* ●○×等の記号が小さくなるのを補正 */

.symbol_font_fix {
	font-family: '游ゴシック','Osaka','Noto Sans CJK JP';
}

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

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

.common_title {
	font-weight: bold;
	background: #3a0;
	color: #fff;
	padding: 5px 10px;
}

.common_title.bg_orange { background:#f60; }
.common_title.bg_skyblue { background:#39e; }
.common_title.bg_coliseum_blue { background:#28628c; }

/* -----------------------------------------------
 * tlg_title
 * ----------------------------------------------- */

.tlg_title01 {
	position: relative;
	padding-bottom: 4px;
	border-bottom: 1px solid #28628c;
	font-size: 20px;
	color: #28628c;
	font-weight: bold;
}

.tlg_title01.with_icon {
	padding-top: 2px;
	padding-left: 30px;
}
.tlg_title01.with_icon:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
}
.tlg_title01.with_icon.icon_racket:before {
	background: url( /static/img/icon/icon_racket.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_cup:before {
	background: url( /static/img/icon/icon_cup_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_list:before {
	background: url( /static/img/icon/icon_list_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_crown:before {
	background: url( /static/img/icon/icon_crown_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_box:before {
	background: url( /static/img/icon/icon_box_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_beginner:before {
	background: url( /static/img/icon/icon_beginner_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_graph:before {
	background: url( /static/img/icon/icon_graph_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_news:before {
	background: url( /static/img/icon/icon_news_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_q_blue:before {
	background: url( /static/img/icon/icon_q_blue.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_talk:before {
	background: url( /static/img/icon/icon_talk_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_whistle:before {
	background: url( /static/img/icon/icon_whistle_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_live_red:before {
	background: url( /static/img/icon/icon_live_red.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_calendar:before {
	background: url( /static/img/icon/icon_calendar_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_calendar2:before {
	background: url( /static/img/icon/icon_calendar2_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_winner:before {
	background: url( /static/img/icon/icon_winner_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_data:before {
	background: url( /static/img/icon/icon_data_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_attention:before {
	background: url( /static/img/icon/icon_attention_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_loupe:before {
	background: url( /static/img/icon/icon_loupe_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_person:before {
	background: url( /static/img/icon/icon_person_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_picture:before {
	background: url( /static/img/icon/icon_picture2_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_stopwatch:before {
	background: url( /static/img/icon/icon_stopwatch_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_i:before {
	background: url( /static/img/icon/icon_i_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_vote:before {
	background: url( /static/img/icon/icon_vote2_gold.png ) no-repeat;
	background-size: 24px 24px;
	background-position: 0 3px;
}
.tlg_title01.with_icon.icon_dialogue:before {
	background: url( /static/img/icon/icon_dialogue2_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_eye:before {
	background: url( /static/img/icon/icon_eye_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_data2:before {
	background: url( /static/img/icon/icon_data2_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_mjtable:before {
	background: url( /static/img/icon/icon_mjtable_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_chart:before {
	background: url( /static/img/icon/icon_chart_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_stadium:before {
	background: url( /static/img/icon/icon_stadium_gold.png ) no-repeat;
	background-size: 24px 24px;
}
.tlg_title01.with_icon.icon_runner:before {
	background: url( /static/img/icon/icon_runner_gold.png ) no-repeat;
	background-size: 24px 24px;
}

.tlg_title01.flx_btm {
	align-items: flex-end;
}
.tlg_title01.flx_btm .flx_title {
	margin-bottom: 2px;
	line-height: 1;
}
.tlg_title01.flx_btm.with_icon {
	padding-top: 2px;
	padding-left: 30px;
}
.tlg_title01.flx_btm.with_icon:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	top: initial;
	bottom: 5px;
	left: 0;
}

/* -----------------------------------------------
 * leftbar_title
 * ----------------------------------------------- */

.leftbar_title {
	position: relative;
	padding: 0 0 0 10px;
	font-weight: bold;
	background-color: #FEFEFE;
}
.leftbar_title:before {
	content: "";
	position: absolute;
	background: #008440;
	top: 0;
	left: 0;
	height: 100%;
	width: 5px;
}

.leftbar_title.nar_coliseum:before {background: #c20;}
.leftbar_title.boat:before {background: #39e;}

/* -----------------------------------------------
 * leftbar_border_title
 * ----------------------------------------------- */

.leftbar_border_title {
	position: relative;
	padding: 5px 4px 3px 15px;
	font-weight: bold;
	border: 1px solid #ccc;
	line-height: 1;
}
.leftbar_border_title:before {
	content: "";
	position: absolute;
	background: #008440;
	top: 4px;
	left: 5px;
	height: calc( 100% - 8px );
	width: 5px;
}

.leftbar_border_title.nar_coliseum:before {background: #c20;}
.leftbar_border_title.boat:before {background: #39e;}
.leftbar_border_title.ncup:before {background: #06356b;}

/* -----------------------------------------------
 * aside_title01
 * ----------------------------------------------- */

.aside_title01 {
	padding: 10px 0;
	background: #053;
	color: #fff;
	text-align: center;
}

/* color */

.aside_title01.bg_orange { background: #f80; color: #fff; }
.aside_title01.bg_skyblue { background: #39e; }
.aside_title01.bg_jra { background: #3a0; }
.aside_title01.bg_nra { background: #8f0000; }

/* with icon */

.aside_title01 span.with_icon {
	position: relative;
	padding-left: 30px;
}
.aside_title01 span.with_icon:before {
	content: '';
	position: absolute;
	top: calc( 50% - 13px );
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	vertical-align: middle;
}
.aside_title01 span.with_icon.icon_horse:before { background-image: url( /common/img/sp/icn/icn_coliseum_horse_edge.png ); }
.aside_title01 span.with_icon.icon_horse_nar:before { background-image: url( /common/img/sp/icn/icn_coliseum_horse_nar_edge.png ); }
.aside_title01 span.with_icon.icon_boat:before { background-image: url( /common/img/sp/icn/icn_coliseum_boat.png ); }
.aside_title01 span.with_icon.icon_sword:before { background-image: url( /common/img/sp/icn/icn_coliseum_sword_small_edge.png ); }

/* -----------------------------------------------
 * aside_info1
 * ----------------------------------------------- */

.aside_info1 {
	display: flex;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.aside_info1 > div:first-child {
	width: 50%;
	padding: 5px;
	border-right: 1px solid;
}
.aside_info1 > div:last-child {
	width: 50%;
	padding: 5px;
}

/* color */

.aside_info1.bdr_skyblue,
.aside_info1.bdr_skyblue > div {border-color:#39e;}
.aside_info1.bdr_jra,
.aside_info1.bdr_jra > div {border-color:#3a0;}
.aside_info1.bdr_nar,
.aside_info1.bdr_nar > div {border-color:#8f0000;}

/* -----------------------------------------------
 * popup_title_type01
 * ----------------------------------------------- */

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

/* ==========================================================================
   image
   ========================================================================== */

/* -----------------------------------------------
 * img fit
 * ----------------------------------------------- */

.img_fit img {
	width: 100%;
	height: auto;
}

/* -----------------------------------------------
 * img sharp
 * ----------------------------------------------- */
/* chromeで画像がぼやける場合の対応 */

.img_sharp {
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
}

/* -----------------------------------------------
 * object-fit
 * ----------------------------------------------- */

.fit_cover {
	-webkit-object-fit: cover;
	object-fit: cover;
}

.fit_contain {
	-webkit-object-fit: contain;
	object-fit: contain;
}

/* -----------------------------------------------
 * 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;
	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.imgbox40sq {width:40px;height:40px;}
div.imgbox.imgbox50sq {width:50px;height:50px;}
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;}

/* ==========================================================================
   aside
   ========================================================================== */

/* ---------------------------------------- */
/* aside
/* ---------------------------------------- */

.top_race {
	margin: 5px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 1px #bbb;
}

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

/* -----------------------------------------------
 * common_button
 * ----------------------------------------------- */

.common_button {
	display: inline-block;
	width: 100%;
	padding: 15px 5px;
	border-radius: 5px;
	border: none;
	background: #ccc;
	color: #333;
	text-align: center;
	text-decoration: none;
}

input[type="button"].common_button {
	appearance: none;
}

.common_button.corner_8 {border-radius:8px;}

.common_button.bg_white {background: #fff;}
.common_button.bg_lightgray {background: #efefef;}
.common_button.bg_red {background:#e22;color:#fff;}
.common_button.bg_green {background: #3a0;color:#fff;}
.common_button.bg_blue {background: #08c;color:#fff;}
.common_button.bg_orange {background: #f80;color:#fff;}
.common_button.bg_coliseum_red {background: #c9171e;color:#fff;}
.common_button.bg_coliseum_blue {background: #28628c;color:#fff;}
.common_button.bg_gold {background: #c2a95d;color:#fff;}

.common_button.border_gray {border:2px solid #ccc;}
.common_button.border_red {border:2px solid #e22;}
.common_button.border_green {border:2px solid #3a0;}
.common_button.border_orange {border:2px solid #f80;}
.common_button.border_skyblue {border:2px solid #0af;}
.common_button.border_jra {border:2px solid #3a0;}
.common_button.border_nar {border:2px solid #8f0000;}
.common_button.border_coliseum_blue {border:2px solid #28628c;}

.common_button.text_gray,
.common_button.text_gray:link,
.common_button.text_gray:visited {color:#999;}
.common_button.text_red {color:#e22;}
.common_button.text_skyblue,
.common_button.text_skyblue:link,
.common_button.text_skyblue:visited {color:#0af;}
.common_button.text_coliseum_blue,
.common_button.text_coliseum_blue:link,
.common_button.text_coliseum_blue:visited {color:#28628c;}
.common_button.text_red,
.common_button.text_red:link,
.common_button.text_red:visited {color:#f00;}
.common_button.text_orange,
.common_button.text_orange:link,
.common_button.text_orange:visited {color:#f80;}

.common_button.bw1 {border-width: 1px;}

.common_button.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: -1px;
}

.common_button.with_arrow_small:before {
	display: inline-block;
	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;
}

.common_button.with_arrow_after:after {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	margin-left: 5px;
	border-left: 16px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	vertical-align: -1px;
}

.common_button.with_arrow_after_small:after {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	margin-left: 5px;
	border-left: 12px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	vertical-align: -1px;
}

.common_button.with_arrow.arrow_coliseum_blue:before,
.common_button.with_arrow_small.arrow_coliseum_blue:before {
	border-right-color: #28628c;
	border-left-color: #28628c;
}

/* 幅 */
.common_button.w_60_80 { width: 60%; }
@media screen and (max-width: 767px) {
	.common_button.w_60_80 { width: 80%; }
}

/* -----------------------------------------------
 * button_gradient01
 * ----------------------------------------------- */

.button_gradient01,
.button_gradient01_off {
	font-weight:bold;
	border:1px solid #ccc;
	text-align:center;
	white-space:nowrap;
	
	color:#333 !important;
	text-decoration:none !important;
	padding:5px;
	display:block;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button_gradient01_off {
	color:#929292 !important;
	background:#ccc;
	border:1px solid #ccc;
}

.button_gradient01.bg_yellow {
	background: #fde69c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fac933), color-stop(0.00, #fde69c));
	background: -webkit-linear-gradient(top, #fde69c 0%, #fac933 100%);
	background: -moz-linear-gradient(top, #fde69c 0%, #fac933 100%);
}

/* -----------------------------------------------
 * login
 * ----------------------------------------------- */

.btn_login {
	appearance: none;
	width: 76px;
	padding: 15px;
	border: none;
	border-radius: 6px;
	background: #e00;
	color: #fff;
}

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

p.readmore {
	background-color: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 7px auto 0 auto;
	padding: 14px 10px;
	text-align: center;
	width: 100%;
}
p.readmore a {
	text-decoration: none;
	display: block;
}

p.readmore_bn {
	background: url(/common/img/sp/sp_arrow_orange.png) right center no-repeat;
	background-size: 14px 14px;
	padding-right: 17px !important;
	background-color: #FFF !important;
}

/* ---------------------------------------- */
/* 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: #fe3;
	color: #333;
	font-weight: bold;
}

.type_select.color_lightblue li.select a {
	background: #c1e5f5;
}

/* ---------------------------------------- */
/* button_follow
/* ---------------------------------------- */

.button_follow {
	display: inline-block;
	width: 110px;
	padding: 4px 0;
	border: 1px solid #28628c;
	border-radius: 18px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.button_follow.following { background: #fff; color: #28628c; }
.button_follow.notfollowing { background: #28628c; color: #fff; }

.icon_followed {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 6px;
	background: #eee;
}

/* ==========================================================================
   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-size: 13px;
	font-weight: bold;
}

.common_table.table_basefont td {
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.common_table.table_basefont td {
		font-size: 13px;
	}
}

.common_table.text_left th,
.common_table.text_left td {
	text-align: left;
}
.common_table.text_right th,
.common_table.text_right td {
	text-align: right;
}

.common_table.valigntop tr td {
	vertical-align: top;
}

.common_table.th_bold_normal th {
	font-weight: normal;
}

.common_table.th_green th {background: #daf5bb;}
.common_table.th_lightgray th {background: #eee;}
.common_table.th_lightblue th {background: #ebf5ff;}
.common_table.th_skyblue th {background: #39e;color:#fff;}
.common_table.th_coliseum_blue th {background: #28628c;color:#fff;}
.common_table.th_gold th {background: #c2a95d;color:#fff;}

/* 例外的にtrの背景色を変える場合 */
.common_table tr.tr_bg_cream th,
.common_table tr.tr_bg_cream td {background: #fffae6;color:#333;}
.common_table tr.tr_bg_lightblue th,
.common_table tr.tr_bg_lightblue td {background: #ebf5ff;color:#333;}
.common_table tr.tr_bg_off th,
.common_table tr.tr_bg_off td {background: #eee;color:#333;}

.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;}

/* th ボールドなし */
.common_table th.bold_normal { font-weight: normal; }

/* padding */

.common_table.p2-0 td {padding: 2px 0px;}
.common_table.p2-2 td {padding: 2px 2px;}
.common_table.p2-3 td {padding: 2px 3px;}
.common_table.p2-4 td {padding: 2px 4px;}
.common_table.p3-0 td {padding: 3px 0px;}
.common_table.p3-2 td {padding: 3px 2px;}
.common_table.p3-3 td {padding: 3px 3px;}
.common_table.p3-4 td {padding: 3px 4px;}
.common_table.p4-0 td {padding: 4px 0px;}
.common_table.p4-2 td {padding: 4px 2px;}
.common_table.p4-3 td {padding: 4px 3px;}
.common_table.p4-4 td {padding: 4px 4px;}
.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-4 td {padding: 5px 4px;}
.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-3 td {padding: 8px 3px;}
.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-3 td {padding: 10px 3px;}
.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-3 th {padding: 2px 3px;}
.common_table.th_p2-4 th {padding: 2px 4px;}
.common_table.th_p3-0 th {padding: 3px 0px;}
.common_table.th_p3-2 th {padding: 3px 2px;}
.common_table.th_p3-3 th {padding: 3px 3px;}
.common_table.th_p3-4 th {padding: 3px 4px;}
.common_table.th_p4-0 th {padding: 4px 0px;}
.common_table.th_p4-2 th {padding: 4px 2px;}
.common_table.th_p4-3 th {padding: 4px 3px;}
.common_table.th_p4-4 th {padding: 4px 4px;}
.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-4 th {padding: 5px 4px;}
.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-3 th {padding: 8px 3px;}
.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-3 th {padding: 10px 3px;}
.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;}

/* color */

.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_coliseum_blue {}
.common_table.color_coliseum_blue th {border-color:#28628c;border-right-color:#fff;background:#28628c;color:#fff;}
.common_table.color_coliseum_blue td {border-color:#28628c;}
.common_table.color_coliseum_blue th:last-child {border-right-color:#28628c;}

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

.common_table.color_nar {}
.common_table.color_nar th {border-color:#8f0000;border-right-color:#fff;background:#8f0000;color:#fff;}
.common_table.color_nar td {border-color:#8f0000;}
.common_table.color_nar th:last-child {border-right-color:#8f0000;}

.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_boat {}
.common_table.color_boat th {border-color:#39e;border-right-color:#fff;background:#39e;color:#fff;}
.common_table.color_boat td {border-color:#39e;}
.common_table.color_boat th:last-child {border-right-color:#39e;}

/* 一行おき背景色 */

.common_table.odd_bg tr:nth-child(odd) {
	background: #fafafa;
}

/* ボーダーなし */

.common_table.noborder,
.common_table.noborder tr > th,
.common_table.noborder tr > td {
	border: none;
}

/* テーブル左右ボーダーなし */

.common_table.side_noborder {}
.common_table.side_noborder tr > th:first-child,
.common_table.side_noborder tr > td:first-child {
	border-left: none;
}
.common_table.side_noborder tr > th:last-child,
.common_table.side_noborder tr > td:last-child {
	border-right: none;
}

/* SPのみテーブル左右ボーダーなし */

@media screen and (max-width: 767px) {
	.common_table.sp_side_noborder {}
	.common_table.sp_side_noborder tr > th:first-child,
	.common_table.sp_side_noborder tr > td:first-child {
		border-left: none;
	}
	.common_table.sp_side_noborder tr > th:last-child,
	.common_table.sp_side_noborder tr > td:last-child {
		border-right: none;
	}
}

/* 全セル左右ボーダーなし */

.common_table.noborder_x th,
.common_table.noborder_x td {
	border-left: none;
	border-right: none;
}

/* セル個別左右ボーダーなし */

.common_table th.noborder_left,
.common_table td.noborder_left {
	border-left: none;
}
.common_table th.noborder_right,
.common_table td.noborder_right {
	border-right: none;
}
.common_table th.noborder_both,
.common_table td.noborder_both {
	border-left: none;
	border-right: none;
}

/* 両端以外左右ボーダーなし */
.common_table tr.tr_noborder_v th,
.common_table tr.tr_noborder_v td {
	border-left: none;
	border-right: none;
}
.common_table tr.tr_noborder_v th:first-child,
.common_table tr.tr_noborder_v td:first-child {
	border-left: 1px solid #ccc;
}
.common_table tr.tr_noborder_v th:last-child,
.common_table tr.tr_noborder_v td:last-child {
	border-right: 1px solid #ccc;
}

/* 列固定 */

.common_sticky_table_wrapper {
	position: relative;
	overflow-x: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.common_table.common_sticky_table {
	table-layout: fixed;
}

.common_table.common_sticky_table th,
.common_table.common_sticky_table td {
	border: 1px solid #ccc;
	background: #fff;
}

.common_table.common_sticky_table th {
}
.common_table.common_sticky_table td {
}

.common_table.common_sticky_table .fixed_cell {
	position: -webkit-sticky;
	position: sticky;
	z-index: 9;
	left: 0;
}
.common_table.common_sticky_table .fixed_cell:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0px;
	width: 1px;
	height: calc( 100% + 2px);
	border: 1px solid #ccc;
}
.common_table.common_sticky_table .fixed_cell:after {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 1px;
	height: calc( 100% + 2px);
	border-right:1px solid #ccc;
}

.common_table.common_sticky_table.th_coliseum_blue th {
	background: #28628c;
}

/* セル背景色 */

.common_table.common_sticky_table td.bg_lightgray { background: #efefef; }

/* .sticky_fix 固定列が1つの場合のみ補正 */
.common_table.common_sticky_table.sticky_fix .fixed_cell:before {
	left:-1px;border-right:none;
}

/* ボーダー破線 */

.common_table td.border_top_dot {  border-top-style: dotted; }
.common_table td.border_bottom_dot {  border-bottom-style: dotted; }
.common_table td.border_left_dot {  border-left-style: dotted; }
.common_table td.border_right_dot {  border-right-style: dotted; }

/* ==========================================================================
   other table
   ========================================================================== */

/* -----------------------------------------------
 * clickable
 * ----------------------------------------------- */

.clickable {
	cursor:pointer;
}

.clickable > td:last-child {
	background:url(/common/img/sp/sp_arrow_orange.png) right center no-repeat;
	background-size:14px 14px;
	padding-right:17px !important;
}

/* -----------------------------------------------
 * clickable non arrow
 * ----------------------------------------------- */

.clickable_non_arrow {
	cursor:pointer;
}

/* -----------------------------------------------
 * waku
 * ----------------------------------------------- */
 
.sp_waku_type01 {background:#fff;}
.sp_waku_type02 {background:#656565;color:#fff;}
.sp_waku_type03 {background:#f00029;color:#fff;}
.sp_waku_type04 {background:#0077ff;color:#fff;}
.sp_waku_type05 {background:#ffc832;}
.sp_waku_type06 {background:#00b428;color:#fff;}
.sp_waku_type07 {background:#ff5a00;color:#fff;}
.sp_waku_type08 {background:#ff6496;color:#fff;}

.tansho_color {
	background: #D9DDE8 !important;
	color: #000 !important;
}
.fukusho_color {
	background: #F4D0DA !important;
	color: #000 !important;
}
.wakuren_color {
	background: #EFE9C9 !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;
}
.wakutan_color {
	background: #DDF0EE !important;
	color: #000 !important;
}

/* -----------------------------------------------
 * list_table_type01
 * ----------------------------------------------- */

.list_table_type01 {
	width: 100%;
}

.list_table_type01 tr > th {
	padding: 5px;
	border: 1px solid #ffa000;
	background: #fff6cc;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 13px;
}

.list_table_type01 tr.singleline > th {
	padding: 14px 5px;
}

.list_table_type01 tr > td {
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

.list_table_type01 tr > th:first-child,
.list_table_type01 tr > td:first-child {
	border-left: none;
}
.list_table_type01 tr > th:last-child,
.list_table_type01 tr > td:last-child {
	border-right: none;
}

body.boat .list_table_type01 tr > th {background:#efefef;border-color:#ccc;}

/* -----------------------------------------------
 * table_dotline01
 * ----------------------------------------------- */

.table_dotline01 {
	width:100%;
}

.table_dotline01 tr {
	border-top:1px dotted #b8c5b2;
}

.table_dotline01 tr:first-child {
	border-top:none;
}

.table_dotline01 tr.noborder {
	border-top:none;
}

.table_dotline01 th,
.table_dotline01 td {
	padding:10px 10px 10px 0;
}

/* -----------------------------------------------
 * racetable_2
 * ----------------------------------------------- */

.racetable_2 {
	border: 1px solid #CCC;
	width: 100%;
	border-collapse: collapse;
	background-color: #FFF;
}

.racetable_2 th,
.racetable_2 td {
	padding: 8px 2px 8px 0;
	text-align: center;
}
.racetable_2 th {
	background: #bdf;
	color: #333;
}
.racetable_2 td {
	border: 1px solid #CCC;
}
.racetable_2 .tr-odd {
	background: #ebf5ff;
	border: 1px solid #CCC;
}
.racetable_2.no_vline td {
	border-left: none;
	border-right: none;
}

.racetable_2.no_vline tr th:last-child,
.racetable_2.no_vline tr td:last-child {
	border-right: 1px solid #ccc;
}

.racetable_2.no_vline .bdr_right {
	border-right: 1px solid #ccc;
}

.entries_table2 > tbody > tr > th,
.entries_table2 > tbody > tr > td {
	padding: 10px 0 10px 0;
}

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

.border_solid {border:1px solid #ccc;}
.border_top_solid {border-top:1px solid #ccc;}
.border_bottom_solid {border-bottom:1px solid #ccc;}
.border_left_solid {border-left:1px solid #ccc;}
.border_right_solid {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;}
.noborder {border:none;}

.border_orange {border:1px solid #f80;}
.border_skyblue {border:1px solid #39e;}
.border_jra {border:1px solid #3a0;}
.border_nar {border:1px solid #8f0000;}
.border_coliseum_blue {border:1px solid #28628c;}
.border_gold {border:1px solid #c4a85e;}

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

/* ---------------------------------------- */
/* shadowbox
/* ---------------------------------------- */

.shadowbox {
	border: 1px solid #ccc;
	-webkit-box-shadow:rgba(153, 153, 153, 0.298039) 0px 0px 2px 2px;
	box-shadow:rgba(153, 153, 153, 0.298039) 0px 0px 2px 2px;
}

/* ==========================================================================
   form
   ========================================================================== */

.formtext {
	height: 44px !important;
	line-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
}
input.sp_input_text01,
textarea.sp_input_text01 {
	width:100%;
	padding:5px;
}

.register_pop_input_text {
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #666;
}

input.register_pop_btn01,
button.register_pop_btn01 {
	width: 100%;
	height: 50px;
	border: 1px solid #333c5e;
	background: #333c5e;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}

.checkbox18 {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

/* -----------------------------------------------
 * sp_radio_type02, sp_check_type02
 * ----------------------------------------------- */

label.sp_radio_type02, label.sp_check_type02{
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
	background-color: #fff !important;
}
label.sp_radio_type02 {
	width         : 25px;
	height        : 25px;
	border        : 1px solid #666666;
	border-radius : 100%;
}
label.sp_check_type02 {
	width      : 25px;
	height     : 25px;
	border     : 1px solid #B3B3B3;
	background : #fff;
}
label.sp_radio_type02:before,label.sp_check_type02:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.sp_radio_type02:before{
	border-radius    : 100%;
}
label.sp_radio_type02:before, label.sp_check_type02:after{
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.sp_check_type02:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 5px solid #333;
	border-bottom     : 5px solid #333;
	top               : calc(50% - (((25px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((25px / 12 ) * 5) * -1);
	width             : calc(((25px / 12 ) * 5));
	height            : 25px;
	z-index           : 1;
}

label.sp_check_type02.disabled::after{
	border-right      : 0px;
	border-bottom     : 0px;
}

label.sp_radio_type02:before {
	display          : block;
	width            : 15px;
	height           : 15px;
	z-index          : 1;
	background-color : #333;
}
label.sp_radio_type02.disabled.custom:before{
	background-color : #333;
}
label.sp_radio_type02 input[type="radio"], label.sp_check_type02 input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 25px;
	height     : 25px;
	box-sizing    : border-box;
	outline       : none;
}
label.sp_radio_type02 input[type="radio"]{
	left       : calc(25px * -1);
	width      : 25px;
	height     : 25px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.sp_check_type02 input[type="checkbox"]{
	left       : calc(25px * -1);
	padding    : 0;
}
label.sp_radio_type02 input[type="radio"] {
	display    : block;
	box-shadow : 25px 0px #FFF;
}
label.sp_check_type02 input[type="checkbox"] {
	box-shadow : 25px 0px #FFF;
}
label.sp_check_type02 input[type="checkbox"]:checked,
label.sp_radio_type02 input[type="radio"]:checked{
	box-shadow : none;
}
label.sp_check_type02 input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.sp_radio_type02 input[type="radio"]:focus{
	opacity: 0.2;
}

label.sp_check_type02 input[type="checkbox"]:checked:focus {
	box-shadow : 25px 0px #666;
}
label.sp_check_type02 input[type="checkbox"]:focus {
	box-shadow : 25px 0px #EEE;
}
label.sp_radio_type02 input[type="radio"]:focus {
	box-shadow : 25px 0px #FFF;
}

label.sp_radio_type02.disabled        { border     : 1px solid #ddd;}
label.sp_radio_type02.disabled::before{ background : none }
label.sp_check_type02 {
	width      : 25px;
	height     : 25px;
	border     : 1px solid #666;
	background : #fff;
}
label.radio.disabled input { cursor:not-allowed !important; }

label.sp_check_type02.disabled        { border     : 1px solid #ddd;}
label.sp_check_type02.disabled::before{ background : none !important; }
label.sp_radio_type02:before,label.checkbox:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.sp_radio_type02:before{
	border-radius    : 100%;
}

.sp_radio_type02_text,
.sp_check_type02_text {
	display: inline-block;
	position: relative;
	top: -6px;
	left:3px;
}

/* -----------------------------------------------
 * sp_select_type05
 * ----------------------------------------------- */

.sp_select_type05 {
	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%;
	font-size: 18px;
	text-indent: 0.5em;
	border-radius: 4px;
	color: #333;
}

/* -----------------------------------------------
 * sp_select_type07
 * ----------------------------------------------- */

.sp_select_type07 {
	height: 36px;
	line-height: 36px;
	padding: 0 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #0af;
	background: #fff url(/static/img/arrow_blue_down.png) no-repeat center right 5px;
	background-size: 12px, 10px;
	font-size: 16px;
	text-indent: 0.5em;
	border-radius: 4px;
	color: #0af;
}

.sp_select_type07.cl_red {
	color: #f00;
	border-color: #f00;
	background: #fff url(/static/img/arrow_red_down.png) no-repeat center right 5px;
	background-size: 12px, 10px;
}
.sp_select_type07.cl_coliseum_blue {
	color: #28628c;
	border-color: #28628c;
/*	background: #fff url(/static/img/arrow_coliseum_blue_down.png) no-repeat center right 5px;*/
	background: #fff url(/static/img/arrow_blue_down.png) no-repeat center right 5px;
	background-size: 12px, 10px;
}
.sp_select_type07.cl_coliseum_blue_selected {
	color: #fff;
	border-color: #28628c;
	background: #28628c url(/static/img/arrow_white_down.png) no-repeat center right 5px;
	background-size: 12px, 10px;
}

/* -----------------------------------------------
 * toggle_type01
 * ----------------------------------------------- */

.toggle_type01 {
}

.toggle_type01 input[type="checkbox"] {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	width: 42px;
	height: 22px;
	border: 1px solid #999;
	border-radius: 11px;
	color: #737373;
	background-color: #eee;
}
.toggle_type01 input[type="checkbox"]:hover {
	cursor: pointer;
}
.toggle_type01 input[type="checkbox"]:focus {
}
.toggle_type01 input[type="checkbox"]:checked {
	background-color: #0060df;
	border-color: #0060df;
}

.toggle_type01 input[type="checkbox"]::before {
	position: absolute;
	top: 2px;
	left: 2px;
	content: "";
	display: inline-block;
 	width: 16px;
	height: 16px;                   /* 楕円部のheightより2px小さいくらい */
	border-radius: 8px;
	transition: margin-left .2s cubic-bezier(.07, .95, 0, 1);
	background-color: currentColor;
}
.toggle_type01 input[type="checkbox"]:checked::before {
	background-color: #ffffff;
	margin-left: 21px;         /* ●を右へ移動 */
}

/* ==========================================================================
   list
   ========================================================================== */

/* ---------------------------------------- */
/* place_list_type01
/* ---------------------------------------- */

.place_list_type01 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 4px;
}

.place_list_type01 li {
	width: calc((100% - 4px * 4) / 5);
	min-width: 115px;
}
@media screen and (max-width: 767px) {
	.place_list_type01 li { width: calc((100% - 4px * 2) / 3); }
}

.place_list_type01 li a {
	display: flex;
	justify-content: center;
	height: 100%;
	padding: 8px 5px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	line-height: 1.3;
}

.place_list_type01 li.selected a {
	border-color: #ffc107;
	background: #ffe16e;
}
.place_list_type01 li.closed a {
	background: #bbb;
}

.place_list_type01 .box_place {
	flex: 1;
	align-self: center;
	padding: 0 3px;
}

/* ---------------------------------------- */
/* pro_nice_list
/* ---------------------------------------- */

.pro_nice_list {
	display: flex;
	justify-content: flex-start;
	max-width: 100%;
	flex-wrap: wrap;
	padding: 0;
}

.pro_nice_list li {
	display: block;
	width: 25%;
	height: 94px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
}

.pro_nice_list li a {
	display: block;
}

.pro_nice_list li a div {
	text-align: center;
}

.pro_nice_list_icon {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto 5px auto;
	text-align: center;
	border: 1px solid #CCC;
}

.pro_nice_list_icon img {
	max-width: 58px;
	max-height: 58px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
}

.pro_nice_list_wnice {
	position: absolute;
	top: -54px !important;
	right: -54px !important;
	width: 23px;
	height: 22px;
}

.nice_count {
	width: 150px;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.nice_count_num {
	color: #f00;
}

/* ---------------------------------------- */
/* gold_payment_list
/* ---------------------------------------- */

.gold_payment_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 4px;
}

.gold_payment_list li {
	width: calc((100% - 4px * 2) / 3);
	min-width: 115px;
}
@media screen and (max-width: 767px) {
	.gold_payment_list li { width: calc((100% - 4px ) / 2); }
}

.gold_payment_list li a {
	display: flex;
	flex-flow: column;
	height: 100%;
	padding: 8px 5px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	line-height: 1.3;
}

.gold_payment_list .gold_payment_icon {
	margin-bottom: 10px;
}
.gold_payment_list .gold_payment_icon img {
	width: 110px;
	height: 70px;
}

.gold_payment_list .gold_payment_name {
}
.gold_payment_list .gold_payment_name.small_font {
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.gold_payment_list .gold_payment_name.small_font { font-size: 12px; }
}

.gold_payment_list .box_place {
	flex: 1;
	align-self: center;
	padding: 0 3px;
}

/* ==========================================================================
   icon
   ========================================================================== */

/* ---------------------------------------- */
/* VIP icon
/* ---------------------------------------- */

.vipmark {
	padding: 0 4px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	line-height: 100% !important;
	border-radius: 4px;
	background: #8a550f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8a550f), color-stop(0.00, #e4c577));
	background:-webkit-linear-gradient(top, #e4c577 0%, #8a550f 100%);
	background:-moz-linear-gradient(top, #e4c577 0%, #8a550f 100%);
}

.vipmark_s {
	padding: 0 2px;
	color: #fff;
	font-size: 7px;
	font-weight: bold;
	line-height: 100% !important;
	border-radius: 4px;
	background: #8a550f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8a550f), color-stop(0.00, #e4c577));
	background:-webkit-linear-gradient(top, #e4c577 0%, #8a550f 100%);
	background:-moz-linear-gradient(top, #e4c577 0%, #8a550f 100%);
}

.vipmark_l {
	display: inline-block;
	padding: 8px 15px 6px 15px;
	border-radius: 4px;
	background: #b9a53a;
	color: #fff;
	font-weight: bold;
	line-height: 1.0 !important;
}

/* ---------------------------------------- */
/* GI,GII,GIII icon
/* ---------------------------------------- */

.icon_none_small {
	display: inline-block;
	width: 2px;
	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;
}

.icon_sg_small,
.icon_g1_small,
.icon_g2_small,
.icon_g3_small,
.icon_another_small,
.icon_white_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%;
	box-sizing: border-box;
}

.icon_g1_small.W48,
.icon_g2_small.W48,
.icon_g3_small.W48,
.icon_another_small.W48 {
	width: 48px;
}

.icon_g1_small.W40,
.icon_g2_small.W40,
.icon_g3_small.W40,
.icon_another_small.W40,
.icon_white_small.W40 {
	width: 40px!important;
}

.icon_sg_small { background:#ba4; }
.icon_g1_small { background:#09f; }
.icon_g2_small { background:#d00; }
.icon_g3_small { background:#0c0; }
.icon_another_small { background:#666; }
.icon_white_small { padding:2px 0;background:#fff;border:1px solid #333;color:#333; }

/* ---------------------------------------- */
/* oxo icon
/* ---------------------------------------- */

.icon_oxo_small,
.icon_oxo_present_small,
.icon_oxo_practice_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%;
	box-sizing: border-box;
}
.icon_oxo_small { background:#f00; }
.icon_oxo_present_small { background:#f8f; }
.icon_oxo_practice_small { background:#f90; }

/* ---------------------------------------- */
/* 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_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_rank_XX
/* ---------------------------------------- */

.icon_rank_special {
	display: inline-block;
	width: 80px;
	padding: 5px 0;
	border-radius: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	vertical-align: 24%;
}
.icon_rank_special {color: #fff !important; background: #e0594b !important;}

/* ---------------------------------------- */
/* icon_bet_typeXX
/* ---------------------------------------- */

.icon_bet_type01,
.icon_bet_type02,
.icon_bet_type03,
.icon_bet_type04,
.icon_bet_type05,
.icon_bet_type06,
.icon_bet_type07,
.icon_bet_type08 {
	display: inline-block;
	padding: 3px 6px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 11px;
	line-height: 1;
}

.icon_bet_type01 {background: #ccd;color: #333;}
.icon_bet_type02 {background: #fcc;color: #333;}
.icon_bet_type03 {background: #deb;color: #333;}
.icon_bet_type04 {background: #ede;color: #333;}
.icon_bet_type05 {background: #def;color: #333;}
.icon_bet_type06 {background: #fed;color: #333;}
.icon_bet_type07 {background: #bef;color: #333;}
.icon_bet_type08 {background: #fec;color: #333;}

/* -----------------------------------------------
 * icon_hit
 * ----------------------------------------------- */

.icon_hit {
	display: inline-block;
	width: 40px;
	padding: 3px 0px;
	border-radius: 4px;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #f00;
}

/* ---------------------------------------- */
/* icon_hit2
/* ---------------------------------------- */

.icon_hit2 {
	display: inline-block;
	width: 42px;
	padding: 1px 0;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	color: #fff;
}
.icon_hit2.hit2_red {background:#f00;}
.icon_hit2.hit2_blue {background:#37f;}

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

.smp_race_num {
	display: block;
	width: 50px;
	padding: 7px 0;
	background: #ccc;
	border-radius: 6px;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.smp_race_num.east {background: #FF69B4;color: #fff;}
.smp_race_num.east.end {background: #F8BAC2;color: #000;}
.smp_race_num.west {background: #6495ED;color: #fff;}
.smp_race_num.west.end {background: #a3d5e7;color: #000;}
.smp_race_num.other {background: #FFA500;color: #fff;}
.smp_race_num.other.end {background: #f4b94a;color: #000;}
.smp_race_num.overseas {background: #A76BDF;color: #fff;}
.smp_race_num.overseas.end {background: #ecbdfb;color: #000;}
.smp_race_num.nar {background: #be4024;color: #fff;}
.smp_race_num.nar.end {background: #fbe2a5;color: #333;}
.smp_race_num.boat {background: #39e;color: #fff;}
.smp_race_num.boat.end {background: #c6def7;color: #333;}
.smp_race_num .race_number {
	font-size: 120%;
}
.smp_race_num.w50 {
	width: 50px !important;
	padding: 7px 0 !important;
}
.smp_race_num.w38 {
	width: 38px !important;
	padding: 4px 0 !important;
}
.smp_race_num.w60 {
	width: 60px;
	height: 60px;
	padding-top: 12px;
}

/* ---------------------------------------- */
/* icon_timeleft
/* ---------------------------------------- */

.icon_timeleft {
	display: inline-block;
	width: 46px;
	padding: 3px 0 1px 0;
	border: 1px solid #ccc;
	font-size: 11px;
	text-align: center;
}
.icon_timeleft.bg_off { background: #666;color: #fff;border-color: #666; }
.icon_timeleft.bg_red { background: #c00;color: #fff;border-color: #c00; }

.icon_timeleft.w54 { width:54px; }

/* ---------------------------------------- */
/* icon_live
/* ---------------------------------------- */

.icon_live {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 4px;
	background: #f00;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}
.icon_live.match_header_icon {
	position: absolute;
	right: 5px;
}

.icon_live2 {
	display: inline-block;
	padding: 6px 6px;
	background: #f00;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}

/* ---------------------------------------- */
/* icon_closed
/* ---------------------------------------- */

.icon_closed {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 4px;
	background: #777;
	color: #fff;
	font-weight: normal;
	line-height: 1;
}

.icon_closed.bg_red { background: #c00; }

/* ---------------------------------------- */
/* icon_round
/* ---------------------------------------- */

.icon_round {
	border-radius: 100%;
}

/* ---------------------------------------- */
/* icon_hidden
/* ---------------------------------------- */

.icon_hidden {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 20px;
	background: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

/* ---------------------------------------- */
/* icon_deadline
/* ---------------------------------------- */

.icon_deadline {
	display: inline-block;
	padding: 8px 8px;
	background: #c00000;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

/* ---------------------------------------- */
/* icon_num_blue
/* ---------------------------------------- */

.icon_num_blue {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	background: #4e95d9;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
}

.icon_num_blue.size_small {
	width: 24px;
	height: 24px;
	line-height: 24px;
}

/* ==========================================================================
   arrow
   ========================================================================== */

.arrow_down_40_30_lightgray {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 20px 0 20px;
	border-color: #ccc transparent transparent transparent;
}
.arrow_down_40_30_coliseum_blue {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 20px 0 20px;
	border-color: #28628c transparent transparent transparent;
}

/* ==========================================================================
   tab
   ========================================================================== */

/* ---------------------------------------- */
/* tab_type01
/* ---------------------------------------- */

ul.tab_type01 {
	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_type01:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	z-index: 10;
}

ul.tab_type01 li {
	margin: 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	flex-grow: 1;
	z-index: 20;
}

ul.tab_type01 li a {
	display: block;
	padding: 8px 0;
	pointer-events: none;
	background: #fff;
	font-weight: bold;
}
ul.tab_type01.linktab li a {
	pointer-events: auto;
}

ul.tab_type01 li.select {
	border-bottom: 1px solid #fff;
}
ul.tab_type01 li.select a {
	padding-top: 14px;
	border-top: 4px solid #ffeb3b;
}

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

ul.tab_type01 li a.icon_pro {
	position: relative;
	padding-left: 1em;
}
ul.tab_type01 li a.icon_pro:before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	margin-left: -22px;
	background: url(/common/img/icn/btn_pro_face.png);
	background-size: contain;
}

/* -----------------------------------------------
 * sp_sub_navi_type07
 * ----------------------------------------------- */
 
 .sp_sub_navi_type07 {
}

.sp_sub_navi_type07 ul {
	display: flex;
}

.sp_sub_navi_type07 ul li {
	flex: 1;
	margin-right: 3px;
}

.sp_sub_navi_type07 ul li a,
.sp_sub_navi_type07 ul li span {
	display: block;
	padding: 8px 0;
	border-radius: 6px;
	border: 2px solid #ccc;
	background: #eee;
	color: #333;
	text-align: center;
	font-size: 14px;
}
.sp_sub_navi_type07 ul li.select a,
.sp_sub_navi_type07 ul li.select span {
	background: #aaa;
	color: #fff;
}
.sp_sub_navi_type07 ul li.off a,
.sp_sub_navi_type07 ul li.off span {
	border-color: #ccc;
	background: #fafafa;
	color: #aaa;
}
.sp_sub_navi_type07 ul li.label span {
	background: none;
	border: none;
	color: #333;
	padding-top: 10px;/*border分を追加*/
	font-weight: bold;
}

/* ------------------------
 * sp_tab_column02
 * ------------------------ */

.sp_tab_column02 nav ul {
	display: flex;
}

.sp_tab_column02 nav li {
	background-color:#d1d1d1;
	border-top:1px solid #d1d1d1;
	padding:10px;
	text-align:center;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.51, #d1d1d1), color-stop(0.50, #dbdbdb), color-stop(0.00, #dcdcdc));
	background:-webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background:linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
}

.sp_tab_column02 nav li {
	width:50%;
}
.sp_tab_column02.col3 nav li {
	width:33.3%;
}
.sp_tab_column02 nav li:first-child {
	border-right:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
.sp_tab_column02 nav li:last-child {
	border-right:1px solid #d1d1d1;
	border-left:1px solid #fff;
}

.sp_tab_column02 nav li.select {
	font-weight:bold;
	color:#185000;
	background-color:#fff;

	background:url(/common/img/sp/sp_arrow_blue_bottom.png) center bottom no-repeat,
	-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.51, #dcdcdc), color-stop(0.00, #ffffff));
	background:url(/common/img/sp/sp_arrow_blue_bottom.png) center bottom no-repeat,
	-webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 51%, #ffffff 100%);
	background:url(/common/img/sp/sp_arrow_blue_bottom.png) center bottom no-repeat) right center no-repeat,
	-moz-linear-gradient(top, #ffffff 0%, #dcdcdc 51%, #ffffff 100%);
	background-size: 8px 5px , auto;
}

.sp_tab_column02 .sp_tab_contents {
	clear:both;
}

body.boat .sp_tab_column02 nav ul li.select {color:#39e;}

/* ---------------------------------------- */
/* 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 li.select {
}
ul.tab_type02 li.select a {
	padding-bottom: 4px;
	border-bottom: 4px solid #06356b;
	color: #06356b;
}

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

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

/* scroll */

.tab_type02_scroll_outer {
	max-width: 640px;
	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;
}

/* 左右送り矢印付き */

.tab_scroll_with_arrow {
	position: relative;
/*	padding-left: 30px;
	padding-right: 30px;*/
}
.tab_scroll_with_arrow span.tab_scroll_arrow_left,
.tab_scroll_with_arrow span.tab_scroll_arrow_right {
	position: absolute;
	top: 2px;
	display: block;
	width: 30px;
	height: 36px;
	background: #39e;
	border: 2px solid #fff;
	cursor: pointer;
}
.tab_scroll_with_arrow span.tab_scroll_arrow_left {left: 0;}
.tab_scroll_with_arrow span.tab_scroll_arrow_right {right: 0;}
.tab_scroll_with_arrow span.tab_scroll_arrow_left:before,
.tab_scroll_with_arrow span.tab_scroll_arrow_right:before {
	position: absolute;
	top: calc( 50% - 5px );
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
}
.tab_scroll_with_arrow span.tab_scroll_arrow_left:before {
	left: 6px;
	border-right: 10px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.tab_scroll_with_arrow span.tab_scroll_arrow_right:before {
	right: 7px;
	border-left: 10px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

/* 個別 */

/* 予想コロシアム マイページ用 */
ul.tab_type02.prof_tab li a {
	padding: 10px 19px;
}
@media screen and (max-width: 767px) {
	ul.tab_type02.prof_tab li a {
		padding: 10px 15px;
	}
}

/* ---------------------------------------- */
/* mycoliseum_tab
/* ---------------------------------------- */

.mycoliseum_tab {
	border-bottom: 2px solid #520;
}
.mycoliseum_tab ul {
	display: flex;
	padding-left: 2px;
}
.mycoliseum_tab ul li {
	margin-right: 10px;
}
.mycoliseum_tab ul li a {
	position: relative;
	display: block;
	height: 30px;
	padding: 7px 10px 3px 13px;
	box-shadow: -1px 0 2px rgba(0,0,0,0.2);
	background: #eee;
	font-size: 13px;
	color: #666;
	z-index: 1;
}
.mycoliseum_tab ul li a:after {
	content: "";
	position: absolute;
	top: 15px;
	right: -20px;
	transform: translateY(-50%);
	border-top: 15px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid #eee;
	border-bottom: 15px solid #eee;
}
.mycoliseum_tab ul li.selected a {
	background: #fca;
	color: #520;
	font-weight: bold;
	z-index: 10;
}
.mycoliseum_tab ul li.selected a:after {
	border-left-color: #fca;
	border-bottom-color: #fca;
}

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

/* -----------------------------------------------
 * mark_check
 * ----------------------------------------------- */

.mark_check_table {
}
.mark_check_table th.cell1 {
	min-width: 25px;
}
.mark_check_table th.cell2 {
	width: 45%;
	min-width: 60px;
}
.mark_check_table th.cell3 {
	width: 45%;
}

.mark_check {
	display: none;
}

.mark_check_label,
.mark_check_other {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 1px solid #aaa;
	border-radius: 4px;
	line-height: 1;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	box-shadow: -1px -1px 3px 0px #ccc inset;
}

.mark_check_label span,
.mark_check_other span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mark_check:checked + .mark_check_label,
.mark_check_other.on {
	border: 1px solid #da8;
	background: #fca;
	box-shadow: 2px 2px 3px 0px #db8 inset;
	color: #e20;
}

.mark_check_other_box {
	padding: 5px 0 1px 0;
	background: #fafafa;
	border: 1px solid #ccc;
}

/* ---------------------------------------- */
/* .kaime_box , .marunumber
/* ---------------------------------------- */

.combination_set,
.combination_set_box,
.combination_set_wheel,
.combination_text {
	display: inline-block;
	max-width: 81px;
	vertical-align: top;
}

.combination_set_box {
	max-width: 270px;
}

.combination_set_wheel {
	max-width: 135px;
}

.marunumber,
.marunumber_red {
	display: inline-flex;
	justify-content: center;

	width: 20px;
	height: 20px;
	line-height: 18px;
	font-size: 13px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;

	background: #ffffff;
}

.kaime_box .marunumber,
.kaime_box .marunumber_red {
	width: 25px;
	height: 25px;
	line-height: 23px;
	font-size: 16px;
}

.kaime_box .font_amount {
	font-size: 16px;
}

.kaime_box_line {
	background: #fbfbf1;
}

.kaime_selected_line {
	background: #ffdd77;
}

.kaime_box .cell_check {
	float: left;
	height: 100%;
	margin-right: 10px;
	line-height: 1;
}

@media screen and (max-width: 320px) {
	.combination_set,
	.combination_text {
		max-width: 66px;
	}

	.combination_set_box {
		max-width: 220px;
	}

	.combination_set_wheel {
		max-width: 110px;
	}

	.kaime_box .marunumber,
	.kaime_box .marunumber_red {
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-size: 13px;
	}

	.kaime_box .font_amount {
		font-size: 14px;
	}
}

.marunumber {
	color: #000000;
	border: 1px solid #AAAAAA;
}
.marunumber_red {
	color: #FF0000;
	border: 1px solid #FF0000;
}

/* ==========================================================================
   pager
   ========================================================================== */

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

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

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

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

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

.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;
}

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

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

.pager_type03 .pager_btn02 a.bgcolor {
	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_tx {
	display: inline-block;
	width: auto;
	height: 30px;
	margin: 0;
}

.pager_type03 .pager_tx.tx_center {
	position: absolute;
	top: 15%;
	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;
}

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

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

/* ---------------------------------------- */
/* race pager
/* ---------------------------------------- */

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

.race_pager li {
	width: 50%;
}
.race_pager li:first-child {padding-right:4px;}
.race_pager li:last-child {padding-left:4px;}

.race_pager li a,
.race_pager li p {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 4px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px 1px #bbb;
}

.race_pager li a > div,
.race_pager li p > div {
	height: 100%;
}

.race_pager li.prev_race a {
	background:url(/common/img/sp/sp_arrow_green_01.png) left center no-repeat;
	background-size:14px 14px;
	padding-left:18px;
}
.race_pager li.next_race a {
	background:url(/common/img/sp/sp_arrow_green_02.png) right center no-repeat;
	background-size:14px 14px;
	padding-right:18px;
	text-align: right;
}
.race_pager li.prev_race p {
	background:url(/common/img/sp/sp_arrow_gray_01.png) left center no-repeat;
	background-size:14px 14px;
	padding-left:18px;
}
.race_pager li.next_race p {
	background:url(/common/img/sp/sp_arrow_gray_02.png) right center no-repeat;
	background-size:14px 14px;
	padding-right:18px;
	text-align: right;
}

/* ---------------------------------------- */
/* race btn
/* ---------------------------------------- */

.btn_race_prev,
.btn_race_next,
.btn_race_prev_none,
.btn_race_next_none {
	display: block;
	width: 40px;
}

.btn_race_prev {
	background: #ddd url(/common/img/sp/sp_arrow_green_01.png) 8px center no-repeat;
	background-size: 14px 14px;
}

.btn_race_prev_none {
	background: #ddd url(/common/img/sp/sp_arrow_gray_01.png) 8px center no-repeat;
	background-size: 14px 14px;
}

.btn_race_next {
	background: #ddd url(/common/img/sp/sp_arrow_green_02.png) 18px center no-repeat;
	background-size: 14px 14px;
}

.btn_race_next_none {
	background: #ddd url(/common/img/sp/sp_arrow_gray_02.png) 18px center no-repeat;
	background-size: 14px 14px;
}

/* ================================================================================
	common modal
================================================================================ */

.common_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 10px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 800;
}
.common_modal:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.common_modal.active {
	opacity: 1;
	visibility: visible;
}
.common_modal_main {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 900px;
	width: 95%;
}
.common_modal_content {
	border-radius: 6px;
	background: #fff;
	text-align: left;
	padding: 10px;
}
.common_modal_close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #999;
	cursor: pointer;
	background: #fff;
	border: 2px solid #999;
	border-radius: 100%;
	line-height: 1;
	z-index: 500;
}
@media screen and (max-width: 767px) {
	.common_modal_close {
		right: -10px;
		height: 40px;
		padding-bottom: 7px;
	}
}

/* ================================================================================
	coliseum
================================================================================ */

/* Wナイス */

.chip_box {
	width: auto;
	height: auto;
	padding: 10px;
	border: 1px solid #ccc;
	background: url( /common/img/chip_box_bg.jpg ) no-repeat center center;
}
.chip_box .chip_box_select {
	width: 130px;
	padding-left: 10px !important;
}

/* top status */

.coliseum_status_container {
	display: flex;
	flex-wrap: nowrap;
}
.coliseum_status_container .status_box1 {
	width: 50%;
	margin-right: 5px;
}
.coliseum_status_container .status_box2 {
	width: 50%;
}
@media screen and (max-width: 1000px) {
	.coliseum_status_container {
		flex-wrap: wrap;
	}
	.coliseum_status_container .status_box1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.coliseum_status_container .status_box2 {
		width: 100%;
	}
}

/* ================================================================================
	mypage
================================================================================ */

ul.tipster_list_type02 {
}
ul.tipster_list_type02 > li {
	margin-bottom: 5px;
	border: 1px solid #ccc;
	background: #fff;
}

.arrow_handle {
	width: 40px;
	background: #eee url( /common/img/sp/arrow_both_01_black.png ) no-repeat;
	background-size: 20px 45px;
	background-position: center center;
	text-align: center;
}
.arrow_handle:hover {
	cursor: pointer;
}

.tipster_list_type02 .btn_delete {
	display: inline-block;
	padding: 4px 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #f6f6f6;
	font-size: 13px;
}

/* message list */

.sp_message_list li {
	clear: both;
	padding: 6px;
	border-bottom: 1px solid #b8c5b2;
	background:url(/common/img/sp/sp_arrow_orange.png) right center no-repeat;
	background-size: 24px 24px;
	font-size: 13px;
}

.sp_message_list .unopened {
	background: #ffc0ff;
}
.sp_message_list .unopened_y {
	background: #fff9e0;
}

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

.sp_message_list input {
	width:30px;
	height:30px;
}

.sp_message_list .box_left {
	float:left;
	width:40px;
}
.sp_message_list .box_right {
	float:right;
	width:100%;
	margin-left:-44px;
}
.sp_message_list .box_right .contents_text {
	margin-left:44px;
	margin-right:22px;
}

/* mypage prof */

dl.mymage_prof_list {
}
dl.mymage_prof_list:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
dl.mymage_prof_list dt {
	clear: both;
	float: left;
	margin-right: 1em;
	margin-bottom: 15px;
	white-space: nowrap;
	font-weight: bold;
}
dl.mymage_prof_list dd {
	float: left;
	margin-bottom: 15px;
}

/* ================================================================================
	stadium
================================================================================ */

.icon_dan {
	display: inline-block;
	width: 42px;
	padding: 2px 0 1px 0;
	border-radius: 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #ccc;
	color: #fff;
}
.icon_dan.dan_rank1 { background: #dc143c; }
.icon_dan.dan_rank2 { background: #4169e1; }
.icon_dan.dan_rank3 { background: #228b22; }
.icon_dan.dan_rank4 { background: #800020; }
.icon_dan.dan_rank5 { background: #4682b4; }
.icon_dan.dan_rank6 { background: #50c878; }
.icon_dan.dan_rank7 { background: #708090; }
.icon_dan.dan_rank8 { background: #d2b48c; }
.icon_dan.dan_rank9 { background: #add8e6; }
.icon_dan.dan_rank10 { background: #a8d5ba; }

.team_icon_bg_white {
	display: inline-block;
	background: #fff;
	border-radius: 100%;
	padding:2px;
}
.team_icon_bg_white img {
	border-radius: 100%;
}

.icon_mj_rank {
	display: inline-block;
	width: 42px;
	padding: 2px 0 1px 0;
	border-radius: 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #ccc;
	color: #fff;
}
.icon_mj_rank.rank1 { background: #c2a95d; border: 1px solid #c2a95d; }
.icon_mj_rank.rank2 { background: #bbb; border: 1px solid #bbb; }
.icon_mj_rank.rank3 { background: #8f6939; border: 1px solid #8f6939; }
.icon_mj_rank.rank4 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank5 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank6 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank7 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank8 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank9 { background: #fff; border: 1px solid #ccc; color: #0b5; }
.icon_mj_rank.rank10 { background: #fff; border: 1px solid #ccc; color: #0b5; }

.icon_mj_player_rank {
	display: inline-block;
	width: 42px;
	padding: 2px 0 1px 0;
	border-radius: 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #ccc;
	color: #fff;
}
.icon_mj_player_rank.rank1 { background: #c2a95d; }
.icon_mj_player_rank.rank2 { background: #bbb; }
.icon_mj_player_rank.rank3 { background: #8f6939; }
.icon_mj_player_rank.rank4 { background: #bbb; }

/* ---------------------------------------- */
/* test
/* ---------------------------------------- */

.sp_error,
.register_pop_error {
	font-weight:bold;
	border:1px solid #f9372c;
	color:#f9372c;
	margin:5px 10px 0;
	padding:5px;
	clear:both;
}