ul, li, ol {list-style:none;margin:0; padding:0;}

#build-menu-button{
	position:fixed!IMPORTANT;
	top:5px;
	left:0!IMPORTANT;
	z-index:9999!IMPORTANT;
	color:#FFF !important;
	cursor:pointer;
	padding:15px;
	width:50px;
	height:50px;
	}
	a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here… */
}
.sns-btn{width:30px;height:30px;display:inline-block;background-size:cover;margin:5px;margin-bottom:-5px;	}
.fb-btn{
background:url(/images/fb.png) no-repeat center;
}
.ig-btn{
background:url(/images/IG.png) no-repeat center;	
}
.tw-btn{
background:url(/images/TW.png) no-repeat center;
}
/*-------------------------------------------------
BG SW
-------------------------------------------------*/
.bg-slider {
	height: 300px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}
/*-------------------------------------------------
	++ SIDE MENU
-------------------------------------------------*/



#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
	}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 260px;
	padding: 0;
	position: static;
	z-index: 0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	left: 0;
	background-color:#222;
	color:#FFF;
	}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
	}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
	}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
	}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
	}

#build-menu ul li a{display:block;color:#FFF;padding:0.5em;}
#build-menu ul > li{border-bottom:1px solid #0C0F13;border-top:1px solid #2D363C;}
#build-menu ul > li a:hover{background-color:#333;color:#DDD !important;}
#build-menu ul > li > ul > li{background-color:#2D363C;border-bottom:1px solid #1C2128;border-top:1px solid #575E63;}
#build-menu ul > li > ul > li a{padding-left:15px;}
#build-menu ul > li > ul > li a:hover{background-color:#575E63;}
#build-menu ul > li > ul > li > ul > li{background-color:#575E63;border-bottom:1px solid #2D363C;border-top:1px solid #797E82;}
#build-menu ul > li > ul > li > ul > li a{padding-left:30px;}
#build-menu ul > li > ul > li > ul > li a:hover{background-color:#797E82;}

.menu-item a{font-size:1.1em;
}
.menu-item small{
	display:block;
	font-size:0.8em;
}
.card{
 margin-top:1em; 
}
.list-group-item span , .list-group-item em{
  
}
.list-group-item span{
font-size:1em;
display:block;
}
.list-group-item em{
font-size:0.8em;
}
.header{
	position:fixed!IMPORTANT;
	top:0!IMPORTANT;
	left:0!IMPORTANT;
	width:100%;
	background:url(./images/menu_bg.png) repeat-x bottom;
	z-index:999 !IMPORTANT;
	height:90px;
}
.header h1{
  width:150px;;
  float:left;
}
.header h1 a{
  background:url(/images/logo.png) no-repeat center;
  background-size:contain;
  width:110px;
  height:80px;
  margin-right:0.5em;
}
.header h1 a{
  display:block;
  float:left;
  text-indent:-9999px;
}
.header h1 strong{
		font-size:0.7em;
		display:block;
		float:left;
		margin-top:30px;
}
.head-navi{
	display:block;
	float:left;
	width:700px;
}
.head-navi li{
display:inline-block;padding:0.5em;margin-top:30px;text-shadow:1px 1px 2px #222;
}
.head-navi li a{
	color:#FFF;
}
.logo{
  background:url(/images/logo.png) no-repeat center;
  background-size:contain;
  width:140px;
  height:70px;
    display:block;
  text-indent:-9999px;
  margin:1em auto; 
  }

.rt-phone{
	margin-top:0.5em;
 float:right;
 color:#FFF;
}
.rf-phone-txt{
color:#000;
padding-top:0.4em;
font-size:0.8em;
display:inline-block;
}
.rf-phone-num{
  font-weight:bold;
  margin-top:-0.2em;
  width:8em;
  font-size:1.7em;
 display:inline-block;
 text-shadow:1px 1px 2px #000;

}
.slider{
}
.slick-slide{
	margin-top:90px;
	background-size:cover;
	width:100%;
	height:600px !important;
}
.pages h2{
  font-size:1.8em;
  margin-top:1em;
  padding:0.2em 0px;
  padding-bottom:0.4em;
  background:url(/images/H2-bottom-line.png) repeat-x bottom;
  background-size:contain;
  color:#222;
  text-shadow:1px #222;
}

.pages h2 small {
  font-size:0.8em;
  display:inline-block;
  float:right; 
  padding-top:0.4em;
  color:#777;
}

.pages h3{
  font-size:1.4em;
  color:#222;
  text-shadow:1px #222;
  border-bottom:1px solid #FFC200;
}
.pages h3 span{
  display:inline-block;
  margin-left:0.5em;
}

.pages h3 small {
  color:#FFF;
  font-size:0.5em;
  display:inline-block;
  background-color:#FFC200;
  height:1.5em;
  padding:1em 1em 1.5em 1em;
}

.under-line{
 height:3px;
 border-top:1px solid #777777;
 border-bottom:1px solid #666; 
}
.under-line i{
  display:block;
 background-color:#FFC200;
 height:1px;
 width:20%; 
}

.banner{padding:1em;border:3px solid #FFF;box-shadow:1px 2px 2px #000;}
.banner h3{}
.tw strong{margin-right:2em;}
.phototxt{
  position: relative;
  bottom: -75%;
}
.phototxt span{
	display:block;color:#000;background:url(/images/text-bg.png) repeat-x center;background-size:contain;padding:0.2em;text-align:center;
	font-weight:bold;
}


.class-con{
	border:2px solid #222;
	margin:1em auto;
}
.class-photo{
	height:300px;
	background-size:cover !important;
}
.class-description h4{
font-size:1.5em;
margin:1em auto;
}
.class-description h4 small{
font-size:0.7em;
display:block;
padding:1.2em auto;
color:#F0B608;
}
.class-description p{
	margin-top:1em;
	font-size:0.8em;
}
.class-description strong{
	margin-right:1em;
}
.class-description span{
}

.footer{height:5em;background:#222;color:#DDD;}

@media screen and (max-width: 1200px) {
	display:none !important;	
}

@media screen and (max-width: 900px) {

.header{
height:65px;
padding-top:5px;
border-bottom:2px solid #FFC200;
}
.header h1{
	width:100px;
}
.header h1 a{
  width:60px;
  height:50px;
}
.head-navi{
	display:none !important;
}

.rt-phone{
	margin-top:0px !important;
  font-size:75%;
  color:#FFF !important;
}
.slick-slide{
	height:200px !important;
	background-size:contain;
	margin-top:60px;
}
.pages h2{
  font-size:1.3em;
  margin-top:0.5em;
  padding:0.1em 0px;
  padding-bottom:0.2em;
  color:#222;
}
.header h1{margin-left:30px !important;}
.ameba-banner{font-size:1.2em !important;height:70px !important;}
.class-photo{
	height:200px;
	background-size:cover !important;
}

.class-description p{
	margin-top:1em;
	font-size:1em;
}
.option{padding:1em;}
.option strong{padding:0 1em;}
.option span{padding:0 1em;}

}