.slider img {
    width: 100%;
    height: 20vw;
    object-fit: cover;
}

/* ご注文の流れバナー */
.guide-banner{
	max-width:1000px;
	margin:0 auto 25px;
	padding:0 15px;
	box-sizing:border-box;
}

.guide-banner a{
	display:block;
	position:relative;
}

.guide-banner img{
	display:block;
	width:100%;
	height:auto;
	border-radius:8px;
	transition:all .25s ease;
	box-shadow:0 2px 8px rgba(0,0,0,0.12);
}

/* PCマウスオーバー */
.guide-banner a:hover img{
	opacity:0.9;
	transform:translateY(-2px);
	box-shadow:0 6px 16px rgba(0,0,0,0.18);
}

/* 「クリックできる感」を出す */
.guide-banner a::after{
	content:"ご注文の流れはこちら";
	position:absolute;
	right:20px;
	bottom:20px;
	background:rgba(0,0,0,0.65);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:8px 14px;
	border-radius:20px;
	pointer-events:none;
}

/* スマホ */
@media screen and (max-width:768px){

	.guide-banner{
		margin:0 auto 15px;
		padding:0 10px;
	}

	.guide-banner a::after{
		font-size:12px;
		padding:6px 10px;
		right:10px;
		bottom:10px;
	}

	.guide-banner a:hover img{
		transform:none;
	}
}