/**************************************************
 *  grid.css [12col Grid Layout]
 *  @author FineSystem SN
 *
 *  MASTER DEVELOPER
 *	URL : http://responsive.gs
 *	VERSION : 3.0
 *	LICENSE : GPL & MIT 
 *************************************************/
 
/* PC LAYOUT 
**************************************************/
.grid1 { width: 6.5%; } 
.grid2 { width: 15%; } 
.grid3 { width: 23.5%; } 
.grid4 { width: 32%; } 
.grid5 { width: 40.5%; }
.grid6 { width: 49%; } 
.grid7 { width: 57.5%; } 
.grid8 { width: 66%; } 
.grid9 { width: 74.5%; } 
.grid10 { width: 83%; } 
.grid11 { width: 91.5%; } 
.grid12 { width: 100%; } 

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
	margin: 0 2% 0 0;
	float: left;
	display: block;
}

.r-grid1 { width: 6.5%; } 
.r-grid2 { width: 15%; } 
.r-grid3 { width: 23.5%; } 
.r-grid4 { width: 32%; } 
.r-grid5 { width: 40.5%; }
.r-grid6 { width: 49%; } 
.r-grid7 { width: 57.5%; } 
.r-grid8 { width: 66%; } 
.r-grid9 { width: 74.5%; } 
.r-grid10 { width: 83%; } 
.r-grid11 { width: 91.5%; } 
.r-grid12 { width: 100%; } 

.r-grid1,
.r-grid2,
.r-grid3,
.r-grid4,
.r-grid5,
.r-grid6,
.r-grid7,
.r-grid8,
.r-grid9,
.r-grid10,
.r-grid11,
.r-grid12 {
	margin: 0 2% 0 0;
	float: left;
	display: block;
}

.rrh-layout-wrapper .rrh-layout-col{
	/*margin: 0 2% 0 0;*/
}
.fixSpacing{
	margin: 0 2% 0 0;
}
.rrh-layout-wrapper .rrh-layout-col.last{
	margin: 0 !important;
}

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

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





.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}

.gridN1 {
 width: 8.33%;
 width: calc((100% / 12) * 1);
 width: -webkit-calc((100% / 12) * 1);
 width: -moz-calc((100% / 12) * 1);
} 
.gridN2 {
 width: 16.66%;
 width: calc((100% / 12) * 2);
 width: -webkit-calc((100% / 12) * 2);
 width: -moz-calc((100% / 12) * 2);
} 
.gridN3 {
 width: 25%;
 width: calc((100% / 12) * 3);
 width: -webkit-calc((100% / 12) * 3);
 width: -moz-calc((100% / 12) * 3);
} 
.gridN4 {
 width: 33.33%;
 width: calc((100% / 12) * 4);
 width: -webkit-calc((100% / 12) * 4);
 width: -moz-calc((100% / 12) * 4);
} 
.gridN5 {
 width: 41.66%;
 width: calc((100% / 12) * 5);
 width: -webkit-calc((100% / 12) * 5);
 width: -moz-calc((100% / 12) * 5);
}
.gridN6 {
 width: 50%;
 width: calc((100% / 12) * 6); 
 width: -webkit-calc((100% / 12) * 6);
 width: -moz-calc((100% / 12) * 6);

} 
.gridN7 {
 width: 58.33%;
 width: calc((100% / 12) * 7);
 width: -webkit-calc((100% / 12) * 7);
 width: -moz-calc((100% / 12) * 7);
} 
.gridN8 {
 width: 66.66%;
 width: calc((100% / 12) * 8);
 width: -webkit-calc((100% / 12) * 8);
 width: -moz-calc((100% / 12) * 8);
} 
.gridN9 {
 width: 75%;
 width: calc((100% / 12) * 9);
 width: -webkit-calc((100% / 12) * 9);
 width: -moz-calc((100% / 12) * 9);
} 
.gridN10 {
 width: 83.33%;
 width: calc((100% / 12) * 10);
 width: -webkit-calc((100% / 12) * 10);
 width: -moz-calc((100% / 12) * 10);
} 
.gridN11 {
 width: 91.66%;
 width: calc((100% / 12) * 11);
 width: -webkit-calc((100% / 12) * 11);
 width: -moz-calc((100% / 12) * 11);
} 
.gridN12 {
 width: 100%;
 width: calc((100% / 12) * 12);
 width: -webkit-calc((100% / 12) * 12);
 width: -moz-calc((100% / 12) * 12);
}

