@charset "UTF-8";
/* CSS Document */

/*--================ rwd grid レスポンジブグリッドシステム================-- */

  .col_wrap{
	  margin:0px auto;
  }

/* ------------column 2------------  */

/* --column 2 expand--  */
.col2_expd{
	width:48.5%;
	margin-right:3%;
	}
	
/* --column 2 break--  */
.col2_brk{
	width:48.5%;
	margin-right:3%;
	}

/* ------------column 3------------  */

/* --column 3 expand--  */
.col3_expd{
	width:31.3%;
	margin-right:3%;
	}
	
/* --column 3 break--  */
.col3_brk{
	width:31.3%;
	margin-right:3%;
	}


/* ------------column 4------------  */

/* --column 4 expand--  */
.col4_expd{
	width:22.75%;
	margin-right:3%;
	}
	
/* --column 4 break--  */
.col4_brk{
	width:22.75%;
	margin-right:3%;
	}

/* ------------column 5------------  */

/* --column 5 expand--  */
.col5_expd{
	width:17.6%;
	margin-right:3%;
	}
	
/* --column 5 break--  */
.col5_brk{
	width:17.6%;
	margin-right:3%;
	}
	
	
	
/* ------------column(n) to 2------------  */

/* --column(n) to 2 break--  */
.colN_to2_brk{
	width:22.75%;/*--4カラムで指定--*/
	margin-right:3%;
	margin-top:10px;
	}
.colN_to2_brk:nth-child(4n+1){/*--4カラムで改行指定--*/
	margin-right:0%;
	}
	
	

/* ------------column irregular 3 to 2------------  */

/* --column irregular 3 to 2 requid--  */
.col_irr_3to2_lastC_rqd{
	width:31.3%;
	margin-right:3%;
	}

/* --column irregular 3 to 2 break--  */	
.col_irr_3to2_brk{
	width:31.3%;
	margin-right:3%;
	}


/* ------------column irregular 5 to 2------------  */

/* --column irregular 5 to 2 last-child requid--  */
.col_irr_5to2_lastC_rqd{
	width:17.6%;
	margin-right:3%;
	}

/* --column irregular 5 to 2 break--  */	
.col_irr_5to2_brk{
	width:17.6%;
	margin-right:3%;
	}

/*  ------------column irregular col2_1 break ------------  */

.col_irr_col2_1_brk_l{
	width:14%;
	margin-right:2%;
	}

.col_irr_col2_1_brk_r{
	width:84%;
	}
	
.col_irr_col2_1_brk_l,.col_irr_col2_1_brk_r{
	float:left;
	box-sizing:border-box;
	padding:10px;

	}



/*----------------------------（！ Media Queries ） ---------------------------- */


  @media handheld, only screen and (max-width: 768px) {
	  
  /* ---- column 2 ,column 3,column 4,column 5 break ----  */
  
  .col2_brk,.col3_brk,.col4_brk,.col5_brk{
	  width:100%;
  }
  
  /* ---- column irregular 3 to 2 last-child requid----   */
  
   .col_irr_3to2_lastC_rqd{
	  width:48.5%;
	  margin-right:3%;
	}
	
	.col_irr_3to2_lastC_rqd:nth-child(3){
	  margin-right:0;
	}
	
	.col_irr_3to2_lastC_rqd:last-child{
	  width:100%;
	  margin-top:10px;
	}
	
   /* ---- column irregular 3 to 2 break----   */
  
   .col_irr_3to2_brk{
	  width:48.5%;
	  margin-right:3%;
	}
	
	.col_irr_3to2_brk:nth-child(odd){
	 margin-right:0;
	}
	
	.col_irr_3to2_brk:last-child{
	  margin-top:10px;
	  margin-left:24.25%;
	}
  
  /* ---- column irregular 5 to 2 last-child requid----   */
  
  .col_irr_5to2_lastC_rqd{
	  width:48.5%;
	  margin-right:3%;
	  margin-top:10px;
	}
	
  .col_irr_5to2_lastC_rqd:nth-child(odd){
	 margin-right:0;
	}
	
  .col_irr_5to2_lastC_rqd:last-child{
	  width:100%;
	}
	
  /* ---- column irregular 5 to 2 break----   */
	
  .col_irr_5to2_brk{
	  width:48.5%;
	  margin-right:3%;
	  margin-top:10px;
	}
	
	 .col_irr_5to2_brk:nth-child(odd){
	  margin-right:0;
	}
	
	.col_irr_5to2_brk:last-child{
	  margin-left:24.25%;
	}
	
  
  /* --column irregular col2_1 break--  */	
  .col_irr_col2_1_brk_l,
  .col_irr_col2_1_brk_r{
	width:100%;
	}
	
		
  /* ---- column(n) to 2 break ----   */
  
  .colN_to2_brk{
	  width:48.5%;
	  margin-right:3%;
	  margin-top:10px;
	}
		
  .colN_to2_brk:nth-child(odd){
	   margin-right:0;
	}
  
  }

/*---------------------------- end（！ Media Queries ） ---------------------------- */

  .col2_expd,.col2_brk,
  .col3_expd,.col3_brk,
  .col4_expd,.col4_brk,
  .col5_expd,.col5_brk,
  .colN_to2_brk,
  
  .col_irr_3to2_lastC_rqd,
  .col_irr_3to2_brk,
  .col_irr_5to2_lastC_rqd,
  .col_irr_5to2_brk
  {
	  float:left;
	  box-sizing:border-box;
	  /*padding:10px;*/
	  font-size:12px;
  }
  
   .col2_expd:last-child, .col2_brk:last-child,
   .col3_expd:last-child, .col3_brk:last-child,
   .col4_expd:last-child, .col4_brk:last-child,
   .col5_expd:last-child, .col5_brk:last-child,
   .colN_to2_brk:last-child,
   
   .col_irr_3to2_lastC_rqd:last-child,
   .col_irr_3to2_brk:last-child,
   .col_irr_5to2_lastC_rqd:last-child,
   .col_irr_5to2_brk:last-child
   {
	  margin-right:0%;
  }


/*--================ /rwd grid レスポンジブグリッドシステム================-- */


