@charset "shift_jis";

/* 	sd_kouei.css
====================================== */
#subUnit div {
	background-image: none;
}
#subUnit ul {
	float: none;
	margin-left: 0;
}
#subUnit li {
	float: none;
	margin: 0 auto;
}

/* common */
#contents h1.indexTop{
	font-size: 2em;
}
#contents div#mainImages,
#contents div#mainInfo{
	margin-bottom: 0;
}
#kouei #contents .oLink{
	margin: 0 5px;
	vertical-align: middle;
	width: 15px;
	height: auto;
}
#kouei .btn a{
	background-color: #5f5f5f;
	border-radius: 3px;
	padding: 10px 0 5px;
	color: #fff;
	display: block;
	line-height: 1em;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px auto;
	text-align: center;
}
#kouei .btn a span{
	font-size: 0.7em;
	font-weight: normal;
	display: block;
}
#kouei.koueiTop .bnrBox01 .jraBnr01,
#kouei.koueiTop .bnrBox01 .boatraceBnr01,
#kouei.jra .bnrBox01 .jraBnr01,
#kouei.boatrace .bnrBox01 .boatraceBnr01,
#kouei.koueiTop .bnrBox01 .topBnr01{
	display: block;
}
#kouei .bnrBox01 .jraBnr01,.bnrBox01 .boatraceBnr01,.topBnr01{
	display: none;
}
#kouei #contents .fontSans{
	font-family: sans-serif;
}

/* mainImages */
#kouei #imgWrapKouei{
	height: 350px;
	overflow: hidden;
	position: relative;
	width: 732px;
}

/* index.html
------------------------------------ */
#kouei #contents .boxStep div{
	margin-bottom: 0;
}
#kouei #contents .boxStep>li{
	margin-bottom: 30px;
	position: relative;
}
#kouei #contents .boxStep>li:before,
#kouei #contents .boxStep>li:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top: 12px solid #ccc;
	position: absolute;
	top: 100%;
	left: 27%;
	margin: 9px 0;
}
#kouei #contents .boxStep>li:after{
	left: 79%;
}
#kouei #contents .boxStep>li:last-child:before,
#kouei #contents .boxStep>li:last-child:after{
	border: none;
}
#kouei #contents .boxStep>li:last-child .btn a{
	line-height: 1.6em;
	padding: 10px 0;
}
#kouei #contents .boxStep dl{
	border: 3px solid #ccc;
	padding: 15px 3%;
	font-size: 1em;
}
#kouei #contents .boxStep dt{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#kouei #contents .boxStep dd.btn{
	width: 140px;
	margin-top: -4em;
}
#kouei #contents .boxStep .boxGr,
#kouei #contents .boxStep .boxBl{
	border: 3px solid #ccc;
	display: inline-block;
	width: 420px;
	height: 245px;
	box-sizing: border-box;
	vertical-align: top;
}
#kouei #contents .boxStep .boxBl{
	margin-left: 16px;
	width: 292px;
}
#kouei #contents .boxStep .boxGr .bg,
#kouei #contents .boxStep .boxBl .bg{
	background-color: #479b57;
	padding: 10px 0 3px;
	text-align: center;
}
#kouei #contents .boxStep .boxBl .bg{
	background-color: #0666b2;
}
#kouei #contents .boxStep .boxGr .bg p,
#kouei #contents .boxStep .boxBl .bg p{
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
}
#kouei #contents .boxStep .boxGr .bg li,
#kouei #contents .boxStep .boxBl .bg li{
	display: inline;
}
#kouei #contents .boxStep .boxGr dl,
#kouei #contents .boxStep .boxBl dl{
	border: none;
}
#kouei #contents .boxStep .boxGr dl p,
#kouei #contents .boxStep .boxBl dl p{
	display: inline-block;
	width: 49%;
}
#kouei #contents .boxStep .boxBl dl p.txtBlock{
	display: block;
	width: auto;
}
#kouei #contents .boxMerit li{
	float: left;
	width: 25%;
	text-align: center;
}
#kouei #contents .boxMerit p{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 10px;
}
#kouei #contents .boxRace li{
	float: left;
	width: 50%;
}
#kouei #contents .boxRace a{
	display: block;
	margin-bottom: 30px;
	text-decoration: none;
}
#kouei #contents .boxRace .raceLogo{
	border: 1px solid #e2e2e2;
	margin-right: 20px;
}
#kouei #contents .boxRace .raceName{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#kouei #contents .boxRace .raceIcon img{
	margin-right: 5px;
}
#kouei #contents .boxRace .raceIcon img:last-child{
	margin-right: 0;
}

