@charset "Shift_JIS";
*{
	margin: 0;
	padding: 0;
	}

body {
	padding-bottom: 10px;
}
/* Hint popup */
#hint_container{ width: 500px; margin: 20px auto 0; }
#hint_container .hint_onecolumn{
	margin: 5px 0 20px;
	padding: 20px 20px 15px 20px;
	border-top: solid 3px #663399;
	background: #F3EFF7;
	text-align: left;
	}
.hint_onecolumn .photo{	float: left; }
.hint_onecolumn .teacher{ margin-bottom: 9px;  }
.hint_onecolumn p{ margin-left: 75px; line-height: 1.4em; }
#hint_container .hint_close{ text-align: center; }
.hint_close .close{	margin-right:5px; }
/* Ikuji popup */
#ikuji_container{ width: 500px; margin: 20px auto 0; }
#ikuji_container .ikuji_onecolumn{
	margin: 5px 0 20px;
	padding: 20px 20px 15px 20px ;
	border-top: solid 3px #FF6600;
	background: #FFEBCC;
	text-align: left;
	}
.ikuji_onecolumn .photo{	float: left; }
.ikuji_onecolumn .teacher{ margin-bottom: 9px; }
.ikuji_onecolumn p{ margin-left: 75px; line-height: 1.4em; }
#ikuji_container .ikuji_close{ text-align: center; }
.ikuji_close .close{ margin-right:5px; }
/* Clinic popup */
#clinic_container{ width: 500px; margin: 20px auto 20px ; }
#clinic_container .clinic_onecolumn{
	margin: 5px 0 20px;
	padding: 20px 20px 15px 20px ;
	border-top: solid 3px #339900;
	background: #E1F0D9;
	text-align: left;
	}
.clinic_onecolumn .photo{	float: left; }
.clinic_onecolumn .teacher{ margin-bottom: 9px; font-weight: bold; }
.clinic_onecolumn p{ margin-left: 75px; line-height: 1.4em; }
#clinic_container .clinic_close{ text-align: center; margin-bottom: 20px; }
.clinic_close .close{ margin-right:5px; }
.clinic_onecolumn .advice_right{float:right; margin-top: 5px; padding-left:13px; /*background:url(/kosodate/clinic/img/icon_link.gif) no-repeat left center;*/}
.dotline{ margin: 20px 0; }
#annotation{ padding: 10px 10px 20px; }
/* 118Kids popup */
#kids_container{ width: 500px; margin: 20px auto 0; }
#kids_container .kids_onecolumn{
	margin: 5px 0 20px;
	padding: 20px 20px 15px 20px ;
	border-top: solid 3px #0BABC1;
	background: #EBFAFD;
	text-align: left;
	}
.kids_onecolumn .photo{	float: left; }
.photo::after{ height: 0; visibility: hidden; content:"."; display:block; clear: both; }
.kids_onecolumn .teacher{ margin-bottom: 9px; }
.kids_onecolumn .teacher2{ margin-left: 0; }
.kids_onecolumn p{ margin-left: 75px; line-height: 1.4em; }
.kids_onecolumn .book_list{ margin: 9px 0 0 0; }
.book_list::after{ height: 0; visibility: hidden; content:"."; display: block; clear:both;}
.book_list{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	
.kids_onecolumn .book_list img{ margin-right: 5px; }
.book_list .box { margin-right: 7px; float:left; width: 149px; }
.book_list .box2 { margin-right: 0; float:left; width: 148px; }
.book_list .box p,
.book_list .box2 p{ font-size: 84%; }
.book_list p{ margin-left: 57px; }
.book_list .dotline{ margin: 5px 0 10px 0; }
#kids_container .kids_close{ text-align: center; }
.kids_close .close{ margin-right:5px; vertical-align: middle; }

.clear{ clear: both; }
/* hiragana popup */
#hiragana_container{ width: 500px; margin: 20px auto 0; }
#hiragana_container .hiragana_onecolumn{
	margin: 5px 0 20px;
	padding: 20px 20px 15px 20px ;
	border-top: solid 3px #8EBB00;
	background: #E9F1CC;
	text-align: left;
	}
.hiragana_onecolumn .photo{	float: left; }
.hiragana_onecolumn .teacher{ margin-bottom: 9px; }
.hiragana_onecolumn p{ margin-left: 75px; line-height: 1.4em; }
#hiragana_container .ikuji_close{ text-align: center; }
.hiragana_close .close{ margin-right:5px; }





/* teacher */
@media screen and (max-width: 480px) {
	#clinic_container,
	#pop_container,
	#kids_container,
	#eninfo_container,
	#hint_container,
	#hiragana_container,
	#ikuji_container { 
		width: 300px;
		margin: 20px auto;
		overflow: hidden;
	}
	.dotline { display: none; }
	.column {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	/* clinic */
	.clinic_onecolumn {
		overflow: hidden;
	}
	#clinic_container .column {
		border-bottom: 1px dotted #2B8B03;
	}

	/* babyfood */
	#pop_container {
		margin-top: 20px;
	}
	#pop_container .box .teacher {
		width: 170px;
	}

	/* 118kids */
	#kids_container .column {
		border-bottom: 1px dotted #179CB3;
	}



	.column:last-child { 
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none !important;
	}

}

.breadcrumb.sp {
	display: none;
}

.breadcrumb.pc {
	display: block;
	font-size: 12px;
}

@media only screen and (max-width: 740px) {
	#hiragana_container .hiragana_onecolumn {
		margin-bottom: 0;
	}
	#kids_container .kids_onecolumn {
		margin-bottom: 0;
	}
	#kids_container .kids_onecolumn:first-of-type {
		margin: 5px 0 20px;
	}
	.breadcrumb.pc {
		display: none;
	}

	.breadcrumb.sp {
		font-size: 10px;
		display: block;
		border: none;
		margin-bottom: 0;
	}
}