@charset "UTF-8";

/* ========================================================
swipeアイテム
=========================================================*/
.item-swipe-box{
	display: flex;
	padding: 0 25px;
	margin: 65px 0 70px;
}
	@media (max-width: 768px){
		.item-swipe-box{
			display: block;
			padding: 0;
		}
	}

.item-swipe-box .kv-wrapper{
	margin-right: 105px;
	position: relative;
}
	@media (max-width: 768px){
		.item-swipe-box .kv-wrapper{
			margin-right: 0;
			margin-bottom: 40px;
		}
	}

.item-swipe-box .related-kv{
	width: 496px;
	flex-shrink: 0;
}
	@media (max-width: 768px){
		.item-swipe-box .related-kv{
			width: auto;
		}
	}

.item-swipe-box .related-kv .swiper-button-prev,
.item-swipe-box .related-kv .swiper-button-next{
	position: absolute;
}

.swiper-button-prev:after,
.swiper-button-next:after{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
	@media (max-width: 768px){
		.swiper-button-prev:after,
		.swiper-button-next:after{
			font-size: 13px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.swiper-button-prev,
		.swiper-button-next{
			width: 30px;
			height: 30px;
			font-weight: normal;
			background: rgba(255,255,255,0.8);
			border-radius: 50%;
		}
	}

.item-swipe-box .swiper-button-prev{
	left: -25px;
}
	@media (max-width: 768px){
		.item-swipe-box .swiper-button-prev{
			left: 10px;
		}
	}

.item-swipe-box .swiper-button-next{
	right: -25px;
}
	@media (max-width: 768px){
		.item-swipe-box .swiper-button-next{
			right: 10px;
		}
	}

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

.item-swipe-box .related-kv ul li{
	overflow: hidden;
}
	@media (max-width: 768px){
		.item-swipe-box .related-kv ul li{
			text-align: center;
		}
	}

.item-swipe-box .related-items p.txt-ttl{
	font-size: 18px;
	margin-bottom: 55px;
}
	@media (max-width: 768px){
		.item-swipe-box .related-items p.txt-ttl{
			margin-bottom: 20px;
			text-align: center;
		}
	}

.item-swipe-box .related-items .item-list ul{
	width: 525px;
	display: flex;
	justify-content: space-between;
}
	@media (max-width: 768px){
		.item-swipe-box .related-items .item-list ul{
			width: auto;
			justify-content: center;
		}
	}

.item-swipe-box .related-items .item-list ul li{
	width: 240px;
}
	@media (max-width: 768px){
		.item-swipe-box .related-items .item-list ul li{
			width: 38%;
			margin: 0 5%;
		}
	}

.item-swipe-box .related-items .item-list ul li .img-box{
	margin-bottom: 15px;
}
	@media (max-width: 768px){
		.item-swipe-box .related-items .item-list ul li .img-box{
			text-align: center;
		}
	}

.item-swipe-box .related-items .item-list ul li .detail-box p{
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
	@media (max-width: 768px){
		.item-swipe-box .related-items .item-list ul li .detail-box p{
			font-size: 12px;
		}
	}

/* ========================================================
関連アイテム
=========================================================*/
.relateditems-container h2{
	padding-bottom: 0;
	border-bottom: 0;
}
	@media (max-width: 768px){
		.relateditems-container h2{
			text-align: center;
		}
	}

.relateditems-container .item-list ul{
	display: flex;
}
	@media (max-width: 768px){
		.relateditems-container .item-list ul{
			justify-content: center;
		}
	}

.relateditems-container .item-list ul li{
	width: 240px;
	margin-right: 90px;
}
	@media (max-width: 768px){
		.relateditems-container .item-list ul li{
			width: 140px;
			margin-right: 25px;
		}
	}

.relateditems-container .item-list ul li:nth-child(2n){
	margin-right: 0;
}

.relateditems-container .item-list ul li .img-box{
	margin-bottom: 5px;
}

.relateditems-container .item-list ul li .detail-box p{
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
	@media (max-width: 768px){
		.relateditems-container .item-list ul li .detail-box p{
			font-size: 12px;
		}
	}