/*
Theme Name: 授業日記
Version: 1.0
*/
@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css);

/*####################################################################################

  	WP

　####################################################################################*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
	word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}



/*####################################################################################

  	グローバルヘッダー

　####################################################################################*/

	.index #globalheader{
		width:100%;
		height:31vw;
		background-image:url("/images/img_main.jpg");
		background-repeat: no-repeat;
		background-position:100% 0;
		background-size: auto 100%;
	}

@media screen and (max-width:1400px){
	.index #globalheader{height:440px;}
}

@media screen and (max-width:1200px){
	.index #globalheader{height:400px;}
}

@media screen and (max-width:1000px){
	.index #globalheader{height:34vw;}
}

	.detail main > header{
		max-width:1100px;
		width:98%;
		margin:0 auto;
		padding: 17px 0 13px;
	}

@media screen and (max-width:640px){

	.detail main > header{
		width:270px;
		padding: 10px 0;
	}

}

	.detail main > header{zoom:1;}
	.detail main > header:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}


		.detail main > header a{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width: 130px;
			height:34px;
			margin-left:10px;
			padding-left: 10px;
			font-size: 0.9em;
			text-decoration: none;
			border-radius: 17px;
			float: right;
			cursor: pointer;
		}

	@media screen and (max-width:640px){

		.detail main > header a{
			width: 120px;
			height:30px;
			font-size: 0.8em;
			border-radius: 15px;
		}
		.detail main > header a:nth-of-type(2){
			margin-left: 0;
		}

	}

			.detail main > header a.return{
				color:#fff;
				background-color: #50459a;
				background-image: url("/shared/img_yajirushi-yellow2.png");
				background-repeat: no-repeat;
				background-size: 6px auto;
				background-position: 15px 50%;
			}

			.detail main > header a.print{
				color: #50459a;
				background-color: #d3d0e6;
				background-image: url("/shared/ico_print.png");
				background-repeat: no-repeat;
				background-position: 10px 50%;
			}

		@media screen and (max-width:1000px){

			.detail main > header a.return{
				background-size: 6px auto;
				background-position: 15px 50%;
			}

			.detail main > header a.print{
				background-size: 15px auto;
				background-position: 10px 50%;
			}

		}



		.index #globalheader .inner{
			max-width: 1400px;
			width:100%;
			height:100%;
			margin:0 auto;
		}


		.index #globalheader .inner h1{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:50%;
			height:calc(100% - 80px);
		}
		.index #globalheader .inner h1 img{
			display: block;
			width:459px;
			height:auto;
			margin: 0 auto;
		}

	@media screen and (max-width:1600px){

		.index #globalheader .inner h1{
			width:60%;
			height:calc(100% - 90px);
		}

	}

	@media screen and (max-width:1400px){

		.index #globalheader .inner h1{
			height:calc(100% - 90px);
		}

	}

	@media screen and (max-width:1200px){

		.index #globalheader .inner h1{
			height:calc(100% - 100px);
		}
		.index #globalheader .inner h1 img{
			width:360px;
		}

	}

	@media screen and (max-width:1000px){

		.index #globalheader .inner h1{
			height:calc(100% - 100px);
		}
		.index #globalheader .inner h1 img{
			max-width:360px;
			width:75%;
		}

	}

	@media screen and (max-width:640px){

		.index #globalheader .inner h1{
			height:calc(100% - 20px);
		}

	}

	@media screen and (max-width:480px){

		.index #globalheader .inner h1{
			height:calc(100% - 15px);
		}

		.index #globalheader .inner h1 img{
			width:80%;
		}

	}


/*####################################################################################

  	学部・専攻選択

　####################################################################################*/

	.index .selectdep{
		max-width: 1100px;
		width:100%;
		margin: -124px auto 0;
		padding: 27px 0;
		background-image: url("/shared/bg_clear-white80.png");
		position: relative;
	}

@media screen and (max-width:1400px){

	.index .selectdep{
		margin-top: -100px;
		padding: 20px 0;
	}

}

@media screen and (max-width:1000px){

	.index .selectdep{
		margin-top: -80px;
		padding: 15px 0;
	}

}

@media screen and (max-width:640px){

	.index .selectdep{
		margin-top:0;
	}

}

