/* ★★ようこそページ】★*/

/* ページ全体 */
#welcom-container{
    color: black ;  /* 黒 */  
/*    color: #328637; */ /* デフォルトの sea green の場合のフォント色 */
}

/* アンケートタイトル */
h1.survey-name{
/*    color: #328637;*/ /* sea green */
    font-size: 36px; /* フォントサイズ */
    margin-bottom: 28px; /* 段落後 */
}

/* 説明 */
div.survey-description > p{
    text-align: left; /* 左揃え */
    text-indent: 1em; /* 字下げ */
    color: #000; /* フォント色 */
    font-size: 18px; /* フォントサイズ */
    line-height:1.5; /* 行高 */
}
/* 実施主体名 */
div.survey-description > p.svorg{
    text-align: right; /* 右揃え */
    text-indent: 0; /* 字下げ */
}

/* ようこそメッセージ（記入上の注意） */
div.survey-welcome > h2{
    color: #000; /* フォント色 */
    font-size: 22px;
    margin-top:30px;
}
div.survey-welcome > ol > li,div.survey-welcome > p{
    color: black; /* フォント色 */
    font-size: 17px;
    line-height:1.5; /* 行高 */
}
div.survey-welcome > p{
    margin-top:1.5em;
    
}
/* ★★アンケート本体★★ */

/* 小見出し 【CSSクラス lrc_sub_title】*/
.row.boilerplate.question-container.lrc_sub_title{
    border: none;
    box-shadow: none;
    margin-bottom:0;
}
.lrc_sub_title > div{
    padding-bottom:0.2em;
    padding-left:0;
}
.lrc_sub_title .question-text .ls-label-question{
    font-size:110%;
}

/* 質問文 */
div.ls-label-question{
    font-size: 16px; /* フォントサイズ */
}
/* 質問文（ヘルプ）と選択肢リストの間 */
div.answer-container{
    padding-top:0;
}
div.ls-answers{
    padding-top:0;   
}

/* 質問文　自由回答 */
/*.row.text-long.question-container > .question-title-container.col-xs-12 > .question-text > .ls-label-question {
    text-indent: 0;
    margin-left: -2em;
    width:100%;
}*/

/* 質問文下の注記 */
.question-title-notes{
    font-size:90%;
    margin-left:4em;
    margin-right:1em;
    border: dashed 1px black;
    padding-top:0.5em;
    padding-left:0.5em;
}
.question-title-notes > p{
    margin-left:7em;
    text-indent:-7em;
    line-height:1.2em;
    margin-bottom:0.5em;
}

/* ラジオボタン */
.answer-item.radio-item{
    margin-bottom: 0;
}
/* チェックボックス */
.answer-item.radio-item,.answer-item.checkbox-item{
    margin-bottom: 0;
    padding-top:0;
}
/* ラジオボタンとチェックボックスを複数列に分割した場合、列幅を狭くする【CSSクラス lrc_narrow_width】 */
div.row.question-container.lrc_narrow_width > div.answer-container.col-xs-12 > div.ls-answers.answers-list.row > ul.list-unstyled.col-xs-12{
    max-width:14em;    
}
/* 少し狭くする【CSSクラス lrc_little_narrow_width】 */
div.row.question-container.lrc_little_narrow_width > div.answer-container.col-xs-12 > div.ls-answers.answers-list.row > ul.list-unstyled.col-xs-12{
    max-width:28em;    
}
/* ラジオボタンとチェックボックスを複数列に分割した場合、スマホで段落間隔を0にする */
@media only screen and (max-width: 801px){
    div.row.question-container > div.answer-container.col-xs-12 > div.ls-answers.answers-list.row > ul.list-unstyled.col-xs-12{
        margin-bottom:0;
    }
}

/* その他（短いテキスト）と本設問の間隔を狭く【CSSクラス lrc_other】 */
div.row.text-short.question-container.lrc_other{
    margin-top:-20px;    
}

