/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- common */

#chatWrap .w_b_quote.w_b_div { line-height: 1.8; }

@media (max-width: 767px) {

	#chatWrap .w_b_quote.w_b_div {
		font-size: clamp(1.2rem, 0.482rem + 1.34vw, 1.8rem);
	}
	#chatWrap .w_b_name.w_b_w100.w_b_lh.w_b_name_C.w_b_ta_C.w_b_mp0.w_b_div,
	#chatWrap .w_b_ava_effect.w_b_relative.w_b_oh.w_b_radius.w_b_size_M.w_b_div {
		font-size: clamp(1rem, 0.266rem + 1.53vw, 1.6rem);
	}
	#chatWrap .w_b_space.w_b_mp0.w_b_div { height: 1em; }
	#chatWrap .w_b_ava_effect.w_b_relative.w_b_oh.w_b_radius.w_b_size_M.w_b_div {
		width: 6em;
		min-width: 32px;
		max-width: 96px;
		height: 6em;
		min-height: 32px;
		max-height: 96px;
	}

}

@media (max-width: 480px) {

	#chatWrap .w_b_ava_effect.w_b_relative.w_b_oh.w_b_radius.w_b_size_M.w_b_div {
		width: 5em;
		height: 5em;
	}

}

@media (min-width: 768px) {

	#chatWrap .w_b_quote.w_b_div {
		font-size: clamp(1.3rem, 0.192rem + 1.29vw, 1.6rem);
	}
	#chatWrap .w_b_name.w_b_w100.w_b_lh.w_b_name_C.w_b_ta_C.w_b_mp0.w_b_div,
	#chatWrap .w_b_ava_effect.w_b_relative.w_b_oh.w_b_radius.w_b_size_M.w_b_div {
		font-size: clamp(1.2rem, 0.336rem + 0.86vw, 1.4rem);
	}
	#chatWrap .w_b_ava_effect.w_b_relative.w_b_oh.w_b_radius.w_b_size_M.w_b_div {
		width: 7em;
		min-width: 80px;
		max-width: 96px;
		height: 7em;
		min-height: 80px;
		max-height: 96px;
	}


}