@charset "utf-8";

/*-----------------------------------

question.css
2015年リニューアルレイアウト
アンケート

-----------------------------------*/

/*
見出し
-----------------------------------*/
#question .headline { margin-bottom: 34px; }

/*
回答件数
-----------------------------------*/
#count_question {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 208px;
    padding: 2px 2px 2px 30px;
    border-radius: 3px;
    background: #e38bb0 url(/images/question/ico_answer_w.png) no-repeat 5px center;
    color: #fff;
}
#count_question dt {
    float: left;
    padding: 3px 0;
}
#count_question dd {
    float: right;
    min-width: 74px;
    padding: 3px 5px;
    border-radius: 3px;
    background: #fff;
    color: #e38bb0;
    font-weight: bold;
    text-align: right;
}


/*
アンケート実施中
-----------------------------------*/
#answer_wanted { width: 660px; }
#answer_wanted .item {
    box-sizing: border-box;
    float: left;
    width: 320px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border: 3px solid #d9d5cf;
    font-size: 12px;
}
#answer_wanted .item.for_mens { border-color: #b5c6db; }
/* #answer_wanted .item:last-child,
#answer_wanted .item:nth-last-child(2) { margin-bottom: 0; } */

#answer_wanted .question {
    display: block;
    min-height: 65px;
    font-size: 14px;
    font-weight: bold;
}
#answer_wanted .item.for_mens .question span {
    display: block;
    color: #4671a5;
}
#answer_wanted .date,
#answer_wanted .count { display: inline-block; }
#answer_wanted .date { width: 70px; }
#answer_wanted .count {
    width: 114px;
    text-align: right;
}
#answer_wanted .button_next {
    min-width: 100px;
    background-position: 86px center;
}

/*
アンケートボックス
-----------------------------------*/
.question_box {
    padding: 5px;
    border-radius: 5px;
    background: url(/images/question/bg_question.png) repeat left top;
}
#main .question_box .heading {
    margin: 0 -5px;
    padding: 8px 0;
    background: url(/images/question/bg_heading.png) no-repeat -3px center, url(/images/question/bg_heading.png) no-repeat 610px center;
    font-weight: bold;
    text-align: center;
    
}
.question_box .inner {
    padding: 10px;
    border-radius: 5px;
    background: #fff;
}

#main .question_box .sub_head {
    margin: 5px 0 8px;
    padding-left: 20px;
    background: url(/images/question/ico_question.png) no-repeat left 0.2em;
    font-size: 16px;
    font-weight: bold;
}
#main .question_box .term {
    margin-bottom: 21px;
    padding: 5px 8px;
    background: #f7f1e8;
    font-size: 12px;
    text-align: right;
}
#main .question_box .rei {
    padding: 5px 8px;
    background: #f5f5f5;
    font-size: 12px;
	margin-bottom:10px;
}
#main .question_box .graph { width: 100%; }

#main .question_box .graph th {
    min-width: 120px;
    padding: 0 13px 13px 0;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
#main .question_box .graph td {
    padding: 0 0 13px;
    vertical-align: top;
}
#main .question_box .graph_box {
    position: relative;
    min-width: 356px;
    height: 26px;
    padding: 2px;
    background: url(/images/question/bg_graph.png) repeat left top;
}
#main .question_box .graph .count {
    position: absolute;
    top: 5px;
    left: 2px;
}
#main .question_box .graph .bar {
    height: 26px;
    background: #9ed1a4;
}
#main .question_box .box_button {
    float: none;
    width: 100%;
    margin-top: 8px;
    text-align: right;
}
#main .question_box .button {
    padding: 4px 20px 3px 8px;
    background-position: 96% center;
}

#main .question_box .list { width: 100%; }
#main .question_box .result_data + .list {
    margin-top: 21px;
    border-top: 1px dashed #d9d5cf;
}
#main .question_box .list td {
    padding: 13px 0;
    border-bottom: 1px dashed #d9d5cf;
    font-size: 12px;
    vertical-align: top;
}
#main .question_box .result_data + .list tr:last-child td {
    padding-bottom: 3px;
    border-bottom: none;
}

