/*カラー定義*/
@import url("style_define.css");

/*------------------------------------------------------------
	modal_window 閉じるボタン
------------------------------------------------------------*/
#modal_window_header .modal_window_btn_return .modal_window_close {
	cursor: pointer;
	float: right;
}

/*------------------------------------------------------------
	modal_window 種別ヘッダー
------------------------------------------------------------*/
#modal_window_type_header {
	font-size: 25px;
	text-align: center;
	color: #545151;
	border-bottom: solid 2px var(--base-color);
	margin-bottom: 10px;
	padding-bottom: 15px;
}

/*------------------------------------------------------------
	modal_window
------------------------------------------------------------*/
#overlay {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
	display: none;
}
#modalWindow {
	/*width: 1000px;*/
	/*height: 872px;*/
	position: fixed;
	background-color: #FFF;
	display: none;
	z-index: 2;
	padding: 20px;
	display: none;
}
#modalWindow .inner_content_box {
	width: 660px;
	/* max-height: 660px; */
	overflow: auto;
	box-sizing: border-box;
}
#modalWindow .content_box .inner_content_box .item_ttl {
	font-size: 16px;
	padding-bottom: 15px;
}
#modalWindow .content_box .inner_content_box .item_ttl_border {
	border-bottom: 2px solid var(--base-color);
	width: 50px;
	margin-bottom: 15px;
}
#modalWindow .content_box .inner_content_box .input_select_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modalWindow .content_box .inner_content_box .input_select_area select::-ms-expand {
	display: none;
}
#modalWindow .content_box .inner_content_box .pt_table_update_item_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modalWindow .content_box .inner_content_box .pt_table_update_item_area select::-ms-expand {
	display: none;
}
#modalWindow .selected_btn {
	text-align: center;
}
#modalWindow .selected_btn button {
	width: 295px;
	height: 40px;
	box-sizing: border-box;
	background: var(--base-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	vertical-align: middle;
}


