@charset "UTF-8";
/* CSS Document */

#social-media               { float:right;      }
#social-media li            { margin-right:5px; }
#social-media li:last-child { margin-right:0px; }

#wrapper-sidebar { width:25%; float:left; z-index:1; }
#wrapper-content { width:75%; float:left; }

.logo-main { float:left; }

.header-bar { position:fixed; width:100%; z-index:100; background-color:#ffffff; padding-top:10px; }

#nav      { width:100%; }
#nav > li { text-align:center; font-size:18px; line-height:50px; border-right :1px dotted gainsboro; }
#nav > li:last-child { border-right :0px; }
#nav > li > a { display:block; }

.l1 { width:30%; color:#3b88cc; }
.l2 { width:10%; color:#f59300; }
.l3 { width:12%; color:#26bfa8; }
.l4 { width:10%; color:#31ace0; }
.l5 { width:18%; color:#f7638f; }
.l6 { width:10%; color:#a65aed; }
.l7 { width:10%; color:#ed6f5a; }

.l1 a { color:#3b88cc; }
.l2 a { color:#f59300; }
.l3 a { color:#26bfa8; }
.l4 a { color:#31ace0; }
.l5 a { color:#f7638f; }
.l6 a { color:#a65aed; }
.l7 a { color:#ed6f5a; }

#nav-mobile      { width:100%; display:none; }
#nav-mobile > li { font-size:18px; line-height:50px; float:none; border-bottom :1px solid gainsboro; padding-left: 20px; }
#nav-movile > li:last-child { border-bottom :1px solid gainsboro; }
#nav-mobile > li > a { display:block; }

#nav-20th  { width:100%; }
#nav-20th li { width:20%; text-align:center; }

#club-more { background-color:#eeeeee; line-height:50px; text-align:center; margin:20px 0 20px 0;}

.news-market   { padding:10px; }
.news-market li{ margin-bottom:10px;}

.recruitment {
	padding-left: 30px;
}

.recruitment li {
	list-style:disc;
	float: none;
}


.banner { margin-top:20px; margin-bottom:20px; }
.background-pattern-triangle     { background-image:url(../images/background-triangle.png); }
.background-pattern-abc          { background-image:url(../images/background-pattern-abc.png),url(../images/background-dot-blue.png); }
.background-pattern-program      { background-image:url(../images/background-pattern-program.png)}
.background-pattern-program2     { background-image:url(../images/background-pattern-program2.png); margin:50px 0 50px 0; padding:50px; border-radius:10px; }
.background-pattern-bcd          { background:url(../images/background-pattern-bcd.png); }
.background-pattern-music        { background:url(../images/background-pattern-music.png), url(../images/background-dot-green.png); }
.background-pattern-age          { background:url(../images/background-pattern-age.jpg); border-radius:5px; }
.background-pattern-interactive  { background:url(../images/background-pattern-interactive.png), url(../images/background-dot-purple.png); }
.background-pattern-interactive2 { background:url(../images/background-pattern-interactive2.png); background-repeat:repeat-x; }
.background-pattern-interactive4 { background:url(../images/background-pattern-interactive4.png),url(../images/background-pattern-interactive5.png); background-repeat:repeat-x, repeat-x; background-position: top, bottom; }
.background-pattern-club         { background-image:url(../images/background-pattern-club.png); }
.background-pattern-blog         { background:url(../images/background-pattern-blog.png); }
.background-pattern-facecall     { background-image:url(../images/background-pattern-facecall.jpg); }
.background-pattern-star         { background-image:url(../images/background-pattern-star.png); }
.background-pattern-points       { background-image:url(../images/background-pattern-points.jpg); }
.background-pattern-wooden       { background-image:url(../images/background-pattern-wooden.png); }
.background-pattern-leaf         { background-image:url(../images/background-pattern-leaf-1.jpg),url(../images/background-pattern-leaf-2.jpg); background-repeat:repeat-x, repeat-x; background-position:top, bottom; }
.background-pattern-20th         { background-image:url(../images/background-pattern-20th.jpg); }
.background-border-brand         { background-image:url(../images/background-dot-pink-2.png); padding:50px; border-radius: 25px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:30px;}
.background-border-members       { background-image:url(../images/background-dot-pink-2.png); padding:50px; border-radius: 25px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:30px;}
.background-border-crews         { background-color:#FFFFFF; padding:50px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:30px; }
.background-dot-blue             { background-image:url(../images/background-dot-blue.png); }
.background-dot-green            { background-image:url(../images/background-dot-green.png); }
.background-dot-green2           { background-image:url(../images/background-dot-green-2.jpg); }
.background-dot-gray             { background-image:url(../images/background-dot-gray.png); }
.background-dot-pink             { background-image:url(../images/background-dot-pink.png); }
.background-dot-pink2            { background-image:url(../images/background-dot-pink-2.png); }
.background-dot-pink3            { background-image:url(../images/background-dot-pink-3.png); }
.background-dot-white            { background-image:url(../images/background-dot-white.png); }
.background-dot-purple           { background-image:url(../images/background-dot-purple.png); }
.background-line                 { background-image:url(../images/background-line.png); }
.background-line-green           { background-image:url(../images/background-line-green.jpg); border-radius: 25px; }
.background-dot-yellow           { background-image:url(../images/background-dot-yellow.png); }
.background-dot-yellow2          { background-image:url(../images/background-dot-yellow-2.png); border-top: 7px solid #f59300; border-radius:5px; }
.background-dot-yellow3          { background-image:url(../images/background-dot-yellow-2.png); }
.background-color-gray           { background-color:#fcfafa; }
.background-age-border           { background-image:url(../images/border-middle.jpg); background-repeat:repeat-y; background-size:100% auto; }
.background-age-border2          { background-image:url(../images/border2-middle.jpg); background-repeat:repeat-y; background-size:100% auto;  }
.background-members              { background-image:url(../images/background-members.jpg); background-size:100% 100%; }
.background-crews                { background-image:url(../images/background-crews.jpg); }
.background-crews-line-pink      { background-color:#e4007f; width:100%; height:10px; }
.background-crews-line-blue      { background-color:#006be4; width:100%; height:10px; }
.background-crews-line-orange    { background-color:#ff7301; width:100%; height:10px; }
.background-data2                { background-color:#fee2b9; }
.background-data3                { background-color:#fbe2ea; }
.background-data4                { background-color:#ddede6; }
.background-question             { background-image:url(../images/background-question.png); background-size:100% auto; background-position:bottom; background-repeat: no-repeat;}

.sitelink { padding:15px; }
.bubble      { display:block; margin-right: auto; margin-left: auto; }

.vertical-middle { position: relative; top: 50%; transform: translateY(-50%); }

.eight-circle { width:100%; margin-bottom:30px; }

.img-top    { position:absolute; top:0px; }
.img-bottom { position:absolute; bottom:0px; }

#about6-padding    { padding-left:30px; padding-right:30px; }
#interactive3      { padding:30px; }
#interactive4-background-loop          { background-image:url(../images/interactive4-border3.png);  background-position: center top; background-size: 100% auto; }
#interactive4-border-padding-leftright { padding-left:20%; padding-right:20%; }
.interactive4-border-padding-bottom    { padding-bottom:10px; }
.interactive4-border-padding-bottom  ul li  { padding-bottom:10px; list-style:decimal; font-size:12px; }
#interactive4-user, #interactive4-pass { font-size:18px; }
.interactive4-btn { text-align:center; color:#FFFFFF; background-color:#9841e3; width:100%; border-radius: 5px; line-height:50px; }
.interactive4-list li{ float: none; }

/* PROGRAM SECTION */
.program-text-padding { margin:0px; padding:20px; text-align:center; background-image:url(../images/program-border-content.png); background-size:100% auto; }
.program3-youtube { position:absolute; right:0; }
.program4-bg { background-image:url(../images/program4-photo5.png),url(../images/background-dot-yellow-2.png); background-repeat:no-repeat, repeat; background-position: 60% bottom, top; }
.program5-photo { position: absolute; margin-top: -80px; left: 40px;}

.age-border-padding { padding-left:10%; padding-right:10%; }
.age-ballon-border { background-color:#fff4f1; padding:20px; margin:0; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.age-photo { position: absolute; bottom: 0px; right:0px; }
.age-photo-pin { margin-top:-120px; }
.age-share-border4  { background-color:#FFFFFF; padding:20px; border-radius:10px; height:100%; }
.age-share-border12 { background-color:#FFFFFF; margin:20px; padding:20px; border-radius:10px; }
.age-circle { padding:0px; } 
.age-circle-down { margin-top:50px; }
.age-doctor { border-bottom: 1px solid #999; padding:0 0 15px 0;  }
.age-doctor-bottom { padding:15px 0 15px 0;  }
.pooh1-video { position:absolute; bottom:10%; right:10%; }

.baby3-bg-t { background-image:url(../images/baby3-bg-t.png); background-position:top; background-repeat:no-repeat; background-size: 100% auto;}
.baby3-bg-b { background-image:url(../images/baby3-bg-b2.png),url(../images/baby3-bg-b.png);  background-position:bottom, bottom; background-repeat:repeat-x,no-repeat; background-size:auto, 100% auto; }
.baby4-bg   { background-image:url(../images/baby4-bg-b.png),url(../images/baby4-bg-t.png); background-position:bottom, top; background-repeat:no-repeat; background-size: 100% auto;}

.service4-bg { background:url(../club/images/service4-bg.png), url(../images/background-pattern-music.png), url(../images/background-dot-green.png); background-position:bottom; background-repeat:no-repeat, repeat, repeat; background-size:100% auto, auto, auto; }
.service6-bg { background:url(../club/images/service6-bg.png); background-repeat:no-repeat; background-size:100% auto; }

.camp5-bg { background:url(../club/images/camp5-bg.jpg); background-size: 100% auto; background-repeat:no-repeat; background-color:#8ec549; }
.camp6-bg { background:url(../images/pattern-zoo.png),url(../images/background-triangle.png); background-repeat:repeat-x, no-repeat; background-position:bottom; }

.show6-flag      { background-image:url(../images/background-pattern-flag.png); height:80px; } 
.show8-christmas { background-image:url(../images/background-christmas.jpg); height:20px; } 
.show8-bg        { background-image:url(../images/background-pattern-christmas.jpg); } 

.activity-video-text             { font-size:24px; }
.activity-youtube-window         { background-color:#ffffff; box-shadow: 0px 0px 5px #888888; }
.activity-youtube-round-border   { width:70%; margin:20px; margin-left:auto; margin-right:auto; padding:5px; text-align:center; background-color:#fd8834; border-radius: 25px; color:#ffffff; }
.activity-youtube-wrapper        { position: relative; padding-bottom: 56.25%; border:2px solid white; box-shadow: 0px 0px 5px #888888; margin-bottom:10px; }
.activity-youtube-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.activity-youtube-images         { position: relative; border:2px solid white; box-shadow: 0px 0px 5px #888888; margin-bottom:10px; }
.activity-youtube-overlay        { cursor: default; background-color: rgba(253,136,52,.5); display:none; position:absolute; width:100%; height:100%; top:0; left:0; }

#slider { padding:0; background-color: #FFFFFF; }
#btn-slider-prev { position:absolute; top:50%; margin-top:-20px; }
#btn-slider-next { position:absolute; top:50%; margin-top:-20px; margin-left:-40px;}

.trial-comment      { position: relative; border-top: solid 11px #f7638f; background: #fff; padding: 35px 34px 7px 34px; height:100%; }
.trial-comment > h1 { font-size:22px; color:#f7638f; padding-bottom:15px; margin-bottom:20px; border-bottom: 1px solid #f7638f; }
.trial-comment-h1   { font-size:22px; color:#f7638f; padding-bottom:15px; margin-bottom:20px; border-bottom: 1px solid #f7638f; }
.trial-comment-name { position: absolute; bottom: 0px; right: 40px; }
.trial6-bg { background-image:url(../images/trial6-bg.png); background-size:100% auto; background-repeat:no-repeat; }

.gift-question li { float: none; list-style-type: decimal; padding-bottom: 10px; margin-left: 5%; }

.english-name li { float:left; width:7%; }
.english-name li:first-child { width:5%; }
.english-name-mobile li { float:left; width:16%; }
.english-name-mobile li:first-child { width:2%; }

.onlineffp-menu-video { display: none; }

.banner-728 {
	width: 728px;
	height: 90px;
}

#footer > li { margin-bottom:20px; }
.footer-sub { margin-top:10px; }
.footer-sub > li   { float:none; text-align:left;}
.footer-sub > li a { color:#999999;  }
.footer-line{ background-color:#f5f5f5; border-top: #e1e1e1 2px solid; padding-bottom:50px; }
.footer-inner { position: relative; margin: 0 auto; width: 90%; }
.footer-pagetop { position: absolute; right: 0; top: -35px;}

/* titlebar */
#club1-title { 
background-image:url(../images/club2-title.png); background-size:100% auto; background-repeat:no-repeat; padding-bottom: 20%;}

/* slider */
.carousel-control.left, .carousel-control.right {
	background-image:none;
}
.carousel-indicators {
	margin-left: -50px; 
}

.carousel-indicators li {
	margin: 0px 7px !important;
	border: 3px solid #ddd;
	background-color:#fff;
}

.carousel-control {
	width:5%;
}

/* BUTTON */
.btn-main { 
	display: block; 
	width:480px; 
	height: auto; 
	margin-left:auto;
	margin-right:auto; 
}

/* TEXT */
.title-ffp     { font-size:26px; text-align:center; }

.text-eight       { text-align:center; }
.text-club        { text-align:center; }
.text-program     { }
.text-maternity   { }
.text-age         { }
.text-age-content { font-size:14px; }
.text-age-share-name { font-size:24px; color:#ff9f0e; display:block; margin:10px 0 10px 0;}
.text-age-doctor-name { font-size:24px; }
.text-service     { }
.text-facecall    { }
.text-camp        { }
.text-activity    { }
.text-show        { }
.text-baby        { }
.text-interactive { }
.text-20th        { }
.text-voice       { }
.text-20th-h1     { font-size:22px; }
.text-about       { }
.text-recruitment { }
.text-address        { text-align:center; font-size:24px; }
.text-address1       { float:left; width:25%; }
.text-address1  span { display:inline-block; }
.text-address2       { float:left; width:75%; }
.text-trial       { }
.text-disclaimer  { text-shadow: 0 0 3px #FFFFFF; }

/* 20th */
.brand-year { margin-left:-70px; }

/* SEO Team */
.yfContent{
        height:1px;
        overflow:auto;
        width: 1px;
}

/* JAPAN - follow button */
#follow-btn {
	display: none;
	position: fixed;
	z-index: 100;
	top: 289px;
	right: 0;
	box-sizing: border-box;
	padding: 16px 0 0 15px;
	width: 64px;
	height: 260px;
	background: url(../images/follow-btn-bg.png) no-repeat;
}
#follow-btn .item + .item { margin-top: 10px; }

/* JAPAN - overlay */
#overlayMovie {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  min-width: 960px;
  height: 100%;
  z-index: 1000;
}

.overlayMovie-bg {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  min-width: 960px;
  height: 100%;
  background: #000;
}

#overlayMovie_inner {
  position: fixed;
  width: 640px;
  height: 360px;
  z-index: 1001;
}

#overlayMovie-iframeContainer iframe {
  width: 640px;
  height: 360px;
  border: none;
  overflow: auto;
}

.overlayMovie-close {
  position: absolute;
  top: -40px;
  right: 0;
}
.overlayMovie-close a {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 22px;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/overlay_btn_close.png) no-repeat 0 0;
}
.overlayMovie-close a:hover {
  background: url(../images/overlay_btn_close_ov.png) no-repeat 0 0;
}

.movie .btn {
  margin: 9px 0 0 54px;
}

.carousel-control.left .glyphicon { left: 0; margin-left: 0; }