@charset "utf-8";

@media only screen and (max-width: 640px) {

/*============================
#mainArea
============================*/
#mainArea #mainTitle { padding: 15px; }
#mainArea #mainTitle .title { width: 240px; height: 24px; background: url(../../imageFile/news/title_news_sp.png) no-repeat left center; background-size: auto 19px; }

/*============================
#mainContent
============================*/
#mainContent { padding: 15px; }
#mainContent .paging {}
#mainContent .paging.bottom { margin-top: 15px; }
#mainContent ul.pageNav {}
#mainContent ul.pageNav li {}
#mainContent ul.pageNav li a {}
#mainContent ul.newsList {}
#mainContent ul.newsList li { margin-top: 15px; border: 1px solid #ddd; }
#mainContent ul.newsList li:first-child { margin-top: 15px; }
#mainContent ul.newsList li a { padding: 14px; }
#mainContent ul.newsList li .left { float: inherit; width: 100%; }
#mainContent ul.newsList li .left img {}
#mainContent ul.newsList li .right { float: inherit; width: 100%; }
#mainContent ul.newsList li .right .title { margin-top: 15px; }
#mainContent ul.newsList li .right .date { margin-top: 10px; }
#mainContent ul.newsList li .right .text { margin-top: 10px; }
#mainContent .newsInfo { padding: 14px; }
#mainContent .newsInfo .left { float: inherit; width: 100%; }
#mainContent .newsInfo .left img {}
#mainContent .newsInfo .right { float: inherit; width: 100%; }
#mainContent .newsInfo .right .title { margin-top: 15px; }
#mainContent .newsInfo .right .date { margin-top: 10px; }
#mainContent .newsInfo .right .text { margin-top: 10px; }

}