/* 2nd
------------------------------------ */
/*2nd common*/
#kouei #koueiNews {
	border:1px solid #e2e2e2;
	margin-top:15px;
}
#kouei #koueiNews dt{
	font-weight:bold;
	padding:3px 20px;
	background-color:#f2f2f3;
	border-bottom:1px solid #e2e2e2;
}
#kouei #koueiNews dd{
	padding:10px 20px;
	border-bottom:1px solid #e2e2e2;
}
#kouei #koueiNews dd:last-of-type{
	border-bottom:none;
}
#kouei #koueiNews dd img{
	margin-right:10px;
}
#kouei #koueiNews strong{
	font-weight:bold;
}
#kouei #mainInfoB .stepList ol{
	position:relative;
	height:90px;
}
#kouei #mainInfoB .stepList li{
	position:absolute;
	top:22px;
}
#kouei #mainInfoB .stepList li p{
	float:left;
}
#kouei #mainInfoB .stepList li span{
	font-size:0.7em;
	display:block;
}
#kouei #mainInfoB .stepList li .num{
	text-align:center;
	font-size:2em;
	font-weight:bold;
	background: url(/kouei/images/com_bg003.png) 0 0.2em no-repeat;
	background: url(/kouei/images/com_bg003_2.png) 0 0.2em no-repeat \9; /*ie8*/
	background-size: auto 35px ;
	width:35px;
	margin:0 5px 0 20px;
}
#kouei #mainInfoB .stepList li .txt{
	text-align:left;
	line-height:1.2em;
	font-size:1.4em;
}
#kouei #mainInfoB .stepList li.step3{
	left:75%;
}
#kouei #mainInfoB .stepList li.step3 .txt{
	margin-top:15px;
	letter-spacing:0.3em;
}
#kouei #mainInfoB .stepList a{
	color:#fff;
	display:block;
	text-decoration:underline;
}
#kouei #mainInfoB .lineDot{
	display:block;
	height:1px;
	border-top:1px dotted #929292;
	border-style:dotted none none;
	margin:15px 0;
}
#kouei #mainInfoB .boxL{
	float:left;
	width:335px;
	padding-right:10px;
	border-right:1px solid #555;
	margin:0;
	min-height:16em;
}
#kouei #mainInfoB .boxR{
	float:right;
	width:335px;
	padding-left:10px;
	margin:0;
}
#kouei #mainInfoB .bnrLogo p{
	margin-bottom:15px;
}
#kouei #mainInfoB .imgR{
	margin-left:10px;
}

/*jra*/
#kouei.jra #mainInfoB .stepList ol{
	background: url(/kouei/jra/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/jra/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.jra #mainInfoB .stepList li .num{
	color:#608154;
}
#kouei.jra #mainInfoB .stepList li.step2{
	left:38%;
}
#kouei.jra #mainInfoB .title04{
	color:#74e04d;
}

/*nankan*/
#kouei.nankan #mainInfoB .stepList ol{
	background: url(/kouei/nankan/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/nankan/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.nankan #mainInfoB .stepList li .num{
	color:#4882c0;
}
#kouei.nankan #mainInfoB .stepList li.step2{
	left:34%;
}
#kouei.nankan #mainInfoB .title04{
	color:#5796d9;
}

/*oddspark*/
#kouei.oddspark #mainInfoB .stepList ol{
	background: url(/kouei/oddspark/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/oddspark/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.oddspark #mainInfoB .stepList li .num{
	color:#b48d48;
}
#kouei.oddspark #mainInfoB .stepList li.step2{
	left:38%;
}
#kouei.oddspark #mainInfoB .title04{
	color:#d39833;
}
#kouei.oddspark #mainInfoB .boxOp01 dl,
#kouei.oddspark #mainInfoB .boxOp02 dl{
	width:336px;
}
#kouei.oddspark #mainInfoB .boxOp01 dt,
#kouei.oddspark #mainInfoB .boxOp02 dt{
	margin-bottom:5px;
}
#kouei.oddspark #mainInfoB .boxOp02 dt{
	font-weight:bold;
	color:#d39833;
	line-height:50px;
}
#kouei.oddspark #mainInfoB .boxOp02 dt span span{
	float:left;
	margin-right:10px;
}
#kouei.oddspark #mainInfoB .boxOp02 dt.opp{
	height:35px;
	padding-top:15px;
	line-height:normal;
}
#kouei.oddspark #koueiNews dd .txtBox{
	width:81%;
	float:right;
	margin-bottom:0;
}

/*boatrace*/
#kouei.boatrace #koueiNews dd .fR{
	width:55%;
	margin-bottom:0;
}
#kouei.boatrace #mainInfoB .stepList ol{
	background: url(/kouei/boatrace/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/boatrace/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.boatrace #mainInfoB .stepList li .num{
	color:#3a67a8;
}
#kouei.boatrace #mainInfoB .stepList li.step2{
	left:37%;
}
#kouei.boatrace #mainInfoB .title04{
	color:#5796d9;
}

/*keirin*/
#kouei.keirin #mainInfoB .stepList ol{
	background: url(/kouei/keirin/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/keirin/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.keirin #mainInfoB .stepList li .num{
	color:#3b9cce;
}
#kouei.keirin #mainInfoB .stepList li.step2{
	left:36%;
}
#kouei.keirin #mainInfoB .title04{
	color:#34a5de;
}

/*autorace*/
#kouei.autorace #mainInfoB .stepList ol{
	background: url(/kouei/autorace/images/index_bg002.png) 0 0 no-repeat;
	background: url(/kouei/autorace/images/index_bg002.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.autorace #mainInfoB .stepList li .num{
	color:#ba4545;
}
#kouei.autorace #mainInfoB .stepList li.step2{
	left:36%;
}
#kouei.autorace #mainInfoB .title04{
	color:#eb3232;
}

/*gamboobet*/
#kouei.gamboobet #mainInfoB .stepList ol{
	background: url(/kouei/gamboobet/images/index_bg001.png) 0 0 no-repeat;
	background: url(/kouei/gamboobet/images/index_bg001.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.gamboobet #mainInfoB .stepList li,
#kouei.gamboobet #mainInfoB .stepList a{
	color:#010101;
}
#kouei.gamboobet #mainInfoB .stepList li.step1 .num{
	margin:0 5px 0 12px;
}
#kouei.gamboobet #mainInfoB .stepList li.step2{
	left:34%;
}
#kouei.gamboobet #mainInfoB .stepList li.step2 span{
	font-size:0.6em;
}
#kouei.gamboobet #mainInfoB .stepList li.step3{
	left:74%;
}
#kouei.gamboobet #mainInfoB .title04{
	color:#f8ce29;
}

