@charset "UTF-8";

body {
    background-color: #f8f9fa;
    font-family: sans-serif;
}

.search-box {
    margin: 0 auto 30px;
}

/*お気に入りON*/
.bookmark_on > a{
    color:red;
}

@media (max-width: 576px) {
    .img_answer {
        object-fit: contain;
        width: inherit;
    }
}
@media (min-width: 577px) {
    .img_answer {
        max-width: 350px;
    }
}

.preview-wrapper {
    position: relative;
    display: none;
}

.preview-img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #888;
}

.chie-answered {
    background-color: #ededef !important;
    color: #000;
    border: 1px solid #cacace;
    border-radius: 3px;
}
.btn-pict-up {
    background-color: #ededef;
    color: #000;
    border: 1px solid #cacace;
    border-radius: 3px;
}

    .btn-pict-up:hover {
        background-color: #cacace;
    }