/* その他（短いテキスト）と本設問の間隔を狭く ※cssクラス設定なしでも有効にする */
.row.multiple-opt.question-container + .row.text-short.question-container, .row.list-radio.question-container + .row.text-short.question-container, .row.ranking.question-container + .row.text-short.question-container, .row.list-dropdown.question-container + .row.text-short.question-container{
    margin-top:-30px;    
    border-top: 0;
}
/* その他以外の短いテキストは上の設問との間隔を狭くしない【CSSクラス lrc_not_other】 */
.row.multiple-opt.question-container + .row.text-short.question-container.lrc_not_other, .row.list-radio.question-container + .row.text-short.question-container.lrc_not_other, .row.ranking.question-container + .row.text-short.question-container.lrc_not_other, .row.list-dropdown.question-container + .row.text-short.question-container.lrc_not_other{
    margin-top:0;    
    border-top: 1px solid #e6e6e6;
}

/* サブクエスチョン（テキスト表示＋複数の質問） 【CSSクラス lrc_sbqstn-ttl】*/
  /* タイトル（テキスト表示） */
div.row.boilerplate.question-container.lrc_sbqstn-ttl{
    box-shadow: none;
    border-bottom: none;
    margin-bottom: 0;
}
div.row.boilerplate.question-container.lrc_sbqstn-ttl > div.question-title-container{
    padding-bottom: 0;
}
  /* サブクエスチョン（中間） 【CSSクラス lrc_sbqstn】*/
div.row.question-container.lrc_sbqstn {
    border-bottom: none;
    border-top:none;
    box-shadow: none;
    margin-bottom: 0
}
div.row.question-container.lrc_sbqstn > div.question-title-container{
    padding-top: 0
}
div.row.question-container.lrc_sbqstn > div.answer-container > div.ls-answers{
    padding-bottom: 0
}
  /* サブクエスチョン（最後）【CSSクラス lrc_sbqstn-last】 */
div.row.question-container.lrc_sbqstn_last{
    border-top:none;
}

/* 質問間の間隔をなくす（すべて選択→最大のもの、など）【CSSクラス lrc_no_v_margin_t】 */
/* 上 */
div.question-container.lrc_no_v_margin_t{
    margin-bottom:0;
    border-bottom:none;
}
/* 下【CSSクラス lrc_no_v_margin_b】 */
div.question-container.lrc_no_v_margin_b{
    border-top:none;
}
div.question-container.lrc_no_v_margin_b > div.question-title-container{
    padding-top:0;
}

/* 配列 */
  /* 表側ラベル */ 
.row.array-flexible-row.question-container > div.answer-container > table tbody th.answertext{
    text-align:left;
    /*text-indent: -1.1em;
    margin-left:1.1em;
    padding-left:1.6em;*/
}
  /* 表頭ラベル */ 
/*.row.array-flexible-row.question-container > div.answer-container > table > thead > tr.ls-heading > th.answertext{
    font-weight:normal;
}*/
.ls-answers .ls-heading th {
    font-weight: normal;
    vertical-align:middle;
}
/* ラジオボタン/チェックボックスの上下位置 */
div.row.question-container table.ls-answers td.radio-item, div.row.question-container table.ls-answers td.checkbox-item {
    padding-top: 5px;
    padding-bottom: 0;
    vertical-align: middle;
}

/* ★★スマホ版のみに適用 ★★*/
@media only screen and (max-width: 801px){
    /* 必須（アスタリスク） */
    .fa-asterisk:before{
        margin-left: 1.2em;
    }
    /* 全体的に幅を調整 */
    .row.question-container{
        margin-left: -6px;
        margin-right: -6px;
    }
/*    .row.array-flexible-row.question-container > div.answer-container > table tbody th.answertext{
        text-indent: -1.1em;
        margin-left:0;
    }*/
    /* 配列 */
    div.row.question-container table.ls-answers td.radio-item, div.row.question-container table.ls-answers td.checkbox-item {
        min-height: 32px;
    }
    div.row.question-container table.ls-answers td.radio-item > label, div.row.question-container table.ls-answers td.checkbox-item > label{
        margin-left: 6px
    }
    /* 配列でタップした項目を色線で囲む */
    .table-hover > tbody > tr:hover{
        /* border:2px solid #328637; */
    }
    /* 左右には見出さないように最大幅を設定 */
    #outerframeContainer{
        max-width:100%;
    }
    /* 数値欄の接頭語接尾語を同じ行に */
    .text-item.numeric-item .form-control.numeric{
        /*width:70%;*/
        display:inline;
    }
    .text-item.numeric-item .prefix-text,.text-item.numeric-item .suffix-text{
        display:inline;
    }
    .text-item .withprefix .form-control, .text-item .withsuffix .form-control{
        /*width:70%;*/
        display:inline;
    }
    .text-item .withprefix input[type="text"], .text-item .withsuffix input[type="text"]{
        width:60%;
    }
    .text-item .withprefix .prefix-text,.text-item .withsuffix .suffix-text{
        display:inline;
    }

}

