@charset "utf-8";
/* CSS Document */

.listbox li{
	position:relative;
	z-index:0;
	}
.listbox li span{
	position:absolute;
	top:-5px;
	right:-5px;
	z-index:999;
}

.listbox li span img{
	width:120px;
	/**width:80px;**/
	object-fit:contain;
	height:auto;
}
.listbox .text-box{
	position:relative;
	z-index:0;
}
.listbox .text-box span{
	position:absolute;
	top:-30px;
	right:-20px;
	/**top:-8px;
	right:-8px;**/
	z-index:99999;
}
.listbox .text-box span img{
	width:120px;
	/**width:80px;**/
	object-fit:contain;
}
.zoom{
	position:relative;
}
.zoom span{
	position:absolute;
	top:-50px;
	right:-150px;
	z-index:999;
}
.zoom span img{
	width:120px;
	object-fit:contain;
}
.sp{display:none;}
.pre a{
    background-color: #73C8D5;
	border: 4px solid #465DAA;
}
@media (max-width: 500px){
.listbox li span {
	right:-8px;
	top:-8px;
	/**right:-8px;
	top:-8px;**/}

.listbox .text-box span{
	top:-30px;
	right:-5px;
}
.zoom span{
	position:absolute;
	top:-50px;
	right:-100px;}
.sp{display:block;}
}