@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
hlogo_kids
================================================== */
#tmp_hlogo_kids{
	margin: 20px -10px;
}
#tmp_hlogo_kids p {
	background: url(/shared/templates/kids/images/sp/banner_kids.jpg) no-repeat 0 0;
	background-size:100% auto;
	width:100%;
	height:auto;
}
#tmp_hlogo_kids p a {
	padding-top:14.7%;
}
#tmp_hlogo_kids p a,
#tmp_hlogo_kids p span {
	width:100%;
	height:0;
}
/* ==================================================
gnavi_kids
================================================== */
#tmp_gnavi_kids ul,
#tmp_gnavi_kids_sp ul {
	margin: 30px 0 0;
	padding:25px 0 15px;
	border-top:2px solid #329363;
	border-bottom:2px solid #329363;
	list-style:none;
}
#tmp_contents #tmp_gnavi_kids li,
#tmp_gnavi_kids_sp ul li {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
#tmp_gnavi_kids li a,
#tmp_gnavi_kids_sp li a {
	display: block;
	width: 100%;
	height: 45px;
}
#tmp_gnavi_kids li span,
#tmp_gnavi_kids_sp li span {
	height: 45px;
}
#tmp_gnavi_kids li a::after,
#tmp_gnavi_kids_sp li a::after {
	border-width: 0 0 10px 10px;
}
#tmp_kids_glist1 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist1_sp.png) 10px center no-repeat;
	background-size: 130px 26px;
}
#tmp_kids_glist2 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist2_sp.png) 10px center no-repeat;
	background-size: 66px 28px;
}
#tmp_kids_glist3 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist3_sp.png) 10px center no-repeat;
	background-size: 145px 28px;
}
#tmp_kids_glist4 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist4_sp.png) 10px center no-repeat;
	background-size: 177px 27px;
}
#tmp_kids_glist5 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist5_sp.png) 10px center no-repeat;
	background-size: 128px 27px;
}
#tmp_kids_glist6 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist6_sp.png) 10px center no-repeat;
	background-size: 144px 27px;
}
#tmp_kids_glist7 a{
	background: #FFFFFF url(/shared/templates/kids/images/contents/kids_glist7_sp.png) 10px center no-repeat;
	background-size: 124px 15px;
}
#tmp_kids_glist1 a:hover,
#tmp_kids_glist1.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist1_sp.png) 10px center no-repeat;
	background-size: 130px 26px;
}
#tmp_kids_glist2 a:hover,
#tmp_kids_glist2.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist2_sp.png) 10px center no-repeat;
	background-size: 66px 28px;
}
#tmp_kids_glist3 a:hover,
#tmp_kids_glist3.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist3_sp.png) 10px center no-repeat;
	background-size: 145px 28px;
}
#tmp_kids_glist4 a:hover,
#tmp_kids_glist4.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist4_sp.png) 10px center no-repeat;
	background-size: 177px 27px;
}
#tmp_kids_glist5 a:hover,
#tmp_kids_glist5.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist5_sp.png) 10px center no-repeat;
	background-size: 128px 27px;
}
#tmp_kids_glist6 a:hover,
#tmp_kids_glist6.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist6_sp.png) 10px center no-repeat;
	-moz-background-size: 144px 27px;
	-webkit-background-size: 144px 27px;
	background-size: 144px 27px;
}
#tmp_kids_glist7 a:hover,
#tmp_kids_glist7.active a {
	background: #fff4ce url(/shared/templates/kids/images/contents/kids_glist7_sp.png) 10px center no-repeat;
	-moz-background-size: 124px 15px;
	-webkit-background-size: 124px 15px;
	background-size: 124px 15px;
}
/* ==================================================
selector
================================================== */
#tmp_contents h1 {
	font-size:185.7%;
	line-height:1.2;
	padding: 8px 95px 8px 18px;
	background:#FCE8A3 url(/shared/templates/kids/images/icon/bg_h1_sp.png) no-repeat right bottom;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_contents h2 {
	font-size:150%;
	-webkit-background-size: 58px 31px;
	background-size: 58px 31px;
	padding: 6px 26px 4px;
	background-position: 97% bottom;
}
#tmp_contents h3 {
	font-size:135.7%;
}
#tmp_contents h4 {
	font-size:121.4%;
	font-weight: normal;
}
#tmp_contents h5 {
	font-size:107.1%;
	-webkit-background-size:8px 10px;
	background-size:9px 10px;
	padding: 4px 15px;
	background-position: left center;
	font-weight: normal;
}
#tmp_contents h6 {
	font-size:114.3%;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	font-size:114.3%;
	padding:6px 18px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding:6px 18px;
}
#tmp_contents ul.box_btn li {
	display: block;
	padding:18px 10px;
}
#tmp_contents table.box_menu td,
#tmp_contents .box_menu .box_menu_ttl {
	padding:15px 10px 0;
}
#tmp_contents .box_menu .box_menu_cnt {
	padding:14px 18px 0;
}
#tmp_contents .box_menu .box_menu_ttl p {
	padding-bottom: 6px;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size:135.7%;
	padding:14px 18px 7px;
}
#tmp_contents div.col2 ul.box_btn li{
	padding: 0;
	margin-bottom: 10px;
}
#tmp_contents .col3{
	display: none;
}
#tmp_contents .talk_boy{
	background-size: 66px auto;
	background-position: 5px 40px;
}
#tmp_contents table.talk_boy td{
	padding: 5px 13px 0 106px;
}
#tmp_contents div.talk_boy{
	padding: 5px 13px 0 106px;
}
#tmp_contents .talk_girl{
	background-size: 95px auto;
	background-position: 98% 40px;
}
#tmp_contents .talk_tannan{
	background-size: 54px auto;
	background-position: 21px 40px;
}
#tmp_contents table.talk_tannan td {
	padding: 5px 13px 0 100px;
}
#tmp_contents div.talk_tannan {
	padding: 5px 13px 0 100px;
}
#tmp_contents .talk_child{
	background-size: 95px auto;
	background-position: 95% 40px;
}
#tmp_contents table.talk_girl td,
#tmp_contents table.talk_child td{
	padding: 5px 109px 0 13px;
}
#tmp_contents div.talk_girl ,
#tmp_contents div.talk_child {
	padding: 5px 109px 0 13px;
}
#tmp_contents div.outline,
#tmp_contents table.outline td{
	padding: 11px 13px 3px;
}

#tmp_wrap_kids_top {
	margin-bottom: 15px;
}

}