/*------------------------------------------------------------
	設問新規作成モーダル
------------------------------------------------------------*/
#overlay_new_question {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
	display: none;
}
#modal_window_new_question {
	/*width: 1000px;*/
	/*height: 872px;*/
	position: fixed;
	background-color: #FFF;
	display: none;
	z-index: 2;
	padding: 20px;
	display: none;
}
#modal_window_new_question .inner_content_box {
	width: 700px;
	max-height: 660px;
	overflow: auto;
	box-sizing: border-box;
}
#modal_window_new_question .content_box .inner_content_box .item_ttl {
	font-size: 16px;
	padding-bottom: 15px;
}
#modal_window_new_question .content_box .inner_content_box .item_ttl_border {
	border-bottom: 2px solid var(--base-color);
	width: 50px;
	margin-bottom: 15px;
}
#modal_window_new_question .content_box .inner_content_box .input_select_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modal_window_new_question .content_box .inner_content_box .input_select_area select::-ms-expand {
	display: none;
}
#modal_window_new_question .content_box .inner_content_box .pt_table_update_item_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modal_window_new_question .content_box .inner_content_box .pt_table_update_item_area select::-ms-expand {
	display: none;
}
#modal_window_new_question .selected_btn {
	text-align: center;
}
#modal_window_new_question .selected_btn button {
	width: 295px;
	height: 40px;
	box-sizing: border-box;
	background: var(--base-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

#modal_window_new_question .content_box .inner_content_box .input_text_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_new_question .content_box .inner_content_box .input_text_area input	{
	width: 650px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
}
#modal_window_new_question .content_box .inner_content_box .input_text_area textarea	{
	/*width: 650px;*/
	width: 99%;
	height: 60px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
	resize: none;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area {
	display: none;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .input_text_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .input_text_area input	{
	width: 580px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .btn_return {
	margin: 10px 0 0 0;
	float: right;
	font-size: 16px;
	text-align: center;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .btn_return .answer_option_add {
	background: var(--base-color);
	color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 15px;
	cursor: pointer;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .answer_option_add_item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 7px 5px 10px 5px;
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #afadad;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .answer_option_add_item_text_type {
	box-sizing: border-box;
	position: relative;
	display: block;
	margin: 0 10px 10px 0;
	/*padding: 7px 5px 10px 5px;*/
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: none;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .text_input_flag_box {
	border: 1px solid #cccccc;
	padding: 3px 10px 5px 10px;
	width: 92%;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .text_input_flag_box .text_input_flag_area {
	width: 95%;
	font-size: 16px;
	padding: 10px;
}
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .answer_option_add_item .x-mark_icon01,
#modal_window_new_question .content_box .inner_content_box .hide_input_area .answer_option_add_area .answer_option_add_item_text_type .x-mark_icon01 {
	margin: 0px 0px -5px 0px;
	padding: 0px 10px 0px 0px;
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area .int_radio {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 12px 12px 12px 42px;
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #afadad;
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area .int_radio:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #afadad;
	border-radius: 50%;
	content: '';
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area .int_radio:before {
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--base-color);
	content: '';
	opacity: 0;
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area input[type=radio]:checked + .int_radio {
	background-color: #b4ccfa;
}
#modal_window_new_question .content_box .inner_content_box .input_radio_area input[type=radio]:checked + .int_radio:before {
	opacity: 1;
}


/*------------------------------------------------------------
	設問編集作成モーダル
------------------------------------------------------------*/
#overlay_edit_question {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
	display: none;
}
#modal_window_edit_question {
	/*width: 1000px;*/
	/*height: 872px;*/
	position: fixed;
	background-color: #FFF;
	display: none;
	z-index: 2;
	padding: 20px;
	display: none;
}
#modal_window_edit_question .inner_content_box {
	width: 700px;
	max-height: 660px;
	overflow: auto;
	box-sizing: border-box;
}
#modal_window_edit_question .content_box .inner_content_box .item_ttl {
	font-size: 16px;
	padding-bottom: 15px;
}
#modal_window_edit_question .content_box .inner_content_box .item_ttl_border {
	border-bottom: 2px solid var(--base-color);
	width: 50px;
	margin-bottom: 15px;
}
#modal_window_edit_question .content_box .inner_content_box .input_select_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modal_window_edit_question .content_box .inner_content_box .input_select_area select::-ms-expand {
	display: none;
}
#modal_window_edit_question .content_box .inner_content_box .pt_table_update_item_area select {
	padding: 10px 48px 10px 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #afadad;
	background: #ffffff;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background: url(../img/select_arrow.png) right 50% no-repeat;
	background-size: 40px, 100%;
}
#modal_window_edit_question .content_box .inner_content_box .pt_table_update_item_area select::-ms-expand {
	display: none;
}
#modal_window_edit_question .selected_btn {
	text-align: center;
}
#modal_window_edit_question .selected_btn button {
	width: 295px;
	height: 40px;
	box-sizing: border-box;
	background: var(--base-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

#modal_window_edit_question .content_box .inner_content_box .input_text_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_edit_question .content_box .inner_content_box .input_text_area input	{
	width: 650px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
}
#modal_window_edit_question .content_box .inner_content_box .input_text_area textarea	{
	/*width: 650px;*/
	width: 99%;
	height: 60px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
	resize: none;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area {
	display: none;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .input_text_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .input_text_area input	{
	width: 580px;
	box-sizing: border-box;
	border: 1px solid #afadad;
	font-size: 16px;
	padding: 10px;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .btn_return {
	margin: 10px 0 0 0;
	float: right;
	font-size: 16px;
	text-align: center;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .btn_return .answer_option_add {
	background: var(--base-color);
	color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 15px;
	cursor: pointer;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .answer_option_add_item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 7px 5px 10px 5px;
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #afadad;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .answer_option_add_item_text_type {
	box-sizing: border-box;
	position: relative;
	display: block;
	margin: 0 10px 10px 0;
	/*padding: 7px 5px 10px 5px;*/
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: none;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .text_input_flag_box {
	border: 1px solid #cccccc;
	padding: 3px 10px 5px 10px;
	width: 92%;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .text_input_flag_box .text_input_flag_area {
	width: 95%;
	font-size: 16px;
	padding: 10px;
}
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .answer_option_add_item .x-mark_icon01,
#modal_window_edit_question .content_box .inner_content_box .hide_input_area .answer_option_add_area_edit .answer_option_add_item_text_type .x-mark_icon01 {
	margin: 0px 0px -5px 0px;
	padding: 0px 10px 0px 0px;
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area {
	width: 650px;
	font-size: 16px;
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area .int_radio {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 12px 12px 12px 42px;
	background-color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #afadad;
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area .int_radio:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #afadad;
	border-radius: 50%;
	content: '';
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area .int_radio:before {
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--base-color);
	content: '';
	opacity: 0;
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area input[type=radio]:checked + .int_radio {
	background-color: #b4ccfa;
}
#modal_window_edit_question .content_box .inner_content_box .input_radio_area input[type=radio]:checked + .int_radio:before {
	opacity: 1;
}

/*------------------------------------------------------------
	郵便番号から住所モーダル
------------------------------------------------------------*/
#overlay_auto_address {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
	display: none;
}
#modal_window_auto_address {
	position: fixed;
	background-color: #FFF;
	display: none;
	z-index: 2;
	padding: 20px;
	display: none;
}
#modal_window_auto_address .inner_content_box {
	width: 660px;
	height: 400px;
	max-height: 660px;
	overflow: auto;
	box-sizing: border-box;
}
#modal_window_auto_address .content_box .inner_content_box .item_ttl {
	font-size: 16px;
	padding-bottom: 15px;
}
#modal_window_auto_address .content_box .inner_content_box .item_ttl_border {
	border-bottom: 2px solid var(--base-color);
	width: 50px;
	margin-bottom: 15px;
}
#modal_window_auto_address .content_box .inner_content_box ul {
	margin: 5px;
}
#modal_window_auto_address .content_box .inner_content_box .address_list li {
	color: #2196f3;
	cursor: pointer;
	padding-bottom: 15px;
}

/*------------------------------------------------------------
	同署署名モーダル
------------------------------------------------------------*/
#overlay_sign {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
	display: none;
}
#modal_window_sign {
	position: fixed;
	background-color: #FFF;
	display: none;
	z-index: 2;
	padding: 20px;
	display: none;
}
#modal_window_sign .inner_content_box {
	width: 660px;
	height: 400px;
	max-height: 660px;
	overflow: auto;
	box-sizing: border-box;
}
#modal_window_sign .content_box .inner_content_box .item_ttl {
	font-size: 16px;
	padding-bottom: 15px;
}
#modal_window_sign .content_box .inner_content_box .item_ttl_border {
	border-bottom: 2px solid var(--base-color);
	width: 50px;
	margin-bottom: 15px;
}
#modal_window_sign .content_box .inner_content_box .signCanvasArea {
	width: 650px;
	height: 300px;
}
#modal_window_sign .content_box .inner_content_box #signCanvas {
	border-bottom: 2px solid var(--base-color);
}

#modal_window_sign .content_box .buttonsArea button {
	box-sizing: border-box;
	background: var(--base-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
	padding: 10px;
}

@media screen and (max-width: 720px) {
	#modal_window_auto_address .inner_content_box {
		width: 100%;
		height: 400px;
		max-height: 660px;
		overflow: auto;
		box-sizing: border-box;
	}
}