@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:10px 0; margin:0 auto 20px; font-family:'Roboto',sans-serif; font-weight:100; font-size:29px; font-size:2.9rem;}
h4{font-size:16px; font-size:1.6rem; margin:1em 0; padding-bottm:5px; border-bottom:1px solid #000; font-weight:nomal;}
h5{font-size:16px; font-size:1.6rem; color:#990000; font-weight:600; margin:1em 0;}

#topic{font-family:'Roboto',sans-serif; text-align:left; font-weight:400; padding:0 20px;}
#topic div{margin:0 auto 60px;}
#topic img{width:300px;}
#topic .topiclist{margin:0 auto 100px auto;}
#topic p{margin:0 0 10px;}
#topic .new{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;}
#topic .date{font-weight:400;}
#topic .subttl{color:#800000; font-weight:600;}
#topic dl{margin:0 0 30px;}
#topic dl dt{border-left:3px solid #ccc; clear:left; margin:0 0 1em; padding-left:5px;}
#topic dl dd{margin-bottom:1em;}
#topic .listen_ p{display:inline-block; width:100px;}

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

@media only screen and (min-width:740px) {
#topic img{width:600px;}
#topic .ntt_jacket_ img{width:300px;}
#topic dl{margin:0 0 30px;}
#topic dl dt{border-left:3px solid #ccc; clear:left; float:left; margin:0 0 1em; padding-left:5px; width:7.5em;}
#topic dl dd{margin-bottom:1em; margin-left:10.5em;}
#topic .listen_ p{display:inline-block; width:150px;}

}

@media only screen and (min-width:980px) {
h2{padding:10px 0;}
#topic{padding:0;}
}

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