<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.p-product-sns-list{
	margin-top: 50px;
}
.p-product-sns-list li{
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}

.detailLeft .slick-slide .img{
	position: relative;
	overflow: hidden;
  max-height: 300px;
}
.detailLeft .slick-slide .img::after{
	content: "";
	display: block;
	padding-top: 100%;
}
.detailLeft .slick-slide .img img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.detail-content{
	margin-top: 45px;
}

@media screen and (max-width: 500px){
.detailLeft .slick-slide .img::after {
    padding-top: 70%;
}
  .detailLeft .slick-slide .img img{
  object-fit: contain;
  }
}
</pre></body></html>