@charset "utf-8";

.rental-finder {
    margin-bottom: 1em;
}

.finder-box {
    margin-bottom: 0.5em;
}

.finder-date-box {
    display: inline-block;
    width: 25%;
}

.finder-type-box {
    display: inline-block;
    margin-left: 0.5em;
}

.finder-date-box input,
.finder-type-box select {
    margin: 0.3em 0;
    padding: 0.5em;
    text-align: center;
}

.finder-date-label,
.finder-select-label {
    display: block;
    font-size: 1.2em;
    width: 100%;
}

.finder-arrow {
    display: inline-block;
    margin: 0 0.3em;
}

.finder-select-box {
    display: inline-block;
}

.finder-button {
    margin-right: 0.5em;
}

.rental-car-article {
    margin-bottom: 2em;
}


/* ウィジェット */
.rental-finder-widget .finder-date-box,
.rental-finder-widget .finder-type-box {
    display: block;
    margin: 0;
    width: 100%;
}

.rental-finder-widget .finder-arrow {
    display: none;
}

.rental-finder-widget span.finder-date-label,
.rental-finder-widget span.finder-select-label {
    display: inline-block;
    text-align: center;
    width: 25%;
}

.rental-finder-widget .finder-date-box input {
    display: inline-block;
    width: 70%;
}

.rental-finder-widget .finder-type-box select {
    display: inline-block;
    width: 70%;
}

.rental-finder-widget .button-box {
    text-align: center;
}

.finder-err-message {
    color: red;
    margin: 1.5em 0;
}

/* jQuery UI datepicker */
.ui-state-disabled.ui-datepicker-today .ui-state-default {
    background-color: yellow;
    background-image: none;
}