br.sp{display:inline}@media screen and (min-width: 768px){br.sp{display:none}}body{font-family:"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック","Yu Gothic",sans-serif;line-height:1.6}@media screen and (min-width: 300px){body{font-size:16px}}@media screen and (min-width: 768px){body{font-size:18px}}img{display:block}a.box-link{display:block}a.outer-link{text-decoration:underline;color:#2E76D8}@media screen and (min-width: 300px){#main #main-content .sp-none{display:none}}@media screen and (min-width: 768px){#main #main-content .sp-none{display:inline}}@media screen and (min-width: 300px){#main #main-content .sp-only{display:inline}#main #main-content .sp-only.block{display:block}}@media screen and (min-width: 768px){#main #main-content .sp-only{display:none}}.aside{font-size:0.8rem}.alert{color:#E01818}.error{color:#e01818}#global{background-color:#F0F0F0}#site-footer-content{margin:0 auto}@media screen and (min-width: 768px){#site-footer-content{width:90%}}#main{min-height:100vh;height:auto;padding-bottom:5rem;background-color:#FAFAFA}@media screen and (min-width: 300px){#main{padding-top:1rem}}@media screen and (min-width: 768px){#main{padding-top:3rem}}#site-header{background-color:#FFF;justify-content:space-between;align-items:flex-start;padding:5px 0 10px 0}#site-header #site-header-content{display:flex;justify-content:space-between}#site-header .site-logo img{width:20rem}#site-navi{font-size:1.5rem;padding-left:3rem}#site-navi a{display:block}#site-navi a:hover{color:#3BAAAD}#site-navi li{padding:1rem}#site-footer{background-color:#F0F0F0;padding:3rem 0}#main-content{margin:0 auto;border:1px solid #EEE;background-color:#FFF}@media screen and (min-width: 300px){#main-content{width:98%;padding:3%;border-radius:0.5rem}}@media screen and (min-width: 1200px){#main-content{border-radius:3rem;width:90%;padding:3rem;max-width:800px}}@media screen and (min-width: 768px){.content-info,.form-container{text-align:center}}.content-info .title{font-size:1.2rem;font-weight:bold;margin-bottom:1rem}.content-info .types{font-size:0.9rem;margin-bottom:2rem}@media screen and (min-width: 768px){.content-info .types{display:flex;justify-content:center}.content-info .types div:first-child{margin-right:2rem}}.content-info .description{margin-bottom:1rem}.content-info .description .price,.content-info .description .expiration{font-size:1.1rem;font-weight:bold;color:#2783BE}.id-container{margin-bottom:3rem}.id-container #serial-input{text-align:left;font-size:1.1rem;border:1px solid #3095CA;padding:0.3rem;border-radius:3px}@media screen and (min-width: 300px){.id-container #serial-input{width:100%}}@media screen and (min-width: 768px){.id-container #serial-input{width:18rem}}.btn{max-width:15rem;line-height:2;margin:0 auto;width:100%}.btn input[type=submit],.btn a{display:block;width:100%;height:100%;background:#0087E0;text-align:center;color:#FFFFFF;font-weight:bold;border-radius:1rem;-webkit-border-radius:10px;-moz-border-radius:10px;text-shadow:0px -1px 0px #191ABD}.btn input[type=submit]:hover,.btn a:hover{background:#54A0FF}.btn.back a{display:block;width:100%;height:100%;background:#FFF;text-align:center;color:#444;font-weight:bold;border-radius:1rem;border:1px solid #CCC;-webkit-border-radius:10px;-moz-border-radius:10px}.btn.back a:hover{background:#F0F0F0}.buttons{margin-bottom:3rem}.buttons.double{display:flex;justify-content:center}.buttons.double .btn{margin:0 0 0 3rem}.buttons.double .btn:first-child{margin-left:0}.buttons .btn{margin:0 auto 1rem auto}.buttons .btn .back{border:1px solid #CCC;background-color:#FAFAFA;color:#444;text-shadow:none}.buttons .btn .back:hover{background-color:#FDFDFD}#id-info{text-align:center;margin-bottom:2rem}#id-info .serial-submitted{color:#0087E0}#id-info .balance{margin-bottom:1rem}#id-info .balance span{color:#0087E0;font-weight:bold}#id-info .less span{color:#BB1111}.charge a{display:block;text-align:center;line-height:1.2;border:1px solid #ccc}.charge a:hover{background-color:#74CEEB;color:#FFF}.purchased{font-size:0.9rem}.purchased .expiration{color:#3985DB}@media screen and (min-width: 300px){#bpoint-form #bpoint-logo{width:5rem;margin:1rem auto 1rem auto}}@media screen and (min-width: 768px){#bpoint-form #bpoint-logo{width:10rem;margin:1rem auto 2rem auto}}#bpoint-form #bpoint-logo img{width:100%}#bpoint-form #help-link a{background-color:#FFF;color:#888;text-shadow:none;border:1px solid #CCC;margin-bottom:1rem}#bpoint-form #help-link a:hover{background-color:#5ACEF0;color:#FFF}#bpoint-form #new-id{margin-bottom:3rem}@media screen and (min-width: 300px){#bpoint-form #help-link,#bpoint-form #new-id{width:100%}}@media screen and (min-width: 768px){#bpoint-form #help-link,#bpoint-form #new-id{width:20rem}}#bpoint-form #charge{text-align:center}@media screen and (min-width: 768px){#bpoint-form #charge{width:27rem;margin:0 auto}}#bpoint-form #charge .id-container{margin-bottom:1rem}@media screen and (min-width: 768px){#bpoint-form #charge .id-container{display:flex}#bpoint-form #charge .id-container .btn{margin:0 0 0 1rem;width:8rem}}#page-headline{font-weight:bold;margin-bottom:1rem}#bpoint-charge #user-header{display:flex;justify-content:space-between}#bpoint-charge #logout{display:block;padding:1rem;border:1px solid #CCC;background-color:#F9F9F9;margin-bottom:2rem}#bpoint-charge #logout:hover{background-color:#CED7FE}#bpoint-charge #id-info{padding:0.5rem;text-align:left;border:1px solid #748BFF;border-radius:3px}#bpoint-charge #id-info .balance{margin:0}@media screen and (min-width: 768px){#bpoint-charge #id-info{padding:1rem;display:flex;justify-content:space-between}#bpoint-charge #id-info .balance{margin:0 0 0 2rem}}#bpoint-charge #messages{margin-bottom:2rem}#bpoint-charge #messages div{background-color:#D8DFFB;padding:0.5rem}#bpoint-charge #select-point{margin-bottom:2rem}#bpoint-charge .radio-container{display:flex;flex-wrap:wrap;margin-bottom:1rem}#bpoint-charge .radio-container .radio-box{padding:0.3rem;border:1px solid #ccc;border-radius:2px;margin-right:1rem;margin-bottom:0.5rem}#bpoint-charge .radio-container .explain>img{width:100%}#bpoint-charge input[type=text]{padding:0.3rem;border:1px solid #69C9F5}@media screen and (min-width: 300px){#bpoint-charge input[type=text]{width:100%}}@media screen and (min-width: 768px){#bpoint-charge input[type=text]{width:20rem}}#bpoint-charge #method-title{display:flex}#bpoint-charge #method-title #bitcash-logo{margin-left:3rem}#bpoint-charge #charge-info{margin-bottom:2rem}#bpoint-charge #bitcash-guide{margin-bottom:2rem}#bpoint-charge #input-element{margin-bottom:2rem}#bpoint-help section{margin-bottom:3rem}#bpoint-newid #main-content{width:30rem}#bpoint-newid #input-element{margin-bottom:3rem}#bpoint-newid input[type=text]{padding:0.3rem;border:1px solid #69C9F5}@media screen and (min-width: 300px){#bpoint-newid input[type=text]{width:100%}}@media screen and (min-width: 768px){#bpoint-newid input[type=text]{width:20rem}}#bpoint-newid .btn{margin-bottom:2rem}