/******************
    User custom CSS for youvo_academic_blue
    ---------------

    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
*/

body {
	padding-bottom: 0;
	padding-top: 40px;
	flex-direction: column;
	display: flex;
	min-height: 100vh;
	font-size: 16px;
	line-height: 180%;
}
body > article {
	flex: 1;
	padding-top: 1.5em;
}

div, ul, ol{
	box-sizing: border-box;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 130%;
	box-sizing: border-box;
}
#main-row h2{
	margin-bottom: 2em;
	padding: 0.5em 1em;
	background: #f4f9ff;
	border-top: solid #00a1e9 3px;
	border-bottom: solid #00a1e9 3px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #003f8e;
}
#main-row h3{
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-bottom: solid #00a1e9 2px;
	font-size: 120%;
	font-weight: bold;
	color: #00a1e9;
}
#main-row h4{
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: solid #fcc800 5px;
	font-size: 110%;
	font-weight: bold;
}
#main-row h4.modal-title {
	margin-bottom: 0;
}
#main-row h5{
	margin-left: 1em;
	padding-left: 0.5em;
	border-left: solid #fcc800 3px;
	font-size: 100%;
	font-weight: bold;
}
#main-row h6{
	margin-left: 1em;
	font-size: 100%;
	font-weight: bold;
}
#main-row p,
#main-row a{
	line-height: 180%;
	box-sizing: border-box;
}
#main-row p{
	margin-bottom: 1.5em;
	padding: 0 0.5em;
}

#main-row table{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

#main-row table th{
	padding: 0.5em;
	background: #efefef;
}

#main-row table td{
	padding: 0.5em;
}

@media screen and (min-width: 768px){
	#main-row p{
		margin-left: 1em;
	}
}

#main-row ul,
#main-row ol{
	margin-bottom: 2em;
	padding: 0 0.5em 0 1em;
}
#main-row ol{
	margin-left: 1em;
}

@media screen and (min-width: 768px){
	#main-row ul,
	#main-row ol{
		margin-left: 1em;
	}
}

#main-row li{
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: dotted #00a1e9 1px;
	line-height: 180%;
}

#main-row ul li:before{
	content: "●";
	display: inline-block;
	padding-right: 0.3em;
	color: #fcc800;
	font-size: 150%;
}
#main-row ul li{
	padding-left: 0.7em;
	text-indent: -0.7em;
	list-style-type: none;
	/*border-left: solid #fcc800 2px;*/
	line-height: 180%;
	
}

/* YouTube 動画 */
#main-row .videodetector{
	position: relative;
	width: 80%;
	max-width: 990px;
	height: 0;
	padding-bottom: 45%; /* height */
	overflow: hidden;
	margin: 10px auto;
}
#main-row .videodetector iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin:0 auto;
}

/* Blockquote 引用 */
#main-row blockquote{
	position: relative;
	width: 95%;
	margin: 2em auto;
	border: solid 1px #ccc;
	borer-left: solid 5px #ccc;
	font-size: 90%;
}
#main-row blockquote:before{
	display: inline-block;
	position: absolute;
	top: -0.3em;
	left: -0.3em;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 180%;
	line-height: 1;
	font-weight: 900;
}
#main-row blockquote p{
	margin: 0;
}
#main-row img,
#main-row video{
	max-width: 100%;
	height: auto;
}

.note{
	font-size: 80%;
}
.note p{
	margin-bottom: 0.5em;
}

.contact{
	font-size: 80%;
}
.contact p{
	margin-bottom: 0.5em;
}

hr {
	width: 90%;
    margin: 0.3em auto;
    border: 0;
    border-top: 1px solid #ccc;
}

/* 改行 */
@media screen and (max-width: 767.9px){
	.br-pc { display:none; }
	.br-sp { display:block; }
}
@media screen and (min-width: 768px){
	.br-pc { display:block; }
	.br-sp { display:none; }
}

/* Hide by device 端末によって非表示 */
@media screen and (max-width: 767.9px){
	.hide-sp { display:none!important; }
	.hide-pc { display:block; }
}
@media screen and (min-width: 768px){
	.hide-sp { display:block; }
	.hide-pc { display:none!important; }
}

/* ////////////////////// Next button 次へボタン（同意ボタン）/ Prev button 戻るボタン ////////////////////// */
#navigator-container {
	width: 95%;
	padding-bottom: 0;
	marginm: 1em auto;
}
.navigator {
	margin: 2em 0 1em;
}
.navigator.row:after,
.navigator.row.row:before{
	display: block;
}
.navigator .ls-button-previous{
	padding-left: 2.5em;
	padding-right: 2.5em;
}
.navigator .ls-move-next-btn {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.navigator .btn-primary{
	background-color: #fcc800;
	border: solid #ffdc00 3px;
	color: #000;
	font-weight: bold;
}
.navigator .btn-primary:hover,
.navigator .btn-primary:active,
.navigator .btn-primary:focus{
	background-color: #ffdc00;
	border-color: #fcc800;
	outline: 0;
	color: #000;
}

.navigator .btn-default{
	background-color: #bbe2f1;
	border: solid #dbffff 3px;
	color: #000;
	font-weight: bold;
}
.navigator .btn-default:hover,
.navigator .btn-default:active,
.navigator .btn-default:focus{
	background-color: #bbe2f1;
	border-color: #a0d8ef;
	outline: 0;
	color: #000;
}

.lastQPage .navigator .text-left{
	width: 100%;
	clear: both;
	text-align: center;
}
.lastQPage .navigator .text-right{
	width: 100%;
	clear: both;
	text-align: center;
}

/* ////////////////////// Disagree button 非同意ボタン ////////////////////// */
#main-row .btn_disagreement{
	display: none; /* 非同意ボタンを使用する場合は、この行をコメントアウト */
	width: 95%;
	margin-top: 3em;
}
#main-row .btn_disagreement p{
	margin-left: 0;
	text-align: center;
}
#main-row .btn_disagreement a{
	display: block;
	width: 10em;
	margin: 0 auto;
	padding: 0.5em;
	background: #c0c6c9;
	border-radius: 0.5em;
	color: #000;
}

/* ////////////////////// Header ヘッダー ////////////////////// */

.navbar-default{
	background: #00a1e9;
	border: none;
	border-bottom: solid #002B69 3px;
	filter: drop-shadow( 0 2px 2px rgba(0,0,0,0.4));
	color: #fff;
}

.navbar-default .navbar-brand{
	color: #fff;
	font-size: 140%;
	line-height: 130%;
}

.navbar-default .navbar-brand:hover{
	color: #fff;
}

.navbar-default .navbar-inner{
	max-width: 1000px;
	margin: 0 auto;
	padding:0 15px;
}


@media screen and (max-width: 767.9px){
	.navbar-default .navbar-brand.logo-container.hidden-xs{
		display: block!important;
	}
}

