@charset "utf-8";



.swiper-slide img {
	height: auto;
	width: 100%;
	display: block;
}

.swiper-content h2 {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 2rem;
}

.swiper-content h2 span {
	font-size: 14px;
	line-height: 1.1;
	margin-bottom: 8px;
}

/*
.swiper-slide {
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
}
*/

.swiper-slide a {
	box-sizing: border-box;
	padding: 1rem;
	display: block;
}

.swiper-slide .slide-item_thumb {
	margin: -1rem;
	margin-bottom: 1rem;
}

.slide-item_title {
	font-size: 1.06em;
	font-weight: bold;
	margin-bottom: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: calc(1.6em* 2);
}

.slide-item_price {
	font-size: .96em;
	margin-bottom: 1rem;
}

.swiper-slide p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: calc(1.6em* 3);
}

.swiper-slide a {
	color: #6c3904 !important;
	text-decoration: none !important;
}

/*
.swiper-button-prev, .swiper-button-next {
	z-index: 1;
	border: 1px solid #fa7415;
	border-radius: 50%;
	box-shadow: 0px 3px 8px 0px rgb(0, 0, 0, 25%);
	margin: auto;
	position: absolute;
	top: 25%;
	bottom: 0;
	cursor: pointer;
}

.swiper-button-next {
	background: url("./swiper-button-next.png") no-repeat #fff center / 40px;
	right: 1.5vw;
}

.swiper-button-prev {
	background: url("./swiper-button-prev.png") no-repeat #fff center / 40px;
	left: 1.5vw;
}
*/

.swiper-button-disabled { display: none; }

.swiper-bottom_btn {
	margin: 3rem auto;
	text-align: center;
}

.swiper-bottom_btn a {
	border: 1px solid #fa7415;
	border-radius: 8px;
	color: #fa7415 !important;
	text-decoration: none !important;
	padding: .6rem 0;
	box-sizing: border-box;
	display: block;
}



@media screen and ( max-width : 480px ) { /* for SP */
.swiper {
	padding-left: 5% !important;
	padding-right: 10% !important;
}

.swiper-content {
	width: 100%;
	margin: 0 calc(50% - 50%);
	position: relative;
}

.swiper-slide { font-size: 15px; }

/*
.swiper-button-prev, .swiper-button-next {
	width: 60px;
	height: 60px;
}
*/

.swiper-bottom_btn { width: 90%; }
/* for SP end */ }



@media screen and ( min-width : 481px ) { /* for PC */
.swiper {
	padding-left: 8vw !important;
	padding-right: 8vw !important;
}

.swiper-content {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	position: relative;
}

.swiper-slide { font-size: 14px; }

/*
.swiper-button-prev, .swiper-button-next {
	width: 40px;
	height: 40px;
}
*/

.swiper-bottom_btn { width: 400px; }
/* for PC end */ }