/* お気に入りモーダルの全般的なスタイル調整 */
input.form-control--name[value="お気に入り"] {
    background-color: var(--gray);
    border: 2px solid #ddd;
}
.confirmation_wrapper.open#favorite .logbum-modal-container .choice-text {
    letter-spacing: 0;
}
@media print, screen and (max-width: 767px) {
    .confirmation_wrapper.open#favorite {
        padding: 0;
    }
    .confirmation_wrapper.open#favorite .logbum-modal-container {
        max-width: 100%;
        border-radius: 15px 15px 0 0;
        bottom: 0!important;
        left: 0;
        top: auto;
        position: absolute;
        transform: translate(0,0);
    }
}

.confirmation_wrapper#favorite > div {
    height:auto;
    overflow: hidden;
    padding:0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.confirmation_wrapper#favorite > div.favorite-spot-modal {
    padding: 30px 15px;
}
.confirmation_wrapper#favorite > div .submit_btn {
    background-color: var(--green);
    color: var(--white);
    border-color: var(--green);
}

.confirmation_wrapper#favorite > div .back_btn {
    box-sizing: border-box;
    border: 1px solid var(--main-font-color);
    width: 100px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--main-font-color);
    box-shadow: var(--common-btn-shadow);
    margin: 10px;
    border-radius: 30px;
}


.confirmation_wrapper#favorite > div #page_back {
    background-color: var(--gray);
}

@media print, screen and (max-width: 767px) {
    .confirmation_wrapper > div.spot-modal-container {
        background-color: var(--white);
        width: 100%;
        max-width: 100%;
        position: absolute;
        border-radius: 15px 15px 0 0;
        margin-top: auto;
        transform: translateY(0);
        top: auto;
        bottom: 0;
        left: 0;
    }
    .confirmation_wrapper#favorite_spot_modal {
        padding:0;
    }
}

.icon_trash {
    background: url(../images/icons/icon-trash-nobg.svg) center center no-repeat;
    height: 38px;
    width: 38px;
    display: inline-block;
    background-size: cover !important;
}