@media screen and (min-width: 768px){
	.navbar-header{
		max-width: 60%;
	}
	.welcomePage .navbar-header{
		max-width: 100%;
	}
}

/* header nav */
#navbar{
	font-size: 80%;
}
.navbar-default .navbar-toggle{
	border-color: #fff;
	background: #89c3eb;
}
.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: #a0d8ef;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: #000;
	background: #89c3eb;
}

@media screen and (min-width: 768px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background: transparent;
	}
}

.navbar-default .nav>li{
	text-align: right;
	border-top: solid #ccc 1px;
}
.navbar-default .nav>li:first-child{
	border: none;
}

.navbar-nav>li>a{
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav>li>a{
	padding: 5px 5px;
}

.navbar-default .navbar-nav>li>a{
	color: #000;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #ffff7a;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover{
	color: #000;
	background-color: transparent;
}

.navbar-nav .open .dropdown-menu{
	font-size: 95%;
	text-align: right;
}

.navbar-nav .open .dropdown-menu li{
	border-top: solid 1px #fff;
}

.navbar-nav .open .dropdown-menu .bg-warning{
	background-color: transparent;
}

.top-container .space-col{
	margin-bottom: 0;
}


@media screen and (max-width: 767.9px){
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, 
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{
		font-size: 100%;
		color: #000;
	}
}

@media screen and (min-width: 768px){
	.navbar-default .nav>li{
		border-top: none;
	}
	.navbar-default .navbar-nav>li>a{
		color: #fff;
	 }
	.navbar-default .nav>li:first-child{
		padding-right: 0.5em;
		border-right: solid #fff 1px;
	}
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover{
		color: #fff;
	}
	.navbar-nav>li>.dropdown-menu{
		border-radius: 0;
		background: #f7fcfe;
		border: none;
		color: #fff;
	}
	.dropdown-menu>.disabled>a, 
	.dropdown-menu>.disabled>a:focus, 
	.dropdown-menu>.disabled>a:hover{
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu li{
		border-top: none;
		border-bottom: dotted #fff 1px;
	}
	.dropdown-menu>.disabled>a, 
	.dropdown-menu>.disabled>a:focus, 
	.dropdown-menu>.disabled>a:hover{
		color: #223a70;
	}
}

/* progress bar 進捗バー */
@media screen and (min-width: 768px){
	.top-container{
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 15px;
	}
	.container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
}

/* ////////////////////// Content ////////////////////// */
.container{
	width: 100%;
	max-width: 1000px;
}
#main-row{
	max-width: 1000px;
	margin: 0 auto;
}

.alert-warning{
	color: #b7282e;
	background-color: #efefef;
	border-color: #ee827c;
}

/* ///////////////// Welcome Page ///////////////// */
.text-primary{
	color: #000;
}

#welcome-container .survey-name{
	display: none;
}

.welcomePage #navigator-container .text-left{
	display: none;
}

.welcomePage #navigator-container .col-xs-6.text-right{
	width: 100%;
	text-align: center;
}

/* navbar */
/*
.welcomePage .navbar-action-link{
	display: none;
}
*/

.welcomePage .survey-name,
.welcomePage .survey-description {
	display: none;
}
#welcome-container .survey-welcome{
    margin-bottom: 0;
}
#welcome-container .description{
    margin-bottom: 0;
}
.welcomePage .number-of-questions.text-muted{
     display: none;
 }

@media only screen and (max-width: 767.98px) {
	.welcomePage .navbar-toggle{
		/*display: none;*/
		margin-top: 3rem; 
	}
	.welcomePage p{
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.welcomePage #outerframeContainer.container{
		margin-top: 0px;
	}

}

#welcome-container div{
	margin-bottom: 2em;
}

/* Number of questions 設問数 */
.number-of-questions{
	margin-bottom: 1.5em;
	border: solid 1px #ccc;
	text-align: center;
}
#welcome-container .question-count-text{
	margin-bottom: 0;
}

/* Data Policy データポリシー */
.privacy{
	font-size: 90%;
}
.privacy .control-label{
	display: inline;
}
.privacy .control-label a:after{
	content: " ";
	display: inline-block;
	left: 0.5em;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.5em;
	margin-bottom: 0.2em;
	border-left: 3px solid #fcc800;
	border-top: 3px solid #fcc800;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.privacy-block .limit-text-window{
	border: 1px solid #ccc;
}
.privacy-block .control-label{
	display: block;
	margin-top: 1em;
	margin-left: 0.5em;
	font-size: 120%;
}
.privacy-block .control-label input[type="checkbox"]{
	transform:scale(1.3);
	margin-right: 0.8em;
}
.privacy-block .alert-dismissible{
	margin-top: 1em;
}

/* contact_box お問い合わせ表示 */
.contact_box {
	display: none;
}
.welcomePage .contact_box,
.completedPage .contact_box{
	display: block;
	width: 90%;
	margin: 2em auto 0;
	font-size: 0.8em;
}
.welcomePage .contact_box h4,
.completedPage .contact_box h4{
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	border-left: solid 3px #ccc;
}
.welcomePage .contact_box p,
.completedPage .contact_box p{
    line-height: 150%;
}
.welcomePage .contact_box h4 + p,
.completedPage .contact_box h4 + p{
	padding-left: 1.5em;
	font-size: 0.9em;
}


/* ///////////////// Survey Page ///////////////// */

.surveyPage #main-row div{
	margin-bottom: 1em;
}

/* ////////// queation group ////////// */
.group-title{
	width: 100%;
	margin: 0 auto;
	background: #45b0ce;
	padding: 0.5em 0.5em;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	border: none;
}

.group-description.row.well {
	width: 100%;
	margin: 0 0 3em;
    min-height: 20px;
    padding: 0.5em 1em;
    background-color: #fff;
    border: none;
	border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	border: solid #45b0ce 3px;
}

/* ////////// queation text ////////// */
.question-container{
	margin-bottom: 3em!important;
	background: #fff;
	border: none;
	/*border: solid #efefef 1px;*/
	border-bottom: solid #ccc 2px;
}
.question-container:last-child{
	margin-bottom: 1em!important;
}

.question-title-container{
	margin-bottom: 0!important;
	background: #fff5e0/*#efefef*/;
	padding: 0.5em 1em 0.5em 0;
	border-left: solid #45b0ce 5px;
}

/* question code */
.question-number, 
.question-code,
.sub_qcode{
	margin-right: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
	color: #45b0ce;
	border-right: solid #fcc800 2px;
}
.question-text .qBox{
	display: flex;
	padding-right: 1em;
}
.question-text .qcode{
	margin-bottom: 0!important;
	padding-right: 0.8em;
	font-weight: bold;
	color: #45b0ce;
	border-right: solid #fcc800 2px;
    white-space: nowrap;
}
.question-text .qcode p{
	margin-left: 0!important;
}
.question-text{
	margin: 0!important;
	padding-left: 2.2em;
	font-weight: bold;
}
.question-text .ls-label-question{
	margin: 0!important;
}
.question-text p{
	margin-bottom: 0.5em!important;
}
.question-text p:last-child{
	margin-bottom: 0!important;
}

