/*
@mixin
@giz { content:''; display:block; }
*/
html { font-size: 62.5%; }

body { font-size: 1.0rem; }

* { margin: 0; padding: 0; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { font-size: 100%; font-weight: normal; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

ul { list-style: none; }

img { border: 0px; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*\*/      /*/
height: auto;
overflow: hidden;
/**/ }

.clear { clear: both; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; height: 0px; }

.clr { clear: both; }

.bg_wrp { width: 100%; margin: 0 auto; position: relative; }
@media screen and (min-width: 851px) { .bg_wrp { min-width: 960px; } }

.innr_wrp { margin: 0 auto; position: relative; }
@media screen and (min-width: 851px) { .innr_wrp { width: 960px; } }
@media screen and (max-width: 850px) { .innr_wrp { width: 100%; } }

@media screen and (min-width: 851px) { .sp_prts { display: none !important; } }
@media screen and (max-width: 850px) { .pc_prts { display: none !important; } }

/*# sourceMappingURL=base.css.map */