:root {
    --swiper-theme-color: #727272;
}

.ua_contents .recommenditemTitle {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #999;
	padding-bottom: 4px;
	margin-bottom: 17px;
	margin-top: 40px;
}

.ua_contents .container {
	margin: 0 auto 50px;
	max-width: 634px;
	position: relative;
}

.ua_contents .swiper {
	position: static !important;
} 

.ua_contents .swiper-slide img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.ua_contents .swiper-slide a {
	text-decoration: none;
	color: #000;
}

.ua_contents .swiper-slide a span {
	display: inline-block;
	padding: 10px 0; 
}

.ua_contents .swiper-slide a:hover img {
	opacity: 0.8;
}

.ua_contents .swiper-slide a:hover span {
	color: #c00;
}

/* 前への矢印 */
.ua_contents .swiper-button-prev {
	left: -34px;
}

/* 次への矢印 */
.ua_contents .swiper-button-next {
  right: -34px;
}

/* ページネーション */
.ua_contents .swiper-pagination-bullets.swiper-pagination-horizontal{
  /*bottom: -24px;*/
	bottom:auto;
}

.ua_contents .swiper-button-next, .swiper-button-prev {
	width: 20px;
	top:64px;
}

.ua_contents .swiper-button-next:after, .swiper-button-prev:after {
	font-size: 39px;
}


@media only screen and (max-width: 736px) {
	.ua_contents .recommenditemTitle {
	font-size: 15px;
	/*padding-bottom: 4px;
	margin-bottom: 14px;
	margin-top: 30px;*/
		margin: 0 0 14px;
}
	
	.ua_contents .container {
		max-width: 100%;
		margin-bottom: 50px;
	}
	
	.ua_contents .swiper-slide a span {
		min-height: 3em;
	}
	
	/* 前への矢印 */
	.ua_contents .swiper-button-prev {
		left: 0;
	}
	
	/* 次への矢印 */
	.ua_contents .swiper-button-next {
		right: 0;
	}
	
	.ua_contents .swiper-pagination-bullets.swiper-pagination-horizontal{
		/*bottom: -30px;*/
		top:40vw;
	}
	
	.ua_contents .swiper-button-next, .ua_contents .swiper-button-prev {
		top: 42vw;
	}
	
	.ua_contents .swiper-button-next:after, .ua_contents .swiper-button-prev:after {
		font-size: 26px;
	}
}