.surveyPage #main-row div.asterisk{
	width: 95%;
	margin-left: auto;
	margin-bottom: 0;
	border-top: solid #ccc 1px;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}

@media screen and (min-width: 768px){
	.question-text{
		padding-left: 1.5em;
	}
	.surveyPage #main-row div.asterisk{
		width: 100%;
	}
}

/* ////////// other text その他のテキスト ////////// */

.otherText.question-container{
    margin-top: -5.5em;
    background: none;
    padding-left: 3em;
    border-top: solid 1px #fff!important;
    background: #fff;
}

.otherText .question-title-container{
    width: 90%;
    background: none;
    border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.otherText .question-code{
	display: none;
}

.otherText .question-text{
	padding-left: 0;
	font-weight: bold;
}

.otherText.question-container + .question-container{
	
}

@media screen and (max-width: 767.9px){	
    .otherText .question-title-container{
         width: 95%;
    }
    .otherText .answer-container{
        width: 100%;
    }
    .question-container.row.otherText{
        margin-bottom: 0;
    }
}

.surveyPage #main-row .otherText .answer-container{
    width: 90%;
    padding-top: 0!important;
}

/* ////////// help text ////////// */
.surveyPage #main-row .question-help-container,
.surveyPage #main-row .question-valid-container{
	margin-bottom: 0;
	background: #fff5e0/*#efefef*/;
	border-top: solid #fff 3px;
	color: #333;
}

.surveyPage #main-row .question-valid-container{
	background: #f7fcfe;
}

.surveyPage #main-row .ls-questionhelp,
.surveyPage #main-row .ls-question-help{
	margin-top: 0.3em!important;
	margin-bottom: 0.3em!important;
	font-size: 80%;
}
.ls-questionhelp:before,
.fa-exclamation-circle:before{
	color: #f39800;
}
.surveyPage #main-row .ls-question-help .ls-em-success{
	margin-bottom: 0;
}

@media screen and (min-width: 768px){

}

/* ////////// answers ////////// */
.ls-answers{
	padding: 1em 0;
}
#main-row .answer-container .ls-timer-countdown,
#main-row .answer-container .ls-timer-warning,
#main-row .answer-container .ls-timer-message{
	margin-top: 0.5em;
}
#main-row .answer-container ul,
#main-row .answer-container ol{
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#main-row .answer-container li{
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: none;
	line-height: 180%;
}

#main-row .answer-container ul li:before{
	content: none;
	display: none;
}
#main-row .answer-container ul li{
	padding-left: 0;
	text-indent: 0;
	list-style-type: none;
	line-height: 180%;
}

#main-row .answer-container ul li:before{
	content: none;
	display: none;
}

@media screen and (min-width: 768px){
	.ls-answers{
		padding-left: 1em;
	}
	#main-row .answer-container ul.col-sm-6{
		width: 48%;
	}
	#main-row .answer-container ul li{
		padding-left: 0.7em;
		text-indent: -0.7em;
	}
}
.surveyPage #navigator-container {
	margin-top: 0;
}

/* //////////// answer //////////// */
.surveyPage #main-row .answer-container{
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
.surveyPage #main-row .answer-container div{
	margin: 0;
}

/* //////////// radio ラジオボタン //////////// */
.ls-answers.radio-list {
	padding-left: 1.5em;
}

.radio-list li{
	margin-right: 0;
}

.radio-item label::before{
	width: 20px;
	height: 20px;
	margin-left: -25px;
	top: 2px;
}
.radio-item label::after{
	width: 12px;
	height: 12px;
	left: 3px;
	top: 6px;
	margin-left: -24px;
	border-radius: 50%;
	background-color: #007bbb;
	outline: 0;
}
.radio-item input[type="radio"]:focus + label::before{
	outline: none;
}

.answer-item.radio-text-item.form-inline{
	display: flex;
}
.surveyPage #main-row .answer-container .form-group.othertext-label-checkox-container.radio-item{
	display: block;
}
.surveyPage #main-row .answer-container .form-group.othertext-label-checkox-container.radio-item label{
	display: block;
	position: relative;
	left: -1.2em;
}
.surveyPage #main-row .answer-container .form-group .input-sm{
	height: 2em;
	font-size: 100%;
}

@media screen and (min-width: 768px){
	.ls-answers.radio-list{
		margin-left: 2em;
	}
	.radio-item label::before{
		margin-left: -35px;
	}
	.radio-item label::after{
		margin-left: -34px;
	}
	.surveyPage #main-row .answer-container .form-group.othertext-label-checkox-container.radio-item label{
		position: relative;
		left: -2em
	}
}

/* //////////// pulldown プルダウン //////////// */
.form-control.list-question-select{
	font-size: 100%;
}

/* //////////// 10点尺度（満足度・ラジオボタン） //////////// */
/* 質問タイプ：リスト（ラジオボタン）：単一回答
　　質問編集画面の「表示」＞「CSSクラス」に「scale10」を入力。0も含む場合は「scale11」
　　表示設定で10列（もしくは11列）に設定する。
 */
