@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 #Howtobuy{
	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 .flow .attention ul li span.bullet,
#jbk-frame-main.toto .frame-content #Howtobuy .attention li span.bullet{
	font-size:90%;
	top:0em;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li sup,
#jbk-frame-main.toto .frame-content #Howtobuy .attention li sup{
	font-size:0.8em;
	top:-0.2em;
}
/* ========== /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:61%;
	font-size:0;
	padding-top:3.16%;
}
#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 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% 4.21% 3.75% 3.59%;
}
#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 .login{
	margin:0 3.125% 9.3%;
	padding:2.18% 2.18% 0;
	border:3px solid #fadab2;
}
#jbk-frame-main.toto .frame-content .login h3{
}
#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{
	text-align:center;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li img.title{
	margin:3.54% 0;
	width:68.43%;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li a{
	display:inline-block;
	margin-bottom:6.2%;
	width:59.75%;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li:nth-child(2){
	background:url(../img/line_login_sp.png) no-repeat center top;
	background-size:100%;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li:nth-child(2) img.title{
	margin:4.78% 0 3.54%;
	width:60.63%;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	padding-top:10.15%;
	margin:0%;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	margin:0 22.65% 5%;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step{
	margin:0 9.375%;
	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:100% auto;
	padding:28.79% 0 13.11%;
}
#jbk-frame-main.toto .frame-content .flow .contents .buy{
	background:url(../img/img_flow_step2_sp.png) no-repeat center top;
	background-size:100% auto;
	padding:28.79% 0 8.11%;
}
#jbk-frame-main.toto .frame-content .flow div.target{
	background:url(../img/line_dot_sp.png) left top no-repeat;
	background-size:100%;
	margin:0 6.25%;
	padding:4.68% 0;
	overflow:hidden;
}
#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 #Howtobuy{
	padding:9.375% 0;
}
#jbk-frame-main.toto .frame-content #Howtobuy h3{
	margin:0 3.9% 6.25%;
}
#jbk-frame-main.toto .frame-content #Howtobuy .none{
	display:none;
}
#jbk-frame-main.toto .frame-content #Howtobuy .attention{
	margin:0;
	padding:6.25%;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block{
	margin:0;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block li{
	padding:0 9.21% 3%;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block li:last-child{
	padding-bottom:0;
}
#jbk-frame-main.toto .frame-content #Contact{
	padding:9.375% 0 2%;
}
#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:0 3.125% 3.125%;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention dl{
	padding:0;
	margin-top:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention dl dd{
	background:url(../img/ico_circle_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 .contents .attention ul{
	border:1px solid #ced2d3;
	padding:1%;
	font-size:0.8em;
}
#jbk-frame-main.toto .frame-content #Contact footer p{
	font-size:0.78em;
	text-align:center;
	margin:0;
	padding:0;
}
#jbk-footer-area{
	display:block;
}

@media only screen and (min-width:768px){
html,body{
	min-width:980px;
}
header #jbk-header-area .frame-content{
	width:980px;
	padding:20px 50px 22px 50px;
}
header #jbk-header-area .frame-content h1{
	width:190px;
	height:auto;
}
header #jbk-header-area .frame-content h2{
	width:456px;
	height:auto;
	padding-top:22px;
}

#jbk-frame-main.toto .frame-content{
	background:url(../img/img_01_pc.png) repeat-x left 60px;
}
#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 .key-visual header{
	width:980px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	width:880px;
	margin:0 auto;
}
#jbk-frame-main.toto .frame-content .text-arrow{
	position:relative;
}
#jbk-frame-main.toto .frame-content .text-arrow .text-block{
	background:#e51911;
}
#jbk-frame-main.toto .frame-content .text-arrow p{
	width:980px;
	margin:0 auto;
	padding:15px 166px 18px 162px;
}
#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{
	width:806px;
	margin:28px auto 40px;
}
#jbk-frame-main.toto .frame-content .login{
	width:786px;
	border:3px solid #fadab2;
	margin:0 auto 70px;
	padding:0;
}
#jbk-frame-main.toto .frame-content .login h3{
	margin:15px 15px 20px;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block{
	overflow:hidden;
	margin-bottom:33px;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li{
	float:left;
	text-align:center;
	width:50%;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li img.title{
	margin:0 0 22px;
	width:auto;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li a{
	margin:0;
	width:auto;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li:nth-child(2){
	background:url(../img/line_login_pc.png) no-repeat left top;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li:nth-child(2) img.title{
	margin:0 0 22px;
	width:auto;
}


#jbk-frame-main.toto .frame-content .flow .contents{
	width:790px;
	padding-top:55px;
	margin:0 auto;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	width:242px;
	margin:0 auto 40px;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.step{
	width:586px;
	margin:0 auto 40px;
	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:191px 88px 46px 47px;
	width:303px;
}
#jbk-frame-main.toto .frame-content .flow .contents .buy{
	float:left;
	background:url(../img/img_flow_step2_pc.png) no-repeat center top;
	padding:191px 57px 46px 57px;
	width:283px;
}
#jbk-frame-main.toto .frame-content .flow div.target{
	width:790px;
	margin:0 auto;
	background:url(../img/line_dot_pc.png) left top repeat-x;
	padding:30px 0;
	overflow:hidden;
}
#jbk-frame-main.toto .frame-content .flow .attention{
	width:787px;
	margin:0 auto;
	padding:0 0 65px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul{
	margin-bottom:0;
	padding-left:1em;
}
#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:70px 0;
}
#jbk-frame-main.toto .frame-content #Entry h3{
	width:261px;
	margin:0 auto 30px;
}
#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 #Howtobuy{
	padding:60px 0 66px;
}
#jbk-frame-main.toto .frame-content #Howtobuy h3{
	width:464px;
	margin:0 auto 30px;
}
#jbk-frame-main.toto .frame-content #Howtobuy .none{
	text-align:center;
	display:block;
}
#jbk-frame-main.toto .frame-content #Howtobuy .bx-wrapper{
	display:none;
}
#jbk-frame-main.toto .frame-content #Howtobuy .attention{
	width:600px;
	margin:20px auto 40px;
	padding:0;
	display:block;
}
#jbk-frame-main.toto .frame-content #Howtobuy .attention li{
	font-size:12px;
	line-height:1.6;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block{
	width:880px;
	margin:0 auto;
	overflow:hidden;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block li{
	float:left;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Howtobuy .btn-block li:last-child{
	float:right;
}
#jbk-frame-main.toto .frame-content #Contact{
	padding:60px 0 50px;
}
#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:723px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention dl{
	margin-bottom:67px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention dl dd{
	background:url(../img/ico_circle_pc.png) no-repeat left 1px;
	font-size:15px;
	line-height:1.4;
	padding-left:18px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul{
	font-size:14px;
	overflow:hidden;
	margin-left:-18px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul li{
	float:left;
	margin-right:0.5em;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul li:last-child{
	margin-right: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;
}

}