#content{
    margin-top:168px;
}

/*top_menu*/
#class_menu_top{
/*	display: block;*/
    position:fixed;
    top:137px;
    width:100%;
    z-index:9999;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow: row;
	align-items: center;
	-ms-flex-pack:distribute;
	/*
	justify-content:space-around;
	align-items:stretch;*/
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #6a6a6a;
}

#class_menu_top li{
    -webkit-flex-grow: 1;
    flex-grow: 1;
    border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#class_menu_top li a{
	margin: 0;
    padding: 5px;
	display: block;
	color: #fff;
	text-align:center;
	width:100%;
	box-sizing: border-box;
	overflow:hidden;
    font-size:8px;
    font-weight:normal;
}
#class_menu_top li a:hover{
	color:#f60;
    background:#eee;
	}
#class_menu_top li:last-child{
	border-right:none;
}

@media screen and (max-width: 1125px) {
    #class_menu_top{flex-wrap:wrap;}
    #class_menu_top li{width:15%;}
    #content {margin-top:230px;}
}


@media screen and (max-width: 889px) {
    #class_menu_top{display:none;}
    #content{margin-top:138px;}
}

@media screen and (max-width: 768px) {
	#content{margin-top:80px;}
}

/*bottom_menu*/
#class_menu{
	padding: 0px;
	margin: 0 auto 20px auto;
	list-style: outside none none;
	width: 100%;
	max-width: 660px;
	float: none;
	display: table;
	}
#class_menu li span{
	display: none;
	}
#class_menu li,
#class_menu li a{
	float:left;
	display:block;
	width:200px;
	height:50px;
	margin:0;
}

#class_menu li a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

#class_menu li#menu1 a{
	background:transparent  url('../img/menu/menu_r1_1.gif')no-repeat;
}
#class_menu li#menu2 a{
	background:transparent url('../img/menu/menu_r11_1.gif')no-repeat;
}
#class_menu li#menu3 a{
	background:transparent url('../img/menu/menu_r12_1.gif')no-repeat;
}
#class_menu li#menu4 a{
	background:transparent url('../img/menu/menu_r2-2_1.png')no-repeat;
}
#class_menu li#menu5 a{
	background:transparent url('../img/menu/menu_r3_1.gif')no-repeat;
}
#class_menu li#menu6 a{
	background:transparent url('../img/menu/menu_r4_1.gif')no-repeat;
}
#class_menu li#menu7 a{
	background:transparent url('../img/menu/menu_r5_1.gif')no-repeat;
}
#class_menu li#menu8 a{
	background:transparent url('../img/menu/menu_r6_1.gif')no-repeat;
}
#class_menu li#menu9 a{
	background:transparent url('../img/menu/menu_r7_2.gif')no-repeat;
}
#class_menu li#menu10 a{
	background:transparent url('../img/menu/menu_r8_1.gif')no-repeat;
}
#class_menu li#menu11 a{
	background:transparent url('../img/menu/menu_r9_1.gif')no-repeat;
}
#class_menu li#menu12 a{
	background:transparent url('../img/menu/menu_r10_1.gif')no-repeat;
}
#class_menu li#menu13 a{
	background:transparent url('../img/menu/menu_r13_1.gif')no-repeat;
}
#class_menu li#menu14 a{
	background:transparent url('../img/menu/menu_r14_1.gif')no-repeat;
}
#class_menu li#menu15 a{
	background:transparent url('../img/menu/menu_r15_1.gif')no-repeat;
}

#class_menu li#menu16 a{
	background:transparent url('../img/menu/menu_r16_1.gif')no-repeat;
}

#class_menu li#menu17 a{
	background:transparent url('../img/menu/menu_r11_1.gif')no-repeat;
}

#class_menu li#menu18 a{
	background:transparent url('../img/menu/menu_r17_1.gif')no-repeat;
}

#class_menu li#menu19 a{
	background:transparent url('../img/menu/menu_r19_1.gif')no-repeat;
}

/*******************************
デザイン・レイアウト
********************************/



/*レッスン写真*/
.class_image{
    display: block;
    margin: 5px 0 0 0;
    background-color: #ffca00;
    padding: 10px;
    text-align: center;	
}

/*youtube埋め込み*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}