/* スマホ */
@media screen and (max-width: 767.9px){	
    #main-row .scale10 .answer-container {
    padding-top: 0;
    padding-bottom: 0;
}
    #main-row .scale10 .answers-list.nbcol-11,
    #main-row .scale10 .answers-list.nbcol-10{
        display: flex;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #main-row .scale10 .answers-list.nbcol-11 ul.list-unstyled,
    #main-row .scale10 .answers-list.nbcol-10 ul.list-unstyled{
        display: flex;
        flex-direction: row;
        width: 40%;
        margin-left: 2em;
        margin-bottom: 0;
    }
    #main-row .scale10 .answers-list.nbcol-11 ul.list-unstyled:before,
    #main-row .scale10 .answers-list.nbcol-10 ul.list-unstyled:before{
    display: block;
    content: "";
    width: 5px;
    border-right: solid 5px #eee;
    margin-right: 12px;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(1),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(1){
        order:1;
        width: 1em;
        color: #6a9dd5;
        margin-left: -0.5em;
        padding-bottom: 0;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(3),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(3){
        order:2;
        width: 2em;
        text-align: center;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(4),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(4){
        margin-top: -0.6em;
        padding-bottom: 0;
    }
    #main-row .scale10 .answers-list.nbcol-11 li.labelText,
    #main-row .scale10 .answers-list.nbcol-10 li.labelText{
        /* padding-top: 0.7em; */
        color: #0961ac;
        padding-bottom: 0;
        font-weight: bold;
    }
    .scale10.manzoku .answers-list.nbcol-11:before,
    .scale10.manzoku .answers-list.nbcol-10:before{
        content: 'まったく満足できなかった';
    }
    .scale10.yakudatsu .answers-list.nbcol-11:before,
    .scale10.yakudatsu .answers-list.nbcol-10:before{
        content: 'まったく役立たない';
    }
    .scale10.rikai .answers-list.nbcol-11:before,
    .scale10.rikai .answers-list.nbcol-10:before{
        content: 'まったく理解できなかった';
    }
    .scale10.omou .answers-list.nbcol-11:before,
    .scale10.omou .answers-list.nbcol-10:before{
        content: '全くそう思わない';
    }
    .scale10 .answers-list.nbcol-11:before,
    .scale10 .answers-list.nbcol-10:before{
        display: block;
        width: 100%;
        font-weight: bold;
        color: #0961ac;
    }
    .scale10.manzoku .answers-list.nbcol-11:after,
    .scale10.manzoku .answers-list.nbcol-10:after{
        content: 'とても満足できた';
    }
    .scale10.yakudatsu .answers-list.nbcol-11:after,
    .scale10.yakudatsu .answers-list.nbcol-10:after{
        content: 'とても役立つ';
    }
    .scale10.rikai .answers-list.nbcol-11:after,
    .scale10.rikai .answers-list.nbcol-10:after{
        content: 'とても理解できた';
    }
    .scale10.omou .answers-list.nbcol-11:after,
    .scale10.omou .answers-list.nbcol-10:after{
        content: '非常にそう思う';
    }
    #main-row .scale10 .answers-list.nbcol-11:after,
    #main-row .scale10 .answers-list.nbcol-10:after{
        display: block;
        width: 100%;
        margin-bottom: 0.5em;
        font-weight: bold;
        color: #0961ac;
    }
}
/* タブレット以上 */
@media screen and (min-width: 768px){	

    .scale10 .answers-list.nbcol-11,
    .scale10 .answers-list.nbcol-10{
        display: flex;
        width: 98%;
        margin: 0 auto;
    }
    .scale10 .answers-list.nbcol-11 ul,
    .scale10 .answers-list.nbcol-10 ul{
        border-top: solid 3px #6a9dd5;
    }
    .scale10.manzoku .answers-list.nbcol-11:before,
    .scale10.manzoku .answers-list.nbcol-10:before{
        content: 'まったく満足できなかった';
        width: 7em;
    }
    .scale10.yakudatsu .answers-list.nbcol-11:before,
    .scale10.yakudatsu .answers-list.nbcol-10:before{
        content: 'まったく役立たない';
        width: 7em;
    }
    .scale10.rikai .answers-list.nbcol-11:before,
    .scale10.rikai .answers-list.nbcol-10:before{
        content: 'まったく理解できなかった';
        width: 7em;
    }
    .scale10.omou .answers-list.nbcol-11:before,
    .scale10.omou .answers-list.nbcol-10:before{
        content: '全くそう思わない';
        width: 5em;
    }
    .scale10 .answers-list.nbcol-11:before,
    .scale10 .answers-list.nbcol-10:before{
        display: block;
        font-size: 75%;
        color: #0961ac;
        align-self: flex-end;
        padding-bottom: 0.5em;
        font-weight:bold;
    }
    .scale10.manzoku .answers-list.nbcol-11:after,
    .scale10.manzoku .answers-list.nbcol-10:after{
        content: 'とても満足できた';
        width: 6em;
    }
    .scale10.yakudatsu .answers-list.nbcol-11:after,
    .scale10.yakudatsu .answers-list.nbcol-10:after{
        content: 'とても役立つ';
        width: 6em;
        padding-right: 2em;
    }
    .scale10.rikai .answers-list.nbcol-11:after,
    .scale10.rikai .answers-list.nbcol-10:after{
        content: 'とても理解できた';
        width: 6em;
    }
    .scale10.omou .answers-list.nbcol-11:after,
    .scale10.omou .answers-list.nbcol-10:after{
        content: '非常にそう思う';
        width: 6em;
    }
    .scale10 .answers-list.nbcol-11:after,
    .scale10 .answers-list.nbcol-10:after{
        display: block;
        font-size: 75%;
        color: #0961ac;
        align-self: flex-end;
        padding-bottom: 0.5em;
        font-weight:bold;
    }
    #main-row .scale10 .answers-list.nbcol-11 ul.list-unstyled{
        margin-left: 0;
        display: flex;
        flex-direction: column;
    }
    
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(1),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(1){
        display: none;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(2),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(2){
        display:none;
        order:2;
        width: 1em;
        margin-top: -0.3em;
        padding-top: 0em;
        padding-left: 1em;
        font-weight: bold;
        color: #6a9dd5;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(3),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(3){
        order:3;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(4),
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(4){
        order:1;
    }
    #main-row .scale10 .answers-list.nbcol-11 li:nth-child(4):after,
    #main-row .scale10 .answers-list.nbcol-10 li:nth-child(4):after{
        display: block;
        margin-top: -5px;
        content:"";
        border-bottom:solid 5px #eee;
    }
    #main-row .scale10 .answers-list.nbcol-11 ul:nth-child(11),
    #main-row .scale10 .answers-list.nbcol-10 ul:nth-child(10){
        width:30px;
    }
    #main-row .scale10 .answers-list.nbcol-11 ul:nth-child(11) li:nth-child(4):after,
    #main-row .scale10 .answers-list.nbcol-10 ul:nth-child(10) li:nth-child(4):after{
        display: none;
    }
    #main-row .scale10 .answers-list.nbcol-11 ul:nth-child(11) li:nth-child(3),
    #main-row .scale10 .answers-list.nbcol-10 ul:nth-child(10) li:nth-child(3){
        padding-left: 0;
    }
    #main-row .scale10 .answers-list.nbcol-11 li.labelText,
    #main-row .scale10 .answers-list.nbcol-10 li.labelText{
        white-space: nowrap;
        text-indent: 0;
        padding-left: 0;
        text-align: center;
        width: 2em;
        margin-left: -0.5em;
    }
    #main-row .scale10 .answers-list.nbcol-11 .radio-item label::before,
    #main-row .scale10 .answers-list.nbcol-10 .radio-item label::before {
        margin-left: 0;
    }
    #main-row .scale10 .answers-list.nbcol-11 .radio-item label::after,
    #main-row .scale10 .answers-list.nbcol-10 .radio-item label::after {
        margin-left: 0;
        left: 4px;
    }
}
/* ******0-100%尺度****** */
/* 質問タイプ：リスト（ラジオボタン）：単一回答
　　質問編集画面の「表示」＞「CSSクラス」に「percent0-100」を入力
 */
