/*****************************************************
* Q&Aページ関連
******************************************************/
#ans_name{
    /*回答者*/
    text-align: right;
    padding: 14px;
}

#que_table, td, th  {
    border: 1px solid #000000;
    height: 2.5em;
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    padding: 5px 10px;
}

#que_text  {
    padding: 0 10px;
}

.que_no{
    /*回答No*/
    font-weight:800;
    /* color: #7fbe71; */
    text-align: center;
    width: 10%;
}
.que_text{
    /*質問欄*/
    text-align: left;
    background-color: #a5f5938e;
    width: 90%;
}

.que_ans{
    /*回答欄*/
    text-align: center;
    border: none;
    text-align: left;
    margin-right:3px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap; /* 折返し指定 */
    width: auto;
    height: auto;
}

.que_ans label {
    /*回答ラベル*/
    margin: 10px;
    background-color: #f0f8ff;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.que_disp_hide
{
    /* 非表示 */
    display:none;
    /* display:table-row;
    visibility: collapse; */
}

/*****************************************************
* カテゴリー1/カテゴリー4の回答ラベルの配置設定
******************************************************/

@media screen and (min-width: 630px)
{
    .ans_cate1_label{
        width: 112px;
    }
    .ans_drink_king_label{
        /* アルコールの種類選択 */
        width: 160px;
    }
    .ans_others_area_label{
        /* その他等の入力エリア */
        width:270px;
    }
    .ans_others_area_text{
        /* その他等の入力エリア */
        width:260px;
        height:70px;
        resize:none;
    }
}

@media screen and (max-width: 629px)
{
    .ans_cate1_label{
        width: calc(50% - 110px);
    }
    .ans_drink_king_label{
        /* アルコールの種類選択 */
        width: calc(50% - 110px);
    }
    .ans_others_area_label{
        /* その他等の入力エリア */
        width:270px;
    }
    .ans_others_area_text{
        /* その他等の入力エリア */
        width:260px;
        height:70px;
        resize:none;
    }
}

@media screen and (max-width: 564px)
{
    .ans_cate1_label {
        width: calc(50% - 90px);
    }
    .ans_drink_king_label{
        /* アルコールの種類選択 */
        width:160px;
    }
    .ans_others_area_label{
        /* その他等の入力エリア */
        width:240px;
    }
    .ans_others_area_text{
        /* その他等の入力エリア */
        width:220px;
        height:80px;
        resize:none;
        font-size: 16px;
    }
}

@media screen and (max-width: 475px)
{
    .ans_cate1_label {
        width: calc(50% - 70px);
    }

}

@media screen and (max-width: 430px)
{
    .ans_cate1_label {
        width: calc(50% - 50px);
    }

}

@media screen and (max-width: 400px)
{
    .ans_cate1_label {
        width:calc(50% - 40px);
    }

}
@media screen and (max-width: 366px)
{
    .ans_cate1_label {
font-size: 14px;
    }

}
@media screen and (max-width: 358px)
{
    .ans_cate1_label {
        width:50%;
    }

}