@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');

/*　　即PAT新規加入キャンペーン　*/
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/* SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP SP  */	
/*------------------------------------base*/
body{
font-family: 'Noto Sans JP', sans-serif;
font-size:100%
-webkit-text-size-adjust: none;
margin:0;
 background: #ab0000;
color:#000;	
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.fadein{transition: 1s;}

.inner{padding: 0;	margin: 0 auto;}
.item{position:relative;margin:0 0 2em 0;}


.center{text-align: center;}
.flex{display:flex;justify-content: center;flex-flow:row wrap;}
.bg_white{	background: #fff;}
.bg_red{	background: #d10015;}
.bg_gold{	background: #ecd680;}
.red{color:#b90015}
.bold500{font-weight:500;}
.notice{text-align:left;color:#fff;font-size:80%;}

span.largetext{font-size:123%;font-weight:500;display:block;text-align: center;margin:0 0 0.5em 0;}
span.largetext_btm{font-size:85%;font-weight:500;display:block;text-align: center;}
.sfont{font-size:80%;}
.left{text-align: left;}

img{width:100%;height:auto;}
a{transition: 0.2s;color:#0071ba; display:inline-block;}
a:hover{opacity:0.6;}

.flex{display:flex; justify-content: space-between; flex-flow:row wrap;}

/*共通アコーディオン*/
.acc > dt{color:#000; text-align: center;font-weight:500;font-size:70%;padding:0.35em 0; position: relative;}
.acc > dt:hover{cursor:pointer;}
.acc > dt:after{content:"\FF0B"; position: absolute;right:0.1em; top:12%; font-size:188%;}
.acc > dt.active:after{content:"\2212";}
.acc > dd{display:none; margin:1em 0 0 0;}
.acc > dt.active + dd{display:block;}



@media screen and (max-width: 320px) {
.notice{font-size:75%;}
span.largetext_btm{font-size:80%;}
	.acc > dt{font-size:70%;}
}


/* アスタリスク　注釈用 */
ul.ast {	list-style: none;/*font-size: 80%;*/margin: 1em 0 2em 0;text-align: left;}
ul.ast li {	margin: 0 0 5px 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #000;}
ul.ast li.red:before {	content: "\203b";	color: #f00;}



/*まる数字のスタイル*/
ol.num {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em 0;
}
ol.num li {
font-size:111%;
  line-height: 1.5;
  padding-left: 1.25em;
  position: relative;
}
ol.num li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #000; 
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  width: 17px;
  font-size: 70%;
	font-weight:500;
  line-height: 1;
  position: absolute;
  top: 0.45em;
  left: 0;
}


@keyframes delay {
0% {
    opacity: 0;

  }   
    
 50% {
    opacity: 0;

  }
  
  100% {
    opacity: 1;
  }
}
.delay {
  animation-name: delay;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode:  forwards;
}


@keyframes copy_arima {
0% { opacity: 0;
transform: translate(15%, -2%);
}  

100% { opacity: 1; 
transform: translate(0, 0);
}
}
.copy_arima {
opacity: 0;	
animation-name: copy_arima;
animation-duration: 0.5s;
animation-delay: 1s ;	
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}

@keyframes copy_sokupat {
0% { opacity: 0;
transform: translate(15%, -10%);
}  

100% { opacity: 1; 
transform: translate(0, 0);
}
}
.copy_sokupat {
opacity: 0;	
animation-name: copy_sokupat;
animation-duration: 0.6s;
animation-delay: 1.4s ;	
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}

@keyframes copy_5000meisama {
0% { opacity: 0;
transform: scale(3);
}  

100% { opacity: 1; 
transform: translate(0, 0);
}
}

.copy_5000meisama {
opacity: 0;	
animation-name: copy_5000meisama;
animation-duration: 0.3s;
animation-delay: 2s ;	
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}




/*メニュー要素の出現アニメ*/
.fadein { opacity: 0;  transition: 1s;}
.fadein.is-show {  opacity: 1;}


/*lineから*/
.fadein_line_wh {  opacity: 0;  transform: translate(-500px, 50px);  transition: 0.5s;}
.fadein_line_wh.is-show {  transform: translate(0, 0);  opacity: 1;}
.fadein_line_bk {  opacity: 0;  transform: translate(-1000px, -100px);  transition: 1s;}
.fadein_line_bk.is-show {  transform: translate(0, 0);  opacity: 1;}


/*左から*/
.fadein_left {  opacity: 0;  transform: translate(-100%, 0);  transition: 2.5s;
  animation-name: delay;
  animation-duration: 2.53s;
  animation-timing-function: ease-out;
  animation-fill-mode:  forwards;

}
.fadein_left.is-show {  transform: translate(0, 0);  opacity: 1;}

/*下から*/
.fadein_up {  opacity: 0;  transform: translate(0, 10%);  transition: 1s;}
.fadein_up.is-show {  transform: translate(0, 0);  opacity: 1;}


/*上から*/
.fadein_down {  opacity: 0;  transform: translate(0, -80%);  transition: 1.5s;}
.fadein_down.is-show {  transform: translate(0, 0);  opacity: 1;}


/*------------------------------------*/

#wrap{overflow: hidden;}

header{ display:flex;flex-flow:column;position: relative; }
h2{margin:0 auto 2em auto;}

/*upper*/
/*upper*/
#header_upper{justify-content: space-between; flex-flow: row nowrap;margin:0;z-index: 1;position: absolute;top:0;padding:3.5%; }
#logo{flex-basis:14%;}
#headersns{flex-basis: 80%; text-align: right;}

#headersns ul{display:flex;justify-content: flex-end;flex-flow:row wrap; align-items: center; list-style: none;}
#headersns li{margin:0 0 0 0.5em;}
#headersns li.icon {width:22px;}
#headersns li.headline{width:150px;line-height: 1;}


/*kv_detail*/
#kv_detail{ }
#kv_detail h1.copy_arima{ position: absolute;top:17.5%;left:7.5%;    width:81%;}
#kv_detail .copy_sokupat{ position: absolute;top:41.5%;left:8%;;    width:83%;}
#kv_detail .copy_5000meisama{ position: absolute;top:51%;left:12%;    width:82%;}

/*menu*/
#menu{ background:#b82928;padding:1em; border-bottom:4px solid #310000; }
#menu a{flex-basis:48%;margin:0 0 0.5em 0 ;}
#menu a.sokupat{flex-basis:100%;margin:0;}

/*mainarea*/
#mainarea{ }
#mainarea .mainarea_btmbg{ background: url("../img/bg_main_btm.png") repeat-x left bottom;position: relative;

-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
background-size:contain;
}



/*shinki3step*/
#chance_3step{ margin:0;}

#chance_3step .chance_3step{margin:0 0 0 0;position: relative;}
#chance_3step .chance_3step a.sokupat{position: absolute; top:22%; left:65.5%; width:12%; height:4%; display:block;  }
#chance_3step .chance_3step a.entry{position: absolute; top:49%; left:66%; width:11%; height:4%; display:block;}
#chance_3step .chance_3step a.here{position: absolute; top:59%; left:33%; width:59%; height:3%; display:block;z-index: 100;  }




/*sokupat_cpn*/
#sokupat_cpn{position: relative;}
#sokupat_cpn .sokupat_cpn_wrap{ margin:0 0 0.5em 0;position: relative;}
#sokupat_cpn .sokupat_cpn{margin:0 0 0 0;position: relative;}
#sokupat_cpn .sokupat_cpn a{position: absolute;width:66%;left:0;right:0;margin:auto;bottom:2%; z-index: 100;}

.uma02{position: absolute;top:-5%;right:-18%;width:40%;}
.uma03{position: absolute;top:-4%;right:-24%;width:41%;}
.uma04{position: absolute;top:-17%;left:-12%;width:31%;}
.uma05{position: absolute;top:-12%;right:-5%;width:22%;}



/*sokupat_detail*/
#sokupat_detail{ position: relative;margin:0 0 3em 0;}

#sokupat_detail .sokupat_detail_wrap{border-left:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #000;background: #86c1c1;margin:0 3.95% 1em 3.95%;padding:1em; position: relative;}

#sokupat_detail .sokupat_detail{margin:0;}

#sokupat_detail .calenderbox{border:2px solid #000; margin:0 0 1.5em 0;  background: url("../img/bg_sokupat_detail.png") ;padding:0.5em}
#sokupat_detail dl.acc{ background: #fff; margin:0 0 2em 0;}
#sokupat_detail dl.acc dt{padding:0.25em 0; font-size:100%; background: #1b6b82;color:#fff;}
#sokupat_detail dl.acc dd{padding:0.5em 0.5em 0.125em 0.5em;text-align: center;}
#sokupat_detail dl.acc dd p{font-size:90%;}
#sokupat_detail dl.acc a{text-indent: 0;}
#sokupat_detail .sokupat_ginkou{}
#sokupat_detail .sokupat_ginkou_tt{font-size:100%; background: #1b6b82;color:#fff;padding:0.25em;text-align: center;margin:0 0 1em 0;}
#sokupat_detail .sokupat_detail_bank{max-width:668px;margin:0 auto 0 auto;}

#sokupat_detail .kanyu_here{width:77%;margin:0 auto 0.5em auto; z-index: 100;}

/*terms_qa*/
#terms_qa{position: relative;padding:0 3.85% 0 3.8%;}
#terms_qa .terms_qa_wrap{background: url("../img/bg_terms_qa.png") ;padding:2em 1em;;border:2px solid #000;margin:0 auto 1em auto;position: relative;}
#terms_qa .terms_tt{width:44%;margin:0 auto 1em auto}

#terms{padding:1em; background: #fff;margin:0 0 1.5em 0;position: relative;z-index: 100;border:1px solid #000;border-radius:0.5em}
#terms .kiyaku_wrap{padding:0.5em;margin:auto; background: #fff;height:390px; overflow: scroll;}
#terms a{display:inline;}
#terms h4{font-size:105%;font-weight:700;margin:0 0 1em 0;text-align: center;}
#terms h5{font-size:100%;font-weight:700;margin:0 0 0.5em 0;color:#ab0000;border-bottom:1px solid #ab0000;padding:0 0 0.25em 0;}
#terms p{margin:0 0 1em 0;}
#terms ul{margin:0 0 1em 1em;}
#terms ul.ast{margin:0 0 1em 0;}


/*Q&A*/
#qa{margin:0;background: #fff; padding:0;}
#qa > .acc > dt{ background: #ab0000;color:#fff;font-size:100%;padding:0.5em;text-align: left;}

#qa .qawrap{ padding:0.5em;color:#000;border-radius:0.5em;font-size:95%;}
#qa .qawrap p{margin:0 0 1em 0;}
#qa .accbox > dt{display:flex;justify-content:flex-start;flex-flow: row nowrap;align-items: flex-start;    margin:0 0 0.75em 0;position:relative;font-weight:700;}
#qa dt:hover{cursor:pointer;}

#qa .accbox > dt:after{content:"\25bc";position: absolute;right:0;border:1px solid #000;border-radius:50%;padding:0.25em;line-height: 1.2;font-size:70%}
#qa .accbox > dt.active:after{content:"\25b2";border:1px solid #000;color:#000}

#qa .accbox > dt .icon{flex-basis:7%;margin:0 2% 0 0;font-size:85%;font-weight:500;background: #000;color:#fff;text-align: center;line-height:1;padding:0.125em 0 0.25em 0;font-style: italic;}
#qa .accbox > dt .text{flex-basis:85%;font-size:100%;font-weight:500;}

#qa .accbox > dd{display:none; border-bottom:1px solid #ab0000;margin: 1em 0;padding:0 0 1em 0;}
#qa .accbox > dt.active + dd{display:block;}

#qa .accbox > dd .icon{width:7%;display:inline-block;vertical-align: top; margin:0 2% 0 0;font-size:85%;font-weight:500;background: #ab0000;color:#fff;text-align: center;line-height:1;padding:0.125em 0 0.25em 0;font-style: italic;}
#qa .accbox > dd .text{width:85%;display:inline-block;  vertical-align: top; font-size:100%;}







/*arimacp*/
#arimacp{}
#arimacp .arimacp_detail{margin:0;position: relative;}
#arimacp .arimacp_detail .arimacp_detaial_here{position: absolute;width:90%;left:0;right:0; margin:auto; bottom:4%;}


/*clubjra*/
#clubjra{margin:0; background: #ab0000;padding:0;}
#clubjra .clubjranet_detail{margin:0;position: relative;}
#clubjra .clubjranet_detailhere{width:77%;margin:auto;position: absolute;left:0;right:0;bottom:2%;}


/*bottom*/
#bottom{ position:relative;}
#bottom .bottom_arimakinen{margin:auto;max-width:615px;} 
#bottom .bottom_entryhere{width:77%; position: absolute;left:0;right:0;top:35%;margin:auto;} 



/* footer
================================================== */
footer{
padding:1em 0.5em 3em 0.5em;
text-align: center;
color:#fff;
	background: #000;
}

footer .baken{justify-content: center;margin:0 0 1em 0;}
footer .baken a{justify-content: center;font-family: 'Noto Sans JP', sans-serif;color:#fff;text-decoration: none;font-size:80%;}
footer .sepa{margin:0 0.25em }
footer .copyright{align-items: center;justify-content: space-between;}

footer a.jralogo{width:88px;margin:0 auto 1em auto}
#copyright{font-size: 75%;font-weight:200;}

#totop {z-index: 100;
    position: fixed;
    bottom:0em;
    right: 1em;
}
#totop a {
    width: 40px;
    display: block;
}