@charset "utf-8";

/************************************************************
	アプリ枠（下部共通）
*************************************************************/
#appBox {
	margin-bottom: 1.5em;
	padding: 1em;
	-webkit-background-size: 6px 6px;
	-moz-background-size: 6px 6px;
	background-size: 6px 6px;
	background-color: #D8D3C2;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
		color-stop(.25, #E0DCCE), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, #E0DCCE),
		color-stop(.75, #E0DCCE), color-stop(.75, transparent),
		to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #E0DCCE 25%, transparent 25%,
		transparent 50%, #E0DCCE 50%, #E0DCCE 75%,
		transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #E0DCCE 25%, transparent 25%,
		transparent 50%, #E0DCCE 50%, #E0DCCE 75%,
		transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #E0DCCE 25%, transparent 25%,
		transparent 50%, #E0DCCE 50%, #E0DCCE 75%,
		transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #E0DCCE 25%, transparent 25%,
		transparent 50%, #E0DCCE 50%, #E0DCCE 75%,
		transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #E0DCCE 25%, transparent 25%,
		transparent 50%, #E0DCCE 50%, #E0DCCE 75%,
		transparent 75%, transparent);
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

	#appBox > div {
	}
		#appBox > div > div:nth-of-type(1) {
			float: left;
			width: 45%;
		}
			#appBox > div > div:nth-of-type(1) img {
				max-width: 100%;
				height: auto;
				width: auto; /* for ie8 */
			}
		#appBox > div > div:nth-of-type(2) {
			float: right;
			width: 52%;
		}
			#appBox > div > div:nth-of-type(2) p:first-of-type {
				margin-bottom: 0.5em;
				font-size: 150%;
				font-weight: bold;
				line-height: 1.3;
			}
				#appBox > div > div:nth-of-type(2) p:first-of-type b {
					color: #B20000;
				}
			#appBox > div > div:nth-of-type(2) ul {
				margin-bottom: 0.75em;
			}
				#appBox > div > div:nth-of-type(2) ul li {
					float: left;
					margin-right: 10px;
				}
					#appBox > div > div:nth-of-type(2) ul li img {
						max-width: 100%;
						height: auto;
						width: auto; /* for ie8 */
					}
					#appBox > div > div:nth-of-type(2) ul li:last-of-type {
						margin-right: 0;
					}
			#appBox > div > div:nth-of-type(2) p:last-of-type img {
				max-width: 100%;
				height: auto;
				width: auto; /* for ie8 */
			}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#appBox > div > div:nth-of-type(2) p:first-of-type {
			font-size: 115%;
		}
	}
	@media only screen and (max-width: 767px){
		#appBox > div > div:nth-of-type(1) {
			margin-bottom: 0.5em;
			float: none;
			width: 100%;
			text-align: center;
		}
		#appBox > div > div:nth-of-type(2) {
			float: none;
			width: 100%;
			text-align: center;
		}
			#appBox > div > div:nth-of-type(2) p:first-of-type {
				font-size: 115%;
			}
				#appBox > div > div:nth-of-type(2) ul li {
					display: inline-block;
					*display: inline;
					*zoom: 1;
					float: none;
					margin-right: 0;
				}
	}


/************************************************************
	アコーディオン
*************************************************************/
#accordion {
}
	#accordion > h2 {
		margin-bottom: 0.5em;
		padding: 0.25em;
		background: #FFE8E8;
		color: #000;
		font-size: 150%;
		line-height: 1.2;
	}
		#accordion > h2:before {
			margin-right: 0.2em;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f0ca";
			color: #B20000;
		}
		#accordion > h2:after {
			margin-left: 0.2em;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f0dc";
		}

	#accordion > div {
		margin-bottom: 1.5em;
	}
		#accordion > div:last-of-type {
			margin-bottom: 0;
		}

		#accordion > div > dl {
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: 1px dotted #ccc;
		}
			#accordion > div > dl > dt {
				float: left;
				width: 28%;
			}
				#accordion > div > dl > dt h3 {
					font-size: 125%;
					line-height: 1.6;
				}
			#accordion > div > dl > dd {
				float: right;
				width: 70%;
			}
				#accordion > div > dl > dd ul li {
					margin-bottom: 0.5em;
					line-height: 1.6;
				}
					#accordion > div > dl > dd ul li dl {
						font-size: 90%;
					}
						#accordion > div > dl > dd ul li dl dt {
							float: left;
							width: 15%;
						}
						#accordion > div > dl > dd ul li dl dd {
							float: right;
							width: 83%;
						}



