@charset "utf-8";
#fade {width:100% !important;height:auto;overflow:hidden;margin:0 auto;position:relative;}
#fade .infad, #fade .fadeimg{height:450px;/*height:70vh*/;}
#fade .infad{z-index: -1;margin: 0;position: relative;width: 100%;min-width:640px;overflow:hidden;}
#fade .fadeimg{position: absolute;top: 0;left: 0;width: 100%;background: url(../images/musictopimg01.jpg) center 0 no-repeat;}

#topmessage{width:100%;font-weight: bold; margin:-3em auto -1.3em auto;padding:0 0 0.7em 0;text-align: center;background:url(../images/headerbg.png)top center no-repeat;background-size: cover;}
#topmessage h2{width: 70%; margin:0 auto 0.5em auto;}
#topmessage h2 span{font-weight: normal; font-size:large; }
#topmessage p{width: 70%;line-height:1.5;margin: 0 auto;color: rgba(130,121,0,0.90);}

.tabs{width:90%;margin:0 auto;overflow:hidden;table-layout:auto;display:table;border-collapse:separate;border-spacing:0 0;}
.tabs li{display:table-cell;width:25%;text-align:center;font-size:medium; font-weight: bold;vertical-align: bottom;}
.tabs li span{display:inline;}
.tabs li a{display:block;overflow:hidden;color:#FFF;box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4) inset;
line-height:1.3;padding:1.5em 0 1.5em 0;}
.tabs li.active a{box-shadow:none;pointer-events: none;padding:1.7em 0 1.7em 0;}
.tabs li.page1 a{background:#d0c200;}
.tabs li.page2 a{background:#b8ab00;}
.tabs li.page3 a{background:#a79b00;}
.tabs li.page4 a{background:#938900;}

.tabs a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

.linebara{border-top-color:#d0c200;}
.linebarb{border-top-color:#b8ab00;}
.linebarc{border-top-color:#a79b00;}
.linebard{border-top-color:#938900;}

.tabcontents{margin:0 auto;padding: 2em 0 0 0;border-top-style:solid;border-width: 5px;}
.secondtitle {margin:0 0 2em 0;}
.secondtitle h2{font-size:large;color:#3AB483;line-height:1.3;margin:0 0 0.2em 0;}
.secondtitle p{font-size:small;line-height:1.5;}

.info{margin:0 auto 5em auto;}


.info table.listinfo{margin:0 auto 0.5em auto;}

.info table.equipmentinfo{width: 100%; border-collapse:collapse;line-height: 1.5;font-size:small;border-top:1px solid #999;border-left:1px solid #999;}
.info table.equipmentinfo th,
.info table.equipmentinfo td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.7em;vertical-align: middle;}
.info table.equipmentinfo th{font-weight:bold;background: rgba(236,236,236,1.00);}
.info table.equipmentinfo td{}

.info table.equipmentinfo th.wi20{width: 20%;}



@media only screen and (max-width: 1024px) {
#fade .infad, #fade .fadeimg{height:50vh;}



.tabs{width:100%;}
.tabs li{font-size:small;white-space:normal;}

}

@media only screen and (max-width: 960px) {
#fade .infad, #fade .fadeimg{height:30vh;}





}

@media only screen and (max-width: 736px) {
#fade .infad, #fade .fadeimg{height:60vh;}


#topmessage{margin:-1.5em auto -0.5em auto;}

#topmessage h2{font-size:x-large;}
#topmessage h2 span{font-size:small; }
#topmessage p{width: 70%;}



}

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

#topmessage h2{width: 90%;}


.lists li h3.long{top:70%;}
.sheets2 img{height:8em;}
.sheets3 img{height:6em;}
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 480px) {
#fade .infad, #fade .fadeimg {height:60vw; }
#fade {margin:0 auto;}
#fade .infad {width:100%;min-width:100%;}

#mainall{width:96%; margin:0 2%;} 


#topmessage h2{font-size:large;}
#topmessage h2 span{font-size:small;}
#topmessage p{width:90%;font-size:small;}



.tabs li span{display:block;}
.tabs li a{padding:1vh 0 1vh 0;}
.tabs li.active a{padding:1.2vh 0 1.2vh 0;}

ul.musicimg li{float: none; width: 100%;}
.info table.equipmentinfo{font-size:x-small;}


.tabcontents{margin:0 auto;padding: 1em 0 0 0;}
.topspace{margin:0 5% 1em 5%;}

.info{margin:0 auto 2em auto;}


}
@media only screen and (max-width: 320px) {


}