/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


/******************************************************
/***トップページエリア*********************************
*******************************************************/
/*トップページ題名*/
.survey-name{
    
    margin-bottom: 2em;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 20px;
    text-align: center;
    font-size:26px;
    background:#fff;border:4px double #000;padding:19px;
    font-weight:bold;
}
/*トップページ説明*/
.survey-description{
        background-color: #fff;
}
.survey-description p {
        text-align: left;
}
.survey-description.text-info.text-center{
        color: #000000;
}
/*トップページウェルカム文*/
.survey-welcome{
        background-color: #fff;
}
.survey-welcome > p {
       color: #000;
}

/*END トップページエリア***************************/


/******************************************************
/***グループエリア*************************************
*******************************************************/
/*グループ名*/
.group-title {
    color:#000;
    background-color: #fff;
    border: 1px solid #5d627b;
    /*border-top: solid 1px #e3e3e3;*/
    /*border-right: solid 1px #5d627b;*/
    /*border-left: solid 1px #5d627b;*/
    /*border-bottom: solid 1px #5d627b;*/
    /*margin-top: 1em;*/
    margin-bottom: 2em;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 20px;
    padding: 19px;
    border-radius: 4px;
    text-align: left;
}

/*END グループエリア***********************************/

/******************************************************
/***質問エリア*****************************************
*******************************************************/
/*質問文*/
.question-container {
    margin-bottom: 0;
}
.question-container h4{
    padding-left:5.0em;
    text-indent:-5.0em;
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #9cba9e;
   margin-top: 40px;
   margin-bottom: 15px;
   line-height: 30px;
}
.question-container .h4top{
    padding-left:0em;
    text-indent:0em;
    padding-top: 30px;
    padding-bottom: 0px;
    border-bottom: none;
   margin-top: 40px;
   margin-bottom: 0px;
   line-height: 30px;
}
.question-container .h4text{
    padding-left:5.0em;
    text-indent:-5.0em;
    padding-top: 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #9cba9e;
   margin-top: 0px;
   margin-bottom: 15px;
   line-height: 30px;
}
.question-container h5{
    font-size:14px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
   line-height: 30px;
}
/*必須アイコン非表示*/
.fa-asterisk:before {
    content: "";
}
/*質問文コンテナ余白設定*/
.question-title-container {
    padding-top: 0; 
    padding-bottom: 0; 
}
/*END 質問エリア***********************************/

/******************************************************
/***ヘルプメッセージエリア*****************************
*******************************************************/

/*ヘルプメッセージ*/
/*ヘルプメッセージ余白設定*/
.dir-ltr .ls-questionhelp{
    padding-top: 0px; 
    padding-bottom: 10px; 
    margin-top:0px;
    margin-bottom:10px;
    margin-left: 0em;
     
 } 

/*ヘルプメッセージアイコン非表示*/
.ls-questionhelp:before {
    content: "";
}
/*ヘルプメッセージ設定*/
.question-help-container .ls-questionhelp {
    color: #000000;
}
/*END ヘルプメッセージエリア****************************/

/******************************************************
/***バリデーションエリア*********************************
*******************************************************/

/*アラートメッセージアイコン非表示*/
.fa-exclamation-circle:before {
    /*content: "\f06a";*/
    content: "";
}

/*END バリデーションエリア****************************/

/******************************************************
/***回答エリア*****************************
*******************************************************/

/*回答コンテナ余白設定*/
.answer-container{
    padding-top: 0; 
    padding-bottom: 0; 
    margin-top:0;
    margin-bottom:0;
}
/*回答余白設定*/
.ls-answers{
     padding-top: 0; 
    padding-bottom: 0; 
    margin-top:0;
    margin-bottom:0;
    
}

/*END 回答エリア****************************/


/******************************************************
/***質問タイプエリア*****************************
*******************************************************/

/*複数テキストラベル左寄せ*/
.ls-answers .control-label {
    text-align: left;
}

/*配列ラベル左寄せ*/
.ls-answers tbody .control-label {
    text-align: left;
}
/*逆配列ラベル左寄せ*/
.ls-answers tbody .answertext {
    text-align: left;
}