/*chariloto*/
#kouei.chariloto #mainInfoB .stepList ol{
	background: url(/kouei/chariloto/images/index_bg001.png) 0 0 no-repeat;
	background: url(/kouei/chariloto/images/index_bg001.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px ;
}
#kouei.chariloto #mainInfoB .stepList li{
	color:#010101;
}
#kouei.chariloto #mainInfoB .stepList a{
	color:#010101;
	font-size:0.85em;
}
#kouei.chariloto #mainInfoB .stepList li.step1 .num{
	margin:0 5px 0 12px;
}
#kouei.chariloto #mainInfoB .stepList li.step2{
	left:33%;
}
#kouei.chariloto #mainInfoB .stepList li.step3{
	left:74%;
}
#kouei.chariloto #mainInfoB .stepList li.step2 .txt{
	margin-top:15px;
}
#kouei.chariloto #mainInfoB .title04{
	color:#ffa127;
}
#kouei.chariloto #koueiNews .fL{
	margin-bottom:0;
}

/*touhyo*/
#kouei.touhyo #btnBoxCustom{
	display: none;
}
#kouei.touhyo .race dl{
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
#kouei.touhyo .race dl:first-child{
	border-top: 1px solid #e2e2e2;
}
#kouei.touhyo .race dt{
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 20px;
}
#kouei.touhyo .race .kind{
	float: left;
}
#kouei.touhyo .race .kind .icon{
	float: left;
	margin-right: 5px;
}
#kouei.touhyo .race .boxEnt{
	float: right;
	width: 290px;
}
#kouei.touhyo .race .boxEnt li{
	float: left;
	width: 48%;
	margin-top: 27px;
}
#kouei.touhyo .race .boxEnt li:first-child{
	margin-right: 4%;
}
#kouei.touhyo .boxLogin{
	border: none;
	background-color: #eaeaea;
	margin-bottom: 50px;
}
#kouei.touhyo .boxLogin .catch{
	font-size: 2em;
}
#kouei.touhyo .boxLogin .normalBtn01{
	width: 60%;
}
#kouei.touhyo .boxLogin .normalBtn01 a{
	background-color: #5171c8;
	font-size: 2.4em;
}
#kouei.touhyo .race .boxEnt li .txtSS{
	font-size: 0.6em;
}
#kouei.touhyo .listCampaign03 .inner > ul > li a[href] {
	color: #242323;
}
#kouei.touhyo .listCampaign03 {
	background-color: #f6f6f6;
	margin-top: 3em;
	padding: 1.55em 0;
}
#kouei.touhyo .listCampaign03 h2 {
	margin: 0 -8px 0 -8px;
	text-align: center;
	color: #242323;
	font-size: 14px;
	font-weight: bold;
}
#kouei.touhyo .listCampaign03 .inner {
	display: flex;
	justify-content: center;
	margin: 1em -16px 0 -16px;
}
#kouei.touhyo .listCampaign03 .inner > ul{
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	justify-content: center;
	margin: -1em auto 0 auto;
}
#kouei.touhyo .listCampaign03 .inner > ul > li{
	width: calc((176px * 3) / 3);
	margin-top: 1em;
	padding: 0 8px;
}
#kouei.touhyo .listCampaign03 .inner > ul > li a,
#kouei.touhyo .listCampaign03 .inner > ul > li span{
	display: inline-block;
	width: 100%;
}
#kouei.touhyo .listCampaign03 .inner > ul > li .thumb{
	display: block;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #ddd;
}
#kouei.touhyo .listCampaign03 .inner > ul > li .thumb img{
	width: 100%;
	height: auto;
}
#kouei.touhyo .listCampaign03 .inner > ul > li a[href] .thumb img{
	transition: transform 360ms, opacity 360ms;
}
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:hover,
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:focus,
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:active{
	text-decoration: none;
}
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:hover .thumb img,
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:focus .thumb img,
#kouei.touhyo .listCampaign03 .inner > ul > li a[href]:active .thumb img{
	transform: scale(1.05);
	opacity: .625;
}
#kouei.touhyo .listCampaign03 .inner > ul > li .hdg{
	font-size: 87.5%;
	margin-top: 1em;
}
#kouei.touhyo .listCampaign03 .inner > ul > li .period{
	font-size: 76%;
}

/*local_keiba*/
#kouei.local_keiba .listBox{
	background-color: #fff;
	border: 2px solid #e2e2e2;
	padding: 13px 20px 10px;
	margin-top: 30px;
	color: #333;
	text-align: center;
}
#kouei.local_keiba .listBox li{
	float: left;
	width: 27%;
	padding: 25px 3% 0;
}
#kouei.local_keiba .listBox li a{
	color: #333;
	display: block;
}
#kouei.local_keiba .listBox li span{
	display: block;
	padding-top: 15px;
}
#kouei.local_keiba #contents .table01 th{
	padding: 10px 5px;
}
#kouei.local_keiba .table01 .fontSans{
	font-size: 1.8em;
}

/*k-dreams*/
#kouei.kDreams #mainInfoB .stepList ol{
	background: url(/kouei/k-dreams/images/index_bg001_pc.png) 0 0 no-repeat;
	background: url(/kouei/k-dreams/images/index_bg001_pc.gif) 0 0 no-repeat \9; /*ie8*/
	background-size: auto 90px;
}
#kouei.kDreams #mainInfoB .stepList li{
	color: #51c5ff;
}
#kouei.kDreams #mainInfoB .stepList a{
	color: #ffffff;
	font-size: 0.85em;
}
#kouei.kDreams #mainInfoB .stepList li.step2{
	left: 35%;
}
#kouei.kDreams #mainInfoB .stepList li.step3{
	left: 73%;
	color: #00a0f0;
}
#kouei.kDreams #mainInfoB .stepList li.step3 .txt{
	margin-top: 12px;
}
#kouei.kDreams #mainInfoB .title04{
	color: #00a0f0;
}

