@charset "utf-8";
@import url("ress.css");
@import url("bootstrap-grid.css");
@import url("module.css");
@import url("common.css");

/* 基準値 1000px */
#main { width: 1100px; max-width: 100%; margin: 0 auto; }
.header_inn { width: 1100px; margin: 0 auto; }
.footer_inn { width: 1100px; margin: 0 auto; }
.container { width: 1100px; margin: 0 auto; }
.container-mini { width: 800px; margin: 0 auto; }
.imgS img { width: 100%; }

/* インナー幅（1000px）より小さくなったら*/
/* 固定値px / 基準幅px * 100vw */
@media (min-width:576px) and ( max-width:1099px) {
html{ font-size: calc(100vw / 115); }
.header_inn { width: calc( (1100 / 1150) * 100vw ); }
.footer_inn { width: calc( (1100 / 1150) * 100vw ); }
.container { width: calc( (1100 / 1150) * 100vw ); }
.container-mini { width: calc( (800 / 1150) * 100vw ); }
}

/*画面サイズが575px以下のとき*/
@media (max-width: 575px) { 
html { font-size: 10px; }
#main { width: 90%; }
.header_inn { width: 100%; }
.footer_inn { width: 90%; }
.container,
.container-mini { width: 100%; }
.imgS img { width: 70%; }
}