@charset "utf-8";

#contents section.course .route .step.goalRight .leftBox.step1 {
	margin-top: -6.2%;
}
#contents section.course .route .step.goalRight .rightBox.step2 {
	margin-top: 11%;
}
#contents section.course .hdWrap .map{
    top: -30px;
    bottom: auto;
}
#contents section.course .route .step a.st01{
    top: 55.2%;
    left: 5.5%;
}
#contents section.course .route .step a.st02{
    top: 85%;
    left: 26.2%;
}
#contents section.course .route .step a.st03{
    top: 67.5%;
    left: 25.2%;
}
#contents section.course .route .step a.st04{
    top: 57.4%;
    left: 5%;
}
#contents section.course .route .step a.st05{
    top: 84.5%;
    left: 25.6%;
}
#contents section.course .route .step a.st06{
    top: 87.5%;
    left: 26.2%;
}
.day1_1, .day1_2, .day1_3, .day2_1, .day2_2, .day2_3{
    margin: 0;
    padding: 0;
}
#contents .day1_1 img{
    width: 80%;
}
#contents .day1_2 img{
    width: 51%;
}
#contents .day1_3 img{
    width: 98.8%;
}
#contents .day2_1 img{
    width: 27.73%;
}
#contents .day2_2 img{
    width: 37.3%;
}
#contents .day2_3 img{
    width: 19.92%;
}

@media screen and (min-width: 768px) {
    #contents section.course .hdWrap h3{
        padding-right: .5em;
    }
    #contents section.course .route .start.mid{
        padding-top: 0;
    }
    #contents section.course .route .step > div{
        width:57.7%;
    }
    #contents section.course .route .rightBox{
        left: -9.31%;
        margin-right:-8.8%;
    }
    #contents section.course .route .leftBox{
        right: -9.31%;
        margin-left:-8.8%;
    }
    #contents section.course .route .step.goalRight .rightBox{
        left: -9.1%;
    }#contents section.course .route .step.goalRight .leftBox{
        right: -9.31%;
    }
    #contents section.course .route .step.goalLeft .leftBox{
        right: -9.31%;
    }
    #contents section.course .route .step.goalLeft .rightBox{
        left: -9.1%;
    }
    .guide_lead{
        margin: 0 auto 30px;
        font-size: 124%;
        font-weight: bold;
        line-height: 1.6;
        text-align: center;
    }
    #contents section .img.pc{
        display: block!important;
        max-width: 921px;
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 767px) {
    #contents .day1_1 img,#contents .day1_2 img,#contents .day1_3 img,#contents .day2_1 img,#contents .day2_2 img,#contents .day2_3 img{
        width: 100%;
    }
    #contents section.course .route .step.goalRight .leftBox.step1,#contents section.course .route .step.goalRight .rightBox.step2 {
        margin-top: 0;
    }
    #contents section.course .route .step a.st01{
        top: 72%;
        left: 25.46875%;
    }
    #contents section.course .route .step a.st02{
        top: 78%;
        left: 25.46875%;
    }
    #contents section.course .route .step a.st03{
        top: 64.5%;
        left: 25.46875%;
    }
    #contents section.course .route .step a.st04{
        top: 87.3%;
        left: 25.46875%;
    }
    #contents section.course .route .step a.st05{
        top: 78.6%;
        left: 25.46875%;
    }
    #contents section.course .route .step a.st06{
        top: 87.5%;
        left: 25.46875%;
    }
    .annotaion{
        text-align: center;
    }
    #contents section.course .route .step.goalRight .rightBox.step1,
    #contents section.course .route .step.goalRight .rightBox.step1.c2{
        margin-top: 0;
    }
    #contents .goal p span{
        margin-top: 10px;
        padding: 0 10px;
    }
    #contents section .img.sp{
        display: block!important;
        margin: 0 auto 30px;
    }
    .route-start .route-activity__content, .route-activity--stop-station .route-activity__content{
        width: 100%;
    }
}