レスポンシブでスタイルを変更せず、縮小表示だけさせたい

FC2ブログのテンプレ「white_card_resp 」を使いたいと思っています。

レスポンシブ対応で、幅600PX以下で見た場合、
タイトルリストの表示が変化するようになっています。

600PX超　→　画像の右側にタイトル表示（横長）
600PX以下→　画像の上にタイトル表示（正方形）

スマホ等で見た時に、画像が大きくなり過ぎるので
どのサイズから見てもパソコン表示のように、
横長で画像の右側にタイトルが表示するようにしたいのですが、
どうすれば良いでしょうか？

以下、レスポンシブ部分のCSSです。
（htmlも変更必要ですか？）

よろしくお願いします。


/*-----------------------------------------
レスポンシブ
-----------------------------------------*/

@media screen and (max-width: 600px) {
body {
min-width: initial;
min-width: auto;
width: auto;
}
.l_header,
.header_blog_name,
.header_introduction,
.l_container,
.l_footer_inner {
width: 100%;
}

.l_container {
margin-bottom: 0;
}
.l_left_area,
.l_right_area {
float: none;
width: 100%;
}

.l_right_area {
padding: 0 16px;
}

.l_left_area {
margin-top: 32px;
}

.l_footer {
margin: 10px 0 20px;
}

.l_footer_inner {
padding: 0 16px;
}

.l_footer_inner,
.l_footer_left {
display: block;
width: auto;
}

.l_footer_right {
display: none;
}

.blog_content .pager {
margin: 0 16px;
}

.header_blog_name {
padding: 16px 16px;
font-size: 24px;
}

.header_blog_name{
padding: 16px 20px 8px;
font-size: 22px;
}

.header_introduction {
font-size: 12px;
padding: 0 20px 24px;
}

.blog_content_list {
padding: 0 12px;
}

.blog_content_item {
width: 100%;
}

.blog_content_list .blog_content_item:first-child .blog_content_tmb {}
.blog_content_tmb_wrap {
position: relative;
width: 100%;
padding: 0;
}
.blog_content_tmb_wrap::before {
content: "";
display: block;
padding-top: 65%;
}

.blog_content .blog_content_list .blog_content_item .blog_content_tmb {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
}

.blog_content .blog_content_list .blog_content_item .blog_content_desc,
.blog_content .blog_content_list .blog_content_item .m_link_btn {
display: none;
}

.blog_content .blog_content_list .blog_content_item .blog_content_title,
.blog_content .blog_entry_title {
font-size: 20px;
margin: 0;
padding: 20px 20px 4px;
}

.blog_content .blog_content_list .blog_content_item .blog_content_sup {
margin: 0;
}

.blog_content_list .blog_content_item {
display: block;
}

.blog_content_list .blog_content_item .blog_content_text_inner {
margin: 0;
}

.blog_content_list .blog_content_item .blog_content_sup {
position: relative;
left: 0px;
bottom: 0px;
}

.blog_entry {
margin: 0 16px;
}

.comment_area {
margin: 32px 16px 24px;
}

.comment_form_text{
width: 100%;
height: 40px;
}

.relate_list_area,
.relate_list_title {
width: auto;
}

.relate_list_area {
margin: 0 16px 24px;
}

.relate_item {
width: 100%;
}

.relate_list_title {
width: auto;
margin: 0 16px 16px;
}

.titlelist_area,
.search_area {
margin: 0 16px 32px;
}
}

質問者からの補足コメント

• 説明不足でした。
  この質問はトップページのタイトルリストでの表示についてです。
  
  トップページでは新しい投稿順に数件タイトルリストが表示されるのですが、
  そのリストには、記事中に使用している画像が表示されます。
  
  そして、その画像の右側に記事のタイトルが表示されるのがパソコン。
  画像の上に記事のタイトルが表示されるのがスマホ。
  という状態です。（多分ほとんどのレスポンシブはこの仕様だと思います）
  
  それをスマホから見ても、画像の右側にタイトル、という状態にする方法が知りたいです。

    補足日時：2018/04/04 00:12

No.1 回答者： t_fumiaki 回答日時： 2018/04/03 19:19

>>画像の右側にタイトル表示

画像にタイトルを付けて右側へ表示する、という意味？？

標準では、こういう事出来ないのだけど、カスタマイズしてやってる？