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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
/*------------------------------------base*/
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:100%
	-webkit-text-size-adjust: none;
	line-height: 1.2;
	background:#fff;
    
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.fadein{
	transition: 1s;
}


.inner{
	width: auto;

	padding: 0;
	margin: 0 auto;
}

.uppercurve{margin:0 0 1.5em 0;}

.bg_black{
	background: #000;
	min-width: 1020px; 
}
.bg_gold{
	background: #beac72;
	min-width: 1020px; 
}
.topBack{
	margin: 0 auto;
	padding: 70px 0 70px 0;
	text-align: center;
}
.tab-list ul li{
	cursor: pointer;
}


img{width:100%;height:auto;}
a{transition: 0.2s;}
a:hover{opacity:0.6;}



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

#wrap{ background: #fff;	margin:auto;padding:0}

#headwrap{position: relative;margin:0 0 1em 0;}
#headwrap #main_visual{}
#logo{position: absolute;top:0.75em;left:1em;width:45px;}
#heaedersns{position: absolute;	top: 0.8em;	left: 4.5em;}

#heaedersns li{display: inline-block;}
#heaedersns li img{width:auto;height:14px !important;}
#cp_title{position: absolute;left:0.5em;bottom:0.75em;width:73%;}

#copy{position: absolute;right:0.75em;top:4.25em;width:33%;}



#summer2sai5upbnr{width:90%;margin:0 auto 1.5em;}
#entrykikan{width:56%;margin:0 auto 1.25em;}


#gnav{width:71.5%;margin:0 auto 1em;}
#gnav ul{display: flex;	flex-wrap: wrap; justify-content: space-between;}
#gnav ul li{flex-basis: 49%;margin:0 0 0.5em 0;}
#gnav ul li:first-child{flex-basis: 100%;}




/* メインコンテンツ
================================================== */
#maincontent{margin:0 0 3em ;}



/* 賞品
================================================== */
#prize{	padding:0 0 0.5em 0;
background: url("../images/bg_prize.jpg");
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
background-size:100% auto;
}
#prize h2{	width:88%;margin:0 auto 2.5em;}
#prize #ab{margin:0 auto 2.5em;width:93%;}
#prize #wchance{margin:0 auto 0;width:93%;}


/* 応募方法
================================================== */
#howto{padding:2.5em 0 0 0;margin:0;
background: url("../images/bg_howto.jpg");
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
background-size:100% auto;
}

#howto h2{	width:48%;margin:0 auto 2.75em;}
#howto .step{margin:0 auto 1em;width:67%; position: relative;}
#howto .entryhere{margin:0 auto 2em;width:52.5%;}




/* エントリー手順
================================================== */
#entry{
    width:95%;
	margin: 3em auto 2em;
    position: relative;
}

#entry h2{width:61%;margin:auto ;position: relative;z-index:100;}
#entry .entryhere{width:75%;margin: auto;}

#entry .totop{width:40px; position: absolute;bottom:-4em;right:0}

#tabbox{background: #fff;border-radius:0.5em;position: relative;padding:3.5em 1em 2em 1em;margin:-1.5em 0 2em 0;}
#tabbox .contacthere{width:80%;margin:auto;}


.tab{
  list-style:none;
    text-align: center;
    margin:0 0 2em 0;
}
.cf{
  overflow : hidden;
}
.tabitem {
display:inline-block;
width:48%;
font-size:100%;
font-weight:bold;
padding:0.5em 0;    
margin:0 0.5% 0.5em 0.5%;    
border:2px solid #00408f;
border-radius:2em;
background : #fff;
color:#00408f;
transition: 0.3s;
}
.tabitem:first-child{width:97%;}
.tabitem:hover{cursor: pointer;}
.tabitem:hover,
.tab_current {  background : #00408f;    color:#fff;}

.tabcontents {
list-style:none;
margin:0
}


.tabcontentsbox{
display : none;
background: #fff;
text-align: center;

    
}

.content_current {
  display : block;
}



/*--------------------------*/
.entrystep{display:inline-block;margin:0 0 2em;width:100%; vertical-align: top;text-align: left;}
.stepcap {position: relative;margin:0 0 0.5em 0;}

.stepcap:after {content:"";width:80%;height:2px; background: #00408f;position: absolute;bottom:0;left:14%;}
.stepcap .num{width:12%;display:inline-block;vertical-align: middle;}
.stepcap h3{width:85%; display:inline-block;vertical-align: middle;font-size:90%;padding:0 0 0.25em 1em;font-weight:bold;line-height:100%;}    
.steptext{font-size:75%;margin:0 0 0 14%;min-height:2em;}
.stepimg{width:75%;margin:1em 0 0 14%;}

.stepimg img{border:1px solid #999;}
/* Q&A
================================================== */
#qa{margin:0 0 2.5em 0;}
#qa h2{	width:40%;margin:0 auto 1.5em;}
#qa #qabox{
    width:95%;
    padding:2em 1em 1em 1em;
    margin:0 auto 0;
    background: #009ee2;
    border-radius:0.5em;
color:#fff;
box-shadow: 0.5em 0.5em 0 #00408f;
}


#qa dl{
	border-bottom: 1px solid #FFF;
    padding:0 2em 1em 0;
    margin:0 0 1em 0;
    font-size:90%;
    position: relative;
}

#qa dt {
    
display:block;  cursor:pointer; 
background: url('../images/qa_q.png')  no-repeat;
    
font-weight: bold;
margin:0 0 0.75em 0;
min-height: 25px;
padding:0.25em 0 0 2.25em;
-moz-background-size:22px 22px;
-webkit-background-size:22px 22px;
-o-background-size:22px 22px;
-ms-background-size:22px 22px;
background-size:22px 22px;
}

