@charset "UTF-8";

body{
	width:100%;
	height: 100%;
	background-image:url("../img/bg.png");
	background-repeat:repeat;
	background-position:
	top center,
	top center;
	background-color: #070000;
	/*background-size:contain;*/
}


@media screen and (max-width: 990px), print {
	body{
		
	}
}

#hd_top{
	width: 100%;
	height:3px;
	background: url(../img/head_w1px.jpg) repeat ;
}
#hd_bk{
	width: 100%;
	height:90px;
	background: url(../img/head_bk.png) repeat ;
}
#hd_main{
	width: 990px;
	height:90px;
	margin: 0px auto;
}
#wrap{
	width: 980px;
	margin: 60px auto 0 auto;
	/*padding-top:30px;*/
}
@media screen and (max-width: 980px), print {
	#wrap{width: 100%; /*margin: 0 auto;*/}
}
.dentocontent{
	position: relative;
	z-index:999;
	margin-top:60px;
}
.perabo{
	position: absolute;
	z-index:9;
	top:95px;
	left:20%;
	opacity: 0.7;
}
@media screen and (min-width:1920px)and (max-width:2300px) {
	.perabo {
		top:95px; left:15%;
	}
}
@media screen and (min-width:1600px)and (max-width:1920px) {
	.perabo {
		top:95px; left:10%;
	}
}
@media screen and (min-width:1300px)and (max-width:1600px) {
	.perabo {
		top:95px; left:0%;
	}
}
@media screen and (min-width:1050px)and (max-width:1300px) {
	.perabo {
		top:95px; left:-10%;
	}
}
@media screen and (max-width:1050px) {
	.perabo {
		top:130px; left:-21%;
		width:500px;
	}
}
.schedule{
	margin-top:40px;
}

footer{
	margin:50px auto 0;
	padding:50px 0 0px;
	background-repeat:no-repeat;
	background-position:50% 30%;
	position:relative;
	width:100%;
	background:#fff;
}
#ftr_1{
	width: 100%;
}
#ftr_2{
	width: 100%;
	margin-top:30px;
}
#ftr_3{
	width: 100%;
	/*max-width:500px;*/
	margin:50px auto 0;
	text-align: center;
	align-items: center;
}
.ftr_text{
	color: #000;
	text-align: center;
}
.text1a{ font-size: 23px; line-height: 36px; font-weight:500;color:#000411;}
.text2a{ font-size: 23px; line-height: 36px; font-weight:500;color:#000411;}
.text3a{ font-size: 19px; line-height: 25px; width: 100%;color:#000411;}
.text1{
	font-size: 23px;
	line-height: 36px;
	font-weight:500;
	color:#000411;
}
.text2{
	font-size: 23px;
	line-height: 36px;
	font-weight:500;
	color:#000411;
}
.text3{
	font-size: 19px;
	line-height: 25px;
	width: 100%;
	/*padding-left:20px;*/
	color:#000411;
}
.ftr_img {
	width: 35%;
	margin-bottom:10px;
}
.copyright{
	font-size:16px;
	margin-top:40px;
	padding:50px 0 65px;
	background:#23659d;
	color:#fff;
}

.gradeuphead{
    width: 980px;
    padding:30px 0 0;
    margin:0;
}
.gradeuphead img,.gradeuphead a img{
    padding:0px 0 0px 84px;
    margin-top:-10px;
}
.gradeuphead img,.gradeuphead a img:first-child{
    padding:0px 0 0px 84px;
    margin-top:-10px;
}      
.gradeuphead img,.gradeuphead a img:last-child{
    padding:0px 0 30px 84px;
    margin-top:-10px;
}
.gradeupbtn:hover{
	opacity: 0.5;
}

/*
.gradeuphead{
    width: 980px;
    background: url(../img/gradeup_head.png) no-repeat ;
}
.gradeuphead img{
    padding:10px 0 10px 87px;
}
.gradeuphead img:first-child{
    padding:140px 0 10px 87px;
}      
.gradeuphead img:last-child{
    padding:10px 0 30px 87px;
}
.gradeupbtn:hover{
opacity: 0.5;
}
*/


#button_wrap{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	max-width:600px;
	margin:0 auto;
}
#button_wrap img{
	margin-bottom: 30px;
}

#button01_wrap{
	width: 100%;
	text-align: center;
	padding: 30px 0 ;
}
#button01_wrap img{
	/*margin-bottom: 30px;*/
}

