.change {padding:5px 0;border-bottom: 1px solid #ccc;width:100%;}
.change:hover {background: #eff8f3;}
.change > div.part {display: inline-block;font-size: 16px; vertical-align:top;}


.change[type='ru_new'] div.word a, .change[type='bu_new'] div.word a {display: block;}

.change[type='ru_delete'] div.word, .change[type='bu_delete'] div.word {color: maroon;text-decoration: line-through;}

.change[type='ru_edit'] > div.part, .change[type='bu_edit'] > div.part {width:49%}
.change[type='ru_edit'] .word, .change[type='bu_edit'] .word {font-size: 20px;text-align: center;}

.change .bu_new_text {padding-top: 5px;}

.change_info {clear: both;text-align: right;font-size: 80%;color: gray;padding-right:5px;}


@media (max-width: 500px) {
	.change[type='ru_edit'], .change[type='bu_edit'] {word-wrap:break-word;}
	.change .bu_new_text {padding-top: 0px;}
}