/*=================================================
 * CSS for PC
 * ================================================= */

#exp{
	text-align: left;
}

#ed{
	text-align: left;
	position: relative;
	padding: 0 0 0 350px;
}

#ed .img{
	display: inline-block;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	padding: 19px;
	position: absolute;
	top: 0;
	left: 0;
}

#ed .img img{
	width: 290px;
	height: auto;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

#ed a.img img:hover{
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

#ed .exp_score{
	width: 270px;
	display: table;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 334px;
	left: 30px;
}

#ed .exp_score_l,
#ed .exp_score_m,
#ed .exp_score_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#ed .exp_score_l{
	width: 40px;
	height: 60px;
	border-right-width: 1px;
	border-right-style: dotted;
}

#ed .exp_score_l span{
	display: inline-block;
	font-size: 14px;
	font-family: FontB;
	line-height: 60px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#ed .exp_score_m{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	text-align: right;
	padding: 14px 0 0 20px;
}

#ed .exp_score_r{
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: left;
	padding: 11px 0 0 4px;
	vertical-align: bottom;
}

#ed .exp_score_r em{
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 1px;
}


/** name **/

#name_bg{
	border-width: 1px;
	border-style: solid;
	margin: 0 0 20px 0;
	padding: 19px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#name{
	padding: 0 20px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#name .namebox{
	position: relative;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#name .namebox:hover{	text-decoration: none;}

#name .namebox > div{
	display: table-cell;
	height: 90px;
	vertical-align: middle;
}

#name .namebox h4{
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	margin-right: 0;
	margin-bottom: 5px;
}

#name .namebox p{
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	margin-right: 0;
}
#name .namebox p br{	display: none;}

#name .font1{
	display: inline-block;
	border-radius: 2px;
	width: 50px;
	height: 50px;
	font-family: "FontB";
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	padding-top: 3px;
	position: absolute;
	top: calc(50% - 25px);
	right: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#name .bt_bg+.namebox > div .font1{	top: 10px;}

#name .font1:first-letter{
	font-size: 34px;
	line-height: 30px;
}

#name .font1+h4{	margin-right: 50px;}
#name .font1+h4+p{	margin-right: 50px;}


/** ed_main **/

#ed_main{
	position: relative;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	margin: 0 0 15px 0;
	padding: 19px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#data_bg{
	width: calc(50% - 20px);
	min-height: 234px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** data1 **/

#data1{
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
}

#data1 table{
	width: 100%;
	font-size: 14px;
	line-height: 20px;
}

#data1 tr{
	vertical-align: middle;
}

#data1 th{
	width: 80px;
	font-weight: bold;
	text-align: left;
	padding: 8px 10px 7px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#data1 td{
	text-align: left;
	padding: 8px 10px 7px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#data1 td.star5{	font-size: 20px;}


/** sm **/

#sm_bs{
	position: relative;
	width: 100%;
	display: table;
	font-size: 0;
	line-height: 0;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#sm_bs h4,
#sm_bs #sm_bg{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	height: 52px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#sm_bs h4{
	width: 80px;
	font-weight: bold;
	text-align: left;
	padding: 6px 10px 6px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#sm_bg{
	padding: 6px 10px 6px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#sm{
	width			: calc(100% - 30px);
	margin			: 0 auto;
	position		: relative;
	text-align		: center;
}

#sm #s_div{
	width			: 16px;
	height			: 16px;
	font-size		: 12px;
	font-weight		: bold;
	line-height		: 16px;
	text-align		: center;
	color			: #ffffff;
	position		: absolute;
	top				: 5px;
	right			: -15px;
	-moz-border-radius	: 10px;
	-webkit-border-radius	: 10px;
	border-radius		: 10px;
	background: #ff0000;
}

#sm #m_div{
	width			: 16px;
	height			: 16px;
	font-size		: 12px;
	font-weight		: bold;
	line-height		: 16px;
	text-align		: center;
	color			: #ffffff;
	position		: absolute;
	top				: 5px;
	left			: -15px;
	-moz-border-radius	: 10px;
	-webkit-border-radius	: 10px;
	border-radius		: 10px;
	background: #0090ff;
}

