@charset "utf-8";

#sb-event{margin: -15px;margin-top: 0;}
#sb-event > li{display: inline-block;vertical-align: top;width: calc(50% - 30px);margin: 15px;position: relative;}
#sb-event > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999em;z-index: 2;}
#sb-event > li dt .tmb{padding-bottom: 40%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#sb-event > li dd{padding: 15px 0;}
#sb-event > li dd .sbj{display: block;font-size: 18px;color: #000;font-weight: bold;}
#sb-event > li dd .date{display: block;margin-top: 7px;color: #999;}
#sb-event > li dd .date strong{margin-right: 10px;}

#sb-wrap .event_btn { margin-bottom: 20px; text-align: center; }
#sb-wrap .event_btn a { display: inline-block; height: 45px; align-content: center; padding: 0 20px; background-color: #eb4430; color: #fff; font-size: 18px; border: 0; text-decoration: none; border-radius: 99px; }

@media screen and (max-width: 750px) {
	#sb-event{margin: -5px;}
	#sb-event > li{width: calc(100% - 10px);margin: 5px;}
	#sb-event > li dd{padding: 10px 0;}
	#sb-event > li dd .sbj{font-size: 14px;}
	#sb-event > li dd .date{font-size: 13px;margin-top: 5px;}
	#sb-event > li dd .date strong{margin-right: 7px;}

	#sb-wrap .event_btn a { height: 40px; padding: 0 15px; font-size: 13px;}
}