.r-gridN1 {
 width: 8.33%;
 width: calc((100% / 12) * 1);
 width: -webkit-calc((100% / 12) * 1);
 width: -moz-calc((100% / 12) * 1);
} 
.r-gridN2 {
 width: 16.66%;
 width: calc((100% / 12) * 2);
 width: -webkit-calc((100% / 12) * 2);
 width: -moz-calc((100% / 12) * 2);
} 
.r-gridN3 {
 width: 25%;
 width: calc((100% / 12) * 3);
 width: -webkit-calc((100% / 12) * 3);
 width: -moz-calc((100% / 12) * 3);
} 
.r-gridN4 {
 width: 33.33%;
 width: calc((100% / 12) * 4);
 width: -webkit-calc((100% / 12) * 4);
 width: -moz-calc((100% / 12) * 4);
} 
.r-gridN5 {
 width: 41.66%;
 width: calc((100% / 12) * 5);
 width: -webkit-calc((100% / 12) * 5);
 width: -moz-calc((100% / 12) * 5);
}
.r-gridN6 {
 width: 50%;
 width: calc((100% / 12) * 6);
 width: -webkit-calc((100% / 12) * 6);
 width: -moz-calc((100% / 12) * 6);
} 
.r-gridN7 {
 width: 58.33%;
 width: calc((100% / 12) * 7);
 width: -webkit-calc((100% / 12) * 7);
 width: -moz-calc((100% / 12) * 7);
} 
.r-gridN8 {
 width: 66.66%;
 width: calc((100% / 12) * 8);
 width: -webkit-calc((100% / 12) * 8);
 width: -moz-calc((100% / 12) * 8);
} 
.r-gridN9 {
 width: 75%;
 width: calc((100% / 12) * 9);
 width: -webkit-calc((100% / 12) * 9);
 width: -moz-calc((100% / 12) * 9);
} 
.r-gridN10 {
 width: 83.33%;
 width: calc((100% / 12) * 10);
 width: -webkit-calc((100% / 12) * 10);
 width: -moz-calc((100% / 12) * 10);
} 
.r-gridN11 {
 width: 91.66%;
 width: calc((100% / 12) * 11);
 width: -webkit-calc((100% / 12) * 11);
 width: -moz-calc((100% / 12) * 11);
} 
.r-gridN12 {
 width: 100%;
 width: calc((100% / 12) * 12);
 width: -webkit-calc((100% / 12) * 12);
 width: -moz-calc((100% / 12) * 12);
}

/* Edgeのみ */
_:-ms-lang(x), .gridN1 {  width: 8.33%; } 
_:-ms-lang(x), .gridN2 {  width: 16.66%; } 
_:-ms-lang(x), .gridN3 {  width: 25%; } 
_:-ms-lang(x), .gridN4 {  width: 33.33%; } 
_:-ms-lang(x), .gridN5 {  width: 41.66%; }
_:-ms-lang(x), .gridN6 {  width: 50%; } 
_:-ms-lang(x), .gridN7 {  width: 58.33%; } 
_:-ms-lang(x), .gridN8 {  width: 66.66%; } 
_:-ms-lang(x), .gridN9 {  width: 75%; } 
_:-ms-lang(x), .gridN10 { width: 83.33%; } 
_:-ms-lang(x), .gridN11 { width: 91.66%; } 
_:-ms-lang(x), .gridN12 { width: 100%; }
_:-ms-lang(x), .r-gridN1 { width: 8.33%; } 
_:-ms-lang(x), .r-gridN2 { width: 16.66%; } 
_:-ms-lang(x), .r-gridN3 { width: 25%; } 
_:-ms-lang(x), .r-gridN4 { width: 33.33%; } 
_:-ms-lang(x), .r-gridN5 { width: 41.66%; }
_:-ms-lang(x), .r-gridN6 { width: 50%; } 
_:-ms-lang(x), .r-gridN7 { width: 58.33%; } 
_:-ms-lang(x), .r-gridN8 { width: 66.66%; } 
_:-ms-lang(x), .r-gridN9 { width: 75%; } 
_:-ms-lang(x), .r-gridN10 { width: 83.33%; } 
_:-ms-lang(x), .r-gridN11 { width: 91.66%; } 
_:-ms-lang(x), .r-gridN12 { width: 100%; }

