@charset "UTF-8";

.buy-box{background:#009fe8;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1em;margin:1em auto;border:3px solid #fff;box-sizing:border-box;box-shadow:0 0 18px 1px rgba(16,16,16,.25);position:relative;max-width:800px;margin-bottom:1em}#page #page-content .buy-box h3{color:#fff;text-align:center;letter-spacing:.2em;font-size:28px;padding-top:.4em;margin:0 auto}#page #page-content .buy-box a{text-align:center;padding:1em 2em;margin:1.5em auto;min-width:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;text-decoration:none;font-size:18px;border:2px solid #fff;background-color:#e41e79;box-shadow:0 0 18px 1px rgba(16,16,16,.25)}#page #page-content .buy-box a::after{content:"\0bb";display:inline-block;margin-left:1em}#page #page-content .buy-box p{color:#fff}#page #page-content .buy-box a+p{font-size:14px}@media(max-width:840px){.buy-box{width:90%}}@media(max-width:767px){#page #page-content .buy-box h3{font-size:20px}#page #page-content .buy-box a+p{font-size:13px}#page #page-content .buy-box p{font-size:13px;margin-bottom:.4em}}.buy-box ul{list-style:none;margin:1em auto;max-width:90%}.buy-box ul li{color:#fff;font-size:14px;line-height:1.5em;text-indent:-.56em;padding-left:1.15em;margin-bottom:.3em}.buy-box ul li::before{content:"□";margin-right:.3em;display:inline-block}
/*

.buy-box{
    background:#009fe8;
    display: -webkit-flex; display: -ms-flexbox; display: flex;
    -ms-flex-flow:column nowrap; flex-flow:column nowrap;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    -webkit-align-items: center;  -ms-flex-align: center; align-items: center;
    padding:1em;
    margin:1em auto;
    border: 3px solid #FFF;
    box-sizing: border-box;
    box-shadow: 0px 0px 18px 1px rgba(16, 16, 16, 0.25);
    position: relative;
    max-width:800px;
    margin-bottom:1em;
}

    #page #page-content .buy-box h3{
        color:#fff;
        text-align: center;
        letter-spacing: 0.2em;
        font-size: 28px;
        padding-top:0.4em;
        margin:0 auto;
    }

    #page #page-content .buy-box a{
        text-align: center;
        padding:1em 2em;
        margin:1.5em auto;
        min-width:50%;
        display: -webkit-flex; display: -ms-flexbox; display: flex;
        -ms-flex-flow:row nowrap; flex-flow:row nowrap;
        -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
        -webkit-align-items: center;  -ms-flex-align: center; align-items: center;
        color: #FFF;
        text-decoration: none;
        font-size: 18px;
        border: 2px solid #FFF;
        background-color: #e41e79;
        box-shadow: 0px 0px 18px 1px rgba(16, 16, 16, 0.25);
    }
    #page #page-content .buy-box a::after{
        content:"\0bb";
        display:inline-block;
        margin-left:1em;
    }

    #page #page-content .buy-box p{
        color:#FFF;
    }

    #page #page-content .buy-box a + p{
        font-size:14px;
    }

@media(max-width:840px){
    .buy-box{
        width:90%;
    }
}
@media(max-width:767px){
    #page #page-content .buy-box h3{font-size:20px;}
    #page #page-content .buy-box a + p{font-size:13px;}
    #page #page-content .buy-box p{font-size:13px;margin-bottom:0.4em;}
}




.buy-box ul{
    list-style:none;
    margin:1em auto;
    max-width:90%;
}

.buy-box ul li{
    color:#FFF;
    font-size:14px;
    line-height:1.5em;
    text-indent: -0.56em;
    padding-left:1.15em;
    margin-bottom:0.3em;
}
.buy-box ul li::before{
    content:"□";
    margin-right:0.3em;
    display:inline-block;
}


*/