/*
Theme Name: Syuchou
Version: 1.0
*/
@charset "utf-8";

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

  	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;}




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

  	BASE

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

	#globalheader{
		width:100%;
		height:70px !important;
		padding-bottom: 10px;
		background-color:#fff;
		background-image:url("/shared/line_header.png");
		background-repeat:repeat-x;
		background-position:0 100%;
		border-bottom:1px solid #309;
		position:relative;
		z-index:2000;
		/*pointer-events:none;*/
	}
	#globalheader.fixed{
		position: fixed;
		top:-60px;
	}

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

	#globalheader{
		height:70px;
		margin:0;
		padding-bottom: 0;
	}

}

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

	#globalheader{
		height:50px !important;
		background-color: #fff;
		background-image:url("/shared/line_header2.png");
		background-repeat: repeat-x;
		background-position: 0 50px;
	}

}

		#globalheader .inner{
			width:460px !important;
			height:80px;
			margin:0 auto;
			/*pointer-events:auto;*/
		}

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

		#globalheader .inner{height:80px !important;}

	}

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

		#globalheader .inner{height:50px !important;}

	}


			.footerbottom .inner{
				padding:20px 0 !important;
				position: relative;
			}
	
			.footerleft address{
				padding-top:2px !important;
				line-height:1.7em;
			}

			.footerbottom .inner a{
				text-decoration: none;
			}

			.footerbottom .inner .linkbtn{
				width:240px;
				float: right;
				position: relative;
				top:20px;
				background-image:url("/shared/img_yajirushi-white3.png");
				background-repeat: no-repeat;
				background-position: 95% 50%;
			}

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

			.footerbottom .inner .linkbtn{
				width:230px;
				margin: 0 auto;
				float:none;
				top:-5px;
			}

		}




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

  	出張講義

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


/*************** 共通 ***************/


	main{
		padding-bottom:70px;
	}

@media screen and (max-width:900px){
	main{background-size:900px auto;}
}

@media screen and (max-width:640px){
	main{padding-top:40px;}
}

@media screen and (max-width:480px){
	main{padding-bottom:30px;}
}

	#contentheader{
		max-width:1008px;
		width:100%;
	}

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

	#contentheader{
		width:100%;
		position:relative;
		top:-20px;
	}

}

