/* レスポンシブルグリッド */

/* タイル表示用グリッド */
.fix_grid_4 {
	width: 300px;
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}

#iti {
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify;
}

.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 
.noM_footgrid1 { width: 25%; } 
.noM_footgrid2 { width: 50%; } 
.noM_footgrid3 { width: 15%; } 
.noM_footgrid4 { width: 10%; } 

.grid_header,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    margin: 0 2% 1% 0;
    float: left;
    display: block;
}

.grid_header {
    width: 25%;
    height: auto;
    margin: 0 0 0 0;
}

.noM_footgrid1,
.noM_footgrid2,
.noM_footgrid3,
.noM_footgrid4{
    float: left;
    display: block;
    height: auto;
    margin: 0 0 0 0;
}

.alpha{margin-left:0;}
.omega{margin-right:0;}

.container{
    width: 90%; /*width: 1000px;*/
    max-width: 1000px;
    margin: auto;
}

.noM_container{
    width: 100%;
    max-width: 1000px;
    margin:0 0 0 0;
}

.clear{
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0
}
.clearfix:after{
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}* html 

.clearfix,*:first-child+html 
.clearfix{zoom:1}


/* Mobile */
@media screen and (max-width : 800px) {
.fix_grid_4,
.noM_footgrid1,
.noM_footgrid2,
.noM_footgrid3,
.noM_footgrid4,
.grid_header,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    width:100%;
}
}