/*winticket*/
#kouei.winticket #mainInfoB .stepList ol{
	background: url(/kouei/winticket/images/index_bg001_pc.png) 0 0 no-repeat;
	background-size: auto 90px;
}
#kouei.winticket #mainInfoB .stepList li{
	color: #118456;
}
#kouei.winticket #mainInfoB .stepList a{
	color: #1e113c;
	font-size: 0.85em;
}
#kouei.winticket #mainInfoB .stepList li.step2{
	left: 35%;
}
#kouei.winticket #mainInfoB .stepList li.step3{
	left: 73%;
}
#kouei.winticket #mainInfoB .stepList li.step3 a{
	color: #ffffff;
}
#kouei.winticket #mainInfoB .stepList li.step3 .txt{
	margin-top: 12px;
}
#kouei.winticket #mainInfoB .title04{
	color: #69cb49;
}
#kouei.winticket #mainInfoB .mt33{
	margin-top: 33px;
}

/*beginner*/
#kouei.boatrace.beginner #mainContainer #sideArea{
	display: none;
}
#kouei.boatrace.beginner #mainContainer,
#kouei.boatrace.beginner #mainContainer #contents{
	width: 100%;
}
#kouei.boatrace.beginner #mainContainer #contents{
	margin: 0;
}
#kouei.boatrace.beginner .title01{
	background-image: url(/kouei/boatrace/images/beginner_bg001.png);
	background-repeat: repeat;
	background-size: 9px;
	margin-bottom: 0;
}
#kouei.boatrace.beginner .title01 img{
	margin: auto;
}
#kouei.boatrace.beginner .bgBlue,
#kouei.boatrace.beginner .bgBlue + div{
	background-size: 74px 13px;
	background-repeat: repeat-x;
	background-position: bottom;
}
#kouei.boatrace.beginner .bgBlue{
	background-color: #e0efff;
	background-image: url(/kouei/boatrace/images/beginner_bg002.png);
	padding-bottom: 11px;
}
#kouei.boatrace.beginner .bgBlue + div{
	background-image: url(/kouei/boatrace/images/beginner_bg002_02.png);
	margin-bottom: 0;
	padding-bottom: 50px;
}
#kouei.boatrace.beginner #contents .title02{
	text-align: center;
	border-bottom: 0;
	padding: 30px 0;
}
#kouei.boatrace.beginner .box01{
	width: 732px;
	margin: auto;
}
#kouei.boatrace.beginner .flex{
	display: flex;
}
#kouei.boatrace.beginner .txImg p{
	width: 455px;
	margin-right: 30px;
}
#kouei.boatrace.beginner #contents .title03{
	border-left: 0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-size: 38px;
	height: 36px;
	padding-left: 45px;
}
#kouei.boatrace.beginner .feature .txImg,
#kouei.boatrace.beginner .win{
	margin-top: 40px;
}
#kouei.boatrace.beginner .feature .title02 + .txImg{
	margin-top: 0;
}
#kouei.boatrace.beginner #contents .title03.t3_01{
	background-image: url(/kouei/boatrace/images/beginner_ic001.png);
}
#kouei.boatrace.beginner #contents .title03.t3_02{
	background-image: url(/kouei/boatrace/images/beginner_ic002.png);
}
#kouei.boatrace.beginner #contents .title03.t3_03{
	background-image: url(/kouei/boatrace/images/beginner_ic003.png);
}
#kouei.boatrace.beginner #contents .title03.t3_04{
	background-image: url(/kouei/boatrace/images/beginner_ic004.png);
}
#kouei.boatrace.beginner #contents .title03.t3_05{
	background-image: url(/kouei/boatrace/images/beginner_ic005.png);
}
#kouei.boatrace.beginner #contents .title03.t3_06{
	background-image: url(/kouei/boatrace/images/beginner_ic006.png);
}
#kouei.boatrace.beginner .place{
	float: left;
	margin-top: -10px;
	width: 455px;
}
#kouei.boatrace.beginner .place.nm02{
	margin-top: -30px;
}
#kouei.boatrace.beginner .place dt{
	color: #ffffff;
	background-color: #0265cb;
	padding: 5px 0 5px 30px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
