/*@import url("base.css");*/
body,h1,h2,h3,h4,i,em,ul,li,a,img,div,p,dl,dt,dd,table,tr,td{ margin:0; padding:0;}
div{vertical-align:top;}
i,em{ font-style:normal;}
ul,li,dl,dd,dt{ list-style: none;}
a{text-decoration: none;}
a:hover{ text-decoration:none;}
img{ vertical-align:bottom; border:none; max-width:100%;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:"";clear: both;display: block;visibility:hidden;height:0;}/* clear both*/

body{ background: url(../images/bg.gif) left top repeat; font-size:16px;  color:#000;font-family:'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
.wrap{ max-width:750px; margin:0 auto; width:100%;}

.wrap h3{ font-size:2.5em; line-height:120%; color:#c80000; text-align:center; padding:15px 0; letter-spacing:-2px;}
.wrap .music{ padding:0 6.6%;}
.wrap .music li{ padding:1% 0%; font-size:1.68em; vertical-align:top; font-weight:400; min-height:30px;}
.wrap .bn{ margin:5% 0; text-align:center;}
.wrap .bn img{ max-width:76%;}

.foot{ margin-top:4px; padding:15px 10%; text-align:center; font-size:10px; line-height:110%; color:#FFF; background:url(../images/foot_bg.jpg) 0 0 repeat;}
.sound{ height:26px;}
.audiojs {height: 26px;} 
.audiojs .play-pause { height:26px; } 
.audiojs p {height: 26px;}

@media screen and (max-width: 640px) {
body{ font-size:14px;  }

}
@media screen and (max-width: 480px) {
body{ font-size:13px;  }

}
@media screen and (max-width: 400px) {
body{ font-size:12px;  }

}
@media screen and (max-width: 380px) {
body{ font-size:11px;  }

}
@media screen and (max-width: 320px) {
body{ font-size:10px;  }

}