#frm_wrapper {
    display: flex;
    margin-top: 5px;
    height: 40px;
    /* margin-top: 5px; */
}
#nanaon_recruitment, #nanaon_recruitment_reply {
    list-style: none;
}

/* .post_main {
    padding: 0px 0px 5px 0px;
    background-image: url(/wp-content/uploads/9999/07/6f72abdded29b9b123c1e1bbbe37e313.jpg);
} */

.copy_button {
    width:55px;
    margin-left:10px;
}
.write_icon {
    width: 20px;
    margin-bottom: 2px;
    margin-right: 3px;
}

#modal-overlay {
    z-index: 1 ;
    display: none ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 120% ;
    background-color: rgba( 0,0,0, 0.75 ) ;
}
#modal-content {
    text-align:center;
    width: 50% ;
    max-width:320px;
    margin: 0 ;
    padding: 10px 20px ;
    border-radius:6px;
    background: #fff ;
    position: fixed ;
    display:none;
    z-index: 2147483999 ;
}

#nanaon_lb {
    /* font-family: "ＭＳ 明朝",serif; */
    position: relative !important;
    background: #56aaff;
    text-align: center;
    display: flex;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px 0px 0px 5px;
    width: 25%;
    height: 30px;
    font-size: 12px;
}
#nanaon_detail_label {
    /* font-family: "ＭＳ 明朝",serif; */
    position: relative !important;
    background: #56aaff;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
}

#room_num {
    width: 74%;
    height: 30px;
    border-radius: 0px 5px 5px 0px;
    font-size: 14px;
}

/* #room_num {
    width: 24%;
    height: 30px;
    border-radius: 0px 5px 5px 0px;
    font-size: 11px;
    margin-right: 5px;
} */
#quest_name, #s_quest_name {
    width: 75%;
    height: 30px;
    border-radius: 0px 5px 5px 0px;
    font-size: 11px;
    margin-right: 5px;
}

#comment_detail {
    width: 100%;
    height: 80px;
    border-radius: 0px 0px 5px 5px;
    font-size: 14px;
}

#recruitment_button {
    border: 1px solid #3468a9;
    border-bottom: 3px solid #191970;
    background: #3468a9;
    color: #fff;
    text-shadow: #191970 1px 1px 1px;
    padding: 5px;
    width: 100%;
    border-radius: 6px;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#sort_button {
    border: 1px solid #828282;
    border-bottom: 3px solid #828282;
    background: #ffff;
    padding: 5px;
    width: 100%;
    border-radius: 6px;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
}
#nanaon_comment_wrapper {
    text-align: center;
    margin-bottom: 10px;
}
.nanaon_quest_nm_lb {
    position: relative !important;
    background-color: #fff;
    color: #00008b;
    padding: 5px;
    width: 98%;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    border: 1px solid #00008b;
}
#nanaon_comment_detail {
    background: #fff;
    font-size: 12px;
    text-align: left;
    width: 97%;
    /* min-height: 100px; */
    height: auto !important;
    height: 100px;
    padding: 5px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    /* margin-left: 3px; */
}
.nanaon_comment_lb {
    background: #56aaff;
    color: #fff;
    padding: 5px;
    width: 35%;
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
}

/* スマホ */
@media (max-width:414px){
    #nanaon_lb {
        font-size: 10px;
        width: 20%;
        height: 26px;
        display: flex;
        justify-content: center; /*左右中央揃え*/
        align-items: center;
    }
    #quest_name {
        font-size: 14px;
        width: 77%;
        height: 32px;
    }
    #quest_name, #s_quest_name {
        font-size: 10px;
        width: 79%;
        height: 35px;
        margin-right: 5px;
    }
    #room_num, #s_room_num {
        font-size: 10px;
        width: 77%;
        height: 32px;
        margin-right: 5px;
    }
    #nanaon_detail_label {
        font-size: 12px;
        width: 98%;
        margin-top: 5px;
    }
    #comment_detail {
        font-size: 14px;
        max-width: 100%;
        min-width: 100%;
    }
    #accordion_button {
        width: 97%;
    }

    .nanaon_quest_nm_lb {
        width: 95%;
        font-size: 14px;
        margin-bottom: 5px;
    }
    #nanaon_comment_detail {
        font-size: 14px;
        width: 94%;
        /* min-height: 100px; */
        height: auto !important;
        height: 100px;
        margin-bottom: 5px;
    }
    .nanaon_comment_lb {
        width: 40%;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .copy_button {
        width:50px;
        margin-left:5px;
    }

}

.image_p
{
    padding:8px 6px;
    word-wrap: break-word;
    color:#333;
    max-height: 800px;
    text-align: center;
}

