.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb40{
	margin-bottom: 40px;
}
.mb60{
	margin-bottom: 60px;
}
.mb100{
	margin-bottom: 100px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px;
}
.mt60{
	margin-top: 60px;
}
.mt100{
	margin-top: 100px;
}
.shop-item .card{
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 20px;
}
.shop-item .card img{
	width: 350px;
	height: 200px;
	min-height: 200px;
	object-fit: cover;
}
.shop-item .card iframe{
	width: 350px;
	min-height: 200px;
	height: 200px;
	object-fit: cover;
}
.shop-item .card .shop-text{
	padding: 10px 0px;
	align-self: flex-start;
	max-height: 180px;
	overflow-y: scroll;
	max-width: 580px;
	width: 100%;
}
.shop-item .card .shop-text p{
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 0;
}
.shop-item .card .shop-form, .shop-item .card .shop-form-button{
	display: flex;
	flex-direction: column;
	align-self: center;
	margin-right: 20px;
	justify-content: center;
	align-items: center;
	width: 150px;
}
.shop-item .card .shop-form input{
	max-width: 150px;
	text-align: center;
}
.shop-item .card .shop-form .form-group{
	margin: 0;
}
.shop-form input{
	text-align: center;
}
@media screen and (max-width:500px){
	.shop-item .card{
		flex-direction: column;
	}
	.shop-item .card img{
		width: 100%;
		height: 220px;
	}
	.shop-item .card iframe{
		width: 100%;
		height: 220px;
	}
	.shop-item .card .shop-text{
		padding: 0 20px;
		height: 300px;
		max-height: 300px;
	}
}
.social-area li a{
	display: flex;
	align-items: center;
	justify-content: center;
}