/* スマホ */
@media screen and (max-width: 767.9px){	
    
    .percent0-100 .answers-list{
        display: flex;
        flex-direction: column;
        margin-top: -1.5em;
    }
    .percent0-100 .answers-list ul{
        display: flex;
        position: relative;
        width: 40%;
        margin-left: 4em;
        margin-bottom: 0;
        border-left: solid 3px #6a9dd5;
    }
    .percent0-100 .answers-list ul:first-child:before{
        content: " ";
        position: absolute;
        left: -4px;
        top: 0;
        width: 5px;
        height: 55%;
        border-left: 5px solid #ffffff;
    }
    .percent0-100 .answers-list ul:last-child:before{
        content: " ";
        position: absolute;
        left: -4px;
        bottom: 0;
        width: 5px;
        height: 40%;
        border-left: 5px solid #ffffff;
    }
    .percent0-100 .answers-list li{
        margin-right: 0!important;
    }
    .percent0-100 .answers-list li:nth-child(1){
        order:1;
        width: 1em;
        margin-left: -1em;
        padding-top: 0.7em;
        font-weight: bold;
        color: #6a9dd5;
    }
    .percent0-100 .answers-list li:nth-child(3){
        order:2;
        position: relative;
        top: 0.6em;
        left: -0.5em;
        width: 3em;
        margin-right: 0!important;
        color: #0961ac;
        text-align: center;
    }
    .percent0-100 .answers-list li:nth-child(4){
        order:3;
    }
    .percent0-100 .answers-list li.labelText{
        
    }
    
    .percent0-100 .answers-list:before{
        content: '％';
        display: block;
        z-index: 9999;
        width: 1em;
        position: relative;
        top: 1em;
        left: 3.5em;
        font-size: 100%;
        font-weight: bold;
        color: #0961ac;
    }
    .percent0-100 .answers-list:after{
        content: '％';
        display: block;
        z-index: 9999;
        width: 1em;
        position: relative;
        top: -0.5em;
        left: 3.5em;
        font-size: 100%;
        font-weight: bold;
        color: #0961ac;
    }
}
/* タブレット以上 */
@media screen and (min-width: 768px){	

    .percent0-100 .answers-list{
        display: flex;
        width: 98%;
        margin: 0 auto;
        /*padding-left: 1em;*/
        position: relative;
        left: -1em;
    }
    .percent0-100 .answers-list ul{
        width: 9%;
        clear: both;
        position: relative;
        border-top: solid 3px #6a9dd5;
    }
    .percent0-100 .answers-list ul:first-child:before{
        content: "";
        position: absolute;
        left: 0;
        top: -3px;
        left: -1px;
        width: 50%;
        border-top: solid 4px #FFFFFF;
    }
    .percent0-100 .answers-list ul:last-child:after{
        content: "";
        position: absolute;
        right: -2px;
        top: -3px;
        width: 50%;
        border-top: solid 3px #FFFFFF;
    }
    .percent0-100 .answers-list:before{
        content: '％';
        width: 1em;
        display: block;
        z-index: 9999;
        position: relative;
        top: -0.5em;
        left: 1em;
        font-size: 100%;
        color: #0961ac;
    }
    .percent0-100 .answers-list:after{
        content: '％';
        width: 1em;
        display: block;
        z-index: 9999;
        position: relative;
        top: -0.5em;
        left: -1em;
        font-size: 100%;
        color: #0961ac;
    }
    .percent0-100 .answers-list li:nth-child(1){
        display: none;
    }
    
    .percent0-100 .answers-list li:nth-child(2){
        order:1;
        width: 100%;
        margin-top: -0.3em;
        margin-right: 0;
        padding-top: 0em;
        /*padding-left: 50%;*/
        font-weight: bold;
        text-align: center;
        color: #6a9dd5;
    }
    .percent0-100 .answers-list li:nth-child(4){
        width: 100%;
        text-align: center;
        margin-right: 0;
        padding-left: 0;
    }
    .percent0-100 .answers-list ul:nth-child(11) li:nth-child(3){
        /*padding-left: 25%;*/
    }
    
    .percent0-100 .answers-list li.labelText{
        width: 100%;
        padding-top: 0.2em;
        /*padding-left: 50%;*/
        text-align: center;
        white-space: nowrap;
    }
    .percent0-100 .answers-list .radio-item label{
        width: 1.2em;
        text-align: center;
    }
    .percent0-100 .answers-list .radio-item label::before{
        left: 1em;
    }
    .percent0-100 .answers-list .radio-item label::after{
        left: 1.2em!important;
    }
}







/* //////////// radio(5point) 5点尺度 //////////// */
.choice-5-pt-radio .ls-answers.form-inline{
	padding-left: 3em!important;
}

@media screen and (min-width: 768px){
	.choice-5-pt-radio .ls-answers.form-inline{
		padding-left: 5em!important;
	}
}

.choice-5-pt-radio .form-inline  li{
	width: 18%;
	margin-right: 0;
	padding-left: 0;
}

.choice-5-pt-radio .form-inline li.noanswer-item {
	width: 6em;
	display: block;
	text-align: left;
}

/* star */
.choice-5-pt-radio .star-cancel.star-rated-on{
	color: #a12424;
}

.choice-5-pt-radio .stars-list{
	width: 95%;
	display: flex;
}

.choice-5-pt-radio .stars-list .star-rating{
	width: 20%;
	text-align: center;
	font-size: 1.5em;
	line-height: 100%;
	cursor: pointer;
	display: block;
	float: none;
	height: 1em;
}
/* slider */
.surveyPage #main-row .choice-5-pt-radio #emoji_slider_container_470.slider-wrapper {
	margin-left: auto!important;
	margin-right: auto!important;
	position: relative;
	top: 2em;
}
.choice-5-pt-radio .slider-line{
	background: #888;
}

@media screen and (max-width: 767.9px){
	div#emoji_slider_grab_container_470{
		position: relative;
		top: 1em;
		left: 0.2em;
	}
}


/* //////////// select image 画像選択 //////////// */
.selectImage .checkbox-item, 
.selectImage .radio-item {
	position: relative;
	display: inline-block !important;
	margin-right: 0;
	padding-left: 0;
}

.selectImage .ls-answers.radio-list{
	padding-left: 0;
}

#main-row .selectImage .answer-container ul li{
	max-width: 48%;
}

@media screen and (min-width: 768px){
	#main-row .selectImage .answer-container ul li{
		max-width: 30%;
	}
}

#main-row .selectImage .answer-container ul li{
	text-indent: 0;
}

.selectImage .checkbox-item label, 
.selectImage .radio-item label {
	box-sizing: border-box;
	padding-left: 0;
	border: solid 5px #fff;
}

