@charset "utf-8";
@import"base.css";
@import"contents.css";


/*保護者の皆さまへ*/
/*#catchy { margin-top: 25px; }
#course #prnts_catchy { height: 400px; padding: 10px; border: solid 1px #ccc; overflow:auto; }*/
#course .txt_catchy {
	color:#000046; font-size:18px; font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
	#course .txt_catchy span { font-size:28px; }

#course #prnts_system1 li,
#course #prnts_system2 li { float: left; width: 49%; margin-bottom: 50px; }
#course #prnts_system1 li:nth-child(2n+1),
#course #prnts_system2 li:nth-child(2n+1) { margin-right:2%; }
#course #prnts_system1 li.course_li_last,
#course #prnts_system2 li.course_li_last{ margin-bottom: 0; }

#course #prnts_system1 dt,
#course #prnts_system2 dt { margin-bottom: 20px; padding-left: 12px; font-weight: bold; font-size: 110%; color: #666; }
	#course #prnts_system1 dt { border-left: solid 8px #8cc63f; }
	#course #prnts_system2 dt { border-left: solid 8px #6666cc; line-height: 1.5; }
#course #prnts_system1 dd,
#course #prnts_system2 dd { font-size: 90%; }
	#course #prnts_system1 dd img,
	#course #prnts_system2 dd img { float: left; margin-right: 10px; }

#course .p_voice { padding: 15px 15px 15px 65px; border: dashed 1px #ff9933; }
	#course .p_voice1 { background: url("../../course/images/course_icn_envelope.gif") left 15px top 18px no-repeat #FFFFEC; }
	#course .p_voice2 { background: url("../../course/images/course_icn_envelope2.gif") left 15px top 18px no-repeat #FFFFEC; }
	#course .p_voice3 { background: url("../../course/images/course_icn_envelope3.gif") left 15px top 18px no-repeat #FFFFEC; }

@media (max-width: 480px) {
	#course .txt_catchy {
		/* font-size: 13px; */
		font-size: 1.4rem;
		margin-bottom: 15px !important;
	}
	#course .txt_catchy span {
		/*font-size: 22px; */
		font-size: 2.5rem;
	}
	
	#course #prnts_system1 li,
	#course #prnts_system2 li {
		float:none; width:100%; margin-bottom:30px!important;
	}
	#course #prnts_system1 dt,
	#course #prnts_system2 dt { font-size: 1.8rem; }

	#course #prnts_system1 dd,
	#course #prnts_system2 dd {
		font-size: 100%;
	}

}



.exp_list img  {
	float: left; margin-right: 13px; padding-right: 13px;
	background: url("../../exp/parents/images/icon_link.gif") right top no-repeat; }
