#participants {
	width:980px;
	max-width:calc( 100% - 20px );
	margin:30px auto 0 auto;
}

#participants h3 {
	font-weight:700;
	font-size:18px;
	margin-top:42px;
	margin-bottom:14px;
}

#participants h3:nth-of-type( n+2 ) {
	margin-top:52px;
}

#participants h3 > span {
	font-weight:500;
	font-size:16px;
}

#participants ul {
	margin-bottom:50px;
}

#participants li {
	list-style-type:none;
	clear:both;
}

#participants li p.r_katagaki {
	float:left;
	line-height:1.7em;
}

#participants li p.r_katagaki2 {
	float:left;
	line-height:1.7em;
}

#participants li p.r_name {
	padding-left:16em;
	line-height:1.7em;
}

#participants li p.r_name2 {
	padding-left:8em;
	line-height:1.7em;
}

div#comment_area {
	padding:0 20px 100px 20px;
}

#message {
	width:980px;
	max-width:calc( 100% - 20px );
	margin:30px auto 0 auto;
}

#message table {
	border-collapse: collapse;
}

#message table tbody h3 {
	font-weight:700;
	font-size:19px;
	text-align:left;
	margin-bottom:10px;
}

#message table tbody h3.participants_pad {
	margin-top:21px;
}

#message table tbody tr td {
	padding-bottom:10px;
	font-weight:400;
}

#message table tbody tr td.mname {
	padding-bottom:2px;
	font-weight:600;
}

.p_table {
	min-width:100%;
	border-collapse: collapse;
}

.p_table th {
	background-color:#eee;
	text-align:center;
	font-weight:600;
	padding:4px 6px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	white-space:nowrap;
}

.p_table td {
	white-space:nowrap;
	padding:4px 6px;
}

.p_table td.center {
	text-align:center;
}

.p_table tfoot tr td:first-of-type {
	background-color:#eee;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
}

ul.participants_hosoku {
	margin-top:22px;
}

ul.participants_hosoku li {
	position:relative;
	padding-left:1.5em;
}

ul.participants_hosoku li:before {
	content: '・';
	position:absolute;
	left:0;
	top:0;
}

ul.participants_hosoku a:link, ul.participants_hosoku a:visited {
	color:#00f;
}

ul.participants_hosoku a:hover, ul.participants_hosoku a:active {
	color:#f00;
}

@media screen and (max-width:580px) {
	div#comment_area {
		padding:20px 20px 100px 20px;
	}
	#participants li p.r_katagaki {
		float:none;
		width:100%;
		line-height:1.5em;
	}
	
	#participants li p.r_katagaki2 {
		float:none;
		width:100%;
		line-height:1.5em;
	}
	
	#participants li p.r_name {
		padding-left:0;
		line-height:1.5em;
		margin-bottom:6px;
	}
	
	#participants li p.r_name2 {
		padding-left:0;
		line-height:1.5em;
		margin-bottom:6px;
	}
	
	.participants_none {
		display:none;
	}
	
	#participants li:nth-of-type(2) {
		padding-top:6px;
	}
}