@charset "UTF-8";
/* CSS Document */
.club-border        { border:1px #cccccc solid; padding:20px; }
.club-border-2      { padding:20px; }
.interactive-border { border:1px #cccccc solid; }
.blog-border        { border:1px #cccccc solid; }
.image-remove { position: absolute; }
.footer-copyright { color:#999999; }
@media(max-width:767px){
	/* BUTTON */
	.btn-main { max-width:100%; }
	.l1 { width:100%; color:#3b88cc; }
	.l2 { width:100%; color:#f59300; }
	.l3 { width:100%; color:#26bfa8; }
	.l4 { width:100%; color:#31ace0; }
	.l5 { width:100%; color:#f7638f; }
	.l6 { width:100%; color:#a65aed; }
	.l7 { width:100%; color:#ed6f5a; }

	/* TEXT */
	*                 { font-size:16px;  }
	.font-80          { font-size:14px;  }
	#nav li           { font-size:16px;  }
	#nav li a         { font-size:16px;  }
	
	.title-ffp        { font-size:24px; }
	
	.text-index            { font-size:14px; }
	.text-eight            { font-size:14px; }
	.text-eight span       { font-size:16px; }
	.text-club             { font-size:14px; }
	.text-club  span       { font-size:16px; }
	.text-service          { font-size:14px; }
	.text-service span     { font-size:16px; }
	.text-baby             { font-size:14px; }
	.text-baby span        { font-size:16px; }
	.text-interactive      { font-size:14px; }
	.text-interactive span { font-size:16px; }
	.text-about            { font-size:14px; }
	.text-about  span      { font-size:16px; }
	.text-address          { font-size:18px; }
	.text-address1         { font-size:14px; }
	.text-address1    span { font-size:14px; display:inline-block; }
    .text-address2         { font-size:14px; }
	.text-address3         { font-size:14px; }
	.text-address4         { font-size:12px; }
	.text-disclaimer       { font-size:12px; }
	
	.padding-top-d-30 { padding-top:0px; }
	.padding-top-d-50 { padding-top:0px; }
	
	.margin-top-d-50  { margin-top:0px; }
	.margin-left-d-50 { margin-left:auto; margin-right:auto; }
	
	.footer-text      { font-size:16px;  }
	.footer-copyright { font-size:8px;   }
	
	.club-border        { height:auto; }
	.interactive-border { height:auto; }
	.blog-border        { height:auto; }
	
	.baby3-bg-b { background-image:url(../images/baby3-bg-b2-mobile.png),url(../images/baby3-bg-b.png);  background-position:bottom, bottom; background-repeat:repeat-x,no-repeat; background-size:auto, 100% auto; }
	.background-pattern-program2     { background-image:url(../images/background-pattern-program2.png); margin:10px 0 10px 0; padding:10px; border-radius:5px; }
	.background-border-brand         { padding:30px; }
	.background-border-members       { padding:30px; }
	
	#sitemap1 { width:100%; }
	#sitemap2 { width:100%; }
	#sitemap3 { width:100%; }
	#sitemap4 { width:100%; }
	#sitemap5 { width:100%; }
	#sitemap6 { width:100%; }
	#sitemap7 { width:100%; }
	
	.carousel {
		margin-bottom:60px;
	}
	.carousel-indicators {
		bottom:-45px;
	}
	.carousel-control {
		bottom:-30px; top:auto;
	}
	
	.row-eq-height { display:block; }
	.image-remove { position: static;}
	.banner { padding:5px; margin-top:0px; margin-bottom:5px; }
	.margin-top-50    { margin-top:20px;    }
	.margin-bottom-50 { margin-bottom:20px; }
	.bubble      { width:100%; }
	.vertical-middle { transform: translateY(0%); }
	.img-bottom { position:relative; }
	
	.background-pattern-triangle       { background-image:url(../images/background-triangle-mobile.png); }
	.background-pattern-music          { background:url(../images/background-pattern-music-mobile.png), url(../images/background-dot-green.png); }
	.background-pattern-interactive    { background:url(../images/background-pattern-interactive-mobile.png), url(../images/background-dot-purple.png); }
	.background-pattern-interactive2   { background:url(../images/background-pattern-interactive2-mobile.png); background-repeat:repeat-x; }
	.background-pattern-bcd            { background:url(../images/background-pattern-bcd-mobile.png); }
	.background-pattern-blog           { background:url(../images/background-pattern-blog-mobile.png); }
	
	#overlayMovie_inner {
	  position: fixed;
	  width: 320px;
	  /*height: 180px;*/
	  z-index: 1001;
	}
	#overlayMovie-iframeContainer iframe {
	  width: 320px;
	  /*height: 180px;*/
	  border: none;
	  overflow: auto;
	}
	
	.program4-bg { background-image:url(../images/background-dot-yellow-2.png); background-repeat:repeat; }
	.program6-bg { height:auto; }
	.age-photo { position: relative; margin-right: auto; margin-left: auto; width:100%; }
	.age-circle { padding:10px 50px 10px 50px; } 
	.age-circle-down { margin-top:0px; }
	.pooh1-video { position:relative; bottom:auto; right:auto;}
}
@media(min-width:768px){
	/* BUTTON */
	.btn-main { width:300px; }
	/* TEXT */
    *                 { font-size:14px; }
	.font-80          { font-size:12px; }
	#nav li           { font-size:14px; }
	#nav li a         { font-size:14px; }
	.footer-text      { font-size:10px; }
	.footer-copyright { font-size:10px; }
	
	.club-border        { height:400px; }
	.interactive-border { height:360px; }
	.blog-border        { height:350px; }
	
	#sitemap1 { width:20%; }
	#sitemap2 { width:13%; }
	#sitemap3 { width:10%; }
	#sitemap4 { width:9%; }
	#sitemap5 { width:13%; }
	#sitemap6 { width:15%; }
	#sitemap7 { width:20%; }
	.bubble      { width:200px; margin-bottom:10px; }
	
	.age1-photo-height { height:500px;}
}
@media(min-width:992px){
	/* BUTTON */
	.btn-main { width:400px; }
	/* TEXT */
	*                 { font-size:16px; }
	.font-80          { font-size:14px; }
	#nav li           { font-size:16px; }
	#nav li a         { font-size:16px; }
	.footer-text      { font-size:12px; }
	.footer-copyright { font-size:12px; }
	
	.club-border        { height:430px; }
	.interactive-border { height:400px; }
	.blog-border        { height:440px; }
	
	.bubble      { width:250px; margin-bottom:15px; }
	
	.program6-bg { background-position:left 200px bottom, top; }
	.age1-photo-height { height:500px; }
}
@media(min-width:1200px){
	/* BUTTON */
	.btn-main { width:480px; }
	/* TEXT */
	*                 { font-size:18px; }
	.font-80          { font-size:16px; }
	#nav li           { font-size:18px; }
	#nav li a         { font-size:18px; }
	.footer-text      { font-size:14px; }
	.footer-copyright { font-size:14px; }
	
	.club-border        { height:450px; }
	.interactive-border { height:460px; }
	.blog-border        { height:600px; }
	
	.bubble      { width:300px; margin-bottom:20px; }

	.age1-photo-height { height:450px; }
	
	.banner-728 { margin-left: 221px; }
}