.wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
	-webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
     -ms-flex-direction:row;
	     flex-direction:row;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fle{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:-webkit-flex;
  	display:-moz-box;
  	display:flex;
}
.a-center{
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	            -ms-grid-row-align: center;
	        align-items: center;
}
.j-center{
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
	     justify-content: center;
}
.j-between{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
}
.j-end {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   -webkit-justify-content: flex-end;
      -moz-box-pack: end;
          justify-content: flex-end;
}

.order-1s{
	-ms-flex-order:1;
    -webkit-order:1;
    -webkit-box-ordinal-group:2;
       -moz-box-ordinal-group:2;
	        order:1;
}
.order-2s{
	-ms-flex-order:2;
    -webkit-order:2;
    -webkit-box-ordinal-group:3;
       -moz-box-ordinal-group:3;
	        order:2;
}
.order-3s{
	-ms-flex-order:3;
    -webkit-order:3;
    -webkit-box-ordinal-group:4;
       -moz-box-ordinal-group:4;
	        order:3;
}
.order-4s{
	-ms-flex-order:4;
    -webkit-order:4;
    -webkit-box-ordinal-group:5;
       -moz-box-ordinal-group:5;
	        order:4;
}
.order-5s{
	-ms-flex-order:5;
    -webkit-order:5;
    -webkit-box-ordinal-group:6;
       -moz-box-ordinal-group:6;
	        order:5;
}


/* インナーボックス　パディング */
.inbox-s{
	padding: 2%;
}
.inbox-m{
	padding: 3%;
}
.inbox-l{
	padding: 5%;
}
.inbox-xl{
	padding: 8%;
}



/* ネガティブマージン */
.wrap.em-margin-s{
	margin-left: -2%;
}
.wrap.em-margin-m{
	margin-left: -3%;
}
.wrap.em-margin-l{
	margin-left: -5%;
}
.wrap.em-margin-xl{
	margin-left: -8%;
}


/* 各divのマージン */
.wrap.em-margin-s div[class^="wide"] {
	margin : 0 0 2% 2%;
} 
.wrap.em-margin-m div[class^="wide"] {
	margin : 0 0 3% 3%;
} 
.wrap.em-margin-l div[class^="wide"] {
	margin : 0 0 5% 5%;
} 
.wrap.em-margin-xl div[class^="wide"] {
	margin : 0 0 8% 8%;
} 


/* divの幅 */
.wide-12-0s{
	width: 0%;
}	
.wide-12-1s{
	width: 8.333%;
}	
.wide-12-2s{
	width: 16.666%;
}	
.wide-12-3s{
	width: 24.999%;
}	
.wide-12-4s{
	width: 33.332%;
}	
.wide-12-5s{
	width: 41.665%;
}	
.wide-12-6s{
	width: 49.998%;
}	
.wide-12-7s{
	width: 58.331%;
}	
.wide-12-8s{
	width: 66.664%;
}	
.wide-12-9s{
	width: 74.997%;
}	
.wide-12-10s{
	width: 83.33%;
}	
.wide-12-11s{
	width: 91.663%;
}	
.wide-12-12s{
	width: 99.996%;
}	


/* sマージンの各divの幅 */
.wrap.em-margin-s .wide-12-1s{
	width:6.333%;
}
.wrap.em-margin-s .wide-12-2s{
	width: 14.666%;
}
.wrap.em-margin-s .wide-12-3s{
	width: 22.999%;
}
.wrap.em-margin-s .wide-12-4s{
	width: 31.332%;
}
.wrap.em-margin-s .wide-12-5s{
	width: 39.665%;
}
.wrap.em-margin-s .wide-12-6s{
	width: 47.998%;
}
.wrap.em-margin-s .wide-12-7s{
	width: 56.331%;
}
.wrap.em-margin-s .wide-12-8s{
	width: 64.664%;
}
.wrap.em-margin-s .wide-12-9s{
	width: 72.997%;
}
.wrap.em-margin-s .wide-12-10s{
	width: 81.33%;
}
.wrap.em-margin-s .wide-12-11s{
	width: 89.663%;
}
.wrap.em-margin-s .wide-12-12s{
	width: 97.996%;
}