#sm #sm_bar{
	height			: 24px;
	-moz-border-radius	: 12px;
	-webkit-border-radius	: 12px;
	border-radius		: 12px;
	font-size		: 0;
	line-height		: 0;
	margin			: 0 auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#sm p{
	width			: 100%;
	font-size		: 24px;
	font-weight		: bold;
	line-height		: 24px;
	color			: #ffffff;
	position		: absolute;
	top				: 0;
}

#sm #sm_bar div{
	display			: inline-block;
	width			: -webkit-calc(100% / 6.5);
	width			: calc(100% / 6.5);
	height			: 24px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#sm #sm_bar div:first-child{
	border-left-width: 1px;
	border-left-style: solid;
	border-radius	: 12px 0 0 12px;
}

#sm #sm_bar div:last-child{
	border-right-width: 1px;
	border-right-style: solid;
	border-radius	: 0 12px 12px 0;
}

#sm #sm_bar div.s_per{	background: #ff0000;}
#sm #sm_bar div.m_per{	background: #0090ff;}

#sm_no{
	opacity		: 0.5;
	-webkit-filter: grayscale(100%);
	filter: gray;
}


/** user **/

#user{
	width: calc(50% - 20px);
	position: absolute;
	top: 19px;
	right: 19px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#user .us_post{
	font-size: 13px;
	line-height: 31px;
	text-align: right;
}

#user .usbox{
	position: relative;
	padding: 20px 19px 5px 110px;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
}

#user .us_name{
	width: 100%;
	font-size: 0;
	line-height: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#user .us_name_l,
#user .us_name_r{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#user .us_name_l{
	display: table;
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}

#user .us_name_r{
	display: table;
	width: 100%;
	height: 50px;
	border-width: 1px;
	border-style: solid;
}
#user .us_name_r div{
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}
#user .us_name_r p{
	font-size: 10px;
	line-height: 14px;
}

#user #u_img{
	display: inline-block;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 19px;
	left: 19px;
}

#user #u_img a{	border-radius: 50%;}

#user #u_img img{
	width: 80px;
	height: auto;
	border-radius: 50%;
}

#user #u_img p{
	width: 80px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	top: 57px;
	left: 0px;
}
#user #u_img p.bad{ color: #fff; background: #ff0000;}

#user #u_img.rank1 img.lazy{
	box-shadow:0px 0px 0px 2px #ffd321 !important;
	-moz-box-shadow:0px 0px 0px 2px #ffd321 !important;
	-webkit-box-shadow:0px 0px 0px 2px #ffd321 !important;
}
#user #u_img.rank1 p{
	color: #333;
	background: -webkit-linear-gradient(0deg, #ddad12 0%, #fffb85 49%, #ddad12 100%);
	background: -moz-linear-gradient(0deg, #ddad12 0%, #fffb85 49%, #ddad12 100%);
	background: -o-linear-gradient(0deg, #ddad12 0%, #fffb85 49%, #ddad12 100%);
	background: -ms-linear-gradient(0deg, #ddad12 0%, #fffb85 49%, #ddad12 100%);
	background: linear-gradient(90deg, #ddad12 0%, #fffb85 49%, #ddad12 100%);
}
#user #u_img.rank2 img.lazy{
	box-shadow:0px 0px 0px 2px #68c75e !important;
	-moz-box-shadow:0px 0px 0px 2px #68c75e !important;
	-webkit-box-shadow:0px 0px 0px 2px #68c75e !important;
}
#user #u_img.rank2 p{
	color: #333;
	background: -webkit-linear-gradient(0deg, #22c016 0%, #a8ff6e 49%, #22c016 100%);
	background: -moz-linear-gradient(0deg, #22c016 0%, #a8ff6e 49%, #22c016 100%);
	background: -o-linear-gradient(0deg, #22c016 0%, #a8ff6e 49%, #22c016 100%);
	background: -ms-linear-gradient(0deg, #22c016 0%, #a8ff6e 49%, #22c016 100%);
	background: linear-gradient(90deg, #22c016 0%, #a8ff6e 49%, #22c016 100%);
}
#user #u_img.rank3 img.lazy{
	box-shadow:0px 0px 0px 2px #5dadff !important;
	-moz-box-shadow:0px 0px 0px 2px #5dadff !important;
	-webkit-box-shadow:0px 0px 0px 2px #5dadff !important;
}
#user #u_img.rank3 p{
	color: #333;
	background: -webkit-linear-gradient(0deg, #2b9eff 0%, #6ce5ff 49%, #2b9eff 100%);
	background: -moz-linear-gradient(0deg, #2b9eff 0%, #6ce5ff 49%, #2b9eff 100%);
	background: -o-linear-gradient(0deg, #2b9eff 0%, #6ce5ff 49%, #2b9eff 100%);
	background: -ms-linear-gradient(0deg, #2b9eff 0%, #6ce5ff 49%, #2b9eff 100%);
	background: linear-gradient(90deg, #2b9eff 0%, #6ce5ff 49%, #2b9eff 100%);
}

#user .usbox_btm{
	padding: 0 19px 21px 19px;
	border-width: 1px;
	border-style: solid;
	border-top: none;
}

#user .usbox_mitext{
	display: table;
	width: 100%;
	height: 28px;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding-bottom: 5px;
}

#user .usbox_mitext p{
	display: table-cell;
	vertical-align: middle;
}

#user .usbox_mitext span{
	display: inline-block;
	margin: 0 5px;
}

#user .us_score{
	height: 45px;
	font-size: 20px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	border-radius: 25px;
	padding: 4px 0 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#user .us_score em{
	display: inline-block;
	font-size: 36px;
	font-family: "FontA";
	letter-spacing: 2px;
	padding-left: 3px;
}

#user .us_score span{
	display: inline-block;
	font-size: 22px;
	vertical-align: bottom;
}


/** comment **/

#comment{
}

#comment .cate_log{
	position: relative;
	text-align: left;
	margin: 0 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#comment .cate_log span,
#comment .cate_log a{
	display: inline-block;
	width: 160px;
	vertical-align: bottom;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	margin: 0 1px 0 0;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#comment .cate_log span{
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: -1px;
}
#comment .cate_log span:after{
	content: '';
	width: 160px;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

#comment .cate_log a{
	font-size: 13px;
	line-height: 40px;
}
#comment .cate_log a:hover{
}