#advertli {
    margin-bottom: 15px;
}


.comments_line_div
{
    background-color: #e0efff !important;
    border: 1px solid #a9a9a9;
    border-radius: 6px;
    background-color: #f5f5f5;
    margin-bottom: 15px;
    list-style: none;
}
.comments_main_div
{
    border-bottom: 1px solid #a9a9a9;
    text-align: center;
}
#disp_comments_ul{
    margin-bottom: 10px;
}
#disp_comments_ul li div p
{
    margin-bottom: 5px;
}
#disp_comments_ul li:nth-child(odd)
{
    background: #ffffff;
    padding: 6px 0px;
}
#disp_comments_ul li:nth-child(even)
{
    background: #ffffff;
    padding: 6px 0px;
}
#write_comments_ul li
{
    margin-bottom: 5px;
}
#write_comments
{
    font-size:16px;
    background: #8b0000;
    color:#fff;
    padding:10px 12px;
    border:1px solid #ddd;
    border-radius:6px;
    width:100%;
    margin-bottom: 15px;
    margin-top: 3px;
}
#post_textarea_name
{
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.8rem;
    box-shadow: none;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    -webkit-appearance: none;
}
#result_comment {
    /* margin-left: 10px; */
    /* margin-right: 15px; */
    font-size: 12px;
}
.comments_title_div{
    text-align: left;
    display:table;
    table-layout:fixed;
    width:100%;
    margin:6px ;
}
.comments_title_div p{
    color:#777;
    font-size:80%;
}
#post_textarea_detail
{
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.8rem;
    box-shadow: none;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    resize: none;
    padding: 5px;
    -webkit-appearance: none;
}
#post_comment_button
{
    width: 95%;
    height: 30px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #0F9D58;
    border: #0F9D58;
    color: white;
    font-size: 12px;
    font-weight: bold;
}
#comments_page_link
{
    padding-left: 5px;
    margin-bottom: 10px;
}
#comments_page_link li
{
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#comments_page_link li a
{
    background: #00008b;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color: white !important;
}
#comments_page_link li button
{
    background: #00008b;
    border : none;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    color: white !important;
    font-size: 16px;
}
#comments_page_link li span
{
    background: #bbb;
    padding: 9px;
    text-decoration: none;
    border-radius: 5px;
    color: white;
}
#reload_button
{
    display: block;
    width: 100%;
    color: #afaba8;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0px;
    background: #fdfdfd;
}
#return_name
{
    font-size: 14px;
    font-weight: bold;
    color: cadetblue;
    margin-right: 5px;
}
#return_cancel
{
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    color: cornflowerblue;
    text-decoration: none !important;
}
.reply_span
{
    color: #4682b4;
    text-align: left;
    padding: 3px;
    font-size: 13px;
    border-radius: 3px;
}
.reply_btn{
text-align:right;
}
.comments_bad_btn_span{
    color: #ff0000;
    margin-right: 10px;
    text-decoration: underline;
}
#comments_wrapper
{
    padding: 5px;
    background: #fff;
}
body
{
    background: #fff;
}
.comments_image
{
    max-width: 200px;
    max-height: 400px;
    cursor: hand;
}
.image_p
{
    padding:8px 6px;
    word-wrap: break-word;
    color:#333;
    max-height: 800px;
}
.comments_good_btn
{
    position: absolute;
    left: 5px;
    bottom: 3px;
}
.comments_good_btn img
{
    width: 30px;
}
.good_sum
{
    color:#999;
    position: absolute;
    left: 28px;
    bottom: 0px;
    font-size: 14px;
}
.reply_btn_span
{
    position: absolute;
    right: 0px;
    border-radius:4px !important;
    padding:1px 4px !important;
    bottom: 3px;
    font-size: 12px;
    border:1px solid #4682b4;
    padding:4px 4px;
    background-color: #fff;
    color:#4682b4;
    margin-right: 5px;
}
.fil_gray
{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.comments_footer
{
    position: relative;
    height: 28px;
}
#expansion_area
{
    resize: none;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 35px;
    max-width: 100%;
    padding: 5px;
    overflow-y: hidden;
}
.comments_content
{
    padding:8px 6px;
    word-break: break-all;
    color:#333;
}
.gcolor
{
    color: #FBA848 !important;
}
.nend_text1
{
    color: #777 !important;
    border-left: 18px solid #777 !important;
    font-style: normal !important;
}
.nend_box
{
    border-bottom: 1px solid #f2f2f2 !important;
}
#loading_wrapper {
    width: 120px;
    margin: auto;
    text-align: center;
    /* display: none; */
}