@charset "utf-8";


#wrap .data .new {
	display: block;
	color: #FF0000;
	font-weight: bold;
	position: relative;
	top:0px;
	margin:0 0 0 0;
	height: 0px;
}


@media print, screen and (min-width:480px){
	body {
		margin: 5px;
		background: #FFFFFF;
	}
	#wrap {
		width: 570px;
	}
	#wrap .data {
		margin: 0px 10px 0px 0px;
		width:105px;
		height:120px;
		float:left;
		}
	#wrap .data:nth-child(5n) {
		margin: 0px 0px 15px 0px;
		width:105px;
		float:left;
		}
	#wrap .data:nth-child(5n+1) {
		margin: 0px 10px 0px 0px;
		width:105px;
		clear: both;
		}



	.data a img {
		width: 105px;
		height: 105px;
		margin: 0;
		object-fit: cover;
	}
	#wrap .data .more {
		display: block;
		font-size: 10px;
		text-align: right;
		width: 105px;
		height: 12px;
		margin-top: -6px;
		text-decoration: underline;
	}
	#wrap .data .kisyu {
		background-color: rgba(255,255,255,0.6);
		display: block;
		font-size: 13px;
		line-height: 13px;
		margin: 0 auto;
		padding:2px 0px;
		font-weight: bold;
		text-align: center;
		height: 27px;
		width: 105px;
		position: relative;
		top: -60px;
		text-decoration: none;
		color: #000000;
	}
	#wrap .data .price {
		background-color: rgba(255,255,255,0.6);
		font-size: 15px;
		text-align: center;
		color: #FF0000;
		display: block;
		margin: 0 auto;
		height: 22px;
		width: 105px;
		position: relative;
		top: -62px;
		text-decoration: none;
	}
	#wrap .data .baiyaku {
		display: block;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		background-color: rgba(255,0,0,0.5);
		text-align: center;
		top: -140px;
		position: relative;
		width: 105px;
		height: 20px;
		padding-top: 2px 0px 3px 0px;
		text-decoration: none;
	}
	#wrap .data .karabaiyaku {
		display: block;
		top: -130px;
		position: relative;
		width: 105px;
		height: 28px;
		padding-top: 12px;
	}
	a {
		text-decoration: none;
	}
}
@media screen and (max-width:480px){
	#wrap {
		width:100%;
	}
	#wrap .data {
	margin: 10px;
	width: 100%;
	line-height: 300%;
		}
	.data a img {
	width: 100%;
	}
	#wrap .data .more {
		display: block;
		text-align: right;
		width: 100%;
		text-decoration: underline;
	}
	#wrap .data .kisyu {
		display: block;
		font-size: 30px;
		margin: 2px auto;
		font-weight: bold;
		text-align: center;
		width: 100%;
		text-decoration: none;
	}
	#wrap .data .price {
		font-size: 30px;
		text-align: center;
		color: #FF0000;
		display: block;
		margin: 2px auto;
		width: 100%;
		text-decoration: none;
	}
	#wrap .data .baiyaku {
		display: block;
		font-size: 30px;
		text-align: center;
		width: 100%;
		text-decoration: none;
	}
	#wrap .data .karabaiyaku {
		display: block;
		font-size: 30px;
		text-align: center;
		width: 100%;
		text-decoration: none;
	}
}