#comment .cate_log br{	display: none;}

#comment .delete{
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #ff0000;
	text-align: center;
	padding: 15px 0;
}

.pc_no{	display: none;}

#comment .txt{
	font-size: 14px;
	line-height: 25px;
	margin: 0 0 15px 0;
	padding: 0 2px;
}
#comment .tag{
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 30px 0;
	padding: 0 2px;
}

#comment .cinfo{
	width: 100%;
	display: table;
	font-size: 0;
	line-height: 0;
	table-layout: fixed;
	margin: 0 0 10px 0;
}

#comment .cinfo_l,
#comment .cinfo_r{
	display: table-cell;
	vertical-align: top;
}

#comment .cinfo_l{
	font-size: 11px;
	line-height: 20px;
	text-align: right;
}

#comment .cinfo_l span{
	display: inline-block;
	width: 125px;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background: #333;
}

.sensi{
	font-size: 18px;
    font-weight: bold;
    line-height: 40px;
	text-align: center;
	margin: 10px 0 15px 0;
	padding: 100px 0;
	border-width: 3px;
	border-style: solid;
}

.sensi span{
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
}

/** res **/

.res_bs{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	table-layout: fixed;
	margin: 0 0 30px 0;
}

.res_bg{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.res_bg:nth-of-type(1){	padding-right: 10px;}
.res_bg:nth-of-type(2){	padding-left: 10px;}
.res_bg:last-of-type{	padding-right: 0;}

.res{
	position: relative;
	border-radius: 5px;
	padding: 0 10px 10px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.res h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	padding: 10px 0 10px 50px;
}

#girl{	background: rgba(255, 0, 0, 0.2);}
#staff{	background: rgba(0, 102, 255, 0.2);}

.res span{
	position: absolute;
	display: inline-block;
	border-radius: 3px;
	top: 10px;
	left: 10px;
}

.res span img{
	width: 40px;
	height: auto;
}

#girl span{	background: #ff2d2d;}
#staff span{	background: #005aff;}

.res span:after{
	content			: "";
	display			: block;
	clear			: both;
	position: absolute;
	bottom: -8px;
	left: calc(50% - 5px);
}

#girl span:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ff2d2d transparent transparent transparent;
}

#staff span:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #005aff transparent transparent transparent;
}

.resbox{
	border-radius: 5px;
}

