@charset "UTF-8";
.first-box a{border-radius: 47px;}
.first-box {
    width: 100%;
    margin: 0 auto;
    padding: 18px;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background-color: #fff;
}
.btn_icon{width: 42px; margin-right: 10px;}
a.btn-margin{
    padding: 16px 60px;
    margin: 10px 16px;
    line-height: 1.4;
    font-weight: 500;
}
.attention{font-size: 14px; line-height: 1.7;}
#price_table th,#price_table td{border-bottom: 1px #eceff1 solid; padding: 10px 0;}
#price_table th{font-weight: normal;text-align: right;}
.price{
    padding-right: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    vertical-align: -1px;
}
#pc_price{display: block;}
#sp_price{display: none;}
.right{text-align: right;}
.margin0{margin: 0;}
#price_date{padding-bottom: 10px;text-align: center;border-bottom: 8px solid #eceff1;}
.width100{width:100%;}

@media screen and (max-width: 768px){
    .btn_icon{width: 30px;}
    .first-box a {max-width: 340px;}
    .attention{font-size: 12px;}
}

@media screen and (max-width: 540px){
#price_date{border-bottom-width: 2px;}
}

@media screen and (max-width: 500px){
    .first-box a {width: 96%;}
    a.btn-margin {padding: 16px;}
    #pc_price{display: none;}
    #sp_price{display: block;}
    #price_table th{text-align: left;}
}