@charset "UTF-8";
/* ********************************************************************** */
/* CSS Slider & css_scroll_slider */
/* ********************************************************************** */

#RthCustomizeW .css_slider li{
	position: absolute !important;
	overflow: hidden;
}
#RthCustomizeW .css_slider li img{
	object-fit: cover;
}

#RthCustomizeW .css_slider.item_2 li img{
	animation: fadeinout_2 10s linear 0s infinite, scaleupdown_2 10s linear 0s infinite;
	opacity: 0;
}
#RthCustomizeW .css_slider.item_3 li img{
	animation: fadeinout_3 15s linear 0s infinite, scaleupdown_3 15s linear 0s infinite;
	opacity: 0;
}
#RthCustomizeW .css_slider.item_4 li img{
	animation: fadeinout_4 20s linear 0s infinite, scaleupdown_4 20s linear 0s infinite;
	opacity: 0;
}
#RthCustomizeW .css_slider.item_5 li img{
	animation: fadeinout_5 25s linear 0s infinite, scaleupdown_5 25s linear 0s infinite;
	opacity: 0;
}
#RthCustomizeW .css_slider.item_6 li img{
	animation: fadeinout_6 30s linear 0s infinite, scaleupdown_6 30s linear 0s infinite;
	opacity: 0;
}

#RthCustomizeW .css_slider li:nth-child(1){
	z-index: 10;
}
#RthCustomizeW .css_slider li:nth-child(2){
	z-index: 9;
}
#RthCustomizeW .css_slider li:nth-child(3){
	z-index: 8;
}
#RthCustomizeW .css_slider li:nth-child(4){
	z-index: 7;
}
#RthCustomizeW .css_slider li:nth-child(5){
	z-index: 6;
}
#RthCustomizeW .css_slider li:nth-child(6){
	z-index: 7;
}

#RthCustomizeW .css_slider li:nth-child(2) img{
	animation-delay: 5s;
}
#RthCustomizeW .css_slider li:nth-child(3) img{
	animation-delay: 10s;
}
#RthCustomizeW .css_slider li:nth-child(4) img{
	animation-delay: 15s;
}
#RthCustomizeW .css_slider li:nth-child(5) img{
	animation-delay: 20s;
}
#RthCustomizeW .css_slider li:nth-child(6) img{
	animation-delay: 25s;
}

@keyframes fadeinout_2 {
	0% {
		opacity: 0;
	}
	10%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	60%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scaleupdown_2 {
	0% {
		transform: scale(100%);
	}
	60%{
		transform: scale(108%);
	}
	100% {
		transform: scale(100%);
	}
}

@keyframes fadeinout_3 {
	0% {
		opacity: 0;
	}
	6.66667%{
		opacity: 1;
	}
	33.3333%{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scaleupdown_3 {
	0% {
		transform: scale(100%);
	}
	40%{
		transform: scale(108%);
	}
	100% {
		transform: scale(100%);
	}
}

@keyframes fadeinout_4 {
	0% {
		opacity: 0;
	}
	5%{
		opacity: 1;
	}
	25%{
		opacity: 1;
	}
	30%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scaleupdown_4 {
	0% {
		transform: scale(100%);
	}
	30%{
		transform: scale(108%);
	}
	100% {
		transform: scale(100%);
	}
}

@keyframes fadeinout_5 {
	0% {
		opacity: 0;
	}
	4%{
		opacity: 1;
	}
	20%{
		opacity: 1;
	}
	24%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scaleupdown_5 {
	0% {
		transform: scale(100%);
	}
	24%{
		transform: scale(108%);
	}
	100% {
		transform: scale(100%);
	}
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.css_scroll_slider{
	overflow: hidden;
	width: 100%;
}
.css_scroll_slider .items{
	animation: css_scroll_slider_move 45s infinite forwards linear;
	display: flex;
	width: 400%;
}
@keyframes css_scroll_slider_move {
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(-50%);
	}
}
.css_scroll_slider .items li{
	margin-right: 30px;
}