@charset "utf-8";

#itemarea{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height: auto;
}	

.salebox{
	display:inline-flex;
	flex-basis:15%;
	text-align:center;
	background:#f7f7f7;
	border-radius:10px;
	padding:10px;
	flex-direction:column;
	margin:10px 6px;
}

.salebox .dvd_img{
	position:relative;
}

.salebox .dvd_img img{
	width:100%;
	height:auto;
}

.salebox .dvd_img .rank{
	background:#fff;
	color: #de3400;
	font-weight: bold;
	position:absolute;
	top:170px;
	right:0px;
	font-size:17px;
	padding:6px 8px 2px;
	line-height:1.05em;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}

.salebox .dvd_img .rank:after{
	content:"ランク";
	font-size:10px;
	display:block;
	color:#666
}

.salebox p{
	font-size:13px;
	text-align:center;
	margin-bottom:0;
	line-height:1.6em;
}

.salebox .date{
	/*background: #fff;*/
	color:#de3400;
	font-weight: bold;
	font-size:12.5px;
	margin:10px auto;
	border-bottom:2px solid #de3400;
	letter-spacing:-0.01em;
}

.salebox .btn .actress,
.salebox .btn .fanza{
	margin-bottom:0;
}

.salebox .btn a:hover{
	opacity:0.8;
}

.salebox .btn .actress a{
	border-radius: 2px;
	display: block;
    text-decoration: none;
	background: #3fb794;
	display:block;
    width: 96%;
    color: #fff;
    box-shadow: none;
    text-align: center;
    padding: 6px 6px;
    transition-duration: 0.5s;
	margin:0px auto 0;
}

.salebox .btn .fanza a{
	border-radius: 2px;
    text-decoration: none;
	background: rgba(215,21,24,1.00);
	display:block;
    width: 96%;
    color: #fff;
    box-shadow: none;
    text-align: center;
    padding: 6px 6px;
    transition-duration: 0.5s;
	margin:10px auto;
}
.salebox p.title{
	text-align:left;
	padding:4px 4px 4px 4px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:5px 0 6px;
}

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

	#itemarea{
		width:100%;
		height: auto;
		justify-content: flex-start;
	}	
	.salebox{
		flex-basis:31%;
		margin:10px 4px;
		padding:6px;
	}

	.salebox p{
		font-size:12px;
	}

	.salebox .btn .actress a,
	.salebox .btn .fanza a{
		font-weight: bold;

	}

	.salebox .dvd_img .rank{
		top:120px;
	}



}