.selectImage .checkbox-item input[type="checkbox"]:checked + label, 
.selectImage .radio-item input[type="radio"]:checked + label {
	box-sizing: border-box;
	border: solid 5px #ff0043;
}
.selectImage .checkbox-item label::before, 
.selectImage .radio-item label::before {
	visibility: hidden;
}
.selectImage .checkbox-item input[type="checkbox"]:enabled + label::before, 
.selectImage .radio-item input[type="radio"]:enabled + label::before,
.selectImage .checkbox-item input[type="checkbox"]:disabled + label::before, 
.selectImage .radio-item input[type="radio"]:disabled + label::before{
	visibility: hidden;
}
.selectImage .checkbox-item input[type="checkbox"]:checked + label::before, 
.selectImage .radio-item input[type="radio"]:checked + label::before {
	visibility: hidden;
}
.selectImage .checkbox-item input[type="checkbox"]:checked + label::after, 
.selectImage .radio-item input[type="radio"]:checked + label::after {
	visibility: hidden;
}
.selectImage .checkbox-item input[type="checkbox"]:enabled + label::after, 
.selectImage .radio-item input[type="radio"]:enabled + label::after,
.selectImage .checkbox-item input[type="checkbox"]:disabled + label::after, 
.selectImage .radio-item input[type="radio"]:disabled + label::after{
	visibility: hidden;
}
.selectImage .radio-item.no-anwser-item label{
	padding: 1em;
	background: #ccc;
}

/* //////////// checkbox チェックボックス //////////// */
.ls-answers.checkbox-list {
	padding-left: 2em;
}
.checkbox-item input[type="checkbox"]:checked + label::after, 
.checkbox-item input[type="radio"]:checked + label::after{
	content: " ";
}
.checkbox-item label::before{
	width: 20px;
	height: 20px;
	margin-left: -35px;
	top: 2px;
	border-color: #666;
}
.checkbox-item label::after{
	width: 14px;
	height: 14px;
	left: 1px;
	top: 5px;
	margin-left: -33px;
	background-color: #007bbb;
}

.checkbox-item input[type="checkbox"]:active{
	outline: 0;
}

.checkbox-item input[type="checkbox"]:focus + label::before{
	outline: none;
}

@media screen and (min-width: 768px){
	.checkbox-item label::before{
		margin-left: -35px;
		top: 2px;
	}
	.checkbox-item label::after{
		left: 1px;
		top: 5px;
		margin-left: -33px;
	}
}

/* //////////// multiple 配列 //////////// */
.array-flexible-row .question-number,
.array-flexible-row  .question-code{
	display: none;
}

.array-flexible-row .answer-container.col-xs-12{
	padding-left: 0;
	padding-right: 0;
}

#main-row table.ls-answers{
	margin-top: 1em;
	margin-bottom: 1em;
}

#main-row .table-bordered{
	border: none;
}
#main-row .table-bordered>tbody>tr>td, 
#main-row .table-bordered>tbody>tr>th, 
#main-row .table-bordered>tfoot>tr>td, 
#main-row .table-bordered>tfoot>tr>th, 
#main-row .table-bordered>thead>tr>td, 
#main-row .table-bordered>thead>tr>th{
	border: none;
}
#main-row .table-bordered>tbody>tr>td{
	border-bottom: dotted #ccc 1px;
	padding-left: 30px;
}

#main-row table.ls-answers thead th{
	background: #e8ece9;
	vertical-align: top;
}
.ls-answers .ls-heading>th{
	vertical-align: top;
}
#main-row table.ls-answers tbody .ls-heading th{
	background: #e8ece9;
	vertical-align: top;
}

#main-row table.ls-answers td .label_text{
	display: inline-block;
	padding-bottom: 0;
	text-align: left;
	vertical-align: text-top;
	font-size: 90%;
	color: #00a1e9;
}

#main-row table.ls-answers td.answer-item.radio-item{
	text-align: center;
}

@media screen and (max-width: 767.9px){
	.dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after,
	.dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after{
		margin-left: -19px!important;
	}
	#main-row table.ls-answers td .label_text{
		padding-left:0.5em;
		font-size: 100%;
		color: #000;
	}
	#main-row table.ls-answers td.answer-item.radio-item{
	    text-align: left;
	}
}

@media screen and (min-width: 768px){
	#main-row .table-bordered{
		border: 1px solid #888;
	}
	#main-row .table-bordered>tbody>tr>td, 
	#main-row .table-bordered>tbody>tr>th, 
	#main-row .table-bordered>tfoot>tr>td, 
	#main-row .table-bordered>tfoot>tr>th, 
	#main-row .table-bordered>thead>tr>td, 
	#main-row .table-bordered>thead>tr>th{
		border: 1px solid #888;
	}
	#main-row table.ls-answers thead th .label_text,
	#main-row table.ls-answers tbody .ls-heading th .label_text{
		display: block;
		padding-bottom: 0.3em;
		text-align: left;
		font-size: 85%;
		color: #00a1e9;
	}
	#main-row table.ls-answers tbody .radio-item label::before{
		margin-left: 0!important;
	}
	#main-row table.ls-answers tbody .radio-item label::after{
		left: 4px;
		margin-left: 0!important;
	}
}

#main-row table.ls-answers tbody th.answertext{
	background: #ebf6f7;
	text-align: left;
	line-height: 180%;
}

.dir-ltr .ls-answers td.radio-item, 
.dir-ltr .ls-answers td.checkbox-item{
	vertical-align: middle;
}
.radio-item .ls-label-xs-visibility,
.checkbox-item .ls-label-xs-visibility{
	width: 22px;
	height: 22px;
	line-height: 24px;
	text-indent: 24px;
}
.radio-item label::before{
	border-color: #666;
}

/* //////////// yes-no はい・いいえ //////////// */
.yes-no .answer-container ul .btn-primary:nth-child(2){
	/*filter: brightness(80%);*/
}
.yes-no .answer-container ul .btn-primary.active{
	background: #f39800;
	filter: brightness(100%);
	border: none;
}

/* //////////// upload ファイルアップロード //////////// */
.upload-files .upload-item{
	
}
.upload-files .upload-item .upload-button a{
	margin-bottom: 1em;
}
#main-row .uploadedfiles{
	margin-left: 0;
	margin-right: 0;
}

.surveyPage #main-row .answer-container .file-upload-modal div{
	margin-bottom: 1em;
}

.answer-container .file-upload-modal .btn-danger{
	margin-left: 1em;
	padding-left: 2.5em;
}


@media screen and (max-width: 767.9px){
	.surveyPage #main-row .answer-container .file-upload-modal .modal-dialog div{
		display: block!important;
		width: 90%;
		margin: 1em auto;
	}
	.surveyPage #main-row .answer-container .file-upload-modal .modal-dialog .modal-content div{
		width: 99%;
	}
	.surveyPage #main-row .answer-container .file-upload-modal .modal-dialog div.hidden{
		display: none!important;
	}
	.file-upload-modal::before,
	.modal:before{
		height: 20vh!important;
	}
	.upload-files .uploadedfiles thead{
		display: none;
	}
	.uploadedfiles tbody tr td{
		display: block;
		width: 100%;
		border-bottom: solid 1px #ccc;
	}
	.upload-files .uploadedfiles .title:before{
		content: "題名:";
		display: inline-block;
		font-weight: bold;
		margin-right: 0.5em;
	}
	.upload-files .uploadedfiles .comment:before{
		content: "コメント:";
		display: inline-block;
		font-weight: bold;
		margin-right: 0.5em;
	}
	.upload-files .uploadedfiles .edit:before{
		content: "ファイル名:";
		display: inline-block;
		font-weight: bold;
		margin-right: 0.5em;
	}
}

