@charset "UTF-8";
/* ==========================================================================
   Top
   ========================================================================== */
@media screen and (max-width: 1023px) {
  /*------------------------
    スライダー
  ------------------------*/
  .slider-sp img {
    width: 100%;
    height: auto;
  }

  /*------------------------
    コンテンツ
  ------------------------*/
  #content .conteInr {
    width: 100%;
  }

  /*------------------------
    サブメニュー
  ------------------------*/
  .top #content .snav {
  /*  display: none;*/
    width: 100%;
    height: auto;
    padding-top: 80px;
    background: url(../../img/top/snav_ttl.png) no-repeat center 25px/180px auto;
    position: relative;
    z-index: 200;
  }

  .top #content .snav li {
    position: static;
    text-align: center;
  }

  .top #content .snav .li01 {
    margin-bottom: 10px;
  }
  .top #content .snav .li01 img {
    width: 75%;
    max-width: 334px;
    height: auto;
    margin-left: -7%;
  }

  .top #content .snav .li02 img {
    width: 75%;
    max-width: 385px;
    height: auto;
  }

  .top #content .snav .li03 img {
    width: 100%;
    max-width: 461px;
    height: auto;
    margin-right: -20%;
  }

  /*------------------------------
   NEWS AREA
  ------------------------------*/
  .top #content .news {
    width: 100%;
    float: none;
    margin-top: 40px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .top #content .news h3 {
    width: 100%;
  }

  .top #content .news h3 a {
    top: -5px;
    left: auto;
    right: 10px;
  }

  /*------------------------
    各記事
  ------------------------*/
  .top #content .news .entry {
    width: 100%;
    min-height: 1px;
  }

  /*--------------------------
    サムネイル画像をフロート
  --------------------------*/
  .top #content .news .entry .left {
    margin-right: 15px;
  }

  /*------------------------
    右にフロート
  ------------------------*/
  .top #content .news .entry .right {
    width: calc(100% - 135px);
  }

  /*------------------------
    記事のタイトル
  ------------------------*/
  /*------------------------
    リンク色
  ------------------------*/
  /*------------------------
    記事の内容
  ------------------------*/
  /*------------------------------
   RightSide Bnr
  ------------------------------*/
  .top #content .conte_side {
    width: 100%;
    float: none;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .top #content .conte_side li {
    text-align: center;
  }

  .top #content .conte_side li img {
    width: 85%;
    height: auto;
  }

  /*------------------------------
   History Bnr
  ------------------------------*/
  .top .banner_history .section {
    margin: 30px 0 20px;
    text-align: center;
  }
  .top .banner_history .section img {
    width: 85%;
    max-width: 960px;
    height: auto;
  }
}