/************************************************************
	大学名から選ぶ
*************************************************************/
div#content > div.name {
}

















/************************************************************
	固定ページ / Contact Form 7
*************************************************************/

	#cf7Form {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

		#cf7Form section {
			margin-bottom: 1em;
		}
		
		#cf7Form p {
			margin-bottom: 1em;
			font-size: 90%;
			line-height:1.4;
		}
			#cf7Form p b {
				color: #F00;
			}

	@media only screen and (max-width: 767px){
		#cf7Form p {
			font-size: 100%;
		}
	}

	#cf7Form dl {
		margin-bottom: 1em;
		padding: 1em;
		background: #FBFCF3;
		border: 1px solid #B20000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		line-height:1.4;
	}
		#cf7Form dl dt {
			float: left;
			width: 40%;
			margin-bottom: 1em;
			font-size: 90%;
		}
			#cf7Form dl dt.must:after {
				float: right;
				content: "必須";
				margin-right: 1.5em;
				padding: 0 0.5em;
				background: #B20000;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				font-size: 90%;
				color: #FFFFFF;
				text-align: center;
			}
		#cf7Form dl dd {
			float: left;
			width: 60%;
			margin-bottom: 1em;
			font-size: 90%;
		}
			#cf7Form dl dd span.exp {
				display: block;
			}
	#cf7Form p.btn {
		text-align: center;
	}

	/* Checkboxを縦並び */
	span.wpcf7-list-item {
		display: block !important;
		margin-left: 0 !important;
	}

	@media only screen and (max-width: 959px){
		#cf7Form dl dt {
			float: none;
			width: 100%;
			margin-bottom: 0.5em;
		}
			#cf7Form dl dt.must:after {
				margin-right: 0.25em;
				float: left;
			}
		#cf7Form dl dd {
			float: none;
			width: 100%;
		}
		span.wpcf7-form-control-wrap {
			display: block !important;
		}
	}


	/* Contact Form 7 メッセージ枠
	------------------------------------------------------------*/
	.wpcf7 .wpcf7-response-output {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
		.wpcf7 .wpcf7-validation-errors,
		.wpcf7-mail-sent-ng {
			border: none !important;
			background: #FF0000;
			font-size: 90%;
			color: #FFFFFF;
			text-align: center;
		}
		.wpcf7 .wpcf7-mail-sent-ok {
			border: none !important;
			background: #B20000;
			font-size: 90%;
			color: #FFFFFF;
			text-align: center;
		}
	.wpcf7 .wpcf7-not-valid {
		background: #FFC4C4;
	}
	
	/* 送信ボタン
	------------------------------------------------------------*/
	.wpcf7 input[type="submit"] {
		padding-left: 3em;
		padding-right: 3em;
		background: #B20000;
		color: #FFF;
		/* http://stackoverflow.com/questions/5449412/styling-input-buttons-for-ipad-and-iphone */
		 -webkit-appearance: none;
	}
	.wpcf7 input[type="submit"]:hover {
		background: #660000;
	}
	
	.wpcf7c-conf {
		background: #FBFCF3 !important;
		border: none !important;
		color: #000000 !important;
	}

	/* 送信完了
	------------------------------------------------------------*/
	.finish p {
		margin-bottom: 1.5em;
		font-size: 90%;
		line-height:1.4;
	}
		.finish p:last-of-type {
			/*padding: 1em;
			border: 2px solid #B20000;
			background: #FBFCF3;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;*/
		}
	@media only screen and (max-width: 767px){
		.finish p {
			font-size: 100%;
		}
	}






/************************************************************
	検索結果ページ(search.php)
*************************************************************/

/************************************************************
	エラーページ(404.php)
*************************************************************/
section.err {
}
	section.err p {
		margin-bottom: 1em;
		line-height: 1.4;
	}