/* //////////// text テキスト入力 //////////// */
/* 数字のみ入力に設定 */
.numberonly .ls-input-group {
    display: flex;
    flex-direction: row;
}
.numberonly .ls-input-group .suffix-text.suffix{
    padding-left: 1em;
}

/* ////////// 複数テキスト入力で（　）時（　）分と横並びで表示する ////////// */
/* 設問の設定画面で「表示」＞「CSSクラス」に「colTime」と設定 */
.rowTime .answer-container ul.form-horizontal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.rowTime .form-group{
    width:10em;
    display: flex;
    flex-direction: row-reverse;
}
.rowTime .form-group .control-label{
    width: 6em;
    float: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}
.rowTime .form-group > div{
    width: 6em;
    padding-right: 0.3em;
}


/* //////////// numeric 数字入力 //////////// */
.numeric .withsuffix.ls-input-sized .ls-input-group{
	display: flex;
}

.numeric .withsuffix.ls-input-sized .ls-input-group .suffix-text{
	padding-left: 0.5em;
}
.numeric .withsuffix.ls-input-sized .ls-input-group-extra{
	line-height: inherit;
}

/* numeric-multi 数字入力（複数） */
.surveyPage #main-row .numeric-multi .number-list .numeric-item{
	margin-top: 0.8em;
}

/* slider スライダー */
.surveyPage #main-row .numeric-multi .slider-container{
	padding-right: 10%;
}
.surveyPage #main-row .numeric-multi .slider.slider-horizontal{
	margin-top: 2.2em;
	padding-top: 0;
	margin-right: 3em;
}
.numeric-multi .slider-list .slider-item .control-label{
	margin: 0;
	font-weight: bold;
}
.numeric-multi .slider_textBox .slider-left.text-right{
	color: #45b0ce;
}
.numeric-multi .slider_textBox .slider-right.text-left{
	color: #45b0ce;
}
.numeric-multi .slider-track{
	background: #ddd;
}
.numeric-multi .slider-selection{
	background: #0095d9;
	border-radius: 4px 0 0 4px;
}
.numeric-multi .slider.slider-horizontal .slider-tick, 
.numeric-multi .slider.slider-horizontal .slider-handle{
	margin-left: -10px!important;
	background: #f6ad49;
	position: relative;
    top: 5px;
}
.surveyPage #main-row .numeric-multi .answer-container .slider .tooltip.top{
	margin-top: -36px;
	margin-left: -5px!important;
}

.numeric-multi .tooltip-inner{
	
}
.numeric-multi .slider-container .pull-left,
.numeric-multi .slider-container .pull-right{
	
}
.surveyPage #main-row .answer-container .ls-input-group-extra.ls-input-group-reset{
	margin-top: 2.5em;
	text-align: right;
}

@media screen and (min-width: 768px){
	.surveyPage #main-row .answer-container .ls-input-group-extra.ls-input-group-reset{
		padding-top: 2.5em;
	}
	.surveyPage #main-row .numeric-multi .slider_textBox .slider-container{
		width: 90%;
		padding-right: 0;
	}
	.numeric-multi .slider_textBox .slider-left.text-right{
		width: 45%;
		text-align: left;
		font-size: 85%;
		color: #45b0ce;
	}
	.numeric-multi .slider_textBox .slider-right.text-left.visible-xs-block{
		display: block!important;
		width: 45%;
		font-size: 85%;
		text-align: right;
		color: #45b0ce;
	}
	.numeric-multi .slider_textBox .slider-right.text-left.hidden-xs{
		display: none;
	}
}

#main-row .numeric-multi .answer-container ul li{
	text-indent: 0;
	border-bottom: solid #ccc 2px;
}
#main-row .numeric-multi .answer-container ul li:last-child{
	border-bottom: none;
}

/* //////////// ranking（ランキング） //////////// */
#main-row .ranking .sortable-choice{
	border: 2px solid #888!important;
}
#main-row .ranking .sortable-choice .sortable-item{
	padding-left: 0.5em;
	border: 1px solid #888!important;
}

@media screen and (min-width: 768px){
	#main-row .ranking .sortable-choice .sortable-item{
		padding-left: 1.5em;
	}
}
#main-row .ranking .sortable-choice .sortable-item:after{
	content: " ";
	display: inline-block;
	margin-right: 0.5rem;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 9px solid #fcc800;
	color: transparent;
}
#main-row .ranking .sortable-rank{
	border: solid #45b0ce 2px!important;
}
#main-row .ranking .sortable-rank .sortable-item{
	padding-left: 0.5em;
	border: 1px solid #45b0ce!important;
}
@media screen and (min-width: 768px){
	#main-row .ranking .sortable-rank .sortable-item{
		padding-left: 1.5em;
	}
}

/* //////////// array flexible dual scale 二元スケール//////////// */
#main-row .array-flexible-dual-scale table.ls-answers thead th:empty,
#main-row .array-flexible-dual-scale table.ls-answers thead td:empty,
#main-row .array-flexible-dual-scale .answer-container .header_separator,
#main-row .array-flexible-dual-scale .answer-container .dual_scale_separator {
	background: #fff!important;
	border: none!important;
}

/* //////////// array flexible dual scale 二元スケール//////////// */
#main-row .text-short .answer-container .geoname_search{
	margin-bottom: 1em;
}
#main-row .text-short .answer-container .geoname_search + .form-inline{
	margin-bottom: 1em;
}

/* //////////// only text //////////// */
/* Enter "onlyText" in the "CSS Class" field of the question setting. */
.onlyText.question-container{
	border: none;
}
.onlyText .question-title-container{
	background: #fff5e0/*#f7f6f5*/;
	border: none;
}
.onlyText .question-number, 
.onlyText .question-code{
	display: none;
}


/* ////////////////////// SSL Message ////////////////////// */
#ssl-message{
	width: 90%;
	margin: 0.5em auto;
	font-size: 80%;
	text-align: center;
}

/* ////////////////////// Footer ////////////////////// */

#footer{
	flex: 1;
	padding-top: 10px;
	background-color: #00a1e9;
	border-top: solid #002B69 3px;
	color: #fff;
	text-align: center;
	font-size: 85%;
}
#footer .youvo_link{
	font-size: 80%;
	text-align: center;
	border-top: solid 1px #fff;
}
#footer .youvo_link a{
	color: #fff;
	border-bottom: dotted 1px #fff;
}

#footer .br-pc{
	display: none;
}
@media screen and (max-width: 767.9px){
    #footer .copyBox{
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
}