/*配列ラベル縦書き追加用設定　　このクラスを追加記載しないと縦書きになりません*/
.vertical-label{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright; /* すべて縦方向に表示 */
	display: inline-block;
	text-align: left;
	padding-top:2.0em;
	text-indent:-2.0em;
}
/*縦書き時の二桁数字等を横並びに表示するためのクラス（spanタグで指定の文字のみを囲って使用）*/
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
/*配列項目名設定*/
.ls-answers .ls-heading > th {
    vertical-align: top;
    /*vertical-align: middle;*/
    /*vertical-align: bottom;*/
     /*text-align: left;*/
      text-align: center;
       /*text-align: right;*/
}


/*END 質問タイプエリア****************************/

/******************************************************
/***PCとスマホでの表示切り替え*************************
*******************************************************/

/*PCとスマホでの表示切り替え*/
.pcview {
}
.spview {
	display: none;
}

/*スマホ用デザイン*/
@media screen and (max-width: 760px) {
	.pcview {
		display: none;
	}
	.spview {
		display: block;
	}
/*奇数、偶数色変更無効*/
.ls-even {
     background-color: #ffff;
}
/*サブ質問背景色指定*/
.fruity .table-bordered>tbody>tr>th {
    background-color: #eee;
}
/*サブ質問毎の枠線（縦線）削除*/
.fruity .table-bordered {
    border: 0px solid #dadada;
}
/*カーソル配置時tr色変更を削除*/
.fruity .table-hover>tbody>tr:hover>td {
     background-color: #fff; 
}
/*カーソル配置時td色変更を追加*/
.fruity .table>tbody>tr>td:hover {
     background-color: #f5f5f5; 
}
/*2列以上の場合の下部余白削除*/
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
/*スマホ縦書き解除*/
.vertical-label{
	-ms-writing-mode: tb-rl;
	writing-mode: horizontal-tb;
	text-orientation: upright; /* すべて縦方向に表示 */
	display: inline-block;
	text-align: left;
	padding-top:0em;
	text-indent:0em;
}

/*上下左右スクロールバー表示*/
 .table-scroll {
    width: 100%;
    height:300px;
    overflow-x: scroll;
    overflow-y: scroll;
 }

}
/*END スマホ用デザイン*/
/*END PCとスマホでの表示切り替え****************************/


/******************************************************
/***その他各設定***************************************
*******************************************************/


/*テキストインデント0.5～5.0*/
.sp05{ 
    padding-left:0.5em;
    text-indent:-0.5em;
}
.sp10{ 
    padding-left:1.0em;
    text-indent:-1.0em;
}
.sp15{ 
    padding-left:1.5em;
    text-indent:-1.5em;
}
.sp20{ 
    padding-left:2.0em;
    text-indent:-2.0em;
}
.sp25{ 
    padding-left:2.5em;
    text-indent:-2.5em;
}
.sp30{ 
    padding-left:3.0em;
    text-indent:-3.0em;
}
.sp35{ 
    padding-left:3.5em;
    text-indent:-3.5em;
}
.sp40{ 
    padding-left:4.0em;
    text-indent:-4.0em;
}
.sp45{ 
    padding-left:4.5em;
    text-indent:-4.5em;
}
.sp50{ 
    padding-left:5.0em;
    text-indent:-5.0em;
}

/*サブ質問、サブ回答テキストインデント*/
.checkbox-item .control-label ,.radio-item  .radio-label{
    padding-left:3.0em;
    text-indent:-2.0em;
}
.checkbox-item label::after {
    text-indent:0em;
}
/*配列サブ質問テキストインデント*/
.ls-answers tbody .answertext {
     padding-left:3.0em;
    text-indent:-2.0em;
}

/*エラー赤枠ポップアップ表示の無効化*/
.fruity .question-container.input-error{
    box-shadow: none;
    /*box-shadow: 0 10px 20px #fff;*/
}

/*URL*/
.url-wrapper-survey-return{
        font-size: 20px;
}

/*END その他各設定*************************************:/


/******************************************************
/***現在調整中機能部分のcss****************************
*******************************************************/
/*回答確認画面もどるボタン20240416*/
.fruity .btn-danger {
    display:block;
    color: #a94442;
    background-color: #eee;
    border: 1px solid #a94442;
    z-index: 1;
}
/*END 回答確認画面もどるボタン20240416*/


/*END 現在調整中機能部分のcss**************************/



/*プロフィール用、複数テキスト、エラーメッセージ高さ統一*/
 .pvalid .question-valid-container{min-height:25px;}

.q0301a{margin-bottom:0px;}
.q0301b{padding-left:3.0em;text-indent:0em;}