
@media (min-width: 768px){
	.span_7 {
    width: 27.75%;
}
.span_9 {
    width: 36.25%;
}
.span_8 {
    width: 32.0%;
}
.span_24 {
    width: 100%;
}
.span_12 {
    width: 48.0%;}
.content-area.span_16{
	width: 100%;
}

}
@media screen and (max-width: 768px){
#smp-menu-btn {
    display: block;
    top: 56px;
    left: 50px;
    position:absolute;
	}
#smp-menu-btn > a {
    background-image: url("../img/nav/ui_li_base_r.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.ui-menu > a {
    padding-left: 1px;
    padding-right: 0;
    }div.learning{
  padding-left:15px;	
}
}