/* -------------------------------------------------- */
/* Crossfade Slider */
/* URL：https://indocat.net/  */
/* Created:  January 23, 2021  */
/* -------------------------------------------------- */
#stage {
position: relative;
max-width:100%;
margin: 0 50px;
}
.pic {
position: absolute;
}
.sp_stage{
display: none;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 24s infinite;
-webkit-animation: imgTrans 24s ease-in infinite;
animation: imgTrans 24s infinite;
border-radius: 40px;	
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 16s;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 28% { opacity:1; }
 38% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 28% { opacity:1; }
 38% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 28% { opacity:1; }
 38% { opacity:0; } 
 100% { opacity:0; }
}

@media screen and (max-width: 767px) {
#stage {
margin: 0 5%;
height: 540px;
overflow: hidden;
}
.pc_stage{
display: none;
}    
.sp_stage{
display: block;
}    
.pic img {
width: 100%;
height: 540px;    
object-fit: cover;
border-radius: 25px;
}
}