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

/*====================
MAIN VISUAL
====================*/
#mv_slide {
	background-image: url(/sweets/hello-chocolate/tour/images/mainvisual.jpg);
	margin-bottom: 40px;
}
/*予約ボタン*/
a.btn_reservation {
	background: #e60012;
	margin: 0 auto 40px;
}
#information ul li.new dd:before {
	background: #e60012;
}
#step .step_list li:nth-child(n+2):before {
	color: #e60012;
}
#reservation .reservation_point li:before {
	color: #e60012;
}
.about_slide {
	border: solid 2px #4b2300;
	padding: 35px 65px;
	margin: 30px 0;
}
.about_slide ul li {
	display: flex !important;
	font-size: 16px;
	color: #4b2300;
	align-items: center;
}
.about_slide figure {
	width: 300px;
	flex-shrink: 0;
	margin-right: 20px;
}
.about_slide ul li p span img {
	height: 36px;
	width: auto;
	margin-bottom: 10px;
}
.slick-prev, .slick-next {
	width: 23px;
	height: 44px;
	top: 50%;
}
.slick-prev {
	left: -45px;
	background-image: url(/sweets/hello-chocolate/tour/images/slide_nav_left.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.slick-next {
	right: -45px;
	background-image: url(/sweets/hello-chocolate/tour/images/slide_nav_right.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
}

/* 641px～ For SP
====================================================*/

@media screen and (max-width: 640px), print {
.about_slide {
	padding: 5vw;
	margin: 20px 6vw;
}
.about_slide ul li {
	display: block!important;
	font-size: 15px;
}
.about_slide figure {
	width: auto;
	margin-right: 0;
	margin-bottom: 20px;
}
.about_slide ul li p span img {
	height: 30px;
	margin-bottom: 5px;
}
.slick-prev, .slick-next {
	width: 5.5vw;
	height: 10.6vw;
}
.slick-prev {
	left: -13vw;
}
.slick-next {
	right: -13vw;
}
}