.gridN1,
.gridN2,
.gridN3,
.gridN4,
.gridN5,
.gridN6,
.gridN7,
.gridN8,
.gridN9,
.gridN10,
.gridN11,
.gridN12,
.r-gridN1,
.r-gridN2,
.r-gridN3,
.r-gridN4,
.r-gridN5,
.r-gridN6,
.r-gridN7,
.r-gridN8,
.r-gridN9,
.r-gridN10,
.r-gridN11,
.r-gridN12
{
	margin: 0;
	float: left;
	display: block;
}

/* SMART PHONE LAYOUT 
**************************************************/
@media screen and (max-width : 480px) {

 .rrh-breakpoint .grid1,
 .rrh-breakpoint .grid2,
 .rrh-breakpoint .grid3,
 .rrh-breakpoint .grid4,
 .rrh-breakpoint .grid5,
 .rrh-breakpoint .grid6,
 .rrh-breakpoint .grid7,
 .rrh-breakpoint .grid8,
 .rrh-breakpoint .grid9,
 .rrh-breakpoint .grid10,
 .rrh-breakpoint .grid11,
 .rrh-breakpoint .grid12,
 .rrh-breakpoint .gridN1,
 .rrh-breakpoint .gridN2,
 .rrh-breakpoint .gridN3,
 .rrh-breakpoint .gridN4,
 .rrh-breakpoint .gridN5,
 .rrh-breakpoint .gridN6,
 .rrh-breakpoint .gridN7,
 .rrh-breakpoint .gridN8,
 .rrh-breakpoint .gridN9,
 .rrh-breakpoint .gridN10,
 .rrh-breakpoint .gridN11,
 .rrh-breakpoint .gridN12 
 {
   width:100%;
 }
 
 .r-rrh-breakpoint .r-grid1,
 .r-rrh-breakpoint .r-grid2,
 .r-rrh-breakpoint .r-grid3,
 .r-rrh-breakpoint .r-grid4,
 .r-rrh-breakpoint .r-grid5,
 .r-rrh-breakpoint .r-grid6,
 .r-rrh-breakpoint .r-grid7,
 .r-rrh-breakpoint .r-grid8,
 .r-rrh-breakpoint .r-grid9,
 .r-rrh-breakpoint .r-grid10,
 .r-rrh-breakpoint .r-grid11,
 .r-rrh-breakpoint .r-grid12,
 .r-rrh-breakpoint .r-gridN1,
 .r-rrh-breakpoint .r-gridN2,
 .r-rrh-breakpoint .r-gridN3,
 .r-rrh-breakpoint .r-gridN4,
 .r-rrh-breakpoint .r-gridN5,
 .r-rrh-breakpoint .r-gridN6,
 .r-rrh-breakpoint .r-gridN7,
 .r-rrh-breakpoint .r-gridN8,
 .r-rrh-breakpoint .r-gridN9,
 .r-rrh-breakpoint .r-gridN10,
 .r-rrh-breakpoint .r-gridN11,
 .r-rrh-breakpoint .r-gridN12 
 {
   width:100%;
 }

 .rrh-breakpoint .rrh-layout-wrapper .rrh-layout-col{
   width: 100% !important;
   float: none !important;
   margin: 0 !important;
 }

 .rrh-breakpoint .removal{ display: none !important;}

}