@charset "utf-8";
/** { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
.contentsWidth { padding:0 !important;}
/* //////////////// clearfix ////////////////////////////////  */
.contentsWidth .clearfix:before, .contentsWidth .clearfix:after { content: " "; display: table;}
.contentsWidth .clearfix:after { clear: both;}
.contentsWidth .clearfix { *zoom: 1;}
.contentsWidth .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* //////////////// arra-ez responsive set ////////////////////////////////  */
.contentsWidth .container {width:auto; max-width:920px; margin:0 auto; padding:0;}
/*** flex width for [div, section] ***/
.contentsWidth .solo, .contentsWidth .full { float:left; width:98%; margin:1em 1%;}
.contentsWidth .duo, .contentsWidth .half { float:left; width:48%; margin:1em 1%;}
.contentsWidth .trio, .contentsWidth .one-third { float:left; width:31.33%; margin:1em 1%;}
.contentsWidth .two-thirds { float:left; width:64.66%; margin:1em 1%;}
.contentsWidth .quad, .contentsWidth .quarter { float:left; width:23%; margin:1em 1%;}
.contentsWidth .three-quarters { float:left; width:73%; margin:1em 1%;}
.contentsWidth .penta, .contentsWidth .twenty { float:left; width:18%; margin:1em 1%;}
.contentsWidth .forty { float:left; width:38%; margin:1em 1%;} 
.contentsWidth .sixty { float:left; width:58%; margin:1em 1%;}
.contentsWidth .eighty { float:left; width:78%; margin:1em 1%;}

/*** Media Query ***/
/* Mobile Single Column ( like 7 inch Tablet(max-width: 767px) ) */
@media only screen and (max-width: 1000px) {
	.contentsWidth .container {width:auto; max-width:920px; margin:0 auto; padding:0 0.8em;}
	.contentsWidth h2 {padding: 0.5em 0;}
	.contentsWidth .solo, .contentsWidth .full, .contentsWidth .duo, .contentsWidth .half, .contentsWidth .trio, .contentsWidth .one-third, .contentsWidth .two-thirds, .contentsWidth .quad, .contentsWidth .quarter, .contentsWidth .three-quarters, .contentsWidth .penta, .contentsWidth .twenty, .contentsWidth .forty, .contentsWidth .sixty, .contentsWidth .eighty { width:98%; margin:0.5em 1%;}
	.contentsWidth .image-right, .contentsWidth .image-center, .contentsWidth .image-left {text-align:center;}
}

/* Traditional SmartPhone Portrait Size */
@media only screen and (max-width: 568px) {
	.contentsWidth .container {width:auto; max-width:920px; margin:0 auto; padding:0 0.8em;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contentsWidth h2 {padding: 0.5em 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contentsWidth .solo, .contentsWidth .full, .contentsWidth .duo, .contentsWidth .half, .contentsWidth .trio, .contentsWidth .one-third, .contentsWidth .two-thirds, .contentsWidth .quad, .contentsWidth .quarter, .contentsWidth .three-quarters, .contentsWidth .penta, .contentsWidth .twenty, .contentsWidth .forty, .contentsWidth .sixty, .contentsWidth .eighty { width:98%; margin:0.5em 1%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contentsWidth .image-right, .contentsWidth .image-center, .contentsWidth .image-left, .contentsWidth .img, .contentsWidth .full img, .contentsWidth .half .images {text-align:center; margin: auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}