/* mマージンの各divの幅 */
.wrap.em-margin-m .wide-12-1s{
	width:5.333%;
}
.wrap.em-margin-m .wide-12-2s{
	width: 13.666%;
}
.wrap.em-margin-m .wide-12-3s{
	width: 21.999%;
}
.wrap.em-margin-m .wide-12-4s{
	width: 30.332%;
}
.wrap.em-margin-m .wide-12-5s{
	width: 38.665%;
}
.wrap.em-margin-m .wide-12-6s{
	width: 46.998%;
}
.wrap.em-margin-m .wide-12-7s{
	width: 55.331%;
}
.wrap.em-margin-m .wide-12-8s{
	width: 63.664%;
}
.wrap.em-margin-m .wide-12-9s{
	width: 71.997%;
}
.wrap.em-margin-m .wide-12-10s{
	width: 80.33%;
}
.wrap.em-margin-m .wide-12-11s{
	width: 88.663%;
}
.wrap.em-margin-m .wide-12-12s{
	width: 96.996%;
}



/* lマージンの各divの幅 */
.wrap.em-margin-l .wide-12-1s{
	width:3.333%;
}
.wrap.em-margin-l .wide-12-2s{
	width: 11.666%;
}
.wrap.em-margin-l .wide-12-3s{
	width: 19.999%;
}
.wrap.em-margin-l .wide-12-4s{
	width: 28.332%;
}
.wrap.em-margin-l .wide-12-5s{
	width: 36.665%;
}
.wrap.em-margin-l .wide-12-6s{
	width: 44.998%;
}
.wrap.em-margin-l .wide-12-7s{
	width: 53.331%;
}
.wrap.em-margin-l .wide-12-8s{
	width: 61.664%;
}
.wrap.em-margin-l .wide-12-9s{
	width: 69.997%;
}
.wrap.em-margin-l .wide-12-10s{
	width: 78.33%;
}
.wrap.em-margin-l .wide-12-11s{
	width: 86.663%;
}
.wrap.em-margin-l .wide-12-12s{
	width: 94.996%;
}





/* xlマージンの各divの幅 */
.wrap.em-margin-xl .wide-12-1s{
	width:0.333%;
}
.wrap.em-margin-xl .wide-12-2s{
	width: 8.666%;
}
.wrap.em-margin-xl .wide-12-3s{
	width: 16.999%;
}
.wrap.em-margin-xl .wide-12-4s{
	width: 25.332%;
}
.wrap.em-margin-xl .wide-12-5s{
	width: 33.665%;
}
.wrap.em-margin-xl .wide-12-6s{
	width: 41.998%;
}
.wrap.em-margin-xl .wide-12-7s{
	width: 50.331%;
}
.wrap.em-margin-xl .wide-12-8s{
	width: 58.664%;
}
.wrap.em-margin-xl .wide-12-9s{
	width: 66.997%;
}
.wrap.em-margin-xl .wide-12-10s{
	width: 75.33%;
}
.wrap.em-margin-xl .wide-12-11s{
	width: 83.663%;
}
.wrap.em-margin-xl .wide-12-12s{
	width: 91.996%;
}












