/*===============================================
　全体設定
===============================================*/
html{width:100%;height:100%; font-size:10pt; background:.FFFFFF; font-family:'Hiragino Kaku Gothic ProN',Meiryo,'Arial', sans-serif;}
body{height:100%; overscroll-behavior-y: none;}
/* overscroll-behavior-y: none; //スマホによるPull-to-Refreshを無効化  */

#wrapper{
	overscroll-behavior-y: auto; /**/
	width:100%; margin: 0 auto; position:relative; 
	height:100%; min-height: 100%; height: auto !important;
	padding-bottom:60px;
}


img{
	max-width: 100%;
	height: auto;
	width :auto;
}


.bck_sccc{
	background: linear-gradient(to right,#000349,#11f0f9);
	background: -webkit-linear-gradient(left,#000349,#11f0f9);
}

.mv_eff_back{
	background:#000349;
}

.mv_eff{
	overflow:hidden;
	position:relative;
}

.mv_eff:before{
	content:"";
	width :100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background: linear-gradient(to right,rgba(17, 240, 240, 0),rgba(17, 240, 240, 1));
	background: -webkit-linear-gradient(left,rgba(17, 240, 240, 0),rgba(17, 240, 240, 1));
	transform:translateX(0);
	transition: all 1s linear 0s;
}


.mv_eff:after{
	content:"";
	width :100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background: linear-gradient(to left,rgba(17, 240, 240, 0),rgba(17, 240, 240, 1));
	background: -webkit-linear-gradient(right,rgba(17, 240, 240, 0),rgba(17, 240, 240, 1));
	transform:translateX(100%);
	transition: all 1s linear 0s;
}

.mv_eff:hover:before{
	transform:translateX(-100%);
}
.mv_eff:hover:after{
	transform:translateX(0);
}

.mv_non{
	content:"";
	width :100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	/*background:#201D16;*/
	/*background:#000056;*/
	background:#484B52;
	color:#fff;
}

/*===============================================
　ボタン設定
===============================================*/
input[type="submit"],
input[type="button"],
button[type="button"]{cursor:pointer;}

.btn_sccc    {background:#000349; color:#eef4f7; border:none;font-weight:600;}
.btn_register{max-width:340px; width:100%; padding:7px 0;}

.ttl_sccc    {color:#121f32;}

/*===============================================
　スペース設定
===============================================*/
.spc10 {margin-top:10px; }
.spc20 {margin-top:20px; }
.spc50 {margin-top:50px; }
.spc100{margin-top:100px;}

.spc10_l{margin-left:10px;}
.spc20_l{margin-left:20px;}

.fl_l{float:left;}
.fl_r{float:right;}

.ml50{margin-left:50px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.ml5 {margin-left: 5px;}

.mr50{margin-right:50px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.mr5 {margin-right: 5px;}

.mt50{margin-top:50px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt5 {margin-top: 5px;}

.mb50{margin-bottom:50px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb5 {margin-bottom: 5px;}


.w160{width:200px;}
.w150{width:150px;}
.w100{width:100px;}
.w90 {width:90px;}
.w60 {width :60px;}

.w100p{width:100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w50p {width: 50%;}

.w49p {width: 49%;}
.w48p {width: 48%;}
.w47p {width: 47%;}
.w46p {width: 46%;}
.w45p {width: 45%;}
.w44p {width: 44%;}
.w43p {width: 43%;}
.w42p {width: 42%;}
.w41p {width: 41%;}
.w40p {width: 40%;}

.w30p {width: 30%;}
.w25p {width: 25%;}
.w20p {width: 20%;}
.w10p {width: 10%;}
.w5p  {width:  5%;}


.fz48{font-size:48px;}
.fz32{font-size:32px;}
.fz30{font-size:30px;}
.fz28{font-size:28px;}
.fz26{font-size:26px;}
.fz24{font-size:24px;}
.fz22{font-size:22px;}
.fz20{font-size:20px;}
.fz18{font-size:18px;}
.fz16{font-size:16px;}
.fz14{font-size:14px;}
.fz12{font-size:12px;}
.fz11{font-size:11px;}

.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}

.fw800{font-weight:800;}
.fw600{font-weight:600;}



/*===============================================
　その他
===============================================*/
.float_clear{clear:both;}
.num_in{text-align:right;}
.alert{color:#F00; font-weight:800;}

.dflx_cc{
	display        :flex;
	justify-content:center;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

.dflx_sbc{
	display        :flex;
	justify-content:space-between;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:center;
}

.dflx_fsc{
	display        :flex;
	justify-content:flex-start;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
}

/*===============================================
　input
===============================================*/
.center{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
input[type="button"]{
	display:inline-block;
	width:50%;
	max-width:300px;
	text-align:cener;
	padding:10px 10px;
	background:#484B52;
	color:#fff;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-decoration:none;
}
input[type="submit"]{
	display:inline-block;
	width:50%;
	max-width:300px;
	text-align:cener;
	padding:10px 10px;
	background:#484B52;
	color:#fff;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-decoration:none;
}

/*===============================================
　kyc_back_link
===============================================*/

.kyc_back_link{
	width:100%;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
.kyc_back_link a{
	display:inline-block;
	width:50%;
	max-width:300px;
	text-align:cener;
	padding:10px 10px;
	background:#484B52;
	color:#fff;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-decoration:none;
}
.kyc_back_link a:hover{
	text-decoration:none;
}

/*===============================================
　BOX
===============================================*/
/*-- box --*/
.red_box{
	font-size: 12px;
	width:calc(100% - 20px);
	padding: 8px;
	margin:20px 0px 20px 0px;
	border:1px solid #E60241;
	background: #FFF9FB;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-align:left;
}
.blue_box{
	font-size: 12px;
	width:calc(100% - 20px);
	padding: 8px;
	margin:20px 0px 20px 0px;
	border:1px solid #70C0E7;
	background: #F8FCFE;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-align:left;
}
.dark_box {
	font-size: 12px;
	width: calc(100% - 20px);
	padding: 10px;
	margin: 20px 0px 20px 0px;
	zbackground: rgba(0, 0, 51, 0.04);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: left;
}
.orange_box{
	font-size: 12px;
	width:calc(100% - 20px);
	padding: 10px;
	margin:20px 0px 20px 0px;
	border:1px solid #FBD8B4;
	background: #FCF5EE;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-align:left;
}
.gray_box{
	font-size: 12px;
	width:calc(100% - 20px);
	padding: 10px;
	margin:20px 0px 20px 0px;
	border:1px solid #DDDDDD;
	background: #F0F0F0;
	border-radius: 4px;          
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;     
	text-align:left;
}