@charset "UTF-8";

dd:has(input[title="予約日時"]) {
    position: relative;
    padding-top: 35px;
}
dd:has(input[title="予約日時"]) .date_top {
    position: absolute;
    top: 0;
}
.br_sp {
    display: none;
}
dd:has(input[title="予約日時"]):before {
    position: absolute;
    display: block;
    content: attr(data-content);
    z-index: 2;
    top: 45px;
    left: 10px;
    pointer-events: none;
}
 .widget_form form dd:has(input[title="予約日時"]) input + input {
    color: transparent;
    width: 210px;
}

@media screen and (max-width: 400px) {
dd:has(input[title="予約日時"]) {
    padding-top: 65px;
}
.br_sp {
    display: block;
}
dd:has(input[title="予約日時"]):before {
    top: 75px;
}
}