@charset "UTF-8";
/* CSS Document */


/*-----------------bace----------------*/


html,body{
	margin:0;
	padding:0;
	font-size:0.9em;
	color:#333;
	font-family:Arial, sans-serif, メイリオ;
	letter-spacing:0.1em;
    background-color: #005fed;
}


h1,h2 {
	color:#716232;
}
　


h2 {
	font-size:midium;
}





section, article, aside, nav, header, footer, hgroup {
	display:block;
}

li {
	list-style:none;
}



/*-----------------recet----------------*/
html,body,form,table,ol,ul,li,dl,dt,dd,input,p,h1,h2,h3,h4,hr,img{
	margin:0;
	padding:0;
	/*
	font-family :'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
	osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	*/
}

img{
	/* [disabled]border:0; */
	vertical-align:bottom;
	border:0;
}
.clrfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clrfix{
	min-height:1px;
}
* html .clrfix{
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

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

#header {
	width:100%;
	/* edit
	height:80px;
	*/
	background-color:#0C9513;
}

#header .header_inner{
	width:1000px;
	/* edit
	height:80px;
	*/
	margin:0 auto;
}

#header .header_inner h1{
	padding-top:15px;
	float:left;
}

#header .header_inner .header_login{
	float:right;
}

#header .header_inner .header_login ul li:nth-child(1){
	float:left;
	padding-top:10px;
}

#header .header_inner .header_login ul li:nth-child(2){
	float:right;
}


#header .header_inner .header_login ul li:nth-child(1) input{
	display:block;
	width:180px;
	height:23px;
	margin-bottom:5px;
	border:solid 2px #333333;
	text-indent:5px;
	background:#e1e1e1;
}

#header .header_inner .header_login ul li:nth-child(2) input{
	display:block;
	width:100px;
	height:80px;
	background: url(../img/header_login_btn.png);
	border:none;
	text-indent:-9999px;
	margin-left:10px;
	cursor:pointer;
}

#header .header_inner .header_login ul li:nth-child(2) input:hover{
	opacity: 0.7;
}



/*-----------------top----------------*/

#top {
	width:100%;
	height:570px;
	background:url(../img/top_bg.jpg) no-repeat center top #0f0f0f;

}

#top img{
	display:block;
	width:1000px;
	height:570px;
	margin:0 auto;
}

/*-----------------worning----------------*/

#worning {
	width:100%;
	background:#fff;
}

#worning .bar{
	width:100%;
	height:59px;
	background:url(../img/worning.jpg);
	text-indent:-9999px;
}

#worning p{
	width:1000px;
	margin:0 auto;
	padding:20px 0 20px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/*-----------------regist----------------*/

#regist {
	width:100%;
	height:423px;
	background:url(../img/regist_bg.jpg) no-repeat center top #0f0f0f;
	padding-top:20px;

}


#regist .regist_inner
{
	width:1000px;
	height:391px;
	background:url(../img/regist_bg02.jpg);
	margin:0 auto;

}


#regist ul:nth-child(1) {

	padding:10px 0  0 285px;
}

#regist ul:nth-child(1) li p{
	color:#fff;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;

}

#regist ul:nth-child(1) li .regist_code{
	display:block;
	background:url(../img/regist_code.jpg);
	width:700px;
	height:55px;
	text-indent:60px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
	border:none;
}


#regist ul:nth-child(1) li .regist_mail{
	display:block;
	background:url(../img/regist_mail.jpg);
	width:700px;
	height:55px;
	text-indent:60px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
	border:none;
}

#regist ul:nth-child(1) li .regist_btn{
	display:block;
	background:url(../img/regist_btn.png);
	width:700px;
	height:106px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
}

#regist ul:nth-child(1) li .regist_btn:hover{
	opacity: 0.7;
}


#regist ul:nth-child(2) {
	margin-top:20px;

}

