@charset "utf-8";

/* 共通グレードアイコン */
.icon_grade{
	display: inline-block;
	width: 65px;
	padding: 15px 0;
	vertical-align: middle;
	border-radius: 2px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
}
.grade_SG,.grade_sg{background-color: #e96e6b;}/* SG */
.grade_G1,.grade_g1{background-color: #e6972b;}/* G1 */
.grade_G2,.grade_g2{background-color: #71c283;}/* G2 */
.grade_G3,.grade_g3{background-color: #61bcd9;}/* G3 */
.grade_IP,.grade_ip{background-color: #aaaaaa;}/* 一般 */

/*ページ上部の発売*/
.icon_grade_hatsubai{
	display: inline-block;
	width: 30px;
	padding: 2px 0;
	margin: 2px 0;
	vertical-align: middle;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.ico_day{
	display:inline-block;
	background: url(../images/top/icn_noon.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	vertical-align:middle;
}
.ico_night{
	display:inline-block;
	background: url(../images/top/icn_night.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	vertical-align:middle;
}



/* 共通カラー & 艇番アイコン */
.ico_num{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 4px 1px;
  vertical-align: middle;
  /* -webkit-border-radius: 4px; */
  /* border-radius: 4px; */
  text-align: center;
  /* width: 27px; */
}

/* ページャー */
.pager ul .left a,
.pager ul .left span{
	background: url(../img/pager_left.png) no-repeat;
	left: -90px;
}
.pager ul .right a,
.pager ul .right span{
	background: url(../img/pager_right.png) no-repeat;
	right: -90px;
}
.pager ul .arrow a, 
.pager ul .arrow span{
  position: absolute;
  display: block;
  width: 55px;
  height: 27px;
  top: 50%;
  margin-top: -13.5px;
  opacity: 1;
}

.num1{
	background-color: #fff;
	color: #000;
}
.num2{
	background-color: #222222;
	color: #fff;
}
.num3{
	background-color: #FC4854;
	color: #fff;
}
.num4{
	background-color: #3278E5;
	color: #fff;
}
.num5{
	background-color: #F2D003;
	color: #000;
}
.num6{
	background-color: #61BC3E;
	color: #fff;
}
.imp-num1{
	background-color: #ffffff!important;
	color: #000;
}
.imp-num2{
	background-color: #262626!important;
	color: #fff;
}
.imp-num3{
	background-color: #F84657!important;
	color: #fff;
}
.imp-num4{
	background-color: #3F74E2!important;
	color: #fff;
}
.imp-num5{
	background-color: #EFD026!important;
	color: #000;
}
.imp-num6{
	background-color: #63BC43!important;
	color: #fff;
}
.ico_num.num1,
.ico_num.imp-num1
{border: 1px solid #B6B6B6;}

.ico_num.num2,
.ico_num.imp-num2
{border: 1px solid #222222;}

.ico_num.num3,
.ico_num.imp-num3
{border: 1px solid #FC4854;}

.ico_num.num4,
.ico_num.imp-num4
{border: 1px solid #3278E5;}

.ico_num.num5,
.ico_num.imp-num5
{border: 1px solid #F2D003;}

.ico_num.num6,
.ico_num.imp-num6
{border: 1px solid #61BC3E;}

.ico_hyphen{
	display: inline-block;
	background: url(/themes/kiryu/images/common/icon_hyphen.png) no-repeat 0 0;;
	width:19px;
	height:19px;
	vertical-align:middle;
}
.ico_mark{
	display: inline-block;
	width: 17px;
}

/* インフォメーション タグ color */
.color-tag-new {
	color: #fff;
	background-color: #F6000E;
}
.color-tag-imp {
	color: #fff;
	background-color: #333333;
}
/* clearfix */
.cf:after{
	content: "";
	display: table;
	height: 0;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	clear: both;
}
/* margin */
.mb_0{margin-bottom: 0 !important;}
.mb_5{margin-bottom: 5px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_15{margin-bottom: 15px !important;}
.mb_16{margin-bottom: 16px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_21{margin-bottom: 21px !important;}
.mb_22{margin-bottom: 22px !important;}
.mb_25{margin-bottom: 25px !important;}
.mb_30{margin-bottom: 30px !important;}
.mb_35{margin-bottom: 35px !important;}
.mb_40{margin-bottom: 40px !important;}
.mb_45{margin-bottom: 45px !important;}
.mb_50{margin-bottom: 50px !important;}

.mt_0{margin-top: 0 !important;}
.mt_5{margin-top: 5px !important;}
.mt_10{margin-top: 10px !important;}
.mt_15{margin-top: 15px !important;}
.mt_20{margin-top: 20px !important;}
.mt_25{margin-top: 25px !important;}
.mt_30{margin-top: 30px !important;}
.mt_35{margin-top: 35px !important;}
.mt_40{margin-top: 40px !important;}
.mt_50{margin-top: 50px !important;}

.ml_0{margin-left: 0 !important;}
.ml_5{margin-left: 5px !important;}
.ml_10{margin-left: 10px !important;}
.ml_15{margin-left: 15px !important;}
.ml_20{margin-left: 20px !important;}
.ml_25{margin-left: 25px !important;}
.ml_30{margin-left: 30px !important;}
.ml_35{margin-left: 35px !important;}
.ml_40{margin-left: 40px !important;}
.ml_45{margin-left: 45px !important;}
.ml_50{margin-left: 50px !important;}

.mr_0{margin-right: 0 !important;}
.mr_5{margin-right: 5px !important;}
.mr_10{margin-right: 10px !important;}
.mr_15{margin-right: 15px !important;}
.mr_20{margin-right: 20px !important;}
.mr_25{margin-right: 25px !important;}
.mr_30{margin-right: 30px !important;}
.mr_35{margin-right: 35px !important;}
.mr_40{margin-right: 40px !important;}
.mr_50{margin-right: 50px !important;}

/* padding */
.pb_0{padding-bottom: 0 !important;}
.pb_1{padding-bottom: 1px !important;}
.pb_5{padding-bottom: 5px !important;}
.pb_10{padding-bottom: 10px !important;}
.pb_15{padding-bottom: 15px !important;}
.pb_20{padding-bottom: 20px !important;}
.pb_25{padding-bottom: 25px !important;}
.pb_29{padding-bottom: 29px !important;}
.pb_30{padding-bottom: 30px !important;}
.pb_35{padding-bottom: 35px !important;}
.pb_40{padding-bottom: 40px !important;}
.pb_45{padding-bottom: 45px !important;}
.pb_50{padding-bottom: 50px !important;}

.pt_0{padding-top: 0 !important;}
.pt_5{padding-top: 5px !important;}
.pt_10{padding-top: 10px !important;}
.pt_15{padding-top: 15px !important;}
.pt_20{padding-top: 20px !important;}
.pt_25{padding-top: 25px !important;}
.pt_30{padding-top: 30px !important;}
.pt_35{padding-top: 35px !important;}
.pt_45{padding-top: 45px !important;}
.pt_50{padding-top: 50px !important;}

.pl_0{padding-left: 0 !important;}
.pl_5{padding-left: 5px !important;}
.pl_10{padding-left: 10px !important;}
.pl_15{padding-left: 15px !important;}
.pl_20{padding-left: 20px !important;}
.pl_25{padding-left: 25px !important;}
.pl_30{padding-left: 30px !important;}
.pl_35{padding-left: 35px !important;}
.pl_45{padding-left: 45px !important;}
.pl_50{padding-left: 50px !important;}

.pr_0{padding-right: 0 !important;}
.pr_5{padding-right: 5px !important;}
.pr_10{padding-right: 10px !important;}
.pr_15{padding-right: 15px !important;}
.pr_20{padding-right: 20px !important;}
.pr_25{padding-right: 25px !important;}
.pr_30{padding-right: 30px !important;}
.pr_35{padding-right: 35px !important;}
.pr_40{padding-right: 40px !important;}
.pr_45{padding-right: 45px !important;}
.pr_50{padding-right: 50px !important;}


/* End */