/*media Queries タブレット（835px以上）
------------------------------------------------------------------------------------------*/
@media screen and (min-width: 835px) {
	
.order-1m{
	-ms-flex-order:1;
    -webkit-order:1;
    -webkit-box-ordinal-group:2;
       -moz-box-ordinal-group:2;
	        order:1;
}
.order-2m{
	-ms-flex-order:2;
    -webkit-order:2;
    -webkit-box-ordinal-group:3;
       -moz-box-ordinal-group:3;
	        order:2;
}
	
.wide-12-1m{
	width: 8.333%;
}	
.wide-12-2m{
	width: 16.666%;
}	
.wide-12-3m{
	width: 24.999%;
}	
.wide-12-4m{
	width: 33.332%;
}	
.wide-12-5m{
	width: 41.665%;
}	
.wide-12-6m{
	width: 49.998%;
}	
.wide-12-7m{
	width: 58.331%;
}	
.wide-12-8m{
	width: 66.664%;
}	
.wide-12-9m{
	width: 74.997%;
}	
.wide-12-10m{
	width: 83.33%;
}	
.wide-12-11m{
	width: 91.663%;
}	
.wide-12-12m{
	width: 99.996%;
}	

	
/* sマージンの各divの幅 */
.wrap.em-margin-s .wide-12-1m{
	width:6.333%;
}
.wrap.em-margin-s .wide-12-2m{
	width: 14.666%;
}
.wrap.em-margin-s .wide-12-3m{
	width: 22.999%;
}
.wrap.em-margin-s .wide-12-4m{
	width: 31.332%;
}
.wrap.em-margin-s .wide-12-5m{
	width: 39.665%;
}
.wrap.em-margin-s .wide-12-6m{
	width: 47.998%;
}
.wrap.em-margin-s .wide-12-7m{
	width: 56.331%;
}
.wrap.em-margin-s .wide-12-8m{
	width: 64.664%;
}
.wrap.em-margin-s .wide-12-9m{
	width: 72.997%;
}
.wrap.em-margin-s .wide-12-10m{
	width: 81.33%;
}
.wrap.em-margin-s .wide-12-11m{
	width: 89.663%;
}
.wrap.em-margin-s .wide-12-12m{
	width: 97.996%;
}




/* mマージンの各divの幅 */
.wrap.em-margin-m .wide-12-1m{
	width:5.333%;
}
.wrap.em-margin-m .wide-12-2m{
	width: 13.666%;
}
.wrap.em-margin-m .wide-12-3m{
	width: 21.999%;
}
.wrap.em-margin-m .wide-12-4m{
	width: 30.332%;
}
.wrap.em-margin-m .wide-12-5m{
	width: 38.665%;
}
.wrap.em-margin-m .wide-12-6m{
	width: 46.998%;
}
.wrap.em-margin-m .wide-12-7m{
	width: 55.331%;
}
.wrap.em-margin-m .wide-12-8m{
	width: 63.664%;
}
.wrap.em-margin-m .wide-12-9m{
	width: 71.997%;
}
.wrap.em-margin-m .wide-12-10m{
	width: 80.33%;
}
.wrap.em-margin-m .wide-12-11m{
	width: 88.663%;
}
.wrap.em-margin-m .wide-12-12m{
	width: 96.996%;
}



/* lマージンの各divの幅 */
.wrap.em-margin-l .wide-12-1m{
	width:3.333%;
}
.wrap.em-margin-l .wide-12-2m{
	width: 11.666%;
}
.wrap.em-margin-l .wide-12-3m{
	width: 19.999%;
}
.wrap.em-margin-l .wide-12-4m{
	width: 28.332%;
}
.wrap.em-margin-l .wide-12-5m{
	width: 36.665%;
}
.wrap.em-margin-l .wide-12-6m{
	width: 44.998%;
}
.wrap.em-margin-l .wide-12-7m{
	width: 53.331%;
}
.wrap.em-margin-l .wide-12-8m{
	width: 61.664%;
}
.wrap.em-margin-l .wide-12-9m{
	width: 69.997%;
}
.wrap.em-margin-l .wide-12-10m{
	width: 78.33%;
}
.wrap.em-margin-l .wide-12-11m{
	width: 86.663%;
}
.wrap.em-margin-l .wide-12-12m{
	width: 94.996%;
}





/* xlマージンの各divの幅 */
.wrap.em-margin-xl .wide-12-1m{
	width:0.333%;
}
.wrap.em-margin-xl .wide-12-2m{
	width: 8.666%;
}
.wrap.em-margin-xl .wide-12-3m{
	width: 16.999%;
}
.wrap.em-margin-xl .wide-12-4m{
	width: 25.332%;
}
.wrap.em-margin-xl .wide-12-5m{
	width: 33.665%;
}
.wrap.em-margin-xl .wide-12-6m{
	width: 41.998%;
}
.wrap.em-margin-xl .wide-12-7m{
	width: 50.331%;
}
.wrap.em-margin-xl .wide-12-8m{
	width: 58.664%;
}
.wrap.em-margin-xl .wide-12-9m{
	width: 66.997%;
}
.wrap.em-margin-xl .wide-12-10m{
	width: 75.33%;
}
.wrap.em-margin-xl .wide-12-11m{
	width: 83.663%;
}
.wrap.em-margin-xl .wide-12-12m{
	width: 91.996%;
}





	
}








