@charset "UTF-8";

.trip-list .trip-list-row {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 14px;
    margin-bottom: 10px;
}

.trip-list .trip-list-row .trip-card-time {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

.trip-list .trip-list-row .trip-card-date {
    color: #777;
    font-size: 12px;
    margin-bottom: 10px;
}

.trip-list .trip-list-row .trip-card-freeseats {
    color: #777;
    font-size: 13px;
}

.trip-list .trip-list-row .trip-card-price {
    font-size: 17px;
}

@media ( min-width : 1200px) {
    .trip-list .trip-list-row .trip-card-time {
        font-size: 28px;
    }
    .trip-list .trip-list-row .trip-card-date {
        font-size: 14px;
    }
    .trip-list .trip-list-row .trip-card-freeseats {
        font-size: 13px;
    }
    .trip-list .trip-list-row .trip-card-price {
        font-size: 20px;
    }
}

@media ( max-width : 768px) {
    .trip-list .trip-list-row .trip-card-freeseats {
        margin-bottom: 10px;
    }
    .trip-list .trip-list-row .trip-card-price {
        margin-top: 10px;
    }
}

/* ------------------------------------------ */
.b-w-trips {
    margin: 0;
}

.b-w-trips__list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.b-w-trips__list-item {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    display: block;
    position: relative;
    padding: 14px;
    list-style: none;
    margin-bottom: 20px;
}

/* override .b-ugc li */
.b-w-trips__list000 li.b-w-trips__list-item {
    padding: 14px;
    margin-bottom: 20px;
}

.trip-card__time {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

.trip-card__date {
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}

.trip-card__point {
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.trip-card__point:hover {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    word-break: break-all;
}

.trip-card__point_hl {
    
}

.trip-card__station {
    color: #444;
    font-size: 13px;
}

.trip-card__station_hl {
    
}

.trip-card__address {
    color: #828c99;
    font-size: 12px;
}

.trip-card__address-link {
    border-bottom: 1px dashed #828c99;
    cursor: pointer;
}

.trip-card__price {
    border-top: 1px solid #eee;
    font-size: 17px;
    font-weight: 600;
    margin: 10px auto 0;
    padding-top: 10px;
    text-align: center;
    width: 80%;
    white-space: nowrap;
    width: 80%;
}

.trip-card__freeseats {
    color: #777;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
}

.trip-card__link {
    
}

.trip-card__link a {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

@media ( min-width : 1200px) {
    .trip-card__time {
        font-size: 28px;
    }
    .trip-card__date {
        font-size: 14px;
    }
    .trip-card__point {
        
    }
    .trip-card__station {
        
    }
    .trip-card__price {
        font-size: 16px;
        text-align: left;
    }
    .trip-card__freeseats {
        font-size: 13px;
        text-align: left;
    }
}

@media ( max-width : 768px) {
    .trip-card__price {
        
    }
    .trip-card__freeseats {
        
    }
}

@media ( min-width : 768px) {
    .trip-card__price {
        border: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .trip-card__freeseats {
        
    }
}

.debug {
    border: 1px solid #ff0000;
}