#main .question_box .list .question {
    width: 450px;
    font-size: 14px;
}
#main .question_box .list .date {
    width: 110px;
    padding-top: 14px;
    text-align: right;
}
#main .question_box .list .count {
    width: 60px;
    padding-top: 14px;
    text-align: right;
}
#main .question_box .pagination { margin-bottom: 24px; }

/* 投票ボックス */
#main #question_vote .sub_head {
    margin-bottom: 13px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #d9d5cf;
}
#question_vote .title {
    margin-bottom: 13px;
    padding: 0 8px 0 13px;
    background: url(/images/common/bg_heading.png) no-repeat left top;
    background-size: 6px auto;
    font-size: 18px;
    font-weight: normal;
}
#question_vote .field {
    margin-bottom: 21px;
    font-size: 14px;
}
#question_vote label {
    display: block;
    margin: 5px 0;
}
#question_vote label input { margin-right: 8px; }

#question_vote textarea {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    padding: 5px;
    border: 1px solid #d9d5cf;
    color: #555;
}
#question_vote p { margin: 5px 0; }

#main #question_vote .box_button {
    text-align: center;
}
#main #question_vote .button {
    width: 200px;
    padding: 8px;
    border: none;
    background: #9ed1a4;
    font-size: 18px;
}

/* 回答完了 */
#question_thanks .status {
    margin-bottom: 21px;
    padding: 21px;
    border-radius: 3px;
    background: #f9e8ef;
    font-size: 16px;
    text-align: center;
}
#question_thanks + .thanks {
    margin-bottom: 34px;
    padding: 0 0 34px;
    background: url(/images/column/line_column.png) no-repeat center bottom;
    font-size: 16px;
    text-align: center;
}
#question_thanks + .thanks p:first-child {
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: bold;
}
#question .thanks em {
    color: #e38bb0;
    font-style: normal;
}

/* 回答結果 */
.answer_comment {
    margin: 34px 0;
    font-size: 14px;
}
.answer_comment .title {
    padding: 0 0 5px 24px;
    background:  url(/images/question/ico_answer.png) no-repeat left 0.1em;
    font-size: 18px;
    font-weight: normal;
}
.answer_comment .title + ul { border-top: 1px dashed #d9d5cf; }
.answer_comment li {
    padding: 8px 0;
    border-bottom: 1px dashed #d9d5cf;
}

#question_result .social,
#question_result #vote { margin: 21px 0 0; }


/*
LCへの導線
-----------------------------------*/
#lc_members {
    position: relative;
    border: 1px solid #6b9ed2;
}
#lc_members .heading {
    padding: 5px 8px;
    background: #6b9ed2;
    color: #fff;
    font-size: 20px;
}
#lc_members .heading span {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    background: url(/images/question/bg_lc_heading.png) no-repeat right center;
    font-size: 14px;
    line-height: 22px;
    vertical-align: 2px;
}
#lc_members .heading img {
    margin-left: 3px;
    vertical-align: -1px;
}

#lc_members .button_lc {
    position: absolute;
    top: 8px;
    right: 5px;
    min-width: 100px;
    padding-right: 13px;
    background: #fff url(/images/question/ico_arrow_lc_next.png) no-repeat 86px center;
    color: #555;
}

#lc_members .list li {
    margin: 0 8px 3px;
}
#lc_members .list a {
    padding-left: 13px;
    background: url(/images/question/ico_arrow_lc.png) no-repeat left center;
}
#lc_members .box_button { 
    padding: 8px;
    text-align: right;
}
#lc_members .box_button .button {
    min-width: 100px;
    background-color: #6b9ed2;
    background-position: 86px center;
}

/*
カテゴリ一覧
-----------------------------------*/
#category_list.question .item {
    float: left;
    width: 320px;
    margin: 0 10px 13px 0;
}
#category_list.question .item:nth-of-type(odd) { clear: left; }
#category_list.question .item:nth-of-type(even) { margin-right: 0; }
#category_list.question .item:last-child { margin-bottom: 0;}
#category_list.question .item ul { margin-bottom: 8px; }

/*
ランキング（サイド）
-----------------------------------*/
#ranking span {
    display: block;
    color: #777;
    font-size: 11px;
}



#main .question_box .sub_head2 {
    background: rgba(0, 0, 0, 0) url("/images/common/bg_heading.png") no-repeat scroll left top / 6px auto;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 8px;
    padding-left: 20px;
}