/*
Responsive Aeon Grid System v1.0.0
Designed & Built by Fernando Monteiro, http://www.newaeonweb.com.br 
Licensed under MIT license, http://opensource.org/licenses/mit-license.php

Base stylesheet with CSS Reset, grid and progressive responsiveness
*/

/* Simple reset just for Body element 
============================================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* Grid Variable 
============================================================================================== */
[class*="col"] {
  display: inline;
  position: relative;
}
[class*="col"]:last-child {
  margin-right: 0;
}
/* General Grid 
============================================================================================== */

.col1 {
  width: 6.333%;
}
.col2 {
  width: 14.667%;
}
.col3 {
  width: 23%;
}
.col4 {
  width: 31.333%;
}
.col5 {
  width: 39.667%;
}
.col6 {
  width: 48%;
}
.col7 {
  width: 56.333%;
}
.col8 {
  width: 64.667%;
}
.col9 {
  width: 73%;
}
.col10 {
  width: 81.333%;
}
.col11 {
  width: 89.667%;
}
.col12 {
  /*margin-left: 0;*/
  width: 100%;
}
.prefix05 { margin-left: 4.65%; }
.prefix1 { margin-left: 9.333%; }
.prefix2 { margin-left: 17.667%; }
.prefix3 { margin-left: 26%; }
.prefix4 { margin-left: 34.333%; }
.prefix5 { margin-left: 42.667%; }
.prefix6 { margin-left: 51%; }

/* General small screen Mobile 
============================================================================================== */
@media screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
   {
    width: 90%;
    margin: 0 auto;
  }
}
@media handheld, only screen and (max-width: 768px) {
  body {
    font-size: 1.0em;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }

  #wrap {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    width: 98%;
  }
.prefix1,
.prefix2,
.prefix3,
.prefix4,
.prefix5,
.prefix6 { margin-left: 0; }
}
/* Clear Helpers 
============================================================================================== */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* Media - Fluid Images - Video 
============================================================================================== */

figure {
  margin: 0;
}
object,
embed,
video {
  max-width: 100%;
  _width: 100%;
}
/* Fluid images */

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Improve IE's resizing of images */

svg:not(:root) {
  overflow: hidden;
}
/* Correct IE9 overflow */

img {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  _width: 100%;
  height: auto;
  vertical-align: middle;
}
img[src*="maps.gstatic.com"],
img[src*="googleapis.com"] {
  max-width: none;
}