@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	新潟大学 医学部学士会 - ログインページのレスポンシブ表示

	/common/css/responsiveness.css

	contents:
		1. common
		2. passkey form
		3. mobile styles
			3-1. wrapper
			3-2. layout
				3-2-1. control container
			3-3. label styles
				3-3-1. required
			3-4. input styles
				3-4-1. basic
				3-4-2. button-box

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	1. common

------------------------------------------------------------------------------*/

body.responsiveness {
	min-width: auto;
}


/*------------------------------------------------------------------------------

	2. passkey form

------------------------------------------------------------------------------*/

body.responsiveness #content h2:nth-of-type(2) {
	margin-top: 2.5rem;
}

body.responsiveness #content .box:nth-of-type(2) .button-box {
	margin-top: 0;
}


/*------------------------------------------------------------------------------

	3. mobile styles

------------------------------------------------------------------------------*/

@media (width <= 570px) {
	body.responsiveness {
		
		/*	3-1. wrapper
		------------------------------------------------------------------------------*/
		#wrapper {
			padding-left: 10px;
			padding-right: 10px;
			width: calc(100% - 20px);
		}
		
		/*	3-2. layout
		------------------------------------------------------------------------------*/
		
		/*	3-2-1. control container
		------------------------------------------------------------------------------*/
		#content .box {
			dt {
				border-right: unset;
				float: none;
				width: auto;
			}
			dd {
				border-left: unset;
				margin-left: 0;
				padding-top: .5rem;
				padding-left: 0;
			}
		}
		
		/*	3-3. label styles
		------------------------------------------------------------------------------*/
		
		/*	3-3-1. required
		------------------------------------------------------------------------------*/
		#content .required {
			display: inline-block;
			margin-top: 0;
			margin-left: .5rem;
		}
		
		/*	3-4. input styles
		------------------------------------------------------------------------------*/
		#content {
			
			/*	3-4-1. basic
			------------------------------------------------------------------------------*/
			.textbox {
				width: 100%;
			}
		
			/*	3-4-2. button-box
			------------------------------------------------------------------------------*/
			.button-box input {
				padding: 5px 0;
				width: 100%;
			}
		}
	}
}