.touroku:hover{
	opacity: 0.5;
}
.tousensya:hover{
	opacity: 0.5;
}

#pagetop{
	position:absolute;
	right: 20px;
	top:40px;
	cursor:pointer;
	z-index: 999;
}
#pagetop img{
	width:80%;
}

#pagetop a:hover {
	opacity: 0.3;
}
#pagetop a {
	transition: opacity 0.2s ease-out;
}




ul#globalnavi{
    width:693px;
	float:right; 
    overflow:hidden;
}
ul#globalnavi li{
    float:left;
    height:93px;
    display:block;
}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 93px;
    background-image: url(../img/menu.png);
    /*padding-top:30px;*/
}

/* global navi normal
---------------------*/
    #navi1 a { width:174px; background-position:0       0;}
    #navi2 a { width:173px; background-position:-174px  0;}
    #navi2a a { width:173px;background-position:-174px  0;}
    #navi3 a { width:175px; background-position:-347px  0;}
    #navi4 a { width:171px; background-position:-522px  0;}
/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:174px; background-position:0       -93px;}
    #navi2 a:hover  { width:173px; background-position:-174px  -93px;}
    #navi3 a:hover  { width:175px; background-position:-347px  -93px;}
    #navi4 a:hover  { width:171px; background-position:-522px  -93px;}



#mv{
	/*max-height:1220px;*/
	background: url(../img/mv_bg.png) repeat ;
	background-size:cover;
	background-position:center;
	text-align:center;
	padding-bottom:70px;
}
.mv_title{
	width:45%;
	margin:0 auto;
}
.mv_title img{
	width:100%;
}
.mv_cashback{
	background: url(../img/bk_bg.png) no-repeat ;
	background-size:cover;
	padding:3em 0 10em 0;
	margin-top:2em;
	position:relative;
}
.mv_cb{
	width:55%;
	margin:0 auto;
}
.mv_cb img{
	width:100%;
}
.mv_perabo{
	position:absolute;
	top:-6em;
	right:15%;
	width:7%;
}
.mv_perabo img{
	width:100%;
}
.mv_boat{
	position:absolute;
	top:-8em;
	left:6%;
	width:15%;
}
.mv_boat img{
	width:100%;
}
.w_chance{
	width:45%;
	margin:-8em auto 0 auto;
	position:relative;
}
.w_chance img{
	width:100%;
}
#youtube{
	padding:50px 0;
	text-align:center;
}
#about{
	padding:50px 0;
	background: url(../img/bk_bg.png) repeat ;
	background-position:center;
	background-size:cover;
	text-align:center;
}
#wrap img{
	width:100%;
}
.title{
	margin-bottom:20px;
}
.season1,.season2,.season3,.season4,.season5{
	margin-bottom:20px;
}
.more_chance{
	margin-top:50px;
}
.double_chance{
	margin-top:30px;
}
.roku_cam{
	position:relative;
	padding:20px 0;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(42deg, transparent, transparent 10px, rgba(255, 247, 245, 1) 10px, rgba(255, 247, 245, 1) 15px );
}

.roku_cam_img{
	width:85%;
	margin:0 auto;
}

.entry_btn{
	position:absolute;
	bottom:60px;
	transform: translate(-50%, 0);
	left:50%;
	width:60%;
}
.entry_btn:hover{
	opacity: 0.6;
	filter: brightness(110%);
	-webkit-transition: all .6s;
	transition: all .6s;
}
.condition{
	color:#fff;
	margin:80px 0 45px 0 ;
}
.condition_txt{
	/*padding:30px 0;*/
	line-height:1.2;
}
.condition p{
	font-size:20px;
	padding:0 0 15px 0;
}
.condition h3{
	font-size:26px;
	padding-bottom:5px;
	font-weight:bold;
}

