@charset "utf-8";
/* ========== common ========== */
#jbk-frame-main.toto .frame-content a{
	display:block;
}
#jbk-frame-main.toto .frame-content a:hover{
	opacity:0.7;
}
li{
	list-style:none;
}
#jbk-frame-main.toto .frame-content .campaign .contents > [class*="col-"],
#jbk-frame-main.toto .frame-content .campaign .attention > [class*="col-"],
#jbk-frame-main.toto .frame-content .flow .contents .step > [class*="col-"],
#jbk-frame-main.toto .frame-content .flow .attention > [class*="col-"],
#jbk-frame-main.toto .frame-content #Download .contents > [class*="col-"],
#jbk-frame-main.toto .frame-content #Contact .contents .attention > [class*="col-"]{
	padding:0;
	margin:0;
}
#jbk-frame-main.toto .frame-content .flow,
#jbk-frame-main.toto .frame-content #Contact{
	background:#F1F1F1;
	background: -webkit-radial-gradient(ellipse farthest-corner, 51.6% top, #FDFDFD, #F1F1F1);
	background: -moz-radial-gradient(ellipse farthest-corner, 51.6% top, #FDFDFD, #F1F1F1);
	background:radial-gradient(ellipse farthest-corner at 51.6% top, #FDFDFD, #F1F1F1);
}
header #jbk-header-area .frame-content h2 img,
#jbk-frame-main.toto .frame-content .img-responsive
{
	width:100%;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li,
#jbk-frame-main.toto .frame-content #Howtobuy .attention li{
	font-size:0.64em;
	line-height:1.5;
	padding-left:0.9em;
	text-indent:-0.9em;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li.none sup,
#jbk-frame-main.toto .frame-content .flow .attention ul li sup,
#jbk-frame-main.toto .frame-content #Howtobuy .attention li sup{
	font-size:90%;
	top:0em;
}

/* ========== /common ========== */
/* ========== slider ========== */
#jbk-frame-main.toto .frame-content .bx-wrapper {
	position:relative;
	padding:0 3.125%;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:40%;
	outline:0;
	width:10%;
	height:11.875%;
	text-indent:-9999px;
	z-index:9999;
}
#jbk-frame-main.toto .frame-content .bx-viewport img{
	width:100%;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-controls-direction a.disabled {
	display:none;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-prev {
	background: url(../img/btn_arrow_l.png) no-repeat left top;
	background-size:100% auto;
	left:3.125%;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-next {
	background: url(../img/btn_arrow_r.png) no-repeat right top;
	background-size:100% auto;
	right:3.125%;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-prev:hover {
	background-position:left top;
}
#jbk-frame-main.toto .frame-content .bx-wrapper .bx-next:hover {
	background-position:right top;
}
/* ========== /slider ========== */
header #jbk-header-area .frame-content{
	padding:2.8125% 3.125% 3.125%;
}
header #jbk-header-area .frame-content h1{
	float:left;
	width:30.25%;
	height:auto;
}
header #jbk-header-area .frame-content h2{
	float:right;
	width:48%;
	font-size:0;
	padding-top:3.125%;
}
#jbk-frame-main.toto{
	background:#FFFFFF;
	margin-top:0;
}
#jbk-frame-main.toto .frame-content{
	min-width:100%;
	margin:0;
	padding:0;
}
#jbk-frame-main.toto .frame-content .c-alertBlock-01{
	border-left:none;
	border-right:none;
	padding:2.5% 3.75%;
}
#jbk-frame-main.toto .frame-content .c-alertBlock-01 .c-noteList-03 li::before{
	top:0.625%;
	margin-top:0;
}
#jbk-frame-main.toto .frame-content .key-visual header{
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	margin:0;
}
#jbk-frame-main.toto .frame-content .text-arrow{
	position:relative;
}
#jbk-frame-main.toto .frame-content .text-arrow .text-block{
	background:#E61911;
}
#jbk-frame-main.toto .frame-content .text-arrow p{
	margin:0;
	padding:3.125% 5.3125% 3.75% 4.375%;
}
#jbk-frame-main.toto .frame-content .text-arrow .text-block:after{
	content:"";
	background:url(../img/ico_arrow_sp.png) no-repeat center top;
	background-size:contain;
	position:absolute;
	left:0%;
	bottom:-14.5%;
	width:100%;
	height:14.7%;
}
#jbk-frame-main.toto .frame-content .campaign{
	margin-bottom:4%;
}
#jbk-frame-main.toto .frame-content .campaign h2{
}
#jbk-frame-main.toto .frame-content .campaign h2 +p{
	padding:0 3.125%;
	margin:0;
}
#jbk-frame-main.toto .frame-content .campaign .posset{
	position:relative;
	padding:0 3.125%;
}
#jbk-frame-main.toto .frame-content .campaign .posset .pos{
	position:absolute;
	left:6.25%;
	top:84.74%;
	width:32.34%;
	margin-bottom:1%;
}
#jbk-frame-main.toto .frame-content .campaign .attention{
	background:#F8F8F8;
	margin:0 3.125% 0;
	padding:2.5% 3.125%;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul{
	padding:0;
	margin-bottom:0;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li{
	background:url(../img/ico_circle_sp.png) no-repeat left 3px;
	background-size:9px 9px;
	font-size:0.64em;
	line-height:1.6;
	padding-left:12px;
}
#jbk-frame-main.toto .frame-content .campaign .attention .comment{
	display:block;
	margin:2% 0 0 -1em;
}
#jbk-frame-main.toto .frame-content .login{
	margin:0 3.125% 8%;
}
#jbk-frame-main.toto .frame-content .login .text-block{
	position:relative;
	background:#E61911;
	margin:0 0 3.5%;
	padding:3.125% 3.59%;
}
#jbk-frame-main.toto .frame-content .login .text-block:after{
	content:"";
	background:url(../img/ico_arrow2_sp.png) no-repeat center top;
	background-size:contain;
	position:absolute;
	left:0%;
	bottom:-14.7%;
	width:100%;
	height:14.7%;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block{
	overflow:hidden;
	margin:0;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li{
	width:100%;
	position:relative;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li .pos{
	position:absolute;
	left:50%;
	top:36.08%;
	margin-left:-28%;
	width:56.47%;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	padding-top:10.15%;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	margin:0 22.65% 4.04%;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step{
	margin:0;
	padding:0;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step .entry{
	width:100%;
	background:url(../img/img_flow_step1_sp.png) no-repeat center top;
	background-size:78.75% auto;
	padding:22.81% 8.75% 11.71%;
}
#jbk-frame-main.toto .frame-content .flow .contents .deposit{
	background:url(../img/img_flow_step2_sp.png) no-repeat center top;
	background-size:37.5% auto;
	padding:22.72% 8.75% 2.53%;
}
#jbk-frame-main.toto .frame-content .flow .attention{
	padding:0 6.25% 9.375%;
}
#jbk-frame-main.toto .frame-content .flow .attention ul{
	margin-bottom:0;
	padding-left:0;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li{
	font-size:0.64em;
	line-height:1.2;
}
#jbk-frame-main.toto .frame-content #Entry{
	padding:9.375% 0;
}
#jbk-frame-main.toto .frame-content #Entry h3{
	margin:0 23.75% 6.25% 22.5%;
}
#jbk-frame-main.toto .frame-content #Entry .none{
	display:none;
}
#jbk-frame-main.toto .frame-content #Contact{
	padding:9.375% 0;
}
#jbk-frame-main.toto .frame-content #Contact .ctbnr{
	padding:0 2.34% 4%;
	margin:0;
}
#jbk-frame-main.toto .frame-content #Contact .ctbtn{
	padding:0 9.375% 6.25%;
	margin:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents{
	background:#FFFFFF;
	margin:0 3.125%;
	padding:3.125%;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl{
	margin:0 0 1.875% 0;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl dt{
	margin:0 0 4.375% 0;
	padding:0 30.625%;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl dd{
	font-size:0.85em;
	line-height:1.5;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul{
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul li{
	background:url(../img/ico_circle2_sp.png) no-repeat left 2px;
	background-size:10px 10px;
	font-size:0.78em;
	line-height:1.4;
	padding-left:12px;
	margin:0;
}
#jbk-frame-main.toto .frame-content #Contact ul.caution{
	font-size:0.64em;
	line-height:1.6;
	margin:0;
	padding:6.25%;
}
#jbk-frame-main.toto .frame-content #Contact ul.caution li{
	text-indent:-1em;
	padding-left:1em;
}
#jbk-frame-main.toto .frame-content #Contact footer p{
	font-size:0.78em;
	text-align:center;
	margin:0;
	padding:0;
}
@media only screen and (min-width:375px) and (max-width:767px){
/*#jbk-frame-main.toto .frame-content .campaign .exchange{
	margin:0 5% 0 6.09%;
}*/
}
@media only screen and (min-width:768px){
html,body{
	min-width:980px;
}
header #jbk-header-area .frame-content{
	width:980px;
	padding:20px 51px 22px 50px;
}
header #jbk-header-area .frame-content h1{
	width:190px;
	height:auto;
}
header #jbk-header-area .frame-content h2{
	width:350px;
	height:auto;
	padding-top:19px;
}
#jbk-frame-main.toto .frame-content .c-alertBlock-01{
	padding:24px 0;
}
#jbk-frame-main.toto .frame-content .c-alertBlock-01 .c-noteList-03{
	width:880px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.toto .frame-content .c-alertBlock-01 .c-noteList-03 li::before{
	top:3px;
}
#jbk-frame-main.toto .frame-content{
	background:url(../img/bg_pc.png) no-repeat center top;
}
#jbk-frame-main.toto .frame-content .key-visual{
}
#jbk-frame-main.toto .frame-content .key-visual header{
	width:980px;
	margin:0 auto;
	padding:0;
	height:470px;
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	padding:42px 160px 0;
}
#jbk-frame-main.toto .frame-content .text-arrow{
	position:relative;
}
#jbk-frame-main.toto .frame-content .text-arrow .text-block{
	background:#E61911;
}
#jbk-frame-main.toto .frame-content .text-arrow p{
	width:980px;
	margin:0 auto;
	padding:16px 155px 19px;
}
#jbk-frame-main.toto .frame-content .text-arrow .text-block:after{
	content:"";
	background:url(../img/ico_arrow_pc.png) no-repeat center bottom;
	position:absolute;
	left:0%;
	bottom:-14px;
	width:100%;
	height:14px;
}
#jbk-frame-main.toto .frame-content .campaign{
	padding-top:14px;
	margin-bottom:40px;
}
#jbk-frame-main.toto .frame-content .campaign .inner{
	width:752px;
	margin:0 auto;
}
#jbk-frame-main.toto .frame-content .campaign h2{
	margin:0 0 21px;
	padding:0;
}
#jbk-frame-main.toto .frame-content .campaign h2 +p{
	padding:0;
	margin-bottom:10px;
}
#jbk-frame-main.toto .frame-content .campaign .posset{
	position:relative;
	padding:0;
}
#jbk-frame-main.toto .frame-content .campaign .posset .pos{
	position:absolute;
	left:28px;
	top:151px;
	width:168px;
}
#jbk-frame-main.toto .frame-content .campaign .attention{
	background:#F8F8F8;
	margin:30px 0 0;
	padding:20px;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul{
	padding:0;
	margin-bottom:20px;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li{
	background:url(../img/ico_circle_pc.png) no-repeat left 4px;
	font-size:14px;
	line-height:1.6;
	padding-left:16px;
}
#jbk-frame-main.toto .frame-content .campaign .attention .comment{
	font-size:12px;
	display:inline;
	margin:0;
}
#jbk-frame-main.toto .frame-content .login{
	width:753px;
	margin:0 auto 60px;
}
#jbk-frame-main.toto .frame-content .login .text-block{
	position:relative;
	background:#E61911;
	margin:0 auto 20px;
	padding:12px 54px 15px;
}
#jbk-frame-main.toto .frame-content .login .text-block:after{
	content:"";
	background:url(../img/ico_arrow2_pc.png) no-repeat center top;
	position:absolute;
	left:0%;
	bottom:-10px;
	width:100%;
	height:10px;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block{
	overflow:hidden;
	margin:0;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li{
	float:left;
	width:378px;
	position:relative;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li +li{
	width:375px;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li .pos{
	position:absolute;
	left:54px;
	top:73px;
	width:269px;
	margin:0;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	padding-top:55px;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	width:242px;
	margin:0 auto 22px;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step{
	width:623px;
	margin:0 auto 35px;
	padding:0;
	overflow:hidden;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step .entry{
	float:left;
	background:url(../img/img_flow_step1_pc.png) no-repeat center top;
	padding:209px 103px 54px 62px;
	width:334px;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step .entry img{
}
#jbk-frame-main.toto .frame-content .flow .contents .deposit{
	float:left;
	background:url(../img/img_flow_step2_pc.png) no-repeat center top;
	padding:209px 59px 54px 62px;
	width:289px;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step .deposit img{
}
#jbk-frame-main.toto .frame-content .flow .attention{
	width:600px;
	margin:0 auto;
	padding:0 0 60px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul{
	margin-bottom:0;
	padding-left:126px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li{
	font-size:12px;
	line-height:1.2;
	margin-bottom:5px;
}
#jbk-frame-main.toto .frame-content #Entry{
	padding:56px 0;
}
#jbk-frame-main.toto .frame-content #Entry h3{
	width:262px;
	margin:0 auto 40px;
}
#jbk-frame-main.toto .frame-content #Entry .none{
	text-align:center;
	display:block;
}
#jbk-frame-main.toto .frame-content #Entry .bx-wrapper{
	display:none;
}
#jbk-frame-main.toto .frame-content #Contact{
	padding:60px 0 56px;
}
#jbk-frame-main.toto .frame-content #Contact .ctbnr{
	width:880px;
	margin:0 auto 30px;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact .ctbtn{
	width:480px;
	margin:0 auto 30px;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents{
	width:880px;
	margin:0 auto;
	padding:20px 20px 15px;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl{
	margin:0 0 15px 0;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl dt{
	float:left;
	margin:0 16px 0 0;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents dl dd{
	font-size:16px;
	line-height:1.4;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul li{
	background:url(../img/ico_circle2_pc.png) no-repeat left 1px;
	font-size:16px;
	line-height:1.4;
	padding-left:18px;
}
#jbk-frame-main.toto .frame-content #Contact ul.caution{
	width:880px;
	font-size:12px;
	margin:20px auto 55px;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact footer{
	width:600px;
	margin:0 auto;
}
#jbk-frame-main.toto .frame-content #Contact footer p{
	font-size:16px;
	text-align:left;
}
#jbk-frame-main.toto .frame-content #Contact footer p.sale{
	float:left;
}
#jbk-frame-main.toto .frame-content #Contact footer p.trustee{
	float:right;
}
}