@charset "utf-8";

.top-page .column2 > .col-l { width:640px; }
.top-page .column2 > .col-r { width:400px; }
.top-page .section + .section { margin-top:60px; }
.top-page .page-title { margin-bottom:10px; }

.top-page #topics .topics-list li + li { margin-top:10px; }

.top-page .live-info-list { margin-top:20px; }
.top-page .live-info-list > li + li { margin-top:20px; }
.top-page .live-info-list .date { display:inline-block; padding:3px 8px; margin-bottom:10px; background-color:#222; color:#fff; clear:both; }
.top-page .live-info-list .live-box-inner { padding: 5px 0 10px; }
.top-page .live-info-list .live-box-inner li + li { margin-top:5px; }
.top-page .live-info-list dl { overflow:hidden; }
.top-page .live-info-list dl dt { float:left; }
.top-page .live-info-list dl dd { margin-left:3rem; }
.top-page .live-info-list .live-title { margin-bottom:10px; font-weight:bold; }
.top-page .live-info-note { display:inline-block; padding:5px; border:solid 4px #e9e9e9; }

/* ----------------------------------------------------
  media Sp 
---------------------------------------------------- */
@media screen and (max-width: 800px) {
	
.top-page .column2 > .col-l,
.top-page .column2 > .col-r { width:100%; }

}