@charset "UTF-8";
/* ==========================================================================
   News
   ========================================================================== */
@media screen and (max-width: 1023px) {
  /*-------------------------------------
  
   共通
  
  -------------------------------------*/
  #breadCrumb h1:before {
        background: url(../../img/news/bread_icon_news.png) no-repeat 0 0/52px auto;
  }

  #breadCrumb h1 {
        padding-right: 65px;
        box-sizing: border-box;
  }

  /*-------------------------------------
  
   新着情報一覧、月別アーカイブ
  
  -------------------------------------*/
  .news #catImg h2 {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: hidden;
  }
  .news #catImg h2 img {
        max-width: 100%;
        height: auto;
  }

  .news #content {
        width: 100%;
        margin: 25px 0;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .news .conteInr {
        float: none;
        width: 100% !important;
        margin: 0 0 30px !important;
  }

  .news .conteInr h3 {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
        font-size: 139%;
  }

  /** サイドバー ***/
  .newsInr {
        width: 100%;
        float: none;
        padding: 0 10px;
        box-sizing: border-box;
  }
  .newsInr h3 {
        text-align: center;
        background: url(../../img/sp/news/bg_archive.jpg);
  }

  .newsInr ul {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
  }

  .newsInr ul li {
        padding: 10px 0 10px 18px;
        font-size: 100%;
        border-bottom: 1px solid #D8CBC5;
  }
  .newsInr ul li:last-child {
        border-bottom: none;
  }

  /*** 記事 **/
  .news #content .news .entry {
        width: 100%;
        min-height: inherit;
        margin-bottom: 15px;
        padding-bottom: 15px;
  }

  .news #content .news .entry .left {
        margin-right: 10px;
	width: auto;
	float: none
  }
 .news #content .news .entry .left img {
	width:12%;
	height:auto;
}

  .news #content .news .entry .right {
        width: 100%;
  }

  .news #content .news .entry .right dl dt {
        margin: 8px 0;
  }

  .pagenate ul {
    /*	position:relative;
    	left:38%;  */
  }

  /** ページネーション  **/
  /***カレント**/
  /***前の記事へボタン***/
  /***次の記事へボタン***/
  /*-------------------------------------
  
   詳細記事
  
  -------------------------------------*/
  .entry_detail {
        width: 100%;
        min-height: inherit;
  }
  .entry_detail img {
        max-width: 280px;
        width: auto;
        height: auto;
  }

  .news .section {
        padding: 0 20px;
  }

  h3.detail {
        font-size: 139%;
        margin-bottom: 30px !important;
  }

  #pagelink {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
  }

  #entry_before {
        width: 40%;
  }

  #entry_next {
        width: 40%;
  }
}