@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 .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 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% 3.59% 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% 8%;
}
#jbk-frame-main.toto .frame-content .login .text-block{
	position:relative;
	background:#f08300;
	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%;
	margin:0 9.375%;
}
#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;
	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:56.53% 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:84.03% auto;
	padding:28.79% 0 8.11%;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.target{
	background:url(../img/line_dot.png) left top repeat-x;
	margin:0;
	padding:5% 0;
	overflow:hidden;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.target li{
	float:left;
	width:64.42%;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.target li +li{
	float:right;
	width:30.38%;
}
#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 2.81% 6.25% 2.81%;
}
#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: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;
}
#jbk-footlink-area_cstm{
	width:100%;
	display:block;
    background: rgba(0, 0, 0, 0) url("/assets/img/bg_03.gif") repeat scroll 0 0;
    clear: both;
    margin: 0 auto;
}
#jbk-footlink-area_cstm ul {
    overflow: hidden;
    text-align: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
#jbk-footlink-area_cstm ul::before {
    background-color: #3a3a3a;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 100;
}
#jbk-footlink-area_cstm ul li {
    display: block;
    float: left;
    position: relative;
    width: 50%;
		text-align:center;
}
#jbk-footlink-area_cstm ul li::before {
    background-color: #3a3a3a;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: 10;
}
#jbk-footlink-area_cstm ul li::after {
    background-color: #5c5c5c;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 200%;
    z-index: 10;
}
#jbk-footlink-area_cstm ul li a {
	display: inline-block;
  padding: 14px 14px 14px 32px;
	color: #fff;
    position: relative;
    text-decoration: none;
}
#jbk-footlink-area_cstm ul li a::before {
    background-image: url("/assets/img/marker_01_@2x.png");
    background-position: -180px 0;
    background-repeat: no-repeat;
    background-size: auto 15px;
    content: "";
    margin-top: 0;
    position: absolute;
    left: 10px;
    top: 14px;
    height: 15px;
    width: 15px;
}
@media only screen and (min-width:375px) and (max-width:767px){
#jbk-footlink-area_cstm{
	width:100%;
	display:block;
}
}
@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{
	background:url(../img/img_01_pc.png) no-repeat center 73px;
}
#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;
	height:574px;
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	padding:8px 45px 27px;
}
#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 162px 18px;
}
#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:40px;
	margin-bottom:28px;
}
#jbk-frame-main.toto .frame-content .campaign .inner{
	width:838px;
	margin:0 auto;
}
#jbk-frame-main.toto .frame-content .login{
	width:787px;
	margin:0 auto 60px;
}
#jbk-frame-main.toto .frame-content .login .text-block{
	position:relative;
	background:#f08300;
	margin:0 auto 20px;
	padding:14px 119px 16px;
}
#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:395px;
	position:relative;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li +li{
	width:392px;
}
#jbk-frame-main.toto .frame-content .login ul.btn-block li .pos{
	position:absolute;
	left:63px;
	top:73px;
	width:268px;
	margin:0;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	width:788px;
	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 .contents ul.target{
	background:url(../img/line_dot.png) left top repeat-x;
	padding:31px 119px 25px;
	overflow:hidden;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.target li{
	float:left;
	width:334px;
}
#jbk-frame-main.toto .frame-content .flow .contents ul.target li +li{
	float:right;
	width:181px;
}
#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:262px;
	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 dd{
	background:url(../img/ico_circle_pc.png) no-repeat left 1px;
	font-size:16px;
	line-height:1.4;
	padding-left:18px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul{
	font-size:12px;
	overflow:hidden;
	margin-left:-18px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention ul li{
	float:left;
	margin-right:1em;
}
#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;
}
#jbk-footlink-area_cstm ul {
    overflow: hidden;
    text-align: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
#jbk-footlink-area_cstm ul::before {
	display:none;
}
#jbk-footlink-area_cstm ul li {
    display: inline-block;
    float: none;
    width: auto;
}
#jbk-footlink-area_cstm ul li::before {
	display:none;
}
#jbk-footlink-area_cstm ul li::after {
	display:none;
}
}