/* ////////////////////// 非該当 ////////////////////// */
/* 非該当画面の次へボタンを非表示にする */
/* 
質問タイプ：テキスト表示　　質問編集画面の「表示」＞「CSSクラス」に「NA」を入力。
 */
.NAPage .navigator .btn-primary{
    display: none;
}

/* ////////////////////// Error ////////////////////// */

.errorPage #block_error{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 1em;
	background-image: none;
	border: none;
	border-radius: 0;
}

.errorPage .navbar-inner p{
	margin-top: 1em;
	text-align: center;
	color: #fff;
}

#block_error div{
	padding: 0;
}

.errorPage #footer{
	color: #fff;
}
.errorPage #footer .copyBox{
	display: none;
}

.errorPage #footer .youvo_link{
	padding: 0.5em;
	border: none;
	font-size: 80%;
	color: #fff;
}

/*  メールアドレスのエラー  */
.mailAddress .em_sq_fn_validation.ls-em-success {
    display: none;
}

/*  回答完了済画面  */
.error_yet #block_error{
    margin-top: 2em;
    max-width: 1000px;
    margin: 2em auto 0 auto;
}
.error_yet .message-0{
	margin-bottom: 5em;
	font-size: 18px;
}
.error_yet h1{
    font-size: 20px;
}
.error_yet #block_error div h2{
    font-size: 20px;
}
.error_yet .message-0 + p{
	display: none;
}

/* ////////////////////// アンケート固有の設定 ////////////////////// */

/* Arow横並び */
#main-row .Arow .answer-container ul{
    display: flex;
    flex-direction: row;
    width: fit-content;
}
#main-row .Arow .answer-container ul li {
    display: flex;
    flex-direction: row-reverse;
}
.surveyPage #main-row .Arow .answer-container div.col-sm-8{
    width: fit-content;
}
.Arow .form-horizontal .control-label {
        text-align: left;
        width: 6em;
    }

/* sliderdisplay */

.sliderdisplay.numeric-multi .slider-list .slider-item .control-label{
    width: 100%;
    text-align: left;
}
.surveyPage #main-row .sliderdisplay.numeric-multi .slider-container{
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.surveyPage #main-row .sliderdisplay.numeric-multi .slider-container:before {
    display: block;
    content: "理解できなかった";
    width: fit-content;
    white-space: nowrap;
    align-self: end;
    padding-right: 1em;
}
.surveyPage #main-row .sliderdisplay.numeric-multi .slider-container:after {
    display: block;
    content: "理解できた";
    width: fit-content;
    white-space: nowrap;
    align-self: end;
    padding-left: 1em;
}
.sliderdisplay.numeric-multi label:after{
    content: "";
    display: inline-block;
    padding-left: 0.5em;
    color: #a94442;
    background-color: #fff;
    font-size: 0.9em;
}
.sliderdisplay.numeric-multi  .ls-error-mandatory label:after{
    text-decoration: underline;
}
.sliderdisplay.numeric-multi .slider_bnote{
    width: 95%;
    clear: both;
    margin-top: 15px!important;
    text-align: center;
    font-size: 1em;
}
.sliderdisplay.numeric-multi .slider_bnote p{
    background: white;   
}

.sliderdisplay.numeric-multi .slider_note{
    width: 90%;
    clear: both;
    margin-top: 15px!important;
    text-align: center;
    font-size: 0.8em;
}
.sliderdisplay.numeric-multi .slider_note p{
    width: 50%;
    background: #eaf4fc;
}
.sliderdisplay.numeric-multi .ls-error-mandatory .slider_note p{
    color: #a94442;
    font-weight: bold;
    text-decoration: underline;
}
.surveyPage #main-row .numeric-multi .answer-container .slider .tooltip.top{
	margin-top: -40px;
	margin-left: 0!important;
}
.surveyPage #main-row .numeric-multi .answer-container .slider .tooltip-inner{
    font-size: 150%;
}
.surveyPage #main-row .numeric-multi .answer-container .slider .tooltip.top .tooltip-arrow{
    margin-left: -5px !important;
}
#main-row .onlyText.sliderdisplaytext.question-container {
    margin-bottom: 0 !important;
}
.question-container.sliderdisplaytext .answer-container{
    padding-bottom: 0;
}
.sliderdisplay .question-valid-container{
    display:none;
}
    
@media only screen and (min-width: 767.9px){
    .sliderdisplay.numeric-multi .col-xs-12.col-sm-8.container-fluid{
        width:90%;
        margin: 0 auto;
        float: none;
        display: flex;
        flex-direction: row;
    }
    .sliderdisplay.numeric-multi .text-right,
    .sliderdisplay.numeric-multi .text-left{
        width:25%;
        float: none;
    }
    .sliderdisplay.numeric-multi .text-right span,
    .sliderdisplay.numeric-multi .text-left span{
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        color: #00a960;
        font-weight:bold;
        font-size: 1.1em;
    }
    .sliderdisplay.numeric-multi .slider-container{
        width:100%;
        float: none;
    }
    .surveyPage #main-row .sliderdisplay.numeric-multi .slider.slider-horizontal{
        margin-right: 0;
        margin-bottom: 0.5em;
    }
    .sliderdisplay.numeric-multi .slider_note {
        width: 100%;  
    }
    .sliderdisplay.numeric-multi .slider_note p{
        width: 40%;  
        margin-left: auto!important;
        margin-right: auto!important;
    }
}
@media only screen and (max-width: 767.9px){
    .surveyPage #main-row .sliderdisplay.numeric-multi .slider-container{
        flex-direction: column;
    }
    .surveyPage #main-row .sliderdisplay.numeric-multi .slider.slider-horizontal{
        width:90%;
        margin: 0 auto 1em;
        order:3;
    }
    .surveyPage #main-row .sliderdisplay.numeric-multi .slider-container:before{
        order: 1;
        align-self: start;
        height: 4.5em;
        margin-bottom: 6.5em;
        padding-left: 0.5em;
        border-left: solid 1px #ccc;
    }
    .surveyPage #main-row .sliderdisplay.numeric-multi .slider-container:after{
        order: 2;
        margin-top: -11em;
        padding-right: 0.5em;
        border-right: solid 1px #ccc;
        height: 4.5em;
    }
    .surveyPage #main-row .sliderdisplay.numeric-multi .answer-container li > div{
        padding: 0;
    }
    .sliderdisplay.numeric-multi .slider-list .slider-left,
    .sliderdisplay.numeric-multi .slider-list .slider-right{
        padding: 0;
    }
    .sliderdisplay.numeric-multi .text-right span,
    .sliderdisplay.numeric-multi .text-left span{
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        color: #00a960;
        font-weight:bold;
        font-size: 1.1em;
    }
    .sliderdisplay.numeric-multi .slider_note {
        width: 100%;  
    }
    .sliderdisplay.numeric-multi .slider_note p{
        width: 100%;  
        margin-left: auto!important;
        margin-right: auto!important;
    }
}