#kouei.boatrace.beginner .place dt:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10.4px 6px 0 6px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 0.8em;
	left: 10px;
}
#kouei.boatrace.beginner .place dt.open:before{
	border-width: 0 6px 10.4px 6px;
	border-color: transparent transparent #ffffff transparent;
	top: 0.7em;
}
#kouei.boatrace.beginner .place dd{
	display: none;
	margin: 15px 10px;
}
#kouei.boatrace.beginner .place dd .flex{
	flex-wrap: wrap;
}
#kouei.boatrace.beginner .place dd ul li{
	width: 28%;
	padding-bottom: 5px;
}
#kouei.boatrace.beginner .stepTxt{
	text-align: center;
	margin-bottom: 15px;
}
#kouei.boatrace.beginner .win ul{
	flex-wrap: wrap;
	margin-top: 20px;
}
#kouei.boatrace.beginner #contents .win ul li{
	width: 47%;
	font-size: 1em;
}
#kouei.boatrace.beginner #contents .win ul li:nth-of-type(odd){
	margin-right: 43px;
}
#kouei.boatrace.beginner #contents .win ul li:nth-of-type(n+3){
	margin-top: 30px;
}
#kouei.boatrace.beginner #contents .win ul li dt{
	font-weight: bold;
}
#kouei.boatrace.beginner .win img{
	display: block;
	margin: auto;
}
#kouei.boatrace.beginner .step{
	width: 645px;
	margin: auto;
}
#kouei.boatrace.beginner .step li{
	width: 300px;
	font-size: 1em;
	position: relative;
}
#kouei.boatrace.beginner .step li:first-child{
	margin-right: 45px;
}
#kouei.boatrace.beginner .step li:first-child:after{
	position: absolute;
	content: "";
	border: 22px solid transparent;
	border-left: 18px solid #81beff;
	top: 45%;
	right: -18%;
}
#kouei.boatrace.beginner .step dt{
	background-color: #0058c5;
	color: #ffffff;
	font-size: 1.5em;
	padding: 4px 0;
}
#kouei.boatrace.beginner .step dd{
	background-color: #ffffff;
	padding: 5px 10px 15px 10px;
	height: 180px;
}
#kouei.boatrace.beginner .step dt,
#kouei.boatrace.beginner .step dd p:first-child{
	text-align: center;
	font-size: 1.4em;
}
#kouei.boatrace.beginner .step dd p:first-child{
	font-weight: bold;
}
#kouei.boatrace.beginner .step dd .stepBtn a{
	width: 237px;
	padding: 8px 0 4px;
	box-shadow: 0px 5px 0px 0px #f77a00;
	border: 2px solid #ffa200;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto 0;
	font-size: 1.5em;
}
#kouei.boatrace.beginner .step li:first-child dd .stepBtn a{
	display: block;
	margin-top: 33px;
	background-color: #ffa200;
	color: #ffffff;
}
#kouei.boatrace.beginner .step li:last-child dd .stepBtn a{
	background-color: #ffffff;
	color: #ffa200;
}
#kouei.boatrace.beginner .bgBlue + div.noBg{
	background-image: none;
	padding-bottom: 170px;
}
#kouei.boatrace.beginner .step dd p:first-child{
	color: #001b71;
}
#kouei.boatrace.beginner .lecture > div p{
	margin-right: 30px;
}
#kouei.boatrace.beginner .lecture .example{
	margin-top: 30px;
}
#kouei.boatrace.beginner .lecture .example span{
	display: inline-block;
	color: #ffffff;
	background-color: #535353;
	width: 60px;
	text-align: center;
	margin-right: 20px;
}
#kouei.boatrace.beginner .lecture .example + img{
	margin: 10px auto 20px;;
}
#kouei.boatrace.beginner #mainContainer #contents .lecture table th{
	padding: 5px;
}
#kouei.boatrace.beginner #mainContainer #contents .lecture table .w14{
	width: 14%;
}
#kouei.boatrace.beginner #mainContainer #contents .lecture table .w55{
	width: 55%;
}
#kouei.boatrace.beginner #mainContainer #contents .lecture table .w31{
	width: 31%;
}
#kouei.boatrace.beginner .lecture .bgGray{
	display: inline-block;
	background-color: #e5e6e8;
	width: 55px;
	text-align: center;
	margin-right: 10px;
}
#kouei.boatrace.beginner .lecture .white,
#kouei.boatrace.beginner .lecture .red,
#kouei.boatrace.beginner .lecture .yellow{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
}
#kouei.boatrace.beginner .lecture .white{
	border: 1px solid #cbcbcb;
}
#kouei.boatrace.beginner .lecture .red{
	background-color: #f02424;
	color: #ffffff;
}
#kouei.boatrace.beginner .lecture .yellow{
	background-color: #ffee2f;
}
#kouei.boatrace.beginner #contents .boxLogin{
	width: 100%;
	background-color: rgba(233,233,233,0.7);
	margin-bottom: 0;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	border: none;
}
#kouei.boatrace.beginner .boxInner{
	width: 450px;
	margin: auto;
}
#kouei.boatrace.beginner #contents .boxLogin .normalBtn01 a{
	width: 200px;
	padding: 6px 0 4px;
	line-height: 1.2em;
	box-shadow: 0px 5px 0px 0px #f77a00;
	border: 2px solid #ffa200;
	border-radius: 6px;
}
#kouei.boatrace.beginner #contents .boxLogin .normalBtn01:first-child a{
	background-color: #ffa200;
}
#kouei.boatrace.beginner #contents .boxLogin .normalBtn01:last-child a{
	color: #ffa200;
	background-color: #ffffff;
}
#kouei.boatrace.beginner .step dd .stepBtn a span,
#kouei.boatrace.beginner #contents .boxLogin .normalBtn01 a span{
	font-size: 0.8em;
}

/* clearFix */
.cfx,
.boxCol01 ul,
#kouei #koueiNews dd,
#kouei #mainInfoB .stepList,
#kouei #mainInfoB .boxL,
#kouei #mainInfoB .boxR,
#kouei #mainInfoB .bnrLogo,
#kouei.oddspark #mainInfoB .boxOp01,
#kouei.oddspark #mainInfoB .boxOp02,
#kouei.oddspark #mainInfoB .boxOp02 dt,
#kouei.touhyo .race dd{
	/zoom: 1;
}
.cfx:after,
.boxCol01 ul:after,
#kouei #koueiNews dd:after,
#kouei #mainInfoB .stepList:after,
#kouei #mainInfoB .boxL:after,
#kouei #mainInfoB .boxR:after,
#kouei #mainInfoB .bnrLogo:after,
#kouei.oddspark #mainInfoB .boxOp01:after,
#kouei.oddspark #mainInfoB .boxOp02:after,
#kouei.oddspark #mainInfoB .boxOp02 dt:after,
#kouei.touhyo .race dd:after{
	content: '';
	display: block;
	clear: both;
}