#regist ul:nth-child(2) li:nth-child(1){
	width:260px;
	margin-left:10px;
	color:#FFF;
	float:left;


}

#regist ul:nth-child(2) li:nth-child(1) a{
	color:#FF0;


}


#regist ul:nth-child(2) li:nth-child(1) input{
	margin-right:5px;


}



#regist ul:nth-child(2) li:nth-child(2) {
	width:700px;
	margin-left:10px;
	color:#FFF;
	float:left;

}


/*-----------------result----------------*/


#result {
	width:1000px;
	margin:20px auto 0 auto;

}

#result dd{
	width:1000px;
	margin:20px auto 0 auto;

}

#result dd ul{
	width:305px;
	height:157px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;

	padding:15px 0 0 15px;
	background:url(../img/result_bg.jpg);

}

#result dd ul:nth-child(3n){
	margin-right:0;

}

#result dd ul li:nth-child(1){
	padding:5px 10px 5px 10px;
	background:#9acc33;
	width:150px;

	margin-bottom:10px;


}

#result dd ul li:nth-child(2){
	color:#fff;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;


}
#result dd ul li:nth-child(3){
	color:#fff;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;


}

#result dd ul li:nth-child(4){
	color:#e12e2e;
	margin-top:35px;
	font-size:21px;
	font-weight:bold;
	text-align:center;


}

/*-----------------basis----------------*/


#basis {
	width:1000px;
	margin:20px auto 0 auto;

}

#basis .basis01 {
	width:680px;
	height:176px;
	margin:20px auto 0 auto;
	background:url(../img/basis_01.jpg);
	padding:75px 300px 20px 20px;
	font-size:14px;
	font-weight:500;
}

#basis .basis02 {
	width:680px;
	height:176px;
	margin:20px auto 0 auto;
	background:url(../img/basis02.jpg);
	padding:75px 300px 20px 20px;
	font-size:14px;
	font-weight:500;
}

#basis .basis03 {
	width:680px;
	height:176px;
	margin:20px auto 0 auto;
	background:url(../img/basis03.jpg);
	padding:75px 300px 20px 20px;
	font-size:14px;
	font-weight:500;
}

#basis .basis04{
	width:680px;
	height:176px;
	margin:20px auto 0 auto;
	background:url(../img/basis04.jpg);
	padding:75px 300px 20px 20px;
	font-size:14px;
	font-weight:500;
}

#basis dd p{
	font-size:16px;
	font-weight:bold
;
}

/*-----------------manzoku----------------*/

.manzoku {
	width:100%;
	height:399px;
	margin-top:20px;
	background: url(../img/manzoku.jpg) no-repeat center top #0f0f0f;

}


.manzoku p {
	width:1000px;
	text-indent:-9999px;

}


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


#contents {
	width:1000px;
	margin:20px auto 0 auto;

}

#contents dd {
	margin:20px 0 0 0;
}

#contents dd ul li{
	width:490px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#contents dd ul li:nth-child(2n
){
	margin-right:0
}


/*-----------------cp----------------*/

#cp {
	width:100%;
	height:564px;
	background:url(../img/contents_cp_bg.jpg) no-repeat center top ;

}

#cp img{
	display:block;
	width:960px;
	height:300px;
	margin:0 auto 0 auto;
	padding-top:165px
}


/*-----------------top_img----------------*/


#top_img {
	width:1000px;
	margin:20px auto 0 auto;

}

#top_img img:nth-child(1){
	display:block;
	width:879px;
	margin:0 auto 20px auto;

}

#top_img img:nth-child(2){
	display:block;
	width:1000px;
	margin:0 auto 20px auto;

}



/*-----------------footer----------------*/

#footer_list {
	width:100%;
	background:#242424;

	margin-top:20px;
}

#footer_list ul{
	width:980px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}


#footer_list ul li{
	display:inline;
	margin-right:15px;
}

#footer_list ul li a{
	color:#fff;
}



