@media screen and (max-width: 640px) {
    /*-- このコメント行の下に、スマートフォン用のCSSを記述 --*/
    body {
    width: 100%;
    margin: 50px 0 0 0;
    font-size: 1em;
    text-align: center;
    background-image:url(img/bg_body_top.jpg);
    }
    img {
    max-width: 100%;
    height: auto;
    }

    /*************************  TOPIMAGE */
    #topimage{
        max-width: 100%;
        height: 10rem; 
        background-repeat:no-repeat;
        background-size:400px  120px;
        text-indent:-10000px;
        overflow:hidden;
        margin:0 0 0px 0;
        
    }
    #topimage a{
    display:block;
    overflow:hidden;
    }
    
        
    /*************************  TOPNEWS */
    #top_news{
    }
    .news_contents{
    overflow:hidden;
    width:100%;
    margin:0 0 20px 0;
    }
    .topnews_date{
    width:35%;
    font-size:0.8em;
    color:#666;
    padding:3px 0 2px 16px;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    background:url(img/icon_clock.gif) no-repeat left top;
    background-position:0 5px;
    }
    .topnews_body{
    overflow:hidden;
    padding:2px 0 5px 0;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    }

}
    
@media screen and (min-width: 641px) {
    /*-- このコメント行の下に、既存のPC用のCSSを全て入れる --*/

    /************************* TOPページ設定 */

    body{
    background-image:url(img/bg_body_top.jpg);
    }

    /*************************  TOPIMAGE */
    #topimage{
    height:250px;
    background-repeat:no-repeat;
    text-indent:-10000px;
    overflow:hidden;
    margin:0 0 30px 0;
    }
    #topimage a{
    display:block;
    width:880px;
    height:250px;
    overflow:hidden;
    }

    /*************************  TOPNEWS */
    #top_news{
    }
    .news_contents{
    overflow:hidden;
    width:650px;
    margin:0 0 20px 0;
    }
    .topnews_date{
    width:20%;
    font-size:0.8em;
    color:#666;
    padding:3px 0 2px 16px;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    background:url(img/icon_clock.gif) no-repeat left top;
    background-position:0 5px;
    }
    .topnews_body{
    overflow:hidden;
    padding:2px 0 5px 0;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    }

    /*************************  TOPPHOTO */
    #top_photo{
    }
    .photo_contents{
    margin:0 0 20px 0;
    }
    .top_photo{
    font-size:0.8em;
    text-align:center;
    color:#666;
    padding:0 0 10px 0;
    }
}