/*smt tablet*/
@media screen and (max-width:1023px){
	.bnrBox01 {
		border-top: solid 1px #373536;
		display: block;
	}
	.bnrBox01 li {
		padding: 17px 14px 10px;
	}
	.bnrBox01 li:last-of-type {
		padding-bottom: 0;
	}
	.bnrBox01 a {
		display: block;
		color: #fff;
	}
	.bnrBox01 li a span{
		width: 208px;
		display: block;
		text-align: right;
	}

	/* 2nd
	------------------------------------ */
	/*touhyo*/
	#kouei.touhyo #pageContainer{
		top: 45px;
	}
	#kouei.touhyo #mainUnit{
		border-bottom: 3px solid #dedede;
	}
	#kouei.touhyo #mainContainer #contents{
		padding-top: 10px;
	}
	/*beginner*/
	#kouei.boatrace.beginner #subUnit > div{
		display: none;
	}
	#kouei.boatrace.beginner #mainContainer #contents{
		padding: 0;
	}
}

/*smt*/
@media screen and (max-width:767px){
	#popup #mainContainer #contents{
		padding: 10px 10px 0 10px;
		width: auto;
	}
	#subUnit li {
		width: 118px;
	}
	#mainContainer #contents div#mainImages,
	#mainContainer #contents div#mainImages #imgBar img{
		width:100%;
		height:auto;
	}

	/* index.html
	------------------------------------ */
	#kouei #contents .boxStep>li:before{
		border: none;
	}
	#kouei #contents .boxStep>li:after{
		left: 50%;
		margin-left: -8px;
	}
	#kouei #contents .boxStep dd.btn{
		width: 70%;
		margin: 10px auto 0;
	}
	#kouei #contents .boxStep .boxGr,
	#kouei #contents .boxStep .boxBl,
	#kouei #contents .boxStep .boxGr dl p,
	#kouei #contents .boxStep .boxBl dl p{
		width: auto;
		display: block;
	}
	#kouei #contents .boxStep .boxBl{
		margin: -3px 0 0;
	}
	#kouei #contents .boxStep .boxGr,
	#kouei #contents .boxStep .boxBl{
		height: auto;
	}
	#kouei #contents .boxStep .boxGr .bg,
	#kouei #contents .boxStep .boxBl .bg{
		padding-bottom: 10px;
	}
	#kouei #contents .boxMerit li{
		width: 50%;
		margin-bottom: 20px;
	}
	#kouei #contents .boxMerit li img{
		max-width: 120px;
	}
	#kouei #contents .boxRace{
		margin-top: -15px;
	}
	#kouei #contents .boxRace li{
		float: none;
		width: 100%;
		border-bottom: 2px solid #cdcdcd;
	}
	#kouei #contents .boxRace a{
		margin-bottom: 0;
		padding: 10px 2%;
	}
	#kouei #contents .boxRace .raceLogo{
		border: none;
		width: 15%;
		margin-right: 2%;
		vertical-align: middle;
	}
	#kouei #contents .boxRace .raceName{
		display: inline-block;
		width: 37%;
	}
	#kouei #contents .boxRace .raceIcon img{
		width: 13%;
		vertical-align: middle;
	}

	/* 2nd
	------------------------------------ */
	#kouei #koueiNews {
		border:none;
		margin-top:0;
	}
	#kouei.jra #contents,
	#kouei.nankan #contents,
	#kouei.oddspark #contents,
	#kouei.boatrace #contents,
	#kouei.keirin #contents,
	#kouei.autorace #contents{
		width:100%;
		padding:10px 0;
	}
	#kouei #mainInfoB {
		margin-top:0;
	}
	#kouei #mainInfoB .stepList ol{
		height:181px;
		overflow:hidden;
	}
	#kouei #mainInfoB .stepList li{
		width:100%;
		left:0 !important;
	}
	#kouei #mainInfoB .stepList li .num{
		margin:0 4% 0 7%;
	}
	#kouei #mainInfoB .stepList li .txt{
		text-align:center;
		width:65%;
	}
	#kouei #mainInfoB .stepList li.step1{
		top:3%;
	}
	#kouei #mainInfoB .stepList li.step3{
		top:70%;
	}
	#kouei #mainInfoB .boxL{
		float:none;
		width:100%;
		padding:10px 0;
		margin:10px 0;
		border-right:none;
		border-top:1px dotted #929292;
		min-height:1em;
	}
	#kouei #mainInfoB .boxR{
		float:none;
		width:100%;
		padding:10px 0;
		margin:10px 0;
		border-top:1px dotted #929292;
	}
	#kouei #mainInfoB .imgR{
		float:right;
		width:113px;
	}
	#kouei #mainInfoB .bnrLogo p{
		float:left;
		width:42%;
		margin:0 10px;
	}
	/*jra*/
	#kouei.jra #mainInfoB .stepList ol{
		background: url(/kouei/jra/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.jra #mainInfoB .stepList li.step2{
		top:38%;
	}
	#kouei.jra #mainInfoB .stepList li.step2 span{
		display:inline;
	}
	#kouei.jra #mainInfoB .stepList li.step2 .txt{
		margin-top:15px;
	}
	/*nankan*/
	#kouei.nankan #mainInfoB .stepList ol{
		background: url(/kouei/nankan/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.nankan #mainInfoB .stepList li.step2{
		top:40%;
	}
	/*oddspark*/
	#kouei.oddspark #mainInfoB .stepList ol{
		background: url(/kouei/oddspark/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.oddspark #mainInfoB .stepList li.step2{
		top:38%;
	}
	#kouei.oddspark #mainInfoB .stepList li.step2 span{
		display:inline;
	}
	#kouei.oddspark #mainInfoB .stepList li.step2 .txt{
		margin-top:15px;
	}
	#kouei.oddspark #mainInfoB .boxOp01 dl,
	#kouei.oddspark #mainInfoB .boxOp02 dl{
		width:100%;
	}
	#kouei.oddspark #mainInfoB .boxOp01 dl.fL,
	#kouei.oddspark #mainInfoB .boxOp02 dl.fL{
		margin-bottom: 15px;
	}
	#kouei.oddspark #mainInfoB .boxOp01 dt,
	#kouei.oddspark #mainInfoB .boxOp02 dt{
		text-align: center;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt.opp{
		height:25px;
		padding-top:5px;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt > span{
		display:inline-block;
	}
	#kouei.oddspark #mainInfoB .boxOp01 dt .imgSize01{
		width:131px;
	}
	#kouei.oddspark #mainInfoB .boxOp01 dt .imgSize02{
		width:169px;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt .imgSize01{
		width:121px;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt .imgSize02{
		width:65px;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt .imgSize03{
		width:283px;
	}
	#kouei.oddspark #mainInfoB .boxOp02 dt .imgSize04{
		width:48px;
	}
	#kouei.oddspark #koueiNews dd .txtBox{
		width:100%;
		float:none;
	}
	/*boatrace*/
	#kouei.boatrace #koueiNews dd .fR{
		width:100%;
	}
	#kouei.boatrace #mainInfoB .stepList ol{
		background: url(/kouei/boatrace/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.boatrace #mainInfoB .stepList li.step2{
		top:40%;
	}
	/*keirin*/
	#kouei.keirin #mainInfoB .stepList ol{
		background: url(/kouei/keirin/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.keirin #mainInfoB .stepList li.step2{
		top:40%;
	}
	/*autorace*/
	#kouei.autorace #mainInfoB .stepList ol{
		background: url(/kouei/autorace/images/index_bg002_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.autorace #mainInfoB .stepList li.step2{
		top:40%;
	}
	#kouei.autorace #koueiNews .fL{
		width: 80px;
		float: left !important;
		margin-right: 10px;
	}
	/*gamboobet*/
	#kouei.gamboobet #mainInfoB .stepList ol{
		background: url(/kouei/gamboobet/images/index_bg001_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.gamboobet #mainInfoB .stepList li.step1 .num{
		margin:0 4% 0 7%;
	}
	#kouei.gamboobet #mainInfoB .stepList li.step2{
		top:40%;
	}
	#kouei.gamboobet #mainInfoB .stepList li.step2 .txt{
		width:67%;
	}
	/*chariloto*/
	#kouei.chariloto #mainInfoB .stepList ol{
		background: url(/kouei/chariloto/images/index_bg001_2.png) 48% 0 no-repeat;
		background-size:auto 181px;
	}
	#kouei.chariloto #mainInfoB .stepList li.step1 .num{
		margin:0 4% 0 7%;
	}
	#kouei.chariloto #mainInfoB .stepList li.step2{
		top:38%;
	}
	/*touhyo*/
	#kouei.touhyo .race dl{
		padding: 15px 3%;
	}
	#kouei.touhyo .race dt{
		width: 90px;
		margin-right: 15px;
	}
	#kouei.touhyo .race .kind .icon{
		width: 60px;
	}
	#kouei.touhyo .race .kind .icon:last-child{
		margin-right: 0;
	}
	#kouei.touhyo .race .boxEnt{
		float: none;
		width: 100%;
		clear: both;
	}
	#kouei.touhyo .race .boxEnt li{
		margin-top: 10px;
	}
	#kouei.touhyo #contents .boxLogin .catch{
		font-size: 1.6em;
	}
	#kouei.touhyo .boxLogin .normalBtn01 a{
		font-size: 1.8em;
	}
	#kouei.touhyo .listCampaign03 h2{
		width: 100%;
		margin: 0;
	}
	#kouei.touhyo .listCampaign03 .inner{
		justify-content: flex-start;
		overflow-x: scroll;
		width: 100%;
		margin: 1em 0 0;
	}
	#kouei.touhyo .listCampaign03 .inner > ul{
		flex-wrap: nowrap;
		margin-top: 0;
		padding: 0 8px;
	}
	#kouei.touhyo .listCampaign03 .inner > ul > li{
		max-width: 176px;
		width: 45vw;
		margin-top: 0;
		padding: 0 8px;
	}
	#kouei .boxLogin + .bote-ex{
		padding: 0 3%;
	}
	#kouei .boxLogin + .bote-ex + p{
		padding: 0 3%;
	}
	/*local_keiba*/
	#kouei.local_keiba .listBox{
		box-sizing: border-box;
	}
	#kouei.local_keiba .listBox li{
		float: none;
		width: 100%;
		padding: 25px 0 0;
	}
	#kouei.local_keiba #contents .listBox li img{
		height: 125px;
		width: auto;
	}
	#kouei.local_keiba #contents .table01 th{
		padding: 5px 3px;
	}
	#kouei.local_keiba #mainContainer #contents .table02 td{
		padding: 5px 10px;
	}
	#kouei.local_keiba .table02 span,
	#kouei.local_keiba .table02+p span{
		position: relative;
		padding-left: 15px;
	}
	#kouei.local_keiba .table02 span{
		display: block;
	}
	#kouei.local_keiba .table02+p span:first-child{
		margin: 0 20px 0 2px;
	}
	#kouei.local_keiba .table02 span:before,
	#kouei.local_keiba .table02+p span:before{
		content: "";
		width: 12px;
		height: 12px;
		background: #19aeac;
		position: absolute;
		top: 4px;
		left: 0;
	}
	#kouei.local_keiba .table02 span.nankan:before,
	#kouei.local_keiba .table02+p span.nankan:before{
		background: #0187d0;
	}
	#kouei.local_keiba .table02+p span:before{
		top: 2px;
	}
	/*k-dreams*/
	#kouei.kDreams #mainInfoB .stepList ol{
		background: url(/kouei/k-dreams/images/index_bg001_smt.png) 48% 0 no-repeat;
		background-size: auto 181px;
	}
	#kouei.kDreams #mainInfoB .stepList li.step2{
		top: 38%;
	}
	#kouei.kDreams #mainInfoB .stepList li.step2 .txt{
		line-height: 1.0em;
		margin-top: 7px;
	}
	#kouei.kDreams #mainInfoB .stepList li.step3 .txt{
		margin-top: 15px;
	}
	#kouei.kDreams #mainInfoB .sec00 .boxR .txtFL{
		float: left;
	}
	/*winticket*/
	#kouei.winticket #mainInfoB .stepList ol{
		background: url(/kouei/winticket/images/index_bg001_smt.png) 48% 0 no-repeat;
		background-size: auto 181px;
	}
	#kouei.winticket #mainInfoB .stepList li.step2{
		top: 38%;
	}
	#kouei.winticket #mainInfoB .stepList li.step2 .txt{
		line-height: 1.0em;
		margin-top: 7px;
	}
	#kouei.winticket #mainInfoB .stepList li.step3 .txt{
		margin-top: 15px;
	}
	#kouei.winticket #mainInfoB .mt33{
		margin-top: 10px;
	}
	/*beginner*/
	#kouei.boatrace.beginner #mainContainer #contents{
		margin-top: -43px;
	}
	#kouei.boatrace.beginner .txImg p,
	#kouei.boatrace.beginner .place,
	#kouei.boatrace.beginner #contents .win ul li,
	#kouei.boatrace.beginner .step,
	#kouei.boatrace.beginner .step li,
	#kouei.boatrace.beginner #mainContainer #contents .boxLogin .normalBtn01{
		width: 100%;
	}
	#kouei.boatrace.beginner #mainContainer #contents img.w80{
		display: block;
		width: 80%;
		margin: auto;
	}
	#kouei.boatrace.beginner .bgBlue{
		padding-bottom: 50px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .sec01{
		margin: 0;
	}
	#kouei.boatrace.beginner #contents .title02{
		padding: 30px 0 0;
	}
	#kouei.boatrace.beginner #contents .title02 img{
		width: 70%;
	}
	#kouei.boatrace.beginner .flex{
		display: block;
	}
	#kouei.boatrace.beginner .txImg p{
		margin-right: 0;
		margin-bottom: 20px;
	}
	#kouei.boatrace.beginner #contents .title03{
		background-position: top;
		padding-left: 0;
		text-align: center;
		height: auto;
		padding-top: 45px;
		font-size: 2em;
	}
	#kouei.boatrace.beginner .feature .title02 + .txImg{
		margin-top: 30px;
	}
	#kouei.boatrace.beginner .place.nm01{
		margin-top: 5px;
	}
	#kouei.boatrace.beginner .place dt{
		padding: 5px 0;
		text-align: center;
	}
	#kouei.boatrace.beginner .place dd .flex{
		display: flex;
	}
	#kouei.boatrace.beginner .place dd ul li{
		width: 43%;
	}
	#kouei.boatrace.beginner .place.nm02{
		margin-top: 10px;
	}
	#kouei.boatrace.beginner .place.nm02 table th{
		width: 24%;
	}
	#kouei.boatrace.beginner .place.nm02 table td{
		width: 76%;
	}
	#kouei.boatrace.beginner #contents .win ul li:nth-of-type(odd){
		margin-right: 0;
	}
	#kouei.boatrace.beginner #contents .win ul li:nth-of-type(n+2){
		margin-top: 20px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .win img{
		width: 60%;
	}
	#kouei.boatrace.beginner .step li:first-child{
		margin-right: 0;
		margin-bottom: 40px;
	}
	#kouei.boatrace.beginner .step li:first-child:after{
		border: 22px solid transparent;
		border-top: 18px solid #81beff;
		top: 105%;
		right: 44%;
	}
	#kouei.boatrace.beginner .step dd{
		padding: 5px 10px 20px 10px;
		height: auto;
	}
	#kouei.boatrace.beginner .step li:first-child dd .stepBtn a{
		margin-top: 10px;
	}
	#kouei.boatrace.beginner .bgBlue + div.noBg{
		padding-bottom: 110px;
	}
	#kouei.boatrace.beginner .lecture > div p{
		margin-right: 0;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture > div img{
		margin-top: 5px;
	}
	#kouei.boatrace.beginner .lecture .example{
		margin-bottom: 10px;
	}
	#kouei.boatrace.beginner .lecture .example span{
		margin-right: 0;
		margin-bottom: 10px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture table{
		margin-top: 15px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture table th,
	#kouei.boatrace.beginner #mainContainer #contents .lecture table td{
		padding: 5px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture table .w14{
		width: 18%;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture table .w55{
		width: 45%;
	}
	#kouei.boatrace.beginner #mainContainer #contents .lecture table .w31{
		width: 37%;
	}
	#kouei.boatrace.beginner #mainContainer #contents .boxLogin{
		padding: 0 10px 5px;
	}
	#kouei.boatrace.beginner #mainContainer #contents .boxLogin .boxInner.flex{
		display: flex;
	}
	#kouei.boatrace.beginner #contents .boxLogin .normalBtn01 a{
		font-size: 1.5em;
		box-sizing: border-box;
		width: 95%;
	}
	#kouei.boatrace.beginner #toPageTop{
		bottom: 25%;
	}
}

@media screen and (max-width: 320px) {
	#kouei.touhyo .listCampaign03 .inner > ul > li {
		width: 60vw;
	}
}