.sponly{
		display:none;
}
.pconly{
	display:block;
}

@media screen and (max-width: 980px), print {
	#mv {
    	/*max-height: 1380px;*/
	}
	.mv_title {
    	width: 95%;
	}
	.mv_cashback{
		background: url(../img/bk_bg_sp.png) no-repeat ;
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top: 8em;
        padding: 7em 0 9em 0;
		background-position:center;
		background-size:cover;
	}
	.mv_cb {
    	width: 90%;
	}
	.mv_perabo {
		right: 0;
		width: 15%;
	}
	.mv_boat {
		top:-6em;
		left: 0;
		width: 20%;
	}
	.w_chance {
		width:80%;
	}
	.dentocontent {
    	width: 95%;
    	margin: 60px auto 0;
	}
	.condition_img{
		width:90%;
	}
	#button01_wrap{
		padding: 50px 0 70px 0 ;
	}
	#button01_wrap img{
		width: 95%;
	}
	#button_wrap {
		max-width: 800px;
	}
	.condition{
		padding: 0 40px;
    	box-sizing: border-box;
		margin:80px 0 20px 0;
	}
	#youtube img{
		width:95%;
	}
	#about{
		background: url(../img/bk_bg_sp.png) no-repeat ;
		background-position:center;
		background-size:cover;
	}
	#about img{
		width:95%;
	}
	.more_chance{
		margin-top:60px;
	}
	.double_chance{
		margin-top:30px;
	}
	.ftr_img {
		width: 75%;
		max-width:450px;
	}
	.roku_cam{
		padding:40px 0;
	}
	.roku_cam_img{
		width:85%;
	}
	.entry_btn{
		width:80%;
		bottom:60px;
	}
	.condition p {
		padding: 0 0 40px 0;
		line-height:1.5;
	}
	.condition h3 {
		padding-bottom: 10px;
	}
	.text1, .text2, .text3{
		line-height:1.5;
	}
	
	.sponly{
		display:block;
	}
	.pconly{
		display:none;
	}
}


/* Second page */
.main_head{background: url(../entry/img/main_head.png)no-repeat;width: 980px; height: 46px; background-position: center; background-size: contain;}
.main{background:url(../entry/img/main_repeat.png) repeat; width: 980px;  background-position: center; background-size: contain;}
.main_foot{background: url(../entry/img/main_foot.png)no-repeat;width: 980px; height: 46px;  background-position: center; background-size: contain;}

.info{display: table;width: 928px; margin: 0 auto;}

