/*
			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;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* Container Bases 
	============================================================================================== */

.container {
  margin: 0 auto;
  width: 100%;
}
.content {
  max-width: 100%;
  margin: 0 15px;
}
/* Grid Variable 
	============================================================================================== */
[class*="col"] {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
}
[class*="col"]:last-child {
  margin-right: 0;
}
/* General Grid 
	============================================================================================== */

.col_sm {
  width: 9%;
}

.col1 {
  width: 6.333%;
}
.col2 {
  width: 14.667%;
}
.juko .col2 {
  width: 18%;
}
.col3 {
  width: 23%;
}
.col4 {
  width: 31.333%;
}
.col4-1 {
  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%;
}

  
.col12:after {
  clear: both !important;
}
  

/* General small screen Mobile 
	============================================================================================== */

@media handheld, only screen and (max-width: 960px) {
  body {
    font-size: 1.0em;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }
  .content {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
	text-align:center;
  }
  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    width: 98%;
  } 
.juko .col2, 
#staff .col4, #staff .col8 {
  width: 48% !important;
}
.col_sm {
  width: 30%;
}
.col_sm, 
.col1,
  .col2,
  .juko .col2, 
  .col3,
  .col4,
  .col4-1,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
	  margin-bottom:15px;
  }
#staff .col4, #staff .col8 { margin-bottom:0 !important;}
  
#page .wrapper {padding-top:20px !important;}
	
}

@media handheld, only screen and (max-width: 640px) {
#staff .col4, #staff .col8 {
  width: 98% !important;
}
}


/* 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;
}

.content img {
	margin-bottom:5px;
	}
	



	
	
/*レイアウト----------------------------------------------------------------------------*/

.content1 {
	clear:both;
	background-color:#FAF5EE;
	padding:20px;
}



@media handheld, only screen and (max-width: 479px) {
  .col4-1, .juko .col2 {
    width: 98%;
  }
}




/*横6個均等に*/
.colfx1 {
	float: left !important;
    width: 14.66666666666% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	}
/*横5個均等に*/
.colfx2 {
	float: left !important;
    width: 18% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	}
/* 4 > 2 */
.col4-fx2, .col4-fx2-1, .col4-fx2-2 {
	float: left !important;
    width: 23% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	}
/* 2 > 2 */
.col2-fx2 {
	float: left !important;
    width: 46% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	}
/* 9 > 2 */
.col9-fx2 {
	float: left !important;
    width: 73% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	}
@media (max-width:767px){
/*横2個*/
.colfx1, .colfx2, .col4-fx2, .col2-fx2 {
    width: 46% !important;
	margin-left: 2% !important;
	margin-bottom: 5% !important;

	}
/*横4個*/
.col4-fx2-1 {
    width: 30% !important;
	margin-left: 2% !important;
	margin-bottom: 2% !important;
	}
/*横4個*/
.col4-fx2-2, .col9-fx2 {
    width: 62% !important;
	margin-left: 2% !important;
	margin-bottom: 2% !important;
	}
}