@charset "utf-8";
h2{margin:30px auto;}
@media only screen and (min-width:600px) {
h2{margin-top:40px;}
}
@media only screen and (min-width:768px) {
h2{margin-top:120px;}
}
@media (orientation: landscape) and (min-width:960px){
h2{margin:120px 0 30px;}
}

#discbox .discinfo{max-width:650px; margin:0 auto; margin-bottom:30px; padding-bottom:8px; border-bottom:1px solid #999; text-align:left;}
#discbox h3{font-size:17px; font-size:1.7rem;}
#discbox .date{font-family: 'Kanit', sans-serif; font-weight:300;}
#discbox .links{font-family: 'Kanit', sans-serif; font-weight:100; font-size:14px; font-size:1.4rem;}
#discbox .links ul{display:flex; flex-wrap:wrap; gap:0 18px;}
#discbox .links ul li:before{content:"[ ";}
#discbox .links ul li:after{content:" ]";}
#discbox .links ul li:last-child{flex:1;}
#discbox .links ul li:last-child:before{content:"";}
#discbox .links ul li:last-child:after{content:"";}
#discbox .sound{margin:16px 0; padding:8px 16px; background:#333; font-size:14px; font-size:1.4rem; font-weight:300; max-width:300px;}
#discbox audio{margin-top:8px;width:100%;}

#discbox .links .btn a{display:inline-block; margin:8px 0; color:#fff; padding:4px 8px; font-weight:500; border:1px solid #fff;}
#discbox .links .btn a:before{content:"→";}