@charset "utf-8";

table {
	width: 100%
}

table table {
	max-width: 1024px;
	margin: 0 auto;
}

input{
	padding: 7px 8px;
	font-size: 16px;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

table table tr td{
	padding: 8px 0;
}

#gl_footer {
	margin-top: 40px;
}

.fm-enqueteout h1 {
	margin-bottom: 40px;
}

.fm-question,
.fm-verticalquestion{
	font-weight: bold;
}

.fm-verticalquestion {
	padding-top: 24px;
}

.fm-messagebox {
	max-width: 1024px;
	margin: 0 auto;
}

.webcas_date input,
.webcas_date select,
.webcas_number input {
	margin: 0 8px;
}
.webcas_date input:first-child,
.webcas_date select:first-child,
.webcas_number input:first-child {
	margin-left: 0;
}

.webcas_type_select select{
	display: block;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	background: url(../cmn_v1/img/icon_s_accordiondown_01.png) 100% 50% no-repeat #ffffff;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}
.webcas_type_select select::-ms-expand {
	display: none;
}

.webcas_type_select.webcas_date select {
	float: left
}

/*matrix以外のラジオ・チェックボックス*/
input[type=radio] { -webkit-appearance: radio; appearance: radio; }
input[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox; }
input[type=radio],
input[type=checkbox] { display: inline-block; }
.webcas_type_radio label,
.webcas_type_checkbox label { position: relative; display: inline-block; cursor: pointer; }

@media (min-width: 1px) {
	.webcas_type_radio input[type=radio],
	.webcas_type_checkbox input[type=checkbox] { position: absolute; opacity: 0; margin: 0; }
	.webcas_type_radio label,
	.webcas_type_checkbox label { padding-left: 34px; }
	.webcas_type_radio label::before,
	.webcas_type_checkbox label::before { display: block; width: 24px; height: 24px; margin-top: -12px;
		position: absolute; top: 0.7em; left: 0;
		content: "";
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.webcas_type_radio label::before { border: 2px solid #999999;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	.webcas_type_checkbox label::before { border: 2px solid #999999;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	.webcas_type_radio .radio_checked::before { border: 2px solid #4bbdcd; }
	.webcas_type_checkbox .checkbox_checked::before { border: 2px solid #4bbdcd; }
	.radio_checked::after,
	.checkbox_checked::after { display: block;
		position: absolute; top: 0.7em;
		content: "";
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.radio_checked::after { width: 14px; height: 14px; margin-top: -7px;
		left: 5px;
		background: #4bbdcd;
		border-radius: 7px;
	}
	.checkbox_checked::after { width: 12px; height: 6px; margin-top: -4px;
		left: 6px;
		border-left: 3px solid #4bbdcd;
		border-bottom: 3px solid #4bbdcd;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/*matrixのラジオ・チェックボックス*/
.fm-matrix input[type=radio],.fm-matrix input[type=radio]:checked,
.fm-matrix input[type=checkbox],.fm-matrix input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer;}
.fm-matrix input[type=radio]:focus,
.fm-matrix input[type=checkbox]:focus {outline: none;}

@media (min-width: 1px) {
	.fm-matrix input[type=radio],
	.fm-matrix input[type=checkbox]{ 
		width: 24px;
		height: 24px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #999999;
		background: #fff;
	}
	.fm-matrix input[type=radio] {
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	.fm-matrix input[type=checkbox] {
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	.fm-matrix input[type=radio]:checked,
	.fm-matrix input[type=checkbox]:checked { border: 2px solid #4bbdcd; }
	.fm-matrix input[type=radio]:checked::before,
	.fm-matrix input[type=checkbox]:checked::before {
		position: absolute;
		content: "\0020";
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fm-matrix input[type=radio]:checked::before {
		width: 14px;
		height: 14px;
		margin-top: -4px;
		left: 3px;
		background: #4bbdcd;
		border-radius: 7px;
	}
	.fm-matrix input[type=checkbox]:checked::before { 
		width: 12px;
		height: 6px;
		margin-top: -1px;
		left: 4px;
		border-left: 3px solid #4bbdcd;
		border-bottom: 3px solid #4bbdcd;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

.aprnc_nml { -webkit-appearance: normal !important; -moz-appearance: normal !important; appearance: normal !important;}
.aprnc_rdo { -webkit-appearance: radio !important; -moz-appearance: radio !important; appearance: radio !important;}
.aprnc_chbx { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important;}

/* error,requisite */
.err_box { background-color: #f8ccc9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.req_box { background-color: #fef5f4;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* ============================== Submit */
input[type=submit] {
	display: inline-block;
	margin: 0;
	padding: 10px 16px 9px;
	border: none;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	border-radius: 8px;
	width: 280px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #666666;
	color: #ffffff;
}
input[type=submit]:hover {
	background-color: #333333;
}
input[type=submit][value="戻る"] {
	background-color: #dedede;
	color: #333333;
}
input[type=submit][value="戻る"]:hover {
	background-color: #f3f3f3;
	padding: 8px 14px 7px;
	border: 2px solid #dedede;
}
.fm-answer input[type=submit]{
	width: 200px;
}
/* ============================== Text */
input[type=text] { padding: 7px 8px; font-size: 16px; border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
label+input[type=text] {margin-left: 16px;}
input[disabled=disabled] {background-color: #f3f3f3;}

/* error,requisite */
input.err[type=text] { background: #f8ccc9; border: 1px solid #ed171f; }
input.req[type=text] { background: #fef5f4; border: 1px solid #f8ccc9; }


/* ============================== Select */
/* error,requisite */
.slct_nml.err > .selector { background-color: #f8ccc9; border: 1px solid #ed171f; }
.slct_nml.req > .selector { background-color: #fef5f4; border: 1px solid #f8ccc9; }

.fm-matrix td {
	border-collapse: collapse;
	background: #c9c9c9;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}
.fm-matrix td.fm-y {
	background: #dedede;
}
.fm-matrix td.fm-cell {
	background: #ffffff;
}

/* ============================== Textarea */
textarea { padding: 8px; font-size: 16px; font-family: inherit; background: #ffffff; border: 1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


.webcas_w100p input[type="text"],
.webcas_w100p textarea,
.webcas_w100p select { width: 100% !important; box-sizing: border-box; }

.webcas_w95p input[type="text"],
.webcas_w95p textarea,
.webcas_w95p select { width: 95% !important; box-sizing: border-box; }

.webcas_w90p input[type="text"],
.webcas_w90p textarea,
.webcas_w90p select { width: 90% !important; box-sizing: border-box; }

.webcas_w85p input[type="text"],
.webcas_w85p textarea,
.webcas_w85p select { width: 85% !important; box-sizing: border-box; }

.webcas_w80p input[type="text"],
.webcas_w80p textarea,
.webcas_w80p select { width: 80% !important; box-sizing: border-box; }

.webcas_w75p input[type="text"],
.webcas_w75p textarea,
.webcas_w75p select { width: 75% !important; box-sizing: border-box; }

.webcas_w70p input[type="text"],
.webcas_w70p textarea,
.webcas_w70p select { width: 70% !important; box-sizing: border-box; }

.webcas_w65p input[type="text"],
.webcas_w65p textarea,
.webcas_w65p select { width: 65% !important; box-sizing: border-box; }

.webcas_w60p input[type="text"],
.webcas_w60p textarea,
.webcas_w60p select { width: 60% !important; box-sizing: border-box; }

.webcas_w55p input[type="text"],
.webcas_w55p textarea,
.webcas_w55p select { width: 55% !important; box-sizing: border-box; }

.webcas_w50p input[type="text"],
.webcas_w50p textarea,
.webcas_w50p select { width: 50% !important; box-sizing: border-box; }

.webcas_w45p input[type="text"],
.webcas_w45p textarea,
.webcas_w45p select { width: 45% !important; box-sizing: border-box; }

.webcas_w40p input[type="text"],
.webcas_w40p textarea,
.webcas_w40p select { width: 40% !important; box-sizing: border-box; }

.webcas_w38_5p input[type="text"],
.webcas_w38_5p textarea,
.webcas_w38_5p select { width: 38.5% !important; box-sizing: border-box; }

.webcas_w35p input[type="text"],
.webcas_w35p textarea,
.webcas_w35p select { width: 35% !important; box-sizing: border-box; }

.webcas_w30p input[type="text"],
.webcas_w30p textarea,
.webcas_w30p select { width: 30% !important; box-sizing: border-box; }

.webcas_w25p input[type="text"],
.webcas_w25p textarea,
.webcas_w25p select { width: 25% !important; box-sizing: border-box; }

.webcas_w20p input[type="text"],
.webcas_w20p textarea,
.webcas_w20p select { width: 20% !important; box-sizing: border-box; }

.webcas_w15p input[type="text"],
.webcas_w15p textarea,
.webcas_w15p select { width: 15% !important; box-sizing: border-box; }

.webcas_w10p input[type="text"],
.webcas_w10p textarea,
.webcas_w10p select { width: 10% !important; box-sizing: border-box; }

/* error,requisite */
textarea.err { background: #f8ccc9; border: 1px solid #ed171f; }
textarea.req { background: #fef5f4; border: 1px solid #f8ccc9; }

/* ============================================================ Media Queries */
@media (max-width: 640px) {

	input[type=submit]{
		width: 90%;
		margin: 16px auto 0 auto;
	}
	.fm-question{
		padding-top: 24px;
	}
	.fm-answer input[type=submit]{
		width: 100%;
	}
	.webcas_type_select select { width: 90%; max-width: initial; }
	.webcas_type_select.webcas_date select { width: 25%; }
	.webcas_type_select.webcas_date select:first-child { width: 35%; }

	.rsp_webcas_w100p input[type="text"],
	.rsp_webcas_w100p textarea,
	.rsp_webcas_w100p select { width: 100% !important; box-sizing: border-box; }

	.rsp_webcas_w95p input[type="text"],
	.rsp_webcas_w95p textarea,
	.rsp_webcas_w95p select { width: 95% !important; box-sizing: border-box; }

	.rsp_webcas_w90p input[type="text"],
	.rsp_webcas_w90p textarea,
	.rsp_webcas_w90p select { width: 90% !important; box-sizing: border-box; }

	.rsp_webcas_w85p input[type="text"],
	.rsp_webcas_w85p textarea,
	.rsp_webcas_w85p select { width: 85% !important; box-sizing: border-box; }

	.rsp_webcas_w80p input[type="text"],
	.rsp_webcas_w80p textarea,
	.rsp_webcas_w80p select { width: 80% !important; box-sizing: border-box; }

	.rsp_webcas_w75p input[type="text"],
	.rsp_webcas_w75p textarea,
	.rsp_webcas_w75p select { width: 75% !important; box-sizing: border-box; }

	.rsp_webcas_w70p input[type="text"],
	.rsp_webcas_w70p textarea,
	.rsp_webcas_w70p select { width: 70% !important; box-sizing: border-box; }

	.rsp_webcas_w65p input[type="text"],
	.rsp_webcas_w65p textarea,
	.rsp_webcas_w65p select { width: 65% !important; box-sizing: border-box; }

	.rsp_webcas_w60p input[type="text"],
	.rsp_webcas_w60p textarea,
	.rsp_webcas_w60p select { width: 60% !important; box-sizing: border-box; }

	.rsp_webcas_w55p input[type="text"],
	.rsp_webcas_w55p textarea,
	.rsp_webcas_w55p select { width: 55% !important; box-sizing: border-box; }

	.rsp_webcas_w50p input[type="text"],
	.rsp_webcas_w50p textarea,
	.rsp_webcas_w50p select { width: 50% !important; box-sizing: border-box; }

	.rsp_webcas_w45p input[type="text"],
	.rsp_webcas_w45p textarea,
	.rsp_webcas_w45p select { width: 45% !important; box-sizing: border-box; }

	.rsp_webcas_w40p input[type="text"],
	.rsp_webcas_w40p textarea,
	.rsp_webcas_w40p select { width: 40% !important; box-sizing: border-box; }

	.rsp_webcas_w35p input[type="text"],
	.rsp_webcas_w35p textarea,
	.rsp_webcas_w35p select { width: 35% !important; box-sizing: border-box; }

	.rsp_webcas_w30p input[type="text"],
	.rsp_webcas_w30p textarea,
	.rsp_webcas_w30p select { width: 30% !important; box-sizing: border-box; }

	.rsp_webcas_w25p input[type="text"],
	.rsp_webcas_w25p textarea,
	.rsp_webcas_w25p select { width: 25% !important; box-sizing: border-box; }

	.rsp_webcas_w20p input[type="text"],
	.rsp_webcas_w20p textarea,
	.rsp_webcas_w20p select { width: 20% !important; box-sizing: border-box; }

	.rsp_webcas_w15p input[type="text"],
	.rsp_webcas_w15p textarea,
	.rsp_webcas_w15p select { width: 15% !important; box-sizing: border-box; }

	.rsp_webcas_w10p input[type="text"],
	.rsp_webcas_w10p textarea,
	.rsp_webcas_w10p select { width: 10% !important; box-sizing: border-box; }

}