/*---------------------------------------------------------------------------
  SITEMAP
---------------------------------------------------------------------------*/
#subpage ul.sitemap { margin:0 5%; max-width:1000px; border-left:1px solid #fff;}
#subpage ul.sitemap::after { /*float_clear*/ display:block; clear:both; content:"";}
#subpage ul.sitemap li { border-right:1px solid #fff;}
#subpage ul.sitemap li a { display: block; text-decoration: none;}
#subpage ul.sitemap li p a {
	display: block;
	padding:15px;
	height: 50px;
	color: #00846E;
	font-size: 110%;
	font-weight:500;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
	border-bottom: 2px solid #00846E;
}

#subpage ul.sitemap li ul { padding:3%; background:#f6f6f6 !important;}
#subpage ul.sitemap li ul li { float:none; width:100%; border:none !important; background: #fff;}
#subpage ul.sitemap li ul li p a { color:#00846E !important; border: none;}
#subpage ul.sitemap li ul li p+p { border-top:1px solid #bbb;}
#subpage ul.sitemap li ul li b { display: block; padding: 5px 15px; color: #fff; background:#00A08B;}
#subpage ul.sitemap li ul li.nav_b p a { color:#008EDA !important;}
#subpage ul.sitemap li ul li.nav_b b { background:#008EDA !important;}
#subpage ul.sitemap li ul li a {  padding: 10px 15px; height: auto; font-size: 100%; text-align: left; background:none !important;}
#subpage ul.sitemap li ul li a:hover { background: #eee !important;}



/*---------------------------------------------------------------------------
  LOGIN
---------------------------------------------------------------------------*/
#subpage #login { margin:0 auto; width:100%; max-width: 730px; text-align: center;}
#subpage #login input[type="submit"] {
	margin: 20px auto 0;
    height: 50px;
    text-align: center;
    background-color: #fff;
    padding: 0px 100px;
    color: #fff;
	cursor: pointer;
    font-weight: bold;
	background:#be232b;
    border:none;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#subpage #login input[type="submit"]:hover {
	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;
}
#subpage #swpm_message { margin: 10px auto; max-width: 730px; text-align: center;}
#subpage .swpm-reset-pw-error {
	clear:both;
	margin:0 2% 20px;
	padding: 2%;
	color: #FF4646;
	background:#FFEAEA;
}
#subpage .form_box { margin: 0 2% 2%; background: #f6f6f6;}
#subpage .form_box dl { margin:0; padding:2%;}
#subpage .form_box dl+dl { border-top:2px solid #FFF;}
#subpage .form_box dl::after { /*float_clear*/ display:block; clear:both; content:"";}
#subpage .form_box dl dt { float: left; padding-top: 5px; width:28%; text-align:center;}
#subpage .form_box dl dd { float: right; width:70%;}
#subpage .form_box dl dd input { width:100%; background: #fff;}
#subpage .kiyaku { margin:2%; padding:3% 5%; height: 150px; border: 5px solid #ddd; text-align: left; overflow: auto;}
#subpage .kiyaku p { margin-bottom: 2%;}




/*---------------------------------------------------------------------------
  COURSE LIST（学年）
---------------------------------------------------------------------------*/
#subpage .course_list {}
#subpage .course_list dl { margin: 0 2%; padding:3%;}
#subpage .course_list dl:nth-child(odd) { background: #F2F6F5;}
#subpage .course_list dl dt { font-size: 130%; font-weight: 500;}
#subpage .course_list dl dt a { color: #71C25B;}
#subpage .course_list dl dd {}


/*---------------------------------------------------------------------------
  MOVIE BOXLIST
---------------------------------------------------------------------------*/
#subpage .boxlist .display-posts-listing {
    float: left;
    width:46%;
    margin:2%;
    /*box-shadow: 3px 3px 0px 0px #F6F8F8;*/
}
#subpage .boxlist  .video-container iframe {
	max-width:100%;
}



/*---------------------------------------------------------------------------
  STAFF
---------------------------------------------------------------------------*/
#staff .box { padding: 5%;}
#staff .box:nth-child(odd) { padding: 5%; background:#F2F6F5;}

/*---------------------------------------------------------------------------
  MAIL
---------------------------------------------------------------------------*/
#mail-box { position:relative; margin:10px 2%;}
#mail-box table { width:100%;}
#mail-box table tr th,
#mail-box table tr td {
	position:relative;
	padding:15px;
	text-align: left;
	font-size:100%;
	border-bottom:2px solid #FFF;
}
#mail-box table tr th { width:33%; background:#F6F6F6;}
#mail-box table tr td { width:67%; background:#F6F6F6;}
#mail-box table tr th span {
	float:right;
	padding:5px 7px;
	color:#FFF;
	font-size:80%;
	line-height:100%;
	background:#FF3B3E;
	border-radius:3px; /* CSS3 */
	-webkit-border-radius:3px; /* Safari,Google Chrome */
	-moz-border-radius:3px;/* Firefox */
}
#mail-box table tr td p+p { margin-top:5px;}

/* INPUT TEXTAREA */
#mail-box label { margin-right:15px;}
#mail-box input[type="tel"],
#mail-box input[type="email"],
#mail-box input[type="text"],
#mail-box textarea {
	padding:10px;
	border:1px solid #EEE;
	background:#FFF;
	box-sizing:border-box;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
#mail-box textarea { width:100%; height:120px;}

/* SELECT */
#mail-box select { padding:10px; border:1px solid #EEE; background:#FAFAFA;}

/* BUTTON */
.b_inqu { margin-top:30px; text-align:center !important;}
.b_inqu input[type="submit"],
.b_inqu input[type="reset"],
.b_inqu input[type="button"]{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	margin:0 10px;
	padding:10px;
	width:200px;
	font-weight:bold;
	font-size:140%;
	border:none;
	color:#FFF;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
.b_inqu input[type="submit"] { background:#FF3B3E;}
.b_inqu input[type="reset"] { background:#555;}
.b_inqu input[type="button"] { background:#555;}
.b_back { margin:0 auto; width:200px;}
.b_back a {
	display:block;
	padding:10px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background:#555;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}

/* HOVER */
#mail-box input[type="text"]:focus,
#mail-box textarea:focus { background:#FFEFEF; transition:.3s;}
.b_inqu input[type="submit"]:hover,
.b_inqu input[type="reset"]:hover,
.b_inqu input[type="button"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}