/*ファーストビュー*/
#firstview{
	background-image: url("../image/topics.jpg");
    background-position:bottom;
}

#kanban{
	display:flex;
	justify-content:center;
	margin-top:50px;
}

/*sales.phpのcss*/
#sale h3{
	margin:50px auto;
	padding:10px;
	font-size:24px;
	text-align:center;
	color:#fff;
	background-color:#404d9f;
	border-radius:30px;
	letter-spacing:5px;
}

#sale_main{
	display:flex;
}

.sale_main_area1{
	/*width:1000px;*/
	display:flex;
	flex-wrap:wrap;
}

.sale_main_area1 article{
	width:250px;
	text-align:center;
	margin:30px;
}

.sale_main_area1 article a{
	color:#000;
	text-decoration:none;
	position:relative;
}

.sale_main_area1 article img{
	width:100%;
	object-fit:cover;
	aspect-ratio:16/10;
}

.sale_main_area2{
	/*width:200px;*/
	text-align:center;
}
#soldout_img{
	width:80px;
	position:absolute;
	left:0;
	aspect-ratio:1;
}
/*　レスポンシブ（768px以下） */
@media screen and (max-width:768px){
	#kanban img{
		width:100%;	
	}

	#sale{
		margin:15px;
	}
	.sale_main_area1{
		margin:15px;
	}
	.sale_main_area1 article img{
		width:150px;
	}
	.sale_main_area1 article{
		width:150px;
		margin:15px auto;
	}	
}

/*　レスポンシブ（400px以下） */
@media screen and (max-width:450px){
    #sale_main{
        flex-direction:column;
    }
	.sale_main_area2{
		margin:15px;
	}
}