@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 .key-visual,
#jbk-frame-main.toto .frame-content .flow,
#jbk-frame-main.toto .frame-content #Download,
#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 .key-visual header h1 img,
#jbk-frame-main.toto .frame-content .text-arrow p img,
#jbk-frame-main.toto .frame-content .campaign h2 img,
#jbk-frame-main.toto .frame-content .campaign .contents div img,
#jbk-frame-main.toto .frame-content .flow .contents h3 img,
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4 img,
#jbk-frame-main.toto .frame-content #Entry h3 img,
#jbk-frame-main.toto .frame-content #Entry ul li img,
#jbk-frame-main.toto .frame-content #Download h3 img,
#jbk-frame-main.toto .frame-content #Download p img,
#jbk-frame-main.toto .frame-content #Download .contents dl dt img,
#jbk-frame-main.toto .frame-content #Download .contents dl dd img,
#jbk-frame-main.toto .frame-content #Howtobuy h3 img,
#jbk-frame-main.toto .frame-content #Howtobuy ul li img,
#jbk-frame-main.toto .frame-content #Contact .ctbtn img,
#jbk-frame-main.toto .frame-content #Contact .contents dl dt img{
	width:100%;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li,
#jbk-frame-main.toto .frame-content #Download .attention 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 #Download p.txt sup,
#jbk-frame-main.toto .frame-content #Download .attention 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-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:1.875% 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{
	max-width:100%;
	margin:0;
	padding:0;
}
#jbk-frame-main.toto .frame-content .key-visual header{
	padding:4.6875% 3.125% 0 6.25%;
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	margin:0;
}
#jbk-frame-main.toto .frame-content .text-arrow{
	background:url(../img/ico_aroow_sp.png) no-repeat center bottom;
	background-size:4.0625% auto;
	padding-bottom:1.5%;
}
#jbk-frame-main.toto .frame-content .text-arrow .bg-orange{
	background:#F08300;
}
#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 .campaign{
	padding:3.125% 0 9.375%;
}
#jbk-frame-main.toto .frame-content .campaign h2{
	background:url(../img/ico_dotline.png) repeat-x left bottom;
	margin:0 5.625% 3.75%;
	padding-bottom:4.6875%;
}
#jbk-frame-main.toto .frame-content .campaign .contents{
	margin:4.375% 6.25%;
}
#jbk-frame-main.toto .frame-content .campaign .contents .pd{
	padding:4.375% 0 0;
}
#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 li{
	background:url(../img/ico_circle_sp.png) no-repeat left 3px;
	background-size:8px 8px;
	font-size:0.64em;
	line-height:1.6;
	padding-left:9px;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li.none{
	background:none;
	line-height:1.5;
	margin-top:0.5em;
	padding-left:0.9em;
	text-indent:-0.9em;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	padding-top:9.375%;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	margin:0 22.8125% 8.125%;
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.entry{
	background:url(../img/img_step1_03_sp.png) no-repeat center top;
	background-size:88% auto;
	padding:20.8375% 9.375% 9.5625%;
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.download{
	background:url(../img/img_step2_03_sp.png) no-repeat center top;
	background-size:88% auto;
	padding:18.4375% 9.375% 11.5625%;
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.howtobuy{
	background:url(../img/img_step3_03_sp.png) no-repeat center top;
	background-size:88% auto;
	padding:22.8125% 9.375% 4.375%;
}
#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.emphasis li{
	font-size:0.75em;
	font-weight:bold;
	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 #Download{
	padding:9.0625% 0;
}
#jbk-frame-main.toto .frame-content #Download h3{
	margin:0 16.25% 6.25% 15%;
}
#jbk-frame-main.toto .frame-content #Download p{
	margin:0 13.125% 1.875%;
}
#jbk-frame-main.toto .frame-content #Download p.txt{
	width:76%;
	font-size:0.72em;
	line-height:1.3;
	text-align:center;
	margin:0 auto 2.1875%;
}
#jbk-frame-main.toto .frame-content #Download .contents{
	margin:0 6.25% 2.5%;
}
#jbk-frame-main.toto .frame-content #Download .contents .col-sm-6.br{
	border-top:#CED2D3 1px solid;
	padding-top:6.875%;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dt{
	margin-bottom:4.375%;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dd.dlbtn{
	margin:0 21.25% 6.25%;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dd{
	font-size:0.79em;
}
#jbk-frame-main.toto .frame-content #Download .attention{
	margin:0;
	padding:0 6.875%;
}
#jbk-frame-main.toto .frame-content #Howtobuy{
	padding:9.375% 0;
}
#jbk-frame-main.toto .frame-content #Howtobuy h3{
	margin:0 12.5% 6.25% 11.875%;
}
#jbk-frame-main.toto .frame-content #Howtobuy .none{
	display:none;
}
#jbk-frame-main.toto .frame-content #Howtobuy .attention{
	margin:0;
	padding:6.25% 6.25% 0;
}
#jbk-frame-main.toto .frame-content #Contact{
	padding:9.375% 0;
}
#jbk-frame-main.toto .frame-content #Contact .ctbtn{
	padding:0 9.375% 6.25%;
}
#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 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:10px;
}
#jbk-frame-main.toto .frame-content #Contact p.caution{
	font-size:0.64em;
	line-height:1.6;
	margin:0;
	padding:6.25%;
}
#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 #Download p.txt{
	width:88%;
}
}
@media only screen and (min-width:768px){
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 .key-visual header{
	width:980px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.toto .frame-content .key-visual header h1{
	width:812px;
	margin:0 7.1428% 0 10.102%;
	padding-top:68px;
}
#jbk-frame-main.toto .frame-content .text-arrow{
	background:url(../img/ico_aroow_pc.png) no-repeat center bottom;
	background-size:auto;
	padding-bottom:14px;
}
#jbk-frame-main.toto .frame-content .text-arrow p{
	width:786px;
	margin:0 auto;
	padding:24px 0 27px;
}
#jbk-frame-main.toto .frame-content .campaign{
	width:762px;
	margin:0 auto;
	padding:19px 0 57px;
}
#jbk-frame-main.toto .frame-content .campaign h2{
	background:url(../img/ico_dotline.png) repeat-x left bottom;
	margin:0 0 33px 0;
	padding-bottom:25px;
}
#jbk-frame-main.toto .frame-content .campaign .contents{
	margin:0 0 29px 7px;
}
#jbk-frame-main.toto .frame-content .campaign .contents .pd{
	padding:0 15px 0 0;
}
#jbk-frame-main.toto .frame-content .campaign .contents .col-sm-5{
	width:304px;
}
#jbk-frame-main.toto .frame-content .campaign .contents .col-sm-pull-5{
	right:304px;
}
#jbk-frame-main.toto .frame-content .campaign .contents .col-sm-7{
	width:451px;
}
#jbk-frame-main.toto .frame-content .campaign .contents .col-sm-push-7{
	left:451px;
}
#jbk-frame-main.toto .frame-content .campaign .attention{
	background:#F8F8F8;
	margin:0 0 0 10px;
	padding:15px 20px;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li{
	background:url(../img/ico_circle_pc.png) no-repeat left 5px;
	font-size:14px;
	line-height:1.6;
	padding-left:14px;
}
#jbk-frame-main.toto .frame-content .campaign .attention ul li.none{
	background:none;
	font-size:12px;
	margin-top:0.5em;
	padding-left:0.9em;
	text-indent:-0.9em;
}
#jbk-frame-main.toto .frame-content .campaign .attention .col-sm-6{
	width:50%;
}
#jbk-frame-main.toto .frame-content .campaign .attention .col-sm-6.pd{
	padding-left:20px;
}
#jbk-frame-main.toto .frame-content .flow .contents{
	width:880px;
	margin:0 auto 26px;
	padding-top:56px;
}
#jbk-frame-main.toto .frame-content .flow .contents h3{
	width:242px;
	margin:0 auto 40px;
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4{
	height:297px;
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.entry{
	background:url(../img/img_step1_03_pc.png) no-repeat left top;
	width:308px;
	padding:192px 0 0 49px
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.download{
	background:url(../img/img_step2_03_pc.png) no-repeat left top;
	width:308px;
	padding:192px 0 0 49px
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4.howtobuy{
	background:url(../img/img_step3_03_pc.png) no-repeat left top;
	width:264px;
	padding:192px 0 0 49px
}
#jbk-frame-main.toto .frame-content .flow .contents .col-sm-4 img{
	width:168px;
}
#jbk-frame-main.toto .frame-content .flow .attention{
	width:810px;
	margin:0 auto;
	padding:0 0 53px 15px;
}

#jbk-frame-main.toto .frame-content .flow .attention ul li{
	float:left;
	font-size:12px;
	line-height:1.6;
	padding-left:13px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul li.pd{
	padding-left:17px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul.emphasis li{
	font-size:16px;
	padding-left:15px;
}
#jbk-frame-main.toto .frame-content .flow .attention ul.emphasis li.pd{
	padding-left:282px;
}
#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 #Download{
	padding:61px 0;
}
#jbk-frame-main.toto .frame-content #Download h3{
	width:336px;
	margin:0 auto 37px;
}
#jbk-frame-main.toto .frame-content #Download p{
	width:718px;
	margin:0 auto 10px;
}
#jbk-frame-main.toto .frame-content #Download p.txt{
	font-size:14px;
	margin:0 auto 24px;
}
#jbk-frame-main.toto .frame-content #Download .contents{
	width:810px;
	margin:0 auto 21px;
}
#jbk-frame-main.toto .frame-content #Download .contents .col-sm-6.br{
	border-top:hidden;
	border-left:#CED2D3 2px solid;
	padding:0 0 0 17px;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dt{
	width:386px;
	margin-bottom:8px;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dd.dlbtn{
	width:168px;
	margin:14px 0 0 109px;
}
#jbk-frame-main.toto .frame-content #Download .contents dl dd{
	font-size:14px;
	line-height:1.6;
}
#jbk-frame-main.toto .frame-content #Download .attention{
	width:670px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.toto .frame-content #Download .attention li{
	font-size:12px;
	line-height:1.6;
}
#jbk-frame-main.toto .frame-content #Howtobuy{
	padding:63px 0 54px;
}
#jbk-frame-main.toto .frame-content #Howtobuy h3{
	width:366px;
	margin:0 auto 40px;
}
#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 0;
	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 #Contact{
	padding:71px 0 56px;
}
#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 15px;
	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 .col-sm-6.pd{
	padding-left:20px;
}
#jbk-frame-main.toto .frame-content #Contact .contents .attention .col-sm-6 li{
	background:url(../img/ico_circle2_pc.png) no-repeat left 4px;
	font-size:16px;
	line-height:1.4;
	padding-left:16px;
}
#jbk-frame-main.toto .frame-content #Contact p.caution{
	width:880px;
	font-size:12px;
	margin:0 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;
}
}