@media screen and (max-width:640px){
		
	#contentheader{
		top:0;
	}
			
}

		#contentheader ol{
			clear:both;
			margin:15px 2% -32px;
			top:0;
			z-index:10;
		}

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

		#contentheader ol{
			margin:0 2% -20px;
			top:0;
		}
		
			#contentheader ol li:after{margin:5px;}
			
	}


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

		#contentheader ol{
			margin:0 2% -15px;
			top:0;
		}
			
	}


		#globalheader h1{
			position: relative;
			z-index:20 !important;
		}

	
			#globalheader h2{
				margin:0;
				color:#c25a74;
				font-family: 'Sawarabi Mincho', sans-serif;
				font-size:2.0em;
				font-weight:bold;
				letter-spacing:0.1em;
				position: relative;
				top:22px;
				left:25px;
			}
		@media screen and (max-width:770px){
	
			#globalheader h2{
				font-size:1.5em;
				top:22px;
			}
	
		}
		@media screen and (max-width:640px){
	
			#globalheader h2{
				font-size:1.5em;
				top:11px;
				left:15px;
			}
	
		}
		@media screen and (max-width:480px){
	
			#globalheader h2{
				font-size:1.2em;
				top:12px;
			}
	
		}

	
				#contentheader h2 span{
					color:#b8c4d9;
					font-size:0.45em;
					font-weight:500;
					letter-spacing:0.07em;
					position:relative;
					top:-1px;
					left:20px;
				}


			.contentmain h4{
				margin:40px 0 10px;
				color:#369;
				font-weight:700;
				font-size:1.1em;
			}
		

			.contactnote{
				padding:15px 25px 7px;
				background-color:#f2f2f2;
				
			}

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

				.contactnote ul li{
					margin-bottom:8px;
					list-style:circle;
					line-height:1.7em;
				}


		.linkpdf{
			margin-left:10px;			
		}

			.linkpdf li{
				min-height:24px;
				margin-bottom:10px;
				padding:5px 0 0  30px;
				list-style:none;
				line-height:1.4em;
				background-image:url(/shared/icon_1r_48.png);
				background-repeat:no-repeat;
				background-size:24px auto;			
			}

			.linkpdf li a{
				color:#5e6618;
				font-weight:700;
				text-decoration:none;
			}

			.linkpdf li a:hover{
				color:#c33;
				text-decoration:underline;
			}


		.inner{
			width:92%;
			margin:0 auto;
		}



		.mainnote{
			margin-left:auto;
			margin-right:auto;
			font-size:2.3em;
			font-family: 'Sawarabi Mincho', sans-serif;
line-height:1.6em;
		}

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

		.mainnote{
			width:92%;
			font-size:2.0em;
		}

	}

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

		.mainnote{font-size:1.4em;}

	}


		.mainnote + p{
			margin:-20px auto 0;
			padding-left: 20px;
			color:#369;
			font-size:1.4em;
			font-family: 'Sawarabi Mincho', sans-serif;
line-height:1.7em;
		}

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

		.mainnote + p{
			width:calc(92% - 20px);
			margin:-15px auto 15px;
			padding-left: 20px;
			font-size:1.3em;
		}

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

		.mainnote + p{
			margin:-10px auto 0;
			font-size:1.1em;
		}

	}

		.mainnote + p + p{
			margin:5px auto 0;
			padding-left: 20px;
			color:#369;
			font-size:1.4em;
			font-family: 'Sawarabi Mincho', sans-serif;
line-height:1.7em;
		}
	
	@media screen and (max-width:1040px){

		.mainnote + p + p{
			width:calc(92% - 20px);
			margin:15px auto 0;
			padding-left: 20px;
			font-size:1.3em;
		}

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

		.mainnote + p + p{
			margin:10px auto 0;
			font-size:1.1em;
		}

	}

	


		.linkmenu{
			width:100%;
			margin:50px 0;
		}
	
	@media screen and (max-width:770px){
	
		.linkmenu{margin:30px 0 40px;}
	
	}

		.linkmenu li{
			width:calc(100% / 6);
			height:50px;
			list-style:none;
			float:left;
		}

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

		.linkmenu li{width:50%;}
		
	}
	
		.linkmenu li a,
		.linkmenu li span{
			display:block;
			width:100%;
			height:41px;
			padding:9px 0 0;
			color:#fff;
			font-weight:700;
			text-align:center;
			text-decoration:none;
			line-height:1.3em;
		}
	@media screen and (max-width:770px){
		.linkmenu li:nth-last-of-type(1){font-size:0.9em;}
	}
	@media screen and (max-width:640px){
		.linkmenu li:nth-last-of-type(1){font-size:1.0em;}
	}
	@media screen and (max-width:480px){
	
		.linkmenu li a,
		.linkmenu li span{
			font-size:0.9em;
		}
	
	}
		.linkmenu li:nth-of-type(1) a,
		.linkmenu li:nth-of-type(1) span{
			height:43px;
			padding:7px 0 0;
		}

		.linkmenu li:nth-last-of-type(1) a,
		.linkmenu li:nth-last-of-type(1) span{
			line-height:34px;
		}
		
		.linkmenu 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;
		}

		.linkmenu li a:hover{
			filter:alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}
		
		.linkmenu li:nth-of-type(1) a{background-color:#ff606d;}
		.linkmenu li:nth-of-type(2) a{background-color:#aa8e1d;}
		.linkmenu li:nth-of-type(3) a{background-color:#72ab2d;}
		.linkmenu li:nth-of-type(4) a{background-color:#096;}
		.linkmenu li:nth-of-type(5) a{background-color:#1b7597;}
		.linkmenu li:nth-of-type(6) a{background-color:#036;}
		
		.linkmenu li p{
			margin:0;
			font-size:0.9em;
			font-weight:400;
		}
		
		.linkmenu li span{
			color:#c33;
			background-color:#fff;
		}


		.linkmenu li a em,
		.linkmenu li span em{
			font-size:0.9em;
			font-weight:400;
			font-style:normal;
		}

		.linkmenu li a em{
			color:#fff;
		}
		

	/* 講義カテゴリ */

	.contentmain h3{		
		font-size:2.0em;
		font-weight:700;
		text-align:center;
	}

	.contentmain .subtitle{		
		margin-bottom:10px;
		color:#c25a74;
		font-size:1.4em;
		font-weight:700;
		text-align:center;
	}
	
	.contentmain h3{color:#c25a74;}
	.english.contentmain h3{color:#aa8e1d;}
	.kodomo.contentmain h3{color:#72ab2d;}
	.sougou.contentmain h3{color:#1b7597;}
	.request.contentmain h3{color:#4aa5ca;}
	

	.contentmain h3 + p{
		color:#c25a74;
		text-align:center;
	}

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

	.contentmain h3{		
		font-size:1.6em;
	}
	.contentmain .subtitle{
		margin-bottom:0;
		font-size:1.0em;
	}
	
}
	
@media screen and (max-width:480px){

	.contentmain h3{		
		font-size:1.2em;
	}
	.contentmain .subtitle{
		font-size:0.8em;
	}

	.contentmain h3 + p br{
		display:none;
		text-align:left;
	}

}
	
		

	/* 講義リスト */

	.contentmain .inner ul{
		margin-top:30px;
	}

	.contentmain .inner li{
		padding-bottom:30px;
		border-bottom:1px dashed #ccc;
		list-style:none;
	}
	.contentmain .inner li:nth-of-type(1){border-top:1px dashed #ccc;}

.contentmain .inner li{zoom:1;}
.contentmain .inner li:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.contentmain .inner li .staffimg{
			width:92px;
			position:relative;
			margin:5px 30px 30px 0;
			float:left;
		}
	
	@media screen and (max-width:920px){

		.contentmain .inner li .staffimg{
			margin:5px 30px 0 0;
		}
	
	}
	
	@media screen and (max-width:480px){

		.contentmain .inner li .staffimg{
			margin:15px auto 10px;
			float: none;
			
		}
	
	}

		.contentmain .inner li img{
			width:100%;
			height: auto;
		}

		.contentmain .inner li .staffname{
			color:#036;
			font-size:1.2em;
			font-family: 'Sawarabi Mincho', sans-serif;
		}
	
	@media screen and (max-width:480px){

		.contentmain .inner li .staffname{
			text-align: center;
		}
	
	}


		.contentmain .inner li .staffname span{
			color:#444;
			font-size:0.8em;
		}

		.contentmain .inner li p{
			width:calc(100% - 122px);
			float: right;
		}
	
	@media screen and (max-width:480px){

		.contentmain .inner li p{
			width:100%;
			float:none;
		}
	
	}

		

		.contentmain .inner li h4 + h4{
			margin:0 0 10px;
		}



	/* 申込フォーム */

	.request .contentmain h3{	
		margin-bottom:40px;
		color:#036;
		font-size:2.0em;
		font-weight:400;
		text-align:center;
	}


		
		.request .contentmain table{
			width:100%;
			border-collapse:collapse;
		}

			.request .contentmain th{
				width:20%;
				padding:15px 1%;
				color:#036;
				font-weight:500;
				line-height:1.4em;
				border:1px solid #ccc;
				background-color:#e5edff;
				/*vertical-align: top;*/
				/*white-space:nowrap;*/
			}
			.request .contentmain th span.orange2{
				display:block;
				margin:15px 2%;
				white-space:normal;
			}
			
			.request .contentmain td{
				padding:10px 15px;
				border:1px solid #ccc;
			}

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

			.request .contentmain th{
				padding:15px 0;
				line-height:1.5em;
				font-size:0.9em;
			}

			.request .contentmain td{
				padding:10px;
				line-height:1.5em;
			}

		}

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

			.request .contentmain th{
				line-height:1.5em;
			}

			.request .contentmain td{
				padding:10px 5px;
			}

		}

			.request .contentmain td.nopadding{padding:0;}

			.request .contentmain td th{
				width:auto;
				padding:0 1%;
				font-weight:400;
				border-left:none;
				background-color:#f2f2f2;
			}
			
			
			.request .contentmain td tr:nth-of-type(1) th,
			.request .contentmain td tr:nth-of-type(1) td{
				border-top:none;
			}
			
			.request .contentmain td tr:nth-last-of-type(1) th,
			.request .contentmain td tr:nth-last-of-type(1) td{
				border-bottom:none;
			}


			.request .contentmain td td{
				padding:0;
				border-right:none;
			}

			.request .contentmain td td div{
				width: auto;
				padding:10px 10px;			
				float: left;
			}
			.request .contentmain td td div + div + div{
				padding:10px 10px;			
				background-color: #eee;
			}

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

			.request .contentmain td td div{
				float:none;
			}

		}



				.request .contentmain td input{
					padding:5px;
				}

					
					#school{
						width:90%;
					}

					#name,#rubi,#highschool{
						max-width:300px;
						width:90%;
					}
					#address,#opinion{
						max-width:690px;
						width:95%;
					}
					#zip1,#zip2{width:40px;}
					#tel1,#tel2,#tel3{width:40px;}
					#niuzu{width:40px;}

					#mon1,#mon2,#mon3,
					#day1,#day2,#day3,
					#week1,#week2,#week3,
					#stime1,#stime2,#stime3,
					#ltime1,#ltime2,#ltime3,
					#sminu1,#sminu2,#sminu3,
					#lminu1,#lminu2,#lminu3,
					#length1,#length2,#length3,
					#kaisu1,#kaisu2,#kaisu3{
						width:12px;
					}


					#email,#email2{
						max-width:380px;
						width:95%;
					}
					
					textarea{
						width:95%;
					}
					

			.formnote,
			.formnote2{
				color:#369;
				font-size:0.9em;
				margin:0;
				line-height:1.5em;				
			}
		
			.formnote2{
				margin-right:16px;
				position:relative;
				left:16px;
			}
		
			.formnote2:before{
				content:"※";
				margin-right:-14px;
				position:relative;
				left:-16px;				
			}
		
	
			#submit1,
			#submit2{
				display:block;
				max-width:360px;
				width:80%;
				height:50px;
				margin:40px auto 0;
				color:#fff;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-size:1.1em;
				font-weight:700;
				letter-spacing:0.07em;
				text-align:center;
				line-height:48px;
				background-color:#036;
				border-radius:5px;
				cursor:pointer;
				-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;
			}
			#submit2{background-color:#666;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1
			#submit2{
				height:30px;
				margin:30px auto 0;
				font-size:0.9em;
				line-height:28px;
			}
				
		}

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

			#submit1,
			#submit2{
				width:90%;
			}
	
		}


			#kouzalist span{
				color:#369;
				font-weight:500;
			}

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

			#kouzalist span{
				display:block;
				margin:0 0 8px 20px;
			}
			#kouzalist span + br{display:none;}

		}



/* メールフォームThanks画面 */

		#thanksnote{
			max-width:480px;
			width:92%;
			margin:40px auto 0;
			padding-bottom:0;
		}

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

		#thanksnote{margin:20px auto;}

	}

		#thanksnote span{
			margin-top:10px;
			display:block;
		}