@charset "UTF-8";

@media print, screen and (min-width: 641px) {

/*====================================================================
 　PC　2カラム設定
 ====================================================================*/
.column2{
	clear:both;
   width:100%;
}
.column2 li{
	float:left;
   width:48.4375%;
   margin: 0 3.125% 30px 0;
}
.column2 li:nth-child(2n){
   margin-right:-3.125%;
}
/*====================================================================
 　PC　3カラム設定
 ====================================================================*/
.column3{
	clear:both;
   width:100%;
}
.column3 li{
	float:left;
   width:31.25%;
   margin:0 3.125% 30px 0;
}
.column3 li:nth-child(3n){
	margin-right:-3.125%;
}
/*====================================================================
 　PC　4カラム設定
 ====================================================================*/
.column4{
	clear:both;
   width:100%;
}
.column4 li{
	float:left;
   width:22.65625%;
   margin:0 3.125% 30px 0;
}
.column4 li:nth-child(4n){
	margin-right:-3.125%;
}
/*====================================================================
 　PC　5カラム設定
 ====================================================================*/
.column5{
	clear:both;
   width:100%;
}
.column5 li{
	float:left;
   width:17.5%;
   margin:0 3.125% 30px 0;
}
.column5 li:nth-child(5n){
	margin-right:-3.125%;
}

}

@media screen and (min-width: 0px) and (max-width: 640px) {

/*====================================================================
 　SP　2カラム設定　→　1カラムに設定
 ====================================================================*/
 .column2{
   clear:both;
   width:100%;
}
.column2 li{
	margin:0 0 10px 0;
}
/*====================================================================
 　PC　3カラム設定　→　2カラムに設定
 ====================================================================*/
.column3{
   clear:both;
   width:100%;
}

.column3 li{
   width:48.333%;
   float:left;
   margin:0 0 10px 0;
}
.column3 li:nth-child(odd){
	margin:0 3.333% 0 0;
}
.column3 li:last-child{
	margin-bottom:10px;
}
/*====================================================================
 　PC　4カラム設定　→　2カラムに設定
 ====================================================================*/
.column4{
   clear:both;
   width:100%;
}

.column4 li{
   width:48.333%;
   float:left;
   margin:0 0 10px 0;
}
.column4 li:nth-child(odd){
	margin:0 3.333% 0 0;
}
.column4 li:last-child{
	margin-bottom:10px;
}
/*====================================================================
 　PC　5カラム設定　→　3カラムに設定
 ====================================================================*/
.column5{
   clear:both;
   width:100%;
}

.column5 li{
   width:31.111%;
   float:left;
   margin:0 3.333% 10px 0;
}
.column5 li:nth-child(3n){
	margin-right:-3.333%;
}
.column5 li:last-child{
	margin-bottom:10px;
}

}