.swiper-container {
    width: calc(100% - 62px);
}
.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display : flex;
    
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;

    width: 10000px;
}
.swiper-slide {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.myaudio {
    position:absolute;
    top:-10000px;
    left:-10000px;
}

.sentence_on {
    "stroke" : "red",
    "fill" : "red"
}

.sentence_off {
    "stroke" : "black",
    "fill" : "black"
}

 .blank {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
.wordlist {
    max-width: 15%;
    position: absolute;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0px 0px 8px;
    font-size: 1.2vmax;
    z-index: 1100;
}

#thumb_prev, #thumb_next, #btn_prev, #btn_next {
    cursor : pointer
}