@charset "utf-8";

#contents { width: 100%; position: relative; }

#largePanel { width: 100%; margin: 0 auto; }
#largePanel h1 { width: 100%; height: auto; margin: 0; }
#infoPanel, #wsPanel { margin: 5px auto; padding: 10px; border: 1px solid #dedede; border-radius: 5px; box-shadow:2px 2px 5px #eaeaea; float: none; }
#infoPanel #postLists dt { width: 100%; height: 22px; margin: 0; padding: 5px 0 0 0; color: #999; border-top: 1px dotted #c1c1c1; }
#infoPanel #postLists dt:first-child { border-top: none; }
#infoPanel #postLists dd.category { float: left; }
#infoPanel #postLists dd.title { line-height: 1.5em; margin: 0; padding: 0 0 5px 0; }
#wsPanel .ws-list-header, #wsPanel .em-pagination, #wsPanel .ws-list .ws-holding-time, #wsPanel .ws-list .ws-location { display: none; }
#wsPanel .ws-list { margin: 0; border-bottom: none; }
#wsPanel .ws-list dt { width: 100%; height: 22px; margin: 0; padding: 5px 0 0 0; float: none; background: none; min-height: 1em; border-top: 1px dotted #c1c1c1;  border-right: none; }
#wsPanel .ws-list dt:first-child { border-top: none; }
#wsPanel .ws-list dd { width: 100%; margin: 0; padding: 0 0 5px 0; float: none; border-top: none; }

#smallPanel h1 { height: 50px; }


@media screen and (max-width: 749px) and (min-width: 664px) {
	#topics { width: 664px; margin: 0 auto; }
}
@media screen and (max-width: 663px) and (min-width: 480px) {
	#topics { width: 332px; margin: 0 auto; }
}
@media screen and (max-width: 479px) {

	#largePanel { width: 100%; margin: 3em auto 0; font-size: 14px; }
	#largePanel h1 { width: 320px; height: auto; background-size: 490px 34.5px; }
	#infoPanel, #wsPanel { width: 320px; }
	#infoPanel #postLists dt { width: 320px; }
	#smallPanel, #topics { width: 332px; margin: 0 auto; }
}