#mellow {
	position: relative;
	margin:20px auto;
	border: solid 1px #CCC;
	border-radius:10px;
	width: 425px;
	height: 180px;
}
@media screen and (min-width: 450px) {
	#mellow {
		width: 425px;
	}
}
@media screen and (max-width: 450px)  {
	#mellow {
		width: 270px;
		height: 380px;
	}
}
#mel-dsc {
	padding: 30px 20px;
}
#mel-name {
	display: inline-flex;
	font-style: italic;
	font-family: serif;
	margin-top: 5px;
	margin-bottom: 20px;
}
#salon {
	font-size: 1.2rem;
	vertical-align: top;
}
#mel {
	font-size: 1.8rem;
	color: #0066ff;
}
#slide-ctr {
	display: inline-flex;
	width:210px;
}
#ct-main #slide > img {
	width:210px;
	max-width: unset;
	position:absolute;
	opacity:0;
	transition:all 1s linear;
}
@media screen and (min-width: 450px) {
#slide img {
	top:10px;
	left:200px;
}
}
@media screen and (max-width: 450px)  {
#slide img {
	top:150px;
	left:20px;
}
}
#ct-main #slide > img:first-child {
	opacity:1;
}