.resbox div{
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	padding: 20px 0;
}

.resbox p{
	font-size: 13px;
	line-height: 22px;
	padding: 10px;
}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	#ed{
		min-height: 0px;
		padding: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.exp_top_tbl{
		display: block;
		width: auto;
		width: 100%;
		font-size: 0;
		line-height: 0;
	}
	.exp_top_tbl_l,
	.exp_top_tbl_r{
		display: block;
		width: auto;
	}
	.exp_top_tbl_l{
		width: 160px;
		text-align: left;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.exp_top_tbl_r{
		position: relative;
		padding: 0 0 0 160px;
	}
	#ed.nopub .exp_top_tbl{
		background: none;
	}
	#ed .img{
		display: inline-block;
		width: 160px;
		vertical-align: top;
		border: none;
		padding: 0;
		position: static;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#ed .img img{
		width: 160px;
		height: 213px;
		border-radius: 0;
	}
	#ed .exp_score{
		width: 150px;
		position: absolute;
		top: auto;
		left: 5px;
		bottom: 5px;
	}
	#ed.nopub .exp_score{
		right: 10px;
	}
	#ed .exp_score_l{
		position: relative;
		width: 25px;
		height: 50px;
	}
	#ed .exp_score_l span{
		width: 50px;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.5px;
		text-align: center;
		position: absolute;
		top: 15px;
		left: -13px;
		z-index: 10;
	}
	#ed .exp_score_m{
		vertical-align: middle;
		width: 32%;
		font-size: 16px;
		line-height: 16px;
		text-align: right;
		padding: 0 0 0 0;
	}
	#ed .exp_score_r{
		vertical-align: middle;
		font-size: 20px;
		line-height: 20px;
		padding: 8px 0 0 5px;
	}
	#ed .exp_score_r em{
		font-size: 36px;
		letter-spacing: 1px;
	}
	#ed_main{	border: none;}

	/** name **/
	#name_bg{
		position: relative;
		border-top: none;
		border-left: none;
		border-right: none;
		margin: 0;
		padding: 0;
	}
	#name:before{
		content: '>';
		font-size: 10px;
		line-height: 10px;
		position: absolute;
		top: calc(50% - 5px);
		right: 3px;
	}
	#name:after{
		content: '';
		height: 100%;
		border-right-width: 1px;
		border-right-style: dotted;
		position: absolute;
		top: 0;
		right: 13px;
	}
	#name{
		padding: 0;
		border: none;
	}
	#name .namebox{
	}
	#name .namebox > div{
		height: 48px;
		text-align: left;
		padding: 0 0 0 10px;
	}
	#name .namebox h4{
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		padding-top: 5px;
		padding-bottom: 0;
		padding-right: 15px;
		margin-bottom: 0;
	}
	#name .namebox h4 .tx_3{
		font-size: 15px;
	}
	#name .namebox p{
		width: auto;
		border: none;
		font-size: 10px;
		line-height: 12px;
		text-align: left;
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 15px;
	}
	#name .namebox p br{	display: inline;}
	#name .namebox p span{	display: none;}
	#name .font1{
		width: 40px;
		height: 40px;
		font-family: "FontB";
		font-size: 10px;
		line-height: 10px;
		text-align: center;
		padding-top: 3px;
		position: absolute;
		top: 113px;
		z-index: 2;
		right: auto;
		left: -45px;
	}
	#name .font1:first-letter{
		font-size: 24px;
		line-height: 23px;
	}
	#name .font1+h4{	margin-right: 0;}
	#name .font1+h4+p{	margin-right: 0;}

	/** ed_main **/
	#ed_main{
		position: relative;
		width: auto;
		border-top: none;
		border-left: none;
		border-right: none;
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#data_bg{
		width: auto;
		min-height: 0;
		margin: 0 0 0 160px;
	}

	/** data1 **/
	#data1{
		border: none;
	}
	#data1 table{
		width: 100%;
		font-size: 12px;
		line-height: 14px;
	}
	#data1 th{
		width: 57px;
		padding: 4px 2px 3px 4px;
	}
	#data1 td{
		padding: 4px 2px 3px 4px;
	}
	#data1 td.star5{	font-size: 12px;}

	/** sm **/
	#sm_bs{
		position: static;
		display: block;
		font-size: 0;
		line-height: 0;
		border: none;
	}
	#sm_bs h4,
	#sm_bs #sm_bg{
		display: block;
		width: auto;
		height: auto;
	}
	#sm_bg{
		border-bottom: none;
	}
	#sm_bs h4{
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		text-align: left;
		text-align: center;
		padding: 4px 0 3px 0;
		border-right: none;
	}
	#sm_bg{
		padding: 7px 0 6px 0;
	}
	#sm{	width: calc(100% - 50px);}
	#sm #s_div{
		width: 13px;
		height: 13px;
		font-size: 10px;
		line-height: 13px;
		position: absolute;
		top: calc(50% - 6.5px);
		right: -11px;
		border-radius: 50%;
	}
	#sm #m_div{
		width: 13px;
		height: 13px;
		font-size: 10px;
		line-height: 13px;
		position: absolute;
		top: calc(50% - 6.5px);
		left: -11px;
		border-radius: 50%;
	}
	#sm #sm_bar{
		height: 15px;
		border-radius: 8px;
	}
	#sm p{
		font-size: 12px;
		line-height: 15px;
	}
	#sm #sm_bar div{
		width: calc(100% / 6 - 2px) !important;
		height: 15px;
	}
	#sm #sm_bar div:first-child{	border-radius: 8px 0 0 8px;}
	#sm #sm_bar div:last-child{	border-radius: 0 8px 8px 0;}

	/** user **/
	#user{
		width: auto;
		margin: 0 0 10px 0;
		position: static;
		border-top-width: 1px;
		border-top-style: solid;
	}
	#user .us_post{
		font-size: 12px;
		line-height: 25px;
		padding: 0 10px;
	}
	#user .usbox{	padding: 10px 10px 5px 100px;}
	#user .us_name_r p{
		font-size: 10px;
		line-height: 12px;
	}
	#user #u_img{
		top: 10px;
		left: 10px;
	}
	#user #u_img img{	width: 80px;}
	#user #u_img p{
		width: 80px;
		top: 57px;
	}
	#user .usbox_btm{	padding: 0 10px 10px 10px;}
	#user .usbox_mitext{
		display: block;
		height: auto;
	}
	
	#user .usbox_mitext p{
		display: inline;
	}
	#user .us_score{
		height: 45px;
		font-size: 18px;
		line-height: 33px;
		text-align: center;
		border-radius: 23px;
		padding: 5px 0 0 0;
	}
	#user .us_score em{	font-size: 38px;}
	#user .us_score span{	font-size: 20px;}

	/** comment **/
	#comment{
		width: 100%;
		margin: 0;
	}
	#comment .cate_log{
		margin: 0;
		padding: 0 0 0 1px;
	}
	#comment .cate_log span,
	#comment .cate_log a{
		width: calc(20% - 1px);
		font-size: 12px;
		line-height: 12px;
	}
	#comment .cate_log span{
		height: 50px;
		padding-top: 13px;
	}
	#comment .cate_log a{
		height: 40px;
		padding-top: 8px;
	}
	#comment .cate_log br{	display: inline;}
	.pc_no{	display: inline;}
	#comment .txt{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
		margin: 10px 10px 0 10px;
		padding: 0;
		background: none;
	}
	#comment .tag{
		font-size: 13px;
		line-height: 20px;
		margin: 0 10px 10px 10px;
		padding: 10px 0 0 0;
	}
	#comment .cinfo{	margin-bottom: 0;}
	#comment .cinfo_l{
		font-size: 10px;
		line-height: 20px;
		padding: 0;
	}
	.sensi{
		line-height: 20px;
		margin: 10px;
		padding: 60px 0;
	}
	.sensi br{	display: inline;}

	/** res **/
	.res_bs{
		display: block;
		width: auto;
		margin: 0;
	}
	.res_bg{
		display: block;
		padding: 0 10px 10px 10px;
	}
	.res_bg:nth-of-type(1){	padding-right: 10px;}
	.res_bg:nth-of-type(2){	padding-left: 10px;}
	.res_bg:last-of-type{	padding-right: 10px;}
	.res h4{
		font-size: 16px;
		font-weight: bold;
		line-height: 35px;
		padding: 10px 0 10px 45px;
	}
	.res span img{
		width: 35px;
		height: auto;
	}
	.resbox div{
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		padding: 20px 0;
	}
}