/*media Queries PCサイズ（1024px以上）
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {



.wide-12-1{
	width: 8.333%;
}	
.wide-12-2{
	width: 16.666%;
}	
.wide-12-3{
	width: 24.999%;
}	
.wide-12-4{
	width: 33.332%;
}	
.wide-12-5{
	width: 41.665%;
}	
.wide-12-6{
	width: 49.998%;
}	
.wide-12-7{
	width: 58.331%;
}	
.wide-12-8{
	width: 66.664%;
}	
.wide-12-9{
	width: 74.997%;
}	
.wide-12-10{
	width: 83.33%;
}	
.wide-12-11{
	width: 91.663%;
}	
.wide-12-12{
	width: 99.996%;
}	

	
/* sマージンの各divの幅 */
.wrap.em-margin-s .wide-12-1{
	width:6.333%;
}
.wrap.em-margin-s .wide-12-2{
	width: 14.666%;
}
.wrap.em-margin-s .wide-12-3{
	width: 22.999%;
}
.wrap.em-margin-s .wide-12-4{
	width: 31.332%;
}
.wrap.em-margin-s .wide-12-5{
	width: 39.665%;
}
.wrap.em-margin-s .wide-12-6{
	width: 47.998%;
}
.wrap.em-margin-s .wide-12-7{
	width: 56.331%;
}
.wrap.em-margin-s .wide-12-8{
	width: 64.664%;
}
.wrap.em-margin-s .wide-12-9{
	width: 72.997%;
}
.wrap.em-margin-s .wide-12-10{
	width: 81.33%;
}
.wrap.em-margin-s .wide-12-11{
	width: 89.663%;
}
.wrap.em-margin-s .wide-12-12{
	width: 97.996%;
}




/* mマージンの各divの幅 */
.wrap.em-margin-m .wide-12-1{
	width:5.333%;
}
.wrap.em-margin-m .wide-12-2{
	width: 13.666%;
}
.wrap.em-margin-m .wide-12-3{
	width: 21.999%;
}
.wrap.em-margin-m .wide-12-4{
	width: 30.332%;
}
.wrap.em-margin-m .wide-12-5{
	width: 38.665%;
}
.wrap.em-margin-m .wide-12-6{
	width: 46.998%;
}
.wrap.em-margin-m .wide-12-7{
	width: 55.331%;
}
.wrap.em-margin-m .wide-12-8{
	width: 63.664%;
}
.wrap.em-margin-m .wide-12-9{
	width: 71.997%;
}
.wrap.em-margin-m .wide-12-10{
	width: 80.33%;
}
.wrap.em-margin-m .wide-12-11{
	width: 88.663%;
}
.wrap.em-margin-m .wide-12-12{
	width: 96.996%;
}



/* lマージンの各divの幅 */
.wrap.em-margin-l .wide-12-1{
	width:3.333%;
}
.wrap.em-margin-l .wide-12-2{
	width: 11.666%;
}
.wrap.em-margin-l .wide-12-3{
	width: 19.999%;
}
.wrap.em-margin-l .wide-12-4{
	width: 28.332%;
}
.wrap.em-margin-l .wide-12-5{
	width: 36.665%;
}
.wrap.em-margin-l .wide-12-6{
	width: 44.998%;
}
.wrap.em-margin-l .wide-12-7{
	width: 53.331%;
}
.wrap.em-margin-l .wide-12-8{
	width: 61.664%;
}
.wrap.em-margin-l .wide-12-9{
	width: 69.997%;
}
.wrap.em-margin-l .wide-12-10{
	width: 78.33%;
}
.wrap.em-margin-l .wide-12-11{
	width: 86.663%;
}
.wrap.em-margin-l .wide-12-12{
	width: 94.996%;
}





/* xlマージンの各divの幅 */
.wrap.em-margin-xl .wide-12-1{
	width:0.333%;
}
.wrap.em-margin-xl .wide-12-2{
	width: 8.666%;
}
.wrap.em-margin-xl .wide-12-3{
	width: 16.999%;
}
.wrap.em-margin-xl .wide-12-4{
	width: 25.332%;
}
.wrap.em-margin-xl .wide-12-5{
	width: 33.665%;
}
.wrap.em-margin-xl .wide-12-6{
	width: 41.998%;
}
.wrap.em-margin-xl .wide-12-7{
	width: 50.331%;
}
.wrap.em-margin-xl .wide-12-8{
	width: 58.664%;
}
.wrap.em-margin-xl .wide-12-9{
	width: 66.997%;
}
.wrap.em-margin-xl .wide-12-10{
	width: 75.33%;
}
.wrap.em-margin-xl .wide-12-11{
	width: 83.663%;
}
.wrap.em-margin-xl .wide-12-12{
	width: 91.996%;
}





	
}