@charset "utf-8";
@media screen and (max-width:750px) { 
    

/*====================================================
                 shuttlebus
====================================================*/
#shuttlebus .wrapper {
    width: 89%;
}  
    
#shuttlebus .notes .wrapper {
    width: 89%;
}
    
#shuttlebus .notes h4.title {
    padding-top: 12vw;
    margin-bottom: 5vw;
}
#shuttlebus .timetable h2 {
    width: 80vw;
    }
    
#shuttlebus .timetable h2 img {
    width: 54vw;
    }
    
#shuttlebus .timetable h2 .mark {
    position: absolute;
    width: 28vw;
    top: 8vw;
    right: -6vw;
    }
    
#shuttlebus .timetable {
    padding-top: 32vw;
    margin-bottom: 31vw;
}
    
#shuttlebus .timetable h5 {
    font-size: 3.74vw;
    font-weight: 600;
    margin: 12vw auto 5vw;
}
    
#shuttlebus .wrapper .detail .sub_txt {
    margin-bottom: 8vw;
}
    
#shuttlebus .timetable .detail img {
    margin: 0 auto 18vw;
}    
    
#shuttlebus .timetable .img img{
    height: 100%;
    }    
    
#shuttlebus .timetable .over_scroll {
    width: 90vw;
    overflow: scroll;
}
    
#shuttlebus .timetable .over_scroll img{
    width: 645px;
    }
    
/*====================================================
                 error
====================================================*/ 
#error .main_title h2 {
    font-size: 13vw;
    margin-top: 15vw;
}    
    
    
#error .error p {
    width: 100%;
    font-size: 3.74vw;
}   
    
#error .more {
    font-size: 4.4vw;
    width: 97%;
    height:15vw;
    margin: 11vw auto;
    padding-top: 5vw;
}
    
    
    
    
}