.top-img{margin:2rem 0;padding:0 2rem;}

.top-img-inner{width:100%;height:18rem;background-image:url(../img/altarboyz2023_04.png);background-repeat:no-repeat;background-size:100% auto;background-position:center top;}

.topics{margin:2rem 2rem 0;padding:1.5rem;background-color:#e1e1e1;}

.topics-title{margin:0 0 1.1rem;padding:0 0 .5em;border-bottom:1px solid  #2f3235;letter-spacing:.05em;line-height:1;font-size:16px;font-weight:bold;}

.topics-list{margin:0;}

.topics-item{margin:1em 0 0;font-size:12px;line-height:1.25;}

.topics-item:first-child{margin-top:0;}

.topics-date{margin:0 0 .25em;}

.register{margin:2rem 2rem 0;}

.register-list{margin:0;}

.register-item{margin:1.25rem 0 0;}

.register-item:first-child{margin-top:0;}

@media (min-width: 767px){.top-img{margin:20px 0 0;padding:0;}

.top-img-inner{margin:0 auto;width:640px;height:343px;}

.top-bottom{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;padding:0;width:640px;}

.topics,.register{margin:10px 0 0;}

.topics{padding:15px;width:305px;}

.topics-inner{height:140px;overflow-y:scroll;}

.topics-title{margin:0 0 13px;padding:0 0 8px;font-size:14px;}

.topics-item{margin:12px 0 0;font-size:13px;}

.topics-date{margin:0 0 4px;font-size:12px;}

.register{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:325px;}

.register-item{margin:18px 0 0;}}