@media screen and (max-width:430px){

	.index .selectdep{
		padding: 8px 0;
	}

}


	.index .selectdep ul{
		max-width: 1000px;
		width:96%;
		margin: 0 auto;
	}

	.index .selectdep ul{zoom:1;}
	.index .selectdep ul:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

		.index .selectdep li{
			width:calc(95% / 6);
			height:70px;
			margin-right: 1%;
			line-height: 1.6em;
			list-style: none;
			float: left;
			border-radius: 5px;
		}
		.index .selectdep li:nth-last-of-type(1){
			margin-right: 0;
		}
		.index .selectdep li:nth-of-type(2) a{
			line-height: 1.3em;
		}
		.index .selectdep li:nth-of-type(2) a,
		.index .selectdep li:nth-of-type(3) a{
			letter-spacing: 0;
		}

		.index .selectdep li a{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:100%;
			height:100%;
			color:#fff;
			font-size:0.9em;
			font-weight:700;
			text-align: center;
			text-decoration: none;
			line-height: 1.6em;
			border-radius: 5px;
		}

		.index .selectdep li a:hover{
			filter:alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}
		.index .selectdep li a{
			-webkit-transition:opacity 0.3s ease-out;
			-moz-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
		}

	@media screen and (max-width:1400px){

		.index .selectdep li{
			height:60px;
		}

	}

	@media screen and (max-width:1000px){

		.index .selectdep li{
			height:50px;
		}
		.index .selectdep li a{
			font-size:0.8em;
		}
		.index .selectdep li:nth-of-type(2) a{
			line-height: 1.2em;
		}

	}

	@media screen and (max-width:840px){

		.index .selectdep li:nth-of-type(2) a,
		.index .selectdep li:nth-of-type(3) a{
			letter-spacing: -0.03em;
		}

	}

	@media screen and (max-width:770px){

		.index .selectdep li{
			width:calc(98% / 3);
			margin-bottom:5px;
		}
		.index .selectdep li:nth-of-type(2) a,
		.index .selectdep li:nth-of-type(3) a{
			letter-spacing: 0;
		}
		.index .selectdep li:nth-of-type(3n){
			margin-right: 0;
		}
		.index .selectdep li:nth-of-type(4),
		.index .selectdep li:nth-of-type(5),
		.index .selectdep li:nth-of-type(6){
			margin-bottom: 0;
		}			

	}

	@media screen and (max-width:430px){

		.index .selectdep li{
			height: 45px;
			border-radius:3px;
		}
		.index .selectdep li a{
			font-size:0.7em;
			border-radius:3px;
		}

	}

	@media screen and (max-width:370px){

		.index .selectdep li a{
			font-size:0.6em;
		}

	}


		.index .selectdep li:nth-of-type(1){background-color: #241681;}
		.index .selectdep li:nth-of-type(2){background-color: #47bad0;}
		.index .selectdep li:nth-of-type(3){background-color: #e46c91;}
		.index .selectdep li:nth-of-type(4){background-color: #3faf81;}
		.index .selectdep li:nth-of-type(5){background-color: #a67eb1;}
		.index .selectdep li:nth-of-type(6){background-color: #73592d;}


/*####################################################################################

  	詳細検索

　####################################################################################*/

	.index .searchblock > .inner{
		clear: both;
		max-width: 1000px;
		width:96%;
		margin: 0 auto;
	}
	.index .searchblock > .inner > p{
		margin: 0 0 5px;
		padding: 7px 0;
		color:#036;
	}

@media screen and (max-width:640px){

	.index .searchblock > .inner > p{
		padding: 3px 0;
		font-size:0.9em;
		line-height: 1.6em;
		position: relative;
		top:-10px;
	}

}

		.index .detailsearch{
			mwidth:100%;
			margin-bottom: 80px;
			background-color: #f2f1f8;
		}

	@media screen and (max-width:640px){

		.index .detailsearch{
			margin-bottom: 50px;
		}

	}

			.index .detailsearch h3{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height: 40px;
				color:#fff;
				font-size:0.9em;
				font-weight:700;
				background-color: #918ac0;
			}

			.index .detailsearch table{
				width:90%;
				margin: 30px auto 0;
				border-collapse: collapse;
			}

		@media screen and (max-width:640px){

			.index .detailsearch table{
				margin: 20px auto 0;
			}

		}

			.index .detailsearch th{
				width:120px;
				font-size:0.9em;
				padding: 10px 0;
				color:#241681;
				vertical-align: top;
				background-color: #fff;
				border-bottom: 1px dashed #ccc;
			}
			.index .detailsearch th:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

		@media screen and (max-width:640px){

			.index .detailsearch th{
				display: block;
				width:100%;
				padding: 2px 0;
				color:#fff;
				font-size:0.9em;
				vertical-align:middle;
				background-color:#241681;
				border-bottom:none;
			}
			.index .detailsearch th:nth-of-type(1){
				border-top:none;
			}

		}

			.index .detailsearch td{
				padding: 10px 15px;
				font-size:0.9em;
				border-bottom: 1px dashed #ccc;
			}
			
			.index .detailsearch td:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

		@media screen and (max-width:640px){

			.index .detailsearch td{
				display: block;
				width:calc(100% - 30px);
				padding: 15px 3% 25px;
				font-size:0.9em;
				border-bottom:none;
			}
			.index .detailsearch td:nth-of-type(1){
				border-top:none;
			}

		}

		@media screen and (max-width:400px){

			.index .detailsearch tr:nth-of-type(2) td{
				font-size:0.8em;
			}

		}
			
		input[type="date"]{
			padding: 10px;
			border-radius: 5px;
			border:1px solid #ccc;
		}
			
		input[type="ckeckbox"]{
			border:1px solid #ccc;
		}


		input[type="text"]{
			max-width:480px;
			width:97%;
			padding: 10px;
			border-radius: 5px;
			border:1px solid #ccc;
		}
			
		#feas-submit-button-0{
			display: block;
			width:240px;
			height:50px;
			margin: 30px auto 10px;
			color:#fff;
			font-size:1.0em;
			font-weight:700;
			border-radius: 5px;
			letter-spacing: 0.07em;
			background-color: #50459a;
			cursor: pointer;
		}


		.trigger{
			height: 30px;
			background-image: url("/shared/img_yajirushi-down.png");
			background-repeat: no-repeat;
			background-position: 50% 50%;
			cursor: pointer;
		}

		.slideblock{
			display: none;
		}


.index .detailsearch td label.feas_clevel_01:nth-of-type(1){
	display: none;
}



/*####################################################################################

  	検索結果一覧

　####################################################################################*/

		.resultist{
		}

			.resultlist ul{
				width: 1000px;
				margin: 0 auto;
			}

		@media screen and (max-width:1060px){

			.resultlist ul{
				width:740px;
			}

		}

		@media screen and (max-width:780px){

			.resultlist ul{
				width:480px;
			}

		}

		@media screen and (max-width:480px){

			.resultlist ul{
				width: 90%;
			}

		}

			.resultlist ul{zoom:1;}
			.resultlist ul:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}


				.resultlist ul li{
					width: 220px;
					height:450px !important;
					margin-right: 40px;
					padding-bottom: 10px;
					list-style: none;
					float:left;
				}
				.resultlist ul li:nth-of-type(4n){margin-right: 0;}

			@media screen and (max-width:1060px){

				.resultlist ul li:nth-of-type(4n){margin-right: 40px;}
				.resultlist ul li:nth-of-type(3n){margin-right: 0;}

			}

			@media screen and (max-width:780px){

				.resultlist ul li:nth-of-type(3n){margin-right: 40px;}
				.resultlist ul li:nth-of-type(2n){margin-right: 0;}

			}

			@media screen and (max-width:640px){

				.resultlist ul li{
					width:100%;
					height:auto !important;
					/*min-height:auto !important;*/
					margin-right:0;
					padding: 20px 0 15px;
					float:none;
					border-bottom: 1px dashed #ccc;
				}
				.resultlist ul li:nth-of-type(3n){margin-right:0;}
				.resultlist ul li:nth-of-type(1){border-top: 1px dashed #ccc;}

				.resultlist ul li{zoom:1;}
				.resultlist ul li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

			}

					.resultlist ul li a{
						text-decoration: none;
						color:#333;
					}

					.resultlist ul img{
						width:100%;
						height:auto;
					}

				@media screen and (max-width:640px){

					.resultlist ul img{
						width:30%;
						float: left;
					}

					.resultlist ul .note{
						width:65%;
						font-size:0.9em;
						float: right;
					}

				}

				@media screen and (max-width:430px){

					.resultlist ul img{
						width:110px;
					}

					.resultlist ul .note{
						width:calc(95% - 110px);
					}

				}


					.resultlist ul li h3{
						margin: 10px 0 5px;
						color:#000;
						font-size:1.0em;
						font-weight:700;
						line-height: 1.4em;
					}

				@media screen and (max-width:640px){

					.resultlist ul li h3{
						margin: 0;
						font-size:0.9em;
					}

				}

					.resultlist ul li .entrydate{
						color:#666;
						font-size:0.9em;
					}

					.course{
						display:-webkit-flex;
						display:flex;
						justify-content: center;
						-webkit-align-items:center;
						align-items:center;
						width:49%;
						height:30px;
						margin-bottom:5px;
						letter-spacing: 0;
						color:#fff;
						font-size:0.8em;
						border-radius: 3px;
						float: right;
					}
					.course.ce{background-color: #47bad0;}
					.course.hoiku{background-color: #e46c91;}
					.course.jido{background-color: #3faf81;}
					.course.shinri{background-color: #a67eb1;}
					.course.grad{background-color: #73592d;}

					.course:nth-of-type(2n){
						float: left;
					}

				@media screen and (max-width:700px){

					.course{
						width:160px;
						height:24px;
						margin-bottom: 5px;
						font-size:0.7em;
						float:none;
					}

				}


					.resultlist ul li .teacher{
						clear: both;
						margin-bottom:5px;
						line-height: 1.4em;
						position: relative;
						top:3px;
					}

				@media screen and (max-width:700px){

					.resultlist ul li .teacher{
						margin-bottom:5px;
					}

				}

				@media screen and (max-width:430px){

					.resultlist ul li .teacher{
						font-size:0.9em;
					}

				}

					.resultlist ul li .grade{
						line-height: 1.4em;
					}


				@media screen and (max-width:430px){

					.resultlist ul li .grade{
						font-size:0.9em;
					}

				}



/*####################################################################################

  	詳細メイン

　####################################################################################*/

		.detail main .content .inner{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto;
			padding: 30px 0;
		}

			.detail main .content .inner h2{
				padding:0 1% 10px;
				color: #50459a;
				font-size:1.4em;
				font-weight: 700;
				border-bottom: 5px solid #918ac0;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner h2{
				padding:0 2% 7px;
				font-size:1.2em;
				border-bottom: 3px solid #918ac0;
			}

		}


		@media screen and (max-width:640px){

			.detail main .content .inner h2 > .clearfix{
				padding-bottom: 15px;
			}
			
		}


			.detail main .content .inner .date{
				width:110px;
				margin: 7px 1% 8px;
				font-size: 0.9em;
				float: left;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner .date{
				width:95px;
				margin: 5px 2%;
				font-size: 0.8em;
			}

		}

			.detail .courses{
				width: 290px;
				padding-bottom: 5px;
				float: right;
			}

		@media screen and (max-width:640px){

			.detail .courses{
				width: 220px;
			}

		}

		@media screen and (max-width:380px){

			.detail .courses{
				width: 110px;
			}

		}

			

				.detail .course{
					width:140px;
					margin-right:5px;				
					position: relative;
					top:7px;
					float: right;
				}

			@media screen and (max-width:640px){

				.detail .course{
					width: 105px;
				}

			}

			.detail main .content .inner .note{
				clear: both;
				padding:7px 2%;
				font-weight: 700;
				background-color: #f2f2f2;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner .note{
				padding:5px 3%;
				font-size: 0.9em;
			}

		}

			.detail main .content .inner section{
				padding: 25px 1% 40px;
				line-height: 1.9em;
				word-break: break-all;
				overflow-wrap: break-word;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner section{
				padding: 25px 2% 40px;
				font-size:0.9em;
				line-height: 1.9em;
			}

		}

			.detail main .content .inner section{zoom:1;}
			.detail main .content .inner section:after{
				content: ""; 
				display: block; 
				clear: both;
			}



			.detail main .content .inner h3{
				padding:0 1% 5px;
				color: #50459a;
				font-size:1.2em;
				font-weight: 700;
				border-bottom: 2px solid #918ac0;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner h3{
				padding:0 2% 5px;
				font-size:1.0em;
			}

		}

			.detail main .content .inner h3.comment{
				padding:7px 2%;
				color: #50459a;
				font-weight: 700;
				background-color: #f2f2f2;
				border-bottom: 2px solid #918ac0;
			}

		@media screen and (max-width:640px){

			.detail main .content .inner h3{
				padding:5px 3%;
			}

		}

			.detail main .content .inner .tphoto{
				width:18%;
				min-width: 150px;
				height:auto;
				margin: 4px 4% 20px 0;
				float: left;
			}

			.detail main .content .inner .sphoto{
				width:18%;
				min-width: 150px;
				margin: 4px 0 20px 4%;
				height:auto;
				float: right;
			}

			.detail main .content .inner .tphoto img,
			.detail main .content .inner .sphoto img{
				width:100%;
				height:auto;
			}

			.detail main .content .inner .tphoto p,
			.detail main .content .inner .sphoto p{
				margin:-10px 0 0;
				color:#369;
				font-size: 0.9em;
				line-height: 1.3em;
				text-align: center;
			}

				
		@media screen and (max-width:640px){

			.detail main .content .inner .tphoto,
			.detail main .content .inner .sphoto{
				display: block;
				width:150px;
				margin: 5px auto 20px;
				float:none;
			}
			
		}


	/* 戻る */
	
	.content .modoru{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:70px;
		height:70px;
		margin:0 auto 50px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		background-color:#50459a;
		border-radius:35px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.content .modoru{
		width:50px;
		height:50px;
		margin:0 auto;
		line-height:54px;
		border-radius:25px;
	}
	.content .modoru img{
		width:24px;
		height: auto;
	}

}
	
	.detail .content .modoru{
		margin:30px auto 20px;
	}

@media screen and (max-width:480px){
	
	.detail .content .modoru{
		margin:20px auto 10px;
	}

}

	.content .modoru:hover{
		color:#f80;
		filter:alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}




.content figure img{
}