@charset "UTF-8";

/*
Theme Name: Taisho University 2017
Theme URL:
Author: Hiroki TANABE
Author URL:
Description:
Version: 1.1
Tag: Original
*/

/*
-------------- library entry -------------------------------
*/

.web-library-form {
	font-size: 14px;
}

.web-library-form .ts-alt-th {
	width: 40%;
}

.web-library-confirm-form .ts-alt-th {
	width: 40%;
}

.web-library-form .wpcf7-date {
	border: 1px solid #dbdbdb;
	width: 90% !important;
    min-width: 80px;
}

.form-question-hidden {
	display: none !important;
}

.web-library-form .form-question-hidden {
	display: none !important;
}

.web-library-form .wpcf7-text {
	border: 1px solid #dbdbdb;
	width: 90%;
}

.web-library-form pre {
	white-space: pre-wrap;
}

.web-library-form select {
	width: 90%;
}


pre {
   white-space: pre-wrap;
}

.custom-select {
	padding: 6px;
}

.ts-name-block {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ts-name-group {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
	.ts-alt-table {
		display: block !important;
		width: 100% !important;
	}

	.ts-alt-tr {
		display: flex !important;
		flex-direction: column !important;
		margin-bottom: 20px;
		width: 100% !important;
	}

	.ts-alt-td {
		display: block !important;
		width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.ts-alt-th {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.4;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ts-alt-td select,
	.ts-alt-td input,
	.ts-alt-td textarea {
		width: 100% !important;
		max-width: 100% !important;
		padding: 12px 0 !important;
		box-sizing: border-box;
		border-radius: 4px;
		border: 1px solid #ccc;
		appearance: none;
	}
	
	.ts-alt-td {
		width: 100% !important;
		box-sizing: border-box;
	}

	.web-library-form select,
	input{
		padding: 6px 6px 6px 12px !important;
	}
	
	.web-library-form input{
		padding: 6px 6px 6px 12px !important;
	}

	.web-library-form .form-question-shown {
		display: flex !important;
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	.form-question-hidden {
		display: none !important;
	}
	
	.ts-form-support {
		text-align: left;
		display: block;
	}
	
	.ts-name-group{
		margin-bottom: 10px;
	}
	
	.ts-name-group .ts-form-support {
		padding-left: 0 !important;
	}
}

/*
-------------- End library entry -------------------------------
*/