@charset "shift_jis";

#prize{
	max-width:1200px;
}

#prize:after{
	clear:both;
}

#prize h1{
	padding:10px 0;
	text-align:center;
	background: url(../images/prize_title_bg.jpg);
}

#prize h2{
	clear:both;
}


#prize .prizearea:after{
	clear:both;
}


#prize .prizebox{
	width:18.8333%;	/* 238px */
	width: calc(20% - 2px);
	border:1px solid #c0c0c0;	/* 1px */
	padding:0.8333% 1.6666%;	/* 10px 20px */
	margin:0.4166% 1.6666% 0.4166% 0;	/* 5px 20px 5px 0 */
	float:left;
}



#prize .prizebox .leftbox{
	float:left;
	width:57.1429%;	/* 136px/238px */
}



#prize .prizebox .logobox{
}

#prize .prizebox .logobox img{
	width:50%;
	height:auto;
}

#prize .prizebox .genrebox{
	font-size:9px;
	color:#666666;
	height:36px;
	padding:4px 0 0.1666% 0; /* 4px 0 2px 0 */
	line-height: 1.2;
}

#prize .prizebox .productbox{
	font-size:14px;
	color:#000000;
	height:18px;
	padding:2px 0 0.3333% 0; /* 2px 0 4px 0 */
	line-height: 1;
}




#prize .prizebox .picturebox{
	padding:0 0 10px 0;
	float:right;
	width:42.8571%;	/* 102px/238px */
}

#prize .prizebox .picturebox img{
	width:100%;
	height:auto;

}
#prize .prizebox .product_info{
/*	width:42.8571%;*/	/* 102px/238px */
	float:right;
}

#prize .prizebox .product_info a{
/*	float:right;*/
}


#prize .prizebox.prizebig{
	width:43.8333%;	/* 538px */
	width: calc(45% - 2px);
	border:1px solid #c0c0c0;
	padding:20px 1.6666%;	/* 20px */
	margin:10px 1.666% 10px 0;	/* 10px 20px 10px 0; */
	float:left;

}



#prize .prizebox.prizebig .leftbox{
	float:left;
	width:60.2230%;	/* 324px/538px */
}



#prize .prizebox.prizebig .logobox{

}

#prize .prizebox.prizebig .logobox img{
	width:auto;
	height:auto;
}
#prize .prizebox.prizebig .genrebox{
	font-size:12px;
	color:#666666;
}

#prize .prizebox.prizebig .productbox{
	font-size:28px;
	color:#000000;
	height: 36px;
}

#prize .prizebox.prizebig .productbox.xtended{
	font-size:18px;
}


#prize .prizebox.prizebig .picturebox{
	float:right;
	width:39.7767%;	/* 204px/538px */

}
#prize .prizebox.prizebig .picturebox img{
	width:100%;
	height:auto;
}



#prize .prizebox.prizebig .product_info{
	width:39.7767%;	/* 204px/538px */
}

#prize .prizebox.prizebig .product_info a{
	float:right;
}



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


	#prize .prizebox{
		width:26.3265%;	/* 258px/980 */
		width: calc(26.5306% - 2px);
		border:1px solid #c0c0c0;	/* 1px */
		padding:10px 2.0408%;	/* 10px 20px */
		margin:5px 2.0408% 5px 0;	/* 5px 20px 5px 0 */
		float:left;
	}


	#prize .prizebox.prizebig{
		width:43.6735%;	/* 428px/980 */
		width: calc(43.8776% - 2px);
		border:1px solid #c0c0c0;
		padding:20px 2.0408%;	/* 20px */
		margin:10px 2.0408% 10px 0;	/* 10px 20px 10px 0; */
		float:left;

	}



	#prize .prizebox .genrebox{
		font-size:9px;
		height:46px;
	}

	#prize .prizebox .productbox {
		font-size:12px;
	}

	#prize .prizebox.prizebig .productbox {
		font-size: 20px;
	}

	#prize .prizebox.prizebig .productbox.xtended {
		font-size: 12px;
	}


}


@media screen and (max-width: 639px) and (min-width: 480px) {

	#prize .prizebox,
	#prize .prizebox.prizebig{
		width:43.4375%;	/* 278px/640 */
		width: calc(43.75% - 2px);
		border:1px solid #c0c0c0;
		padding:20px 1.6666%;	/* 20px */
		margin:10px 1.666% 10px 0;	/* 10px 20px 10px 0; */
		float:left;
	}

	#prize .prizebox .leftbox,
	#prize .prizebox.prizebig .leftbox{
		float:left;
		width:46.7626%;	/* 130px/278px */
	}



	#prize .prizebox.prizebig .logobox img {
		height: auto;
		width: 50%;
	}


	#prize .prizebox .genrebox{
		font-size:10px;
		height:46px;
		line-height:1;
	}


	#prize .prizebox.prizebig .genrebox.xtended {
	    font-size: 9px;
	}


	#prize .prizebox .productbox,
	#prize .prizebox.prizebig .productbox{
		font-size: 14px;
		height: 30px;
	}


	#prize .prizebox.prizebig .productbox.xtended {
		font-size: 10px;
	}


	#prize .prizebox .product_info,
	#prize .prizebox.prizebig .product_info{
		width:auto;
	}


}



@media screen and (max-width: 479px) {


	#prize .prizebox,
	#prize .prizebox.prizebig{
		width:91.25%;	/* 438px/480 */
		width: calc(91.6667% - 2px);
		border:1px solid #c0c0c0;
		padding:20px 4.1667%;	/* 20px/480 */
		margin:10px 0 10px 0;	/* 10px 20px 10px 0; */
		float:left;
	}

	#prize .prizebox .leftbox,
	#prize .prizebox.prizebig .leftbox{
		float:left;
		width:50%;	/* 192px/418px */
	}


	#prize .prizebox.prizebig .logobox img {
		height: auto;
		width: 50%;
	}


	#prize .prizebox.prizebig .genrebox.xtended {
	    font-size: 10px;
	}

	#prize .prizebox.prizebig .productbox.xtended {
	    font-size: 10px;
	}

	#prize .prizebox.prizebig .productbox{
		font-size: 18px;
		height: 18px;
	}

	#prize .prizebox .product_info,
	#prize .prizebox.prizebig .product_info{
		width:auto;
	}


}