.exp_list {
	clear: both; margin:20px 0; padding-bottom: 20px; font-size: 90%; border-bottom:1px dotted #8FDAB5; }

.exp { margin-bottom: 15px; padding: 14px; border: 1px solid #CCCCCC; background-color: #F1FFEC; }
.exp .title .photo { float: left; margin-right: 20px; padding: 0px; border: 1px solid #66CC99; }
.exp .title p { margin-left:156px; margin-bottom:10px!important; }
.exp .title .catch { font-weight: bold; color: #4BC287; }
.exp .title .name { padding-top:10px; font-size: 90%; border-top:1px solid #4BC287; }
.exp .title p.margin0 { margin-left:0px; margin-bottom:10px!important; }


p.txt_right a:link,
p.txt_right a:visited,
p.txt_right a:active,
p.txt_right a:hover { overflow: hidden; outline: none; }

.exp_pager { margin-bottom:10px!important; }
.exp_pager li { float:left; }

@media (min-width: 481px) {
	.exp_pager { text-align:right; }
	.exp_pager li { display:inline-block; float:none!important; }
}
@media (max-width: 480px) {
	.exp .title .photo { float:none; display:block; margin:0 auto 10px; }
	.exp .title p { margin-left:0; }

	.exp_pager li { float:left; width:50%; }
	.exp_pager li.prev { text-align:left; }
	.exp_pager li.next { text-align:right; }

}

.exp .question {
	margin-top: 20px; padding-left: 57px; color: #6666CC;
	background: url("../../parents/images/exp_bg_question.gif") left 10px no-repeat; }
#main .exp a:link {
	float: right; padding: 4px;	
	font-size: 90%; text-indent: 12px; color: #00997E; text-decoration: none;
	background: url("../../exp/parents/images/exp_icon_print.gif") left center no-repeat;
	outline: none; }
#main .exp a:hover {
	float: right; padding: 4px;
	font-size: 90%; text-indent: 12px; color: #333399; text-decoration: none;
	background: url("../../exp/parents/images/exp_icon_print.gif") left center no-repeat; }

#main /* --- ボックス --- */
div.kakumaru {
	background-color: #ffffff;
	background-image: url("../../exp/parents/images/exp_link_bg_bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
#main div.kakumaru .catch /* --- 見出し --- */
  {
	margin: 0; /* 見出しのマージン */
	padding: 20px 20px 10px; /* 見出しの背景 */
	font-size: 110%; /* 見出しの文字サイズ */
	background-color: #ffffff;
	background-image: url("../../exp/parents/images/exp_link_bg_top.gif");
	background-repeat: no-repeat;
	background-position: top;
	font-weight: bold;
}

#main /* --- ボックス内の段落 --- */
div.kakumaru p  {
	margin: 0px 20px 10px;
	padding: 0px;
}

#course #main ul.parents li {
	list-style-position: inside;
	list-style-image: url("../../parents/images/icon_yajirushi.gif");
	list-style-type: none;
	padding-right: 20px;
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 2em;
	float: left;
}
#course #main ul.parents li.explink {
	list-style-image: url("../../exp/parents/images/exp_icon_print.gif");
}
.name_photo {
	font-size: 75%;
	color: #FFFFFF;
	background-color: #BBBBBB;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}

#main .pctb_float_right {
	float: right;
	margin: 0 5px 0 20px;
}
#main img.name_img{
	/*vertical-align: text-bottom;*/
    height: 13px;
    width: auto;
	float: none; 
    margin-right: 0px;
    padding-right: 1px;
    background: none;
}


/*----------------- レスポンシブ統合用のCSS */
/*スマホ*/
@media (max-width: 768px) {
	#main .parents div.con_h2 {
			background: #ffffcc none repeat scroll 0 0;
			border-top: 4px solid #ffcd34;
			margin-bottom:0;
	}
	#course #main .con_h2 #parents_ttl span:first-child{font-size:28px;}
	#main .parents div.con_h2 p,.ttl_subtxt{background:#ffffcc;}
	#course #main .ttl_subtxt{padding:1em; margin-bottom:0;}
	#course #main ul.parents{
		box-sizing:border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display:-ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-pack:justify;
		-webkit-box-pack:justify;
		-moz-box-pack:justify;
		-webkit-flex-pack:justify;
		-moz-flex-pack:justify;
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		justify-content:space-between;
		align-content:space-between;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		border-left:solid 1px #ffcd34;
		border-bottom:solid 1px #ffcd34;
		padding-top:3em;
		position:relative;
		background:#ffffcc;
	}
	#course #main ul.parents:before{
		content:"MENU";
		position:absolute;
		z-index:3;
		width:34%;
		height:2.5em;
		font-size:120%;
		text-align:center;	
		font-weight:bold;
		color:#fff;
		line-height:2.5em;
		box-sizing:border-box;
		border-radius:10px 10px 0 0;
		left:-3px;
		top:0;
		background:#ffcd34;
		background-size:1em;
		border-left:solid 1px #ffffcc;
	}
	#course #main ul.parents li {
		float:none;
		padding:0;
		margin-bottom: 0;
		box-sizing:border-box;
		display:block;
		width:33.33%;
		text-align:center;
		background:none;
		border-right:solid 1px #ffcd34;
		border-top:solid 1px #ffcd34;
		line-height:150%;
		vertical-align:middle;
		list-style:none;
	}
	#course #main ul.parents li span{display:block;}
	#course #main ul.parents .height2{line-height:150%;}
	#main ul.parents li a { color:#333; font-weight:bold; font-size: 85%; text-decoration:none; display:block; padding:0.5em; background:#ffff33; min-height:3em; line-height:3em;}
	#main ul.parents li a:hover{background:#ffff8f;}
	.h2_voice{
    padding: 4% 6%;
    background: #0e357f;
    color: #FFF;
    font-size: 116%;
    font-weight: bold;
    clear: both;
    border: none;
    margin-bottom: 1em;
		border-radius:0;
		box-shadow:none;
	}
	.h2_voice span{
		padding:0;
		background:none;
			
	}
	#main .pht_right{float:none; margin:0 0 1.5em; width:100%;}
	#course #main .box{padding:0 1em; margin:0; display:block;}
	#tokutaisei .orange{padding:1em 1em 0 1em;}
}

@media (max-width: 480px) {
	#course #main .con_h2 #parents_ttl span:first-child{font-size:2.8rem;}
	#main .con_h2 h2 + p { padding-top: 0; }
	#course #main .ttl_subtxt {
		padding: 2% 6% 5%;
	}
	
	#course #main ul.parents {
		padding-top: 2em;
	}
	#course #main ul.parents:before {
		height: 2em;
		font-size: 100%;
		line-height: 2em;
	}
	.h2_voice{
		font-size: 2rem;
	}
	#tokutaisei .con_h2 p {
		padding-bottom: 15px;
	}
}