@charset "utf-8";

/***************************************************
* lazyload画像
***************************************************/
p.imgBorder:not(.wasLoaded),
p.imgBorder.noImage {
	height: 60px;
	width: 300px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

p.imgBorder:not(.wasLoaded) span.loader {
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 20px 20px;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform: rotate(360deg);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.bukkenList .innerInfo .imgWrap p.imgBorder.wasLoaded img,
.imgBorder.wasLoaded img {
	position: unset;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bukkenList .innerInfo .imgWrap p.imgBorder.wasLoaded img.image-cover,
.imgBorder.wasLoaded img.image-cover {
	object-fit: cover;
}