#qa dt.adj {padding-top:0;}


#qa dd {
    display:block;
    display:none;
    
    font-size:100%;
    line-height: 145%;
    background: url('../images/qa_a.png')  no-repeat;
    min-height: 25px;
padding:0 0 0 2.35em;
-moz-background-size:24px 24px;
-webkit-background-size:24px 24px;
-o-background-size:24px 24px;
-ms-background-size:24px 24px;
background-size:24px 24px;
    
}
#qa dd p{margin:0 0 1em 0;}
#qa dd a{
display:block;margin:1.5em 0 0.5em 0;
	text-decoration: none;
	color: #feee00;
}



/*閉じてる状態 */
.accbox dt:after{content:"\25BC"; color:#fff;font-size:55%; padding:0.15em 0.25em; border:1px solid #fff;position: absolute;right:0;top:0;border-radius:1em;}
/*開いている状態*/
.accbox dt.active:after{content:"\25B2";color:#f06;  border:1px solid #f00;}
.accbox a{color:#39f;}







/* Club JRA-Net
================================================== */
#clubjranet{ background: #feee00;padding:0 0 2em 0; position: relative;}


 
#clubjranet h2{width:85%;margin:0 auto 2.25em ;}
#free{width:60%;margin:0 auto 1.25em ;padding:0 0.2em 0.5em 0.75em;border-bottom:2px solid #000;}
#support{width:93%;margin:0 auto 1.75em ;}

#clubjranet .entryhere{width:48%;margin:auto;}

#clubjranet .totop{width:36px; position: absolute;bottom:0;right:1em;}
.totop a{display:block; }



/* footer
================================================== */
#footer{
	/*font-family: Helvetica;*/
	width:85%;margin:1em auto;
    
    position: relative;
}
#footerlogo{width:45px;}
#copyright{position: absolute;right:0;top:0.15em;font-size: 55%;}





/*スペシャルコラム*/

#colheadwrap{position: relative;margin:0 0 0.5em 0;}
#colcontents{
position: relative;
background: url("../images/column/bg.jpg") ;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
background-size:100% auto;}

#ttbox{
position: relative;
width:85%;
margin:0 auto 3em;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content:space-between;

}

#ttbox .left{margin:0;}
#ttbox .left h1{margin:0 0 1.5em 0;}
#ttbox .left p{margin:0;line-height: 150%;font-weight:bold;}
#ttbox .right{padding:2.5em 0 0 0;}
#ttbox .right #profimg{margin:0 auto 1.25em;width:40%;float:left;}
#ttbox .right p{margin:0;font-size:60%;line-height:145%;}

#column{line-height: 140%;font-size:90%;}
#column h2 {width:90%;margin:0 auto 1.5em}



#column .colwrap{
width:80%;
margin:0 auto 4em;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content:space-between;}

#column .colwrap > div {margin:0 0 0.5em 0 }

#tansyo5up{width:90%;margin:0 auto 0;z-index:10;position:relative;}


#colfooter{
/*font-family: Helvetica;*/
z-inddx:1;
margin:0;
position: relative;
}
#colfooter #colfooterimg{ }
#colfooterlogo{position: absolute;left:1em;bottom:0.25em;width:45px;}
#colcopyright{position: absolute;right:1em;bottom:0.75em;font-size: 60%;}



#totop {
    position: fixed;
    bottom:2em;
    right: 1em;
}
#totop a {
    width: 40px;
    display: block;
}