.info_blue{background-color: #bacee2;
border-top: 2px solid #01336d;border-bottom: 2px solid #01336d;}
.info_red{background-color: #eeaaaa;
border-top: 2px solid #bc1b1b;border-bottom: 2px solid #bc1b1b;}
.info_green{background-color: #e6eacd;
border-top: 2px solid #bdd533;border-bottom: 2px solid #bdd533;}

.info_left{display: table-cell; padding: 10px 10px 10px 30px; }
.info_right{display: table-cell; padding: 10px; vertical-align:middle;}

.info_text_blue{color: #01336d; font-size: 22px; line-height: 30px;}
.info_text_red{color: #bc1b1b; font-size: 22px; line-height: 30px;}
.info_text_green{color: #6f9605; font-size: 22px; line-height: 30px;}		

.form_wrap{width: 900px; margin: 0 auto;}

.form_text{font-size: 26px; font-weight: bold;line-height: 30px; margin-bottom: 5px;letter-spacing:2px; }

form { margin-bottom:20px; }
input[type="text"] {
	width:600px; height:40px;
	background-color: #e6e6e6;
	border: 1px solid #c1c0c0;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
input[type="text"]:focus {
	  border: 1px solid #418ad2;
	  box-shadow:0px 0px 5px 0px #418ad2;
	-moz-box-shadow:0px 0px 5px 0px #418ad2;
	-webkit-box-shadow:0px 0px 5px 0px #418ad2;
}

.placeholder{font-size: 22px;margin-bottom:1.0em;}
hr{border:none; border-top:dashed 1px #000; margin-bottom: 20px;}
.hissu{
vertical-align: middle;
font-size: 16px;
color: #fff;
letter-spacing: 3px; 
background-color: #e60012;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
margin: 10px; padding: 2px 5px 2px 7px; 
}
.button_address{
width: 150px; height: 40px; font-size: 20px;
color: #fff; line-height: 40px;letter-spacing:2px;
background: #599d00; /* Old browsers */
background: -moz-linear-gradient(top,  #599d00 0%, #288507 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #599d00 0%,#288507 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #599d00 0%,#288507 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599d00', endColorstr='#288507',GradientType=0 ); /* IE6-9 */
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
box-shadow:1px 2px 2px 0px #909090;
-moz-box-shadow:1px 2px 2px 0px #909090;
-webkit-box-shadow:1px 2px 2px 0px #909090;
}
.button_address:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;}

.present1{
background-color: #29a553;
font-size: 20px; color: #fff; padding: 10px; margin-bottom: 10px;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */}

.present2{
background-color: #807b7b;
font-size: 20px; color: #fff; padding: 10px; margin-bottom: 10px;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */}

.present1:hover{
background-color: #3bd770;}
.present2:hover{
background-color: #3bd770;
}

.oubo{
width: 540px; height: 90px;
background-color: #c80000; font-weight: bold;
font-size: 36px; color: #fff; line-height: 90px;
border-radius: 60px;		/* CSS3草案 */
-webkit-border-radius: 60px;	/* Safari,Google Chrome用 */
-moz-border-radius: 60px;	/* Firefox用 */

  box-shadow:0px 6px 0px 0px #700000;
-moz-box-shadow:0px 6px 0px 0px #700000;
-webkit-box-shadow:0px 6px 0px 0px #700000;
}
.oubo:hover{
background-color: #e33333;}

.main_tousen_head{
 background: url(../entry/img/main_tousen_head.png)no-repeat;
 width: 980px;
 height: 93px;
 color: #fff;
 text-align: center;
 line-height: 98px;
 font-size: 30px;
 font-weight: bold;
 background-position: center;
 background-size: 980px;
 }
.main_tousen{background:url(../entry/img/main_tousen_repeat.png) repeat;width: 980px;padding-top: 12px;  background-position: center; background-size: contain;}
.main_tousen_foot{background: url(../entry/img/main_tousen_foot.png)no-repeat;width: 980px;height: 46px;background-size: 980px;}
.main_tousen .notice {display: block;font-size: 16px;font-weight: bold;color: #ff0000;padding: 10px 25px;}
.racetitle{background: url(../entry/img/tousen_h3.jpg); width: 938px; height: 92px; margin: 0 auto;
color: #fff; text-align: center; line-height: 83px; font-size: 26px; font-weight: bold;}
.table_tousensya{margin: 0 40px;}
.tousensya{    
	color: #f2e4b1;
	text-shadow: #be0408 2px 0px, #be0408 -2px 0px, #be0408 0px -2px, #be0408 0px 2px, #be0408 2px 2px, #be0408 -2px 2px, #be0408 2px -2px, #be0408 -2px -2px, #be0408 1px 2px, #be0408 -1px 2px, #be0408 1px -2px, #be0408 -1px -2px, #be0408 2px 1px, #be0408 -2px 1px, #be0408 2px -1px, #be0408 -2px -1px;
	font-weight: bold;
	text-align: center;
}
.table_tousensya.shinki{
	table-layout: fixed;
}
.table_tousensya.shinki tr:nth-of-type(odd) td{
	background-color: #bacee2;
}
.table_tousensya.shinki td{
	width: 20%!important;
	word-wrap: break-word;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.5;
}
th{color: #fff; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;
width: 908px; height: 50px;
background: #3f4e60; /* Old browsers */
background: -moz-linear-gradient(top,  #3f4e60 0%, #152435 50%, #021123 51%, #000f20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f4e60 0%,#152435 50%,#021123 51%,#000f20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f4e60 0%,#152435 50%,#021123 51%,#000f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4e60', endColorstr='#000f20',GradientType=0 ); /* IE6-9 */}
.td1{width: 908px; height: 50px;background: #d9e7f6;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td2{width: 908px; height: 50px;background: #bacee2;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}

.td4-1{width: 227px; height: 50px;background: #d9e7f6;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td4-2{width: 227px; height: 50px;background: #bacee2;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}

.td3-1{width: 302px; height: 50px;background: #d9e7f6;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td3-2{width: 302px; height: 50px;background: #bacee2;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}

.td2-1{width: 454px; height: 50px;background: #d9e7f6;color: #000; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td2-2{width: 454px;height: 50px;background: #bacee2;color: #000;text-align: center;line-height: 60px;font-size: 20px;font-weight: bold;letter-spacing: 5px;}

.td2-1-l{width: 454px; height: 50px;background: #d9e7f6;color: #000; text-align: left;padding-left:14em; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td2-2-l{width: 454px; height: 50px;background: #bacee2;color: #000; text-align: left;padding-left:14em; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 5px;}
.td2-2.tousen_info {line-height: 30px;height: 100px;vertical-align: middle;padding: 0 10px;}
.font-small{font-size: 12px !important;}
.kanyu{
width:9.0em!important;
}
.zip1{
width:100px!important;
}
.zip2{
width:120px!important;
}

.tel1{
width:4.0em!important;
}
.tel2{
width:4.0em!important;
}
.tel3{
width:4.0em!important;
}

.select-box01 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.select-box01 select {
width: 30%;
padding: 10px;
font-size:20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
background: right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
background-size: 20px, 100%;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */

}
.pres_notice{
color:red;font-size:18px;
text-align:center;
padding:1em 0em;
}
.is-high_rank{
width: 910px;
background: linear-gradient(89deg, #cb8001 10%, #fdea71 50%, #a36103 100% );
padding: 5px;
margin: auto;
}
.is-high_rank table{
width: 100%;
margin: 0;
}
.is-high_rank tbody{
background: linear-gradient(89deg, #7a0b10 10%, #960404 50%, #7a0b10 100% );
}
.is-high_rank tr:not(tr:first-of-type,tr:last-of-type){
border-bottom: 1px solid #4f05058c;
}

.is-high_rank .td2-1,
.is-high_rank .td2-2{
font-size: 27px;
padding: 5px 0;
background-color: transparent;
background: linear-gradient(89deg, #861616 24%, #3b2828 50%, #514343 100% );
-webkit-background-clip: text;
-moz-background-clip: text;
color: transparent;
/* font-family: 游ゴシック; */
}

.table_tousensya.shinki{
table-layout: fixed;
}
.table_tousensya.shinki tr:nth-of-type(odd) td{
background-color: #bacee2;
}
.table_tousensya.shinki td{
width: 20%!important;
word-wrap: break-word;
word-break: break-all;
vertical-align: middle;
line-height: 1.5;
}
.td2-2.tousen_info {line-height: 30px;height: 100px;vertical-align: middle;padding: 0 10px;}

.is-high_rank{
width: 910px;
background: linear-gradient(89deg, #cb8001 10%, #fdea71 50%, #a36103 100% );
padding: 5px;
margin: auto;
}
.is-high_rank table{
width: 100%;
margin: 0;
}
.is-high_rank tbody{
background: linear-gradient(89deg, #7a0b10 10%, #960404 50%, #7a0b10 100% );
}
.is-high_rank tr:not(tr:first-of-type,tr:last-of-type){
border-bottom: 1px solid #4f05058c;
}

.is-high_rank .td2-1,
.is-high_rank .td2-2{
font-size: 27px;
padding: 5px 0;
background-color: transparent;
background: linear-gradient(89deg, #861616 24%, #3b2828 50%, #514343 100% );
-webkit-background-clip: text;
-moz-background-clip: text;
color: transparent;
/* font-family: 游ゴシック; */
}

.return_top_img {
width: auto !important;
margin-top: 30px;
}