.str {
    clear: both;
    float: left;
    width: 100%;
}

.stn, .stn1, .stn2, .stn3, .stn4, .stn5, .stn6, .stn7, .stn8, .stn9, .stn10, .stn11, .stn12 {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 10px;
    position: relative;
}

.str img {
    max-width: 100%;
    vertical-align: text-bottom;
}

.stn1 {
    width: 8.333333333333333%;
}

.stn2 {
    width: 16.66666666666667%;
}

.stn3 {
    width: 25%;
}

.stn4 {
    width: 33.33333333333333%;
}

.stn5 {
    width: 41.66666666666666%;
}

.stn6 {
    width: 50%;
}

.stn7 {
    width: 58.33333333333333%;
}

.stn8 {
    width: 66.66666666666666%;
}

.stn9 {
    width: 75%;
}

.stn10 {
    width: 83.33333333333333%;
}

.stn11 {
    width: 91.66666666666666%;
}

.stn12 {
    width: 100%;
}

.debug {
    background: #ff006e;
}

a img {
    border: none;
}

@media only screen and (max-width: 767px) {
    .stn1, .stn2, .stn3, .stn4, .stn5, .stn6, .stn7, .stn8, .stn9, .stn10 {
        width: 100%;
    }
}