/*---------------------------*/
/*  ログイン画面関連         */
/*---------------------------*/
#formWrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
}
.title{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto;
	margin-top:    0.3em;
	margin-bottom: 0.5em;
	padding: 0.4em; 
	text-align: center;
	font-size:  2em;
	font-weight: bold;
	letter-spacing: 0.05em;
	/*
	color: #364e96; 
	color: #196c54;
	border: solid 2px #196c54;
	*/
	color: #fff;
	background: #196c54;
	border-radius: 4px;
}
.guide_top{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:80%;
	margin: 0 auto;
	padding: 1em;
	text-align:left;
	background: #d5e7d0;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	line-height: 1.6;
	font-size:   1.2em;
}
.guide_main{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto;
	margin-top:    1em;
	margin-bottom: 1em;
	padding: 10px 0px 0px 0px;
	/*
	border:1px double #b9b9b9;
	border:1px double #999;
	*/
	line-height: 1.6;
	color:#333333;
}
.guide_main .top{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 98%;
	margin: 0 auto;
	padding: 10px;
	margin-bottom:10px;
	text-align: left;
	border:1px double #b9b9b9;
	line-height:2;
}
.guide_main .bottom{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 98%;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
}
.guide_foot{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 78%;
	margin: 0 auto;
	padding: 10px;
	border:1px dotted #b9b9b9;
	line-height: 1.6;
	color:#333333;
	text-align:left;
}
/* 予定テーブル */
.schedule_table{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 98%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing:  0;
	border-top:   none;
	border-right: none;
	border-bottom:1px solid #b9b9b9;
	border-left:  1px solid #b9b9b9;
	/*
	margin-top:   10px;
	margin-bottom:8px;
	margin-left:  0px;
	*/
}
.schedule_table td{
	border-top:   1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:none;
	border-left:  none;
	padding:4px 6px 4px 6px;
	font-size: 1em;
	line-height: 1.4;
}
.schedule_table tr:first-child{ 
	font-size: 1.2em;
	color: #fff;
	background-color: #196c54;
}
/* 申込列 */
.schedule_table div.apply{
	color: #fff;
	margin:  1px;
	padding: 4px 0px 1px 0px;
	line-height: 1.4;
	background-color: #4472c6;
	border-radius: 5px; 
}
.schedule_table div.apply:hover{
	background: #f99 !important;
	cursor: pointer;
}
/*
.schedule_table tr:nth-child(n + 2) >*:last-child {
	color: #fff;
	background: #4472c6;
}
*/

/* (参項) !important がないと 2-1 のセルで背景色が変わった後、
  hover の色が反映されなくなります。 */
/*
.schedule_table tr:nth-child(n + 2) >*:last-child:hover {
	background: #f99 !important;
	cursor: pointer;
}
*/

.sp-zousetsu{
	display:inline-block;
	width:42px;
}
.indent1{
	margin-left:  1em;
	margin-right: 0em;
	text-indent: -1em;
}

.teacherList{
	background: #238b45;
	color:#fff;
	font-size:1em;
	font-weight:bold;

	border: solid 1px gray;
	border-radius : 3px;
	padding:2px 10px 0px 10px;
	/* ios */
	-webkit-appearance: none;
	-moz-border-radius: 3px;
	border-radius:      3px;
	display: inline-block;
	text-decoration: none;
	text-align: center;

}
.teacherList:visited {
	color: #fff;
}
.teacherList:link {
	color: #fff;
}
.teacherList:hover {
	background: #41ab5d;
}
.teacherList:active {
	color: #fff;
	background: #41ab5d;
}

@media only screen and (max-width:480px){
	body {
	    margin: 0;
	}
	#outer {
		max-width: 480px; /* 最大横幅 */
		width: 100%; 
	}
	#contents {
		width: 95%;
		margin:0px 0px 0px 2px;
		padding:4px;
	}
	#formWrap {
		width: 100%; 
	}
	.title{ 
		width: 95%;
		font-size:  1.8em;
	}
	.guide_top{
		width: 95%;
		font-size:  1em;
	}
	.guide_main{ 
		width: 100%;
	}
	.guide_main .top{ 
		width: 95%;
	}
	.guide_main .bottom{ 
		width: 98%;
	}
	.guide_foot{ 
		width: 98%;
		padding: 10px;
	}
	/* 予定テーブル */
	.schedule_table{
		width: 96%;
	}
	.schedule_table td{
  		padding:4px;
		font-size: 0.8em;
		line-height:2;
	}

	.rwdBr::after {
		/* 改行させる */
		content: "\A" ;
		white-space: pre ;
	}
	.rwdBr2::after {
		content: "\A　　　" ;
		white-space: pre ;
	}

}