@charset "utf-8";

@media screen and (min-width : 641px) and (max-width : 1110px) {
	#tmp_kids_top .kids_heading {
		width: 55%;
		height: 310px;
		padding: 8% 5%;
	}
	#tmp_kids_top .kids_list {
		padding: 32px 25px 119px;
	}
    #tmp_kids_top .kids_list .kids_item {
		padding: 104px 20px 0;
		margin-bottom: 30px;
	}
	#tmp_kids_top .kids_list .kids_item:nth-child(4):after {
		left: -132px;
	}
	#tmp_kids_top .kids_list .kids_item:nth-child(7):after {
		left: -98px;
	}
}
@media screen and (min-width : 641px) and (max-width : 920px) {
	#tmp_kids_top .kids_heading {
		margin: 20px auto;
		height: 250px;
	}
	#tmp_kids_top:before,
	#tmp_kids_top:after {
		width: 15%;
	}
    #tmp_kids_top .kid_inner:after {
        width: 90px;
        height: 72px;
    }
}
@media screen and (max-width : 640px) {

.custom_kids #tmp_pankuzu {
	padding: 0 25px;
	margin-bottom: 0;
	font-size: 87.5%;
}
.custom_kids .column_top #tmp_main {
	padding: 0 20px 44px;
}
.custom_kids .column_top #tmp_main:before,
.custom_kids .column_top #tmp_main:after {
    width: 20px;
}
#tmp_kids_top .container {
	padding: 0;
}
#tmp_kids_top:before,
#tmp_kids_top:after {
    width: 53px;
    height: 284px;
}
#tmp_kids_top:before {
    background-image: url(/shared/templates/kids_top/images/curtain_lft_sp_bg.png);
}
#tmp_kids_top:after {
    background-image: url(/shared/templates/kids_top/images/curtain_rgt_sp_bg.png);
}

/* kids_heading
================================================== */
#tmp_kids_top .kids_heading {
    max-width: 295px;
	width: 100%;
    height: 163px;
    padding: 21px 32px 23px;
    margin: 40px auto 43px;
}
#tmp_kids_top .kids_heading:before,
#tmp_kids_top .kids_heading:after {
	width: 78px;
	height: 234px;
	bottom: -34px;
}
#tmp_kids_top .kids_heading:before {
    left: -12px;
    background-image: url(/shared/templates/kids_top/images/boy_wth_stars_sp_bg.png);
}
#tmp_kids_top .kids_heading:after {
    right: -12px;
    background-image: url(/shared/templates/kids_top/images/girl_wth_stars_sp_bg.png);
}
#tmp_kids_top .kids_heading h1 {
    font-size: 75%;
}
#tmp_kids_top .kids_heading .en {
    font-size: 216.7%;
}
#tmp_kids_top .kids_intro_txt {
    padding: 0;
    line-height: 1.9;
    max-width: 256px;
    margin: 0 auto;
}
/* kids_list
================================================== */
#tmp_kids_top .kids_list_wrap {
	padding: 0 32px;
}
#tmp_kids_top .kids_list {
    padding: 15px 0 62px;
	max-width: 256px;
    margin: 0 auto;
}
#tmp_kids_top .kids_list .kids_item {
    float: none;
    width: 100%;
    padding: 90px 0 0;
    margin-bottom: 0;
}
#tmp_kids_top .kids_list .kids_item:nth-child(n) {
    clear: none;
}
#tmp_kids_top .kids_list .kids_item:nth-child(n):after {
	content: none;
}
#tmp_kids_top .kids_list .kids_item:nth-child(2):after {
    content: '';
    top: -6px;
    right: -31px;
    width: 46px;
    height: 108px;
    background-image: url(/shared/templates/kids_top/images/baby_float_bg.png);
}
#tmp_kids_top .kids_list .kids_item:nth-child(5):after {
    content: '';
    top: -12px;
    left: -59px;
    width: 74px;
    height: 98px;
    background-image: url(/shared/templates/kids_top/images/girl_jump_bg.png);
}
#tmp_kids_top .kids_list .kids_item:nth-child(8):after {
    content: '';
    top: -22px;
    right: -60px;
    width: 70px;
    height: 90px;
    background-image: url(/shared/templates/kids_top/images/girl_run_bg.png);
}
#tmp_kids_top .kids_list .kids_item:nth-child(9):after {
    content: '';
    top: auto;
    bottom: -19px;
    left: -57px;
    width: 58px;
    height: 90px;
    background-image: url(/shared/templates/kids_top/images/boy_run_bg.png);
}
#tmp_kids_top .kid_inner,
#tmp_kids_top .kid_inner_img {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#tmp_kids_top .kid_inner.active:after {
    -webkit-transform: translateY(-118%);
    -moz-transform: translateY(-118%);
    transform: translateY(-118%);
}
#tmp_kids_top .kid_inner_ttl {
    padding: 20px 15px 10px 17px;
    font-size: 125%;
    background-position: 18px 21px;
    -webkit-background-size: 20px auto;
    -moz-background-size: 20px auto;
    background-size: 20px auto;
}
#tmp_kids_top .kid_inner:after {
    width: 90px;
    height: 72px;
}
/* ==================================================
accessibility
================================================== */
.fsize_big #tmp_kids_top .kids_heading .ttl,
.fsize_big2 #tmp_kids_top .kids_heading .ttl {
    font-size: 320%;
}
.no_javascript.custom_kids #tmp_pankuzu {
	padding: 10px 16px;
}

}