エディタ内のcss適用について

いつもお世話になっております。

使用しているもの
・bcColorsテーマ3.1.1

テーマに入っているエディタテンプレートのcss部分を修正しようと思い、/app/webroot/theme/bccolors/css/editor.cssを編集したのですが、
どうも適用されていないようです。（ブラウザキャッシュ削除、サーバキャッシュ削除済み）

例えば
テーマデモページhttp://bccolors.komomo.biz/works/archives/8#post-detailの「実績の説明が入ります。」の箇所が
PCで見ると大丈夫なのですが、iphone5で見ると回り込みテキストの部分のみフォントが大きく表示されてはみ出てしまいます。（画像参照）


こちらはエディタテンプレート適用部分で
editor.css
------------------------------------------------------------------------
.clear {
clear:both;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}

.template-works {
width: 680px;
}
.template-works .left {
float: left;
width: 300px;
}
.template-works .left img {
margin-bottom: 15px;
}
.template-works .right {
float: right;
width: 350px;
}

エディタ内ソース
------------------------------------------------------------------------------

------------------------------------------------------------------------------------

となっておりますので、widthの数値を変更したりしましたが、反映されないようです。
新しい横並びのcssなどもeditor.cssに書いてみましたが、適用されません。


分かりづらい説明で申し訳ありませんが、エディタ内で適用したいcssについて、スマートフォン表示でのテキストがはみ出る問題について
よろしくお願いいたします。



■ BaserCMSのバージョン：3.0.2
■ レンタルサーバー名：ミライレンタルサーバ
■ スマートURLの利用：　[OFF]
■ 設置フォルダ：　[サブフォルダ]
■ 利用しているデータベース：　[MySQL]
■ PHPスキル（自己評価）：　[ E ]

別のcssをstyle.cssに書き込むことで全て自己解決いたしました。