.copy{
	width:100%;
	background:#333;
	text-align:center;
	color:#fff;
}



/*  競馬WAVE追記
--------------------------------------------------------*/
/*--- ポジションリセット ---*/
.lftP {
	opacity: 0;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
}
.lrtP {
	opacity: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
}
.lbtP {
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
.resetPos {
	opacity: 1 !important;
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

/*----- ヘッダー -----*/
#header .header_inner h1 {
	padding-top: 10px;
}
#header .header_inner h1 a{
	display: block;
	width:200px;
}
#header .header_inner h1 a img {
	width: 60%;
	vertical-align: bottom;
}
#header .header_inner .header_login ul li:nth-child(2) input{
	background: url(../img/header_login_btn.gif);
	background-size: 100%;
}

/*----- メインビジュアル -----*/
#mainVisual {
	background: url(../img/mainVisualBg.png) center no-repeat;
    background-size: cover;
    height:660px;
}
.mainVisualInner {
	background:
			url(../img/mainVisualPhotoBg.jpg) center top no-repeat;
    height:660px;
    background-size: cover;
    width: 1400px;
    margin: 0 auto;
}
.mainVisualInner > .inner {
	position: relative;
    height:660px;
    width: 1200px;
	margin: 0 auto;
}
.mainVisualInner > .inner > .mainTitle {
    width: 58%;
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    transform: rotate(-2deg);
}
.mainVisualInner > .inner > .mainHorse {
    position: absolute;
    width: 602px;
    left: 5%;
    bottom: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}
/*--- 登録一式 ---*/
.mainRegist {
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 500px;
}
.mainRegist > img {
	width: 100%;
}
.registBox {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	background: rgba(0,0,0,0.7);
	border-radius: 5px;
}
.registBox form {
	display: block;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
}
.registBox form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 10px;
	border: none;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
}
.registBtn {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.registBtn > img {
	width: 100%;
	margin-right: -8px;
	vertical-align: bottom;
	opacity: 1;
}
.registBtn:hover {
	opacity: 0.8;
}
.registBox form input[type="checkbox"] {
	display: inline-block;
}
.registBox form span {
	font-size: 12px;
	color: #fff;
}
/* 注意文 */
.registBox form p {
	box-sizing: border-box;
	margin-top: 10px;
	padding: 5px;
	font-size: 13px;
	color: #d31616;
	line-height: 1.5;
	border-radius: 4px;
	border: 1px dashed #d31616;
}

/*----- 競馬WAVEとは？ -----*/
#intro {
	box-sizing: border-box;
	padding: 65px 0;
	text-align: center;
	background: url(../img/pattern.png) repeat top center / 200px,#fff;
}
#intro h2 {
	margin-bottom: 12px;
}
#intro h2 img {
	width: 1100px;
	vertical-align: bottom;
    margin: -3% 0 -4% 0;
    position: relative;
    z-index: 999999;
}
#intro > img {
	-webkit-transition: all 1s;
	transition: all 1s;
}

/*----- 競馬WAVEとは？ -----*/
#security {
	box-sizing: border-box;
	padding: 65px 0;
	text-align: center;
	background: url(../img/pattern.png) repeat top center / 200px,#fff;
}
#security img {
	-webkit-transition: all 1s;
	transition: all 1s;
}

/*----- out -----*/
#out {
    background: url(../img/mainVisualBg.png) center no-repeat;
    background-size: cover;
    height: 600px;
}
#out > div {
    max-width: 1200px;
    height: 100%;
    background-color: #c5c5c5;
    background-image: url(../img/outBg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#out .inner {
    position: relative;
    width: 1030px;
    margin: 0 auto;        
    height: 100%;
}
#out .lady {
    position: absolute;
    width: 510px;
    top: 0;
    left: 0;
    right: 520px;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 1s;
    transition: all 1s;
}

/*------ フッター ------*/
#footer_list {
	margin-top: 0;
	padding-top: 20px;
}

