@charset "UTF-8";

/* !body
-------------------------------------------------------------- */
@media screen and (max-width: 979px) {
    body {
        min-width: 320px !important;
        overflow-x: hidden;    }
}
/* !display
-------------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .pcOnly,
    .spOnly,
    br.spOnly,
    .ico.spOnly,
    .noTb {
        display: none !important;
    }
    .noPc,
    .tbOnly {
        display: block !important;
    }
    br.tbOnly,
    .ico.tbOnly {
        display: inline-block !important;
    }
}
@media screen and (max-width: 767px) {
    .noSp,
    .tbOnly,
    br.tbOnly,
    .ico.tbOnly {
        display: none !important;
    }
    .spOnly,
    .noTb {
        display: block !important;
    }
    br.spOnly,
    .ico.spOnly {
        display: inline-block !important;
    }
}

/* !common
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .img100per_sp { width: 100%; height: auto; }
    .bgBlank { background: url(/common/images/spacer.gif);} /* SPでのテキストの折り返し位置の不具合解消用*/
}

/* !Padding
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .ph10_sp { padding-right:10px !important; padding-left: 10px !important;}
    .pt00_sp { padding-top: 0 !important; }
    .pt20_sp { padding-top: 20px !important; }
    .pb00_sp { padding-bottom: 0 !important; }
    .pb20_sp { padding-bottom: 20px !important; }

}

/* !Margin
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .mh10_sp { margin-right:10px !important; margin-left: 10px !important;}
    .mt00_sp { margin-top: 0 !important; }
    .mt20_sp { margin-top: 20px !important; }
    .mb00_sp { margin-bottom: 0 !important; }
    .mb20_sp { margin-bottom: 20px !important; }
}