@charset "utf-8";

/*====================================================================

access.css

====================================================================*/

/*--------------------------------------------------------------------

--------------------------------------------------------------------*/
.news-list-container,
.news-detail-container{
   width: 635px;
   margin: 50px auto 0;
}



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

   /*list*/
   .news-list-container,
   .news-detail-container{
      width: auto;
      margin-top: 0px
   }
   .news-list-container .item .inner{
      width: auto;
   }
   .news-list-container .item .thumb{
      float: none;
      width: auto;
      margin: 0;
   }
   .news-list-container .item .info{
      float: none;
      width: auto;
      margin-top: 10px;
   }
   .news-list-container .item .btns{
      margin-top: 20px;
   }
   .news-list-container .item .btns .btn{
      display: block;
      width: auto;
      font-size: 16px;
      color: #403F41;
      border: solid 1px #403F41;
      background: none;
      padding: 20px 0;
      margin: 0;
   }
   .news-list-container .item a:hover{
      text-decoration: none;
   }

   .btns.more,
   .btns.back{
      width: auto !important;
      padding: 50px 20px !important;
   }
   .btns.more .btn,
   .btns.back .btn{
      display: block;
      width: auto;
      padding: 20px;
   }

   /*detail*/
   .news-detail-container .detail{
      border: none;
   }
   .news-detail-container .detail .inner{
      width: auto;
      padding: 0 20px;
   }
   .news-detail-container .detail .info .post-title{
      color: #403D3B;
      font-size: 20px;
      font-weight: normal;
   }
   .news-detail-container .detail .info .description{
      margin-top: 5px;
   }


}