@charset "utf-8";
@import url("/ssi/css/detail.css");

/* アンケート一覧 */
#main_body table.tbl_ques {
	width: 100%;
	margin: 0px;
	border-width: 2px;
}
#main_body table.tbl_ques caption {
	text-align: left;
}
#main_body table.tbl_ques th {
	font-weight: bold;
	text-align: center;
}
#main_body table.tbl_ques th.title {
	width: 50%;
}
#main_body table.tbl_ques th.date {
	width: 18%;
}
#main_body table.tbl_ques th.date2 {
	width: 18%;
}
#main_body table.tbl_ques th.button {
	width: 14%
}
#main_body table.tbl_ques td.t_center {
	text-align: center;
}
div[class*="question"] #main_body table.tbl_ques td input {
	display: block;
	margin: 0px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-width: auto;
}

/* アンケート詳細 */
#main_body fieldset {
	border: none;
}
#main_body textarea {
	white-space: normal !important;
	word-break: normal;
}

div.q2 br {
	display: none;
}

div[class*="question_detail"] #main_body fieldset {
	border: none;
	margin: 0px 0px var(--content-margin-normal, 40px);
	padding: 0px;
}
div[class*="question_detail"] #main_body fieldset legend {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div[class*="question_detail"] #main_body fieldset label {
	margin-right: 1em;
}
div[class*="question_detail"] #main_body select {
	height: 2em;
}
div[class*="question_detail"] #main_body input[type="text"] {
	max-width: 100%;
	height: 2em;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #666666;
}
div[class*="question_detail"] #main_body textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #666666;
}
div[class*="question_detail"] #main_body img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}
div[class*="question_detail"] #main_body form > img {
	margin-top: 1em;
	margin-bottom: 1em;
}
div[class*="question_detail"] #main_body div.detail_free > *:first-child {
	margin-top: 0px !important;
}
div[class*="question_detail"] #main_body div.detail_free > *:last-child {
	margin-bottom: 0px !important;
}

div[class*="confirm_quest_hankyou"] #hyouka_area_submit,
div[class*="question_detail"] #main_body form p[align="left"],
div[class*="question_detail"] #main_body form p[style="text-align:left;"] {
	text-align: center;
	margin: var(--content-margin-wide, 60px) 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
}

div[class*="question"] #main_body input[type="submit"],
div[class*="question"] #main_body input[type="button"] {
	display: inline-block;
	background: var(--btn-background, #e6e6e6);
	border: var(--btn-border, 1px solid transparent);
	border-radius: var(--btn-borderradius, 0);
	-webkit-box-shadow: var(--btn-boxshadow, none);
	        box-shadow: var(--btn-boxshadow, none);
	color: var(--btn-color, #333333);
	text-decoration: var(--btn-textdecoration, none);
	font-size: var(--fontsize-main-small, 1.5rem);
	line-height: 1.8rem;
	padding: 15px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: var(--btn-transition, none);
	-o-transition: var(--btn-transition, none);
	transition: var(--btn-transition, none);
	width: 260px;
	max-width: calc(50% - 10px);
}
div[class*="question"] #main_body input[type="submit"]:hover,
div[class*="question"] #main_body input[type="button"]:hover,
div[class*="question"] #main_body input[type="submit"]:focus,
div[class*="question"] #main_body input[type="button"]:focus {
	background: var(--btn-hover-background, #e6e6e6);
	border: var(--btn-hover-border, 1px solid transparent);
	border-radius: var(--btn-hover-borderradius, 0);
	-webkit-box-shadow: var(--btn-hover-boxshadow, none);
	        box-shadow: var(--btn-hover-boxshadow, none);
	color: var(--btn-hover-color, #333333);
	text-decoration: var(--btn-hover-textdecoration, underline);
}

/* アンケート詳細2（別テンプレート／ヘッダ・フッタなし） */
div[class*="question_detail2"] #footstep_wrap {
	display: none !important;
}

/* アンケート結果グラフ */
#main_body img[src*="img/graph.gif"] {
	height: 20px !important;
	vertical-align: middle;
}

/* お問い合わせフォーム */
#mail_form_message,
#cookie_err_message {
	margin: 1em 0px;
	color: #cc0000;
}

