@charset "UTF-8";
h2{background:#000; padding:10px 20px; margin:0 auto 50px; font-family:'Roboto',sans-serif; font-weight:100; font-size:30px; font-size:3.0rem; color:#fff;}

h3{padding-bottom:5px; border-bottom:1px solid #000; font-family: 'Roboto', sans-serif; font-size:16px; font-size:1.6rem; font-weight:300;}
h4{font-size:18px; font-size:1.8rem; margin:1em 0; padding-bottm:5px; color:#990000;}
h5{font-size:16px; font-size:1.6rem; color:#990000; font-weight:600; margin:1em 0;}

#live{max-width:960px; margin:0 auto;}
#live #month{display:none; vertical-align: top; text-align:left;}
#live #month ul li a{font-family:'Roboto',sans-serif; font-size:28px; font-size:2.8rem; font-weight:100; text-decoration:none;}

#live #schedule{text-align:left; padding:0 20px;}

#schedule div{margin:0 auto 80px;}

#live .new{display:block; margin-bottom:2px;font-family:'Roboto',sans-serif; font-size:12px; font-size:1.2rem; background:#ff1947; color:#fff; width:3em; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:100;}

#live dl{margin:0 0 30px;}
#live dl dt{border-left:3px solid #ccc; clear:left; margin:0 0 1em; padding-left:5px;}
#live dl dd{margin-bottom:1em;}
#live dl dd p{margin-bottom:16px;}

@media only screen and (min-width:340px) {
}

@media only screen and (min-width:740px) {
#live #month{display:inline-block; width:15%; vertical-align: top; text-align:left;}
#live #month ul li a{font-family:'Roboto',sans-serif; font-size:28px; font-size:2.8rem; font-weight:100; text-decoration:none;}

#live #schedule{display:inline-block; width:84%; text-align:left; padding:0;}

#live dl{margin:0 0 30px;}
#live dl dt{border-left:3px solid #ccc; clear:left; float:left; margin:0 0 1em; padding-left:5px; width:13em;}
#live dl dd{margin-bottom:1em; margin-left:14.5em;}

}