@charset "utf-8";

/*----------------------------- dyna_carousel -----------------------------*/
/****************************** all ******************************/
.dyna_carousel{
	margin:auto;
}

.dyna_carousel_pager_parent{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

.dyna_carousel_pager{
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.dyna_carousel_pager_list_parent{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.dyna_carousel_pager_list{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

.dyna_carousel_pager_list a{
	margin:0 auto;
	display:block;
}

.dyna_carousel_pager_list img{
	width:100%;
}

.dyna_carousel_trigger{
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}

.dyna_carousel_trigger > span{
	position: absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}

.dyna_carousel_trigger_prev::before, 
.dyna_carousel_trigger_next::after{
	content:"";
	width:100%;
	aspect-ratio:1;
	display:inline-block;
}

.dyna_carousel_main_view{
	width:100%;
	position:relative;
	overflow:hidden;
}

.dyna_carousel_main_view > li{
	width:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	display:none;
}
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:950px){
	.dyna_carousel{
		width:950px;
	}
	
	.dyna_carousel_pager_parent{
		width:100%;
	}
	
	.dyna_carousel_pager{
		width:820px;
	}
	
	.dyna_carousel_pager_list > li > *{
		width:calc(100% - 10px);
	}
	
	.dyna_carousel_pager_list_active > *{
		border:solid #b0854c 5px !important;
	}
	
	.dyna_carousel_trigger{
		width:50px;
	}
	
	.dyna_carousel_trigger_prev::before{
		border-top:solid #b99966 5px;
		border-left:solid #b99966 5px;
		transform:rotate(-45deg) translate(10px,10px);
	}
	
	.dyna_carousel_trigger_next::after{
		border-top:solid #b99966 5px;
		border-right:solid #b99966 5px;
		transform:rotate(45deg) translate(-10px,10px);
	}
	
	.dyna_carousel_main_view{
		margin-bottom:40px;
	}
}
/****************************** /pc ******************************/

/****************************** sp ******************************/
@media screen and (max-width:950px){
	.dyna_carousel{
		width:100%;
	}
	
	.dyna_carousel_pager_parent{
		width:96%;
		margin:0 auto;
	}
	
	.dyna_carousel_pager{
		width:76vw;
	}
	
	.dyna_carousel_pager_list > li > *{
		width:calc(100% - 2.0vw);
	}
	
	.dyna_carousel_pager_list_active > *{
		border:solid #b0854c 1.0vw !important;
	}
	
	.dyna_carousel_trigger{
		width:7.0vw;
	}
	
	.dyna_carousel_trigger_prev::before{
		border-top:solid #b99966 1.5vw;
		border-left:solid #b99966 1.5vw;
		transform:rotate(-45deg) translate(1.0vw,1.0vw);
	}
	
	.dyna_carousel_trigger_next::after{
		border-top:solid #b99966 1.5vw;
		border-right:solid #b99966 1.5vw;
		transform:rotate(45deg) translate(-1.0vw,1.0vw);
	}
	
	.dyna_carousel_main_view{
		margin-bottom:6.0vw;
	}
}
/****************************** /sp ******************************/
/*----------------------------- /dyna_carousel -----------------------------*/