#main_body table#mail_form_tbl {
	width: 100%;
	margin: 0px;
	border-width: 2px;
}
#main_body table#mail_form_tbl caption {
	text-align: left;
}
#main_body table#mail_form_tbl th {
	width: 25%;
	text-align: left;
}
#main_body table#mail_form_tbl td {
	width: 75%;
}
#main_body table#mail_form_tbl td input[type="text"] {
	width: 100%;
	height: 2em;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #666666;
}
#main_body table#mail_form_tbl td input[type="text"]#mail_to,
#main_body table#mail_form_tbl td input[type="text"]#mail_to2 {
	width: 80%;
}
#main_body table#mail_form_tbl td textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #666666;
}
#main_body table#mail_form_tbl td fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#mail_form_btn_wrap {
	text-align: center;
	margin: var(--content-margin-wide, 60px) 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
}
#mail_form_btn_wrap input[type="submit"] {
	display: inline-block;
	background: var(--btn-background, #e6e6e6);
	border: var(--btn-border, 1px solid transparent);
	border-radius: var(--btn-borderradius, 0);
	-webkit-box-shadow: var(--btn-boxshadow, none);
	        box-shadow: var(--btn-boxshadow, none);
	color: var(--btn-color, #333333);
	text-decoration: var(--btn-textdecoration, none);
	font-size: var(--fontsize-main-small, 1.5rem);
	line-height: 1.8rem;
	padding: 15px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: var(--btn-transition, none);
	-o-transition: var(--btn-transition, none);
	transition: var(--btn-transition, none);
	width: 260px;
	max-width: calc(50% - 10px);
}
#mail_form_btn_wrap input[type="submit"]:hover,
#mail_form_btn_wrap input[type="submit"]:focus {
	background: var(--btn-hover-background, #e6e6e6);
	border: var(--btn-hover-border, 1px solid transparent);
	border-radius: var(--btn-hover-borderradius, 0);
	-webkit-box-shadow: var(--btn-hover-boxshadow, none);
	        box-shadow: var(--btn-hover-boxshadow, none);
	color: var(--btn-hover-color, #333333);
	text-decoration: var(--btn-hover-textdecoration, underline);
}

#mail_form_btn_wrap p {
	width: 100%;
	margin: 0px;
	font-size: var(--fontsize-main-small, 1.5rem);
}

/* お問い合わせフォーム（必須・いずれか必須表示切り替え） */
#main_body table#mail_form_tbl th .hidden {
	display: none !important;
}


/* ==================================================
スマートフォン
================================================== */
@media (max-width: 1100px) {

	/* アンケート一覧 */
	#main_body table.tbl_ques {
		margin-top: var(--content-margin-narrow, 20px);
	}
	#main_body table.tbl_ques th {
		font-size: 1.1rem;
		padding: 4px;
	}
	#main_body table.tbl_ques th.title {
		width: 42%;
	}
	#main_body table.tbl_ques th.date {
		width: 22%;
	}
	#main_body table.tbl_ques th.date2 {
		width: 22%;
	}
	#main_body table.tbl_ques th.button {
		width: 14%;
	}
	#main_body table.tbl_ques td {
		font-size: 1.3rem;
		padding: 4px;
	}
	div[class*="question"] #main_body table.tbl_ques td input {
		font-size: 1.1rem;
		padding: 5px;
	}

	/* アンケート詳細 */
	div[class*="question_detail"] #main_body input[type="text"] {
		width: 100%;
	}
	div[class*="question_detail"] #main_body textarea {
		width: 100%;
	}
	div[class*="question_detail"] #main_body h2 {
		margin: var(--content-margin-narrow, 20px) 0px;
	}
	div[class*="question_detail"] #main_body img {
		max-width: 100%;
		height: auto !important;
		vertical-align: top;
	}

	div[class*="confirm_quest_hankyou"] #hyouka_area_submit,
	div[class*="question_detail"] #main_body form p[align="left"],
	div[class*="question_detail"] #main_body form p[style="text-align:left;"] {
		gap: 10px;
	}

	div[class*="question"] #main_body input[type="submit"],
	div[class*="question"] #main_body input[type="button"] {
		width: calc(40% - 5px);
		min-width: auto;
		padding: 10px;
	}

	/* お問い合わせフォーム */
	#main_body table#mail_form_tbl tbody,
	#main_body table#mail_form_tbl tr,
	#main_body table#mail_form_tbl th,
	#main_body table#mail_form_tbl td {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border: none;
	}
	#main_body table#mail_form_tbl th {
		font-size: 1.2rem;
		padding: 5px 10px;
		text-align: left;
		border-top: 1px solid var(--table-bordercolor, #333333);
	}
	#main_body table#mail_form_tbl tr:first-child th {
		border-top: none;
	}
	#main_body table#mail_form_tbl td {
		font-size: 1.3rem;
		padding: 10px;
		border-top: 1px dotted #cccccc;
	}
	#main_body table#mail_form_tbl td:only-child {
		border-top: none;
	}
	#main_body table#mail_form_tbl td textarea {
		vertical-align: middle;
	}
	#main_body table#mail_form_tbl td input[type="text"]#mail_to,
	#main_body table#mail_form_tbl td input[type="text"]#mail_to2 {
		width: 100%;
	}

	#mail_form_btn_wrap {
		gap: 10px;
	}
	#mail_form_btn_wrap input[type="submit"] {
		width: calc(40% - 5px);
		min-width: auto;
		padding: 10px;
	}

	#mail_form_btn_wrap p {
		font-size: var(--fontsize-main-small, 1.3rem);
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */