@charset "UTF-8";
#kagoshima-challenged .mb-12 {
    margin-bottom: 320px;
}
#kagoshima-challenged .mt-12 {
    margin-top: 320px;
}
#kagoshima-challenged .address {
    margin-left: 10px;
}
#kagoshima-challenged footer {
    position: relative;
    top: 100px;
}
/*フェイドイン・アウト型スライドショー*/
#stage {
    position: relative;
    max-width:640px;
    margin: 0 auto;
    }
    .pic {
    position: absolute;
    top: 180px;
    }
    .pic img {
    width: 100%;
    height: auto;
    opacity:0;
    -moz-animation: imgTrans 24s infinite;
    -webkit-animation: imgTrans 24s ease-in infinite;
    animation: imgTrans 24s infinite;
    }
    
    #photo1203-1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    }
    #photo1203-2 img {
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    }
    #photo1203-3 img {
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
    }
    #frame {
    width: 100%;
    position: relative;
    overflow: hidden;
    }
    @-webkit-keyframes imgTrans {
    0% { opacity:1; }
    7% { opacity:1; }
    18% { opacity:1; }
    25% { opacity:1; }
    100% { opacity:1; }
    }
    @-moz-keyframes imgTrans {
    0% { opacity:1; }
    7% { opacity:1; }
    18% { opacity:1; }
    25% { opacity:1; }
    100% { opacity:1; }
    }
    
    @keyframes imgTrans {
    0% { opacity:1; }
    7% { opacity:1; }
    18% { opacity:1; }
    25% { opacity:1; }
    100% { opacity:1; }
    }

    @media screen and (max-width: 1199px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 220px;
            }
                
    }

    @media screen and (max-width: 992px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 240px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
                
    }

    @media screen and (max-width: 767px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 300px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
                
    }

    @media screen and (max-width: 574px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 240px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }

    @media screen and (max-width: 497px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 260px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }


    @media screen and (max-width: 432px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 280px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }

    @media screen and (max-width: 400px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 300px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }

    @media screen and (max-width: 353px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 330px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }

    @media screen and (max-width: 338px) {
        #stage {
            position: relative;
            max-width:640px;
            margin: 0 auto;
            }
            .pic {
            position: absolute;
            top: 350px;
            }
            .pic img {
            width: 100%;
            height: auto;
            opacity:0;
            -moz-animation: imgTrans 24s infinite;
            -webkit-animation: imgTrans 24s ease-in infinite;
            animation: imgTrans 24s infinite;
            }
            
    }


    /*
#east_asia #stage1 {
	position: relative;
    width: 100%;
	height: 480px;
	margin: 0 auto;
	margin-top: -30px;
	margin-bottom: 30px;
}
#east_asia #photo201,#photo202,#photo203,#photo204,#photo205 {
	position: absolute;
	width: 100%;
	height: 480px;
}
#east_asia #photo201 img,#photo202 img,#photo203 img,#photo204 img,#photo205 img {
    opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
	width: 100%;
	height: 480px;
}
#east_asia #photo201 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#east_asia #photo202 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#east_asia #photo203 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#east_asia #photo204 img{
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#east_asia #photo205 img {
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}

#east_asia #photo106 img {
    -moz-animation-delay: 30s;
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
}
#east_asia #photo107 img {
    -moz-animation-delay: 36s;
    -webkit-animation-delay: 36s;
    animation-delay: 36s;
}

#east_asia #frame1 {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
*/