/*------ 追加 ------*/

.blue_outline{
	border: 0.3em solid #023a8f;
    padding: 2em 1.5em 3em 1.5em; 
	margin: 0 auto 2em auto;
    width: 95%;
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/french-stucco.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	
}

.wrapper {
	width: 1000px;
		margin: 0 auto;
		display:block;
        background-color: #fff;
        padding: 30px 50px;
}
.blue_outline h1 img{
	width: 98%;
	margin: 0 auto 1em auto;
	display:block;
}

.muryo_photo img{
	width: 50%;
	margin: 0 auto 2em auto;
	display:block;
}

.red{
	color: #ee0e0e;	
	font-size:1.5em;
}

/*-----------------question----------------*/

#question {
	width:100%;

	
}

#question dl dt{
	height:45px;
	background:url(../img/right_title_bg_01.jpg);
	font-size:21px;
	color:#fff;
	padding:15px 0 0 30px;
	font-weight:bold;
}


#question dl dd{
	margin: 0 auto;
	display:block;
	background:#fff;
	padding:10px 0 40px 0;
	margin-bottom:20px;
	
}

#question dl dd .question_box{
	width:95%;
	margin: 0 auto;
	display:block;
	
}

#question dl dd .question_box li:nth-child(1) img {
	width:35px;
	height:30px;
	display:block;
	float:left;
	margin-right:10px;
	padding-top:15px;
}

#question dl dd .question_box li:nth-child(2) img {
	width:35px;
	height:30px;
	display:block;
	float:left;
	margin:0 10px 10px 5px;
}

#question dl dd .question_box h5 {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
	
}



#question dl dd .question_box li:nth-child(1){
	background: url(../img/contents_title_bg.png);
	height:60px;
	padding-left:20px;
}

#question dl dd .question_box li:nth-child(2){
	padding:10px;
	border: solid #f0f0f0 5px;
}

/* SNSログイン・登録
------------------------------------------------*/
/* ログインフォーム */
.sns_login{
    position: fixed;
    background: url(../img/wave_white_bg.png) repeat-x bottom / 20px,rgba(0, 0, 0, .65);
    z-index: 9999999;
    right: 0;
    top: 80px;
    width: 300px;
    padding: 12px 14px;
    border-top-left-radius : 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-bottom-left-radius : 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius : 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius : 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
}
.sns_login h1{
    font-size: 14px;
    text-align: center;
    color: #fef501;
    float: none;
    position: static;
    margin-bottom: 2px;
}
.sns_login p{
    color: #fff;
    font-size: 11px;
}
.sns_login p a{
    text-decoration: underline;
}
.sns_login ul{
    width: 100%;
    margin: 10px auto 5px;
    text-align: center;
    overflow: hidden;
}
.sns_login ul li{
    width:calc(100% / 2);
    float: left;
}
.sns_login ul img{
    width:95%;
    margin: 2px auto;
}

/* 登録フォーム */
.sns_entry{
    width: 100%;
    margin: 15px auto;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    clear: both;
    padding: 0 15px;
}
.sns_entry h1{
    background: #00b900;
    color: #ffffff;
    width: 84%;
    max-width: 30em;
    display: inline-block;
    border-radius: 6px;
    padding: 4px.2em;
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: normal;
    float: none;
    position: static;
}
form .sns_entry p{
    font-size: 0.8em;
    color: #fff;
    border: none;
    line-height: normal;
    padding: 0;
}
.sns_entry ul{
    width: 100%;
    list-style: none;
    margin: 1em auto 0 auto;
    overflow: hidden;
    padding-left: calc(100% / 8); /* facebookを表示する場合は消す */
}
.sns_entry ul li{
    width:calc(100% / 4);
    display: inline-block;
    float: left;
}
.sns_entry ul li img{
    width:88%;
    margin: 0 auto;
    display: inline-block;
}