/* 印刷時の設定 */
@media print{
    /* ラジオボタンのチェックが印刷されるように */
    .radio-item input[type="radio"]:checked + label::after {
         background-color: #328637!important;
         color: white!important;
         opacity: 1 !important;
    }
    /* 用紙設定等 */
    body {
        -webkit-print-color-adjust: exact;  /* 背景のグラフィック */
        color-adjust: exact;                /* 同上 */
/*        -moz-transform: scale(0.7);*/       /* 倍率 */
/*        -webkit-transform: scale(0.7);*/    /* 同上 */
    }
    .print_pages {
/*        size: A4;*/   /* 用紙サイズ */
    }
}

/* 配列でカーソルのある行（hover）の背景色と枠線を設定する */
.table-hover > tbody > tr:hover{
    /* background-color: #ffccff; */
    /* border:2px solid #328637; */
}

/*  個数制限複数選択の場合に「 あてはまるものに、いくつでもチェックしてください。 」を消す（:has() 疑似クラス） */
.ls-question-message.ls-em-tip.em_default:has(+ .ls-question-message.ls-em-tip.em_num_answers){
    display: none;
}

/* ツールチップ */
.mytooltip
{
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    color: orange;
}

/* ★★PC版のみに適用 ★★*/
@media only screen and (min-width: 800px){
        /* デフォルトの「その他」機能を使う場合、その他の記入欄の幅を広げる */
        li.checkbox-text-item.form-inline{
            padding-top:0.2em;
        }
        li.checkbox-text-item.form-inline > div.form-group.text-item.other-text-item > input{
            width:300%;
        }
/* 連合生活アンケート自動車総連版一時金 */
    .rs_Q51.row.array-multi-flexi-text.question-container table {
        width: 32em;
        margin-left: 2em;
    }
    .rs_Q51.row.array-multi-flexi-text.question-container table th {
        text-align: left ;
    }
    .rs_Q51.row.question-container table {
        width: 32em;
        margin-left: 2em;
    }
    .rs_Q51.row.question-container table th {
        text-align: left ;
    }
}

/* 23連合生活アンケートQ40：箱型の1、3、4、8行目で「該当しない」を無効にする */
.rs_Q40 tr:nth-child(1) .radio-item.answer_cell_5 .ls-label-xs-visibility, .rs_Q40 tr:nth-child(3) .radio-item.answer_cell_5 .ls-label-xs-visibility, .rs_Q40 tr:nth-child(4) .radio-item.answer_cell_5 .ls-label-xs-visibility, .rs_Q40 tr:nth-child(8) .radio-item.answer_cell_5 .ls-label-xs-visibility{
    /* height:0; */
    /* visibility: hidden; */
    /* display:none; */
}
.rs_Q40 tr:nth-child(1) .answer_cell_5, .rs_Q40 tr:nth-child(3) .answer_cell_5, .rs_Q40 tr:nth-child(4) .answer_cell_5, .rs_Q40 tr:nth-child(8) .answer_cell_5{
    /* height:0; */
    /* visibility: hidden; */
    display:none;
}

.rsx_Q39 tr:nth-child(1) .answer_cell_5 .ls-label-xs-visibility, .rsx_Q39 tr:nth-child(3) .answer_cell_5 .ls-label-xs-visibility, .rsx_Q39 tr:nth-child(4) .answer_cell_5 .ls-label-xs-visibility, .rsx_Q39 tr:nth-child(8) .answer_cell_5 .ls-label-xs-visibility{
    height:0;
    /* visibility: hidden;*/
    /* display:none; */
}
/* ★★スマホ版のみに適用 ★★*/
@media only screen and (max-width: 801px){
    .rsx_Q39 tr:nth-child(1) .answer_cell_5, .rsx_Q39 tr:nth-child(3) .answer_cell_5, .rsx_Q39 tr:nth-child(4) .answer_cell_5, .rsx_Q39 tr:nth-child(8) .answer_cell_5{
        /* visibility: hidden;*/
        display:none;
    }
}