@charset "UTF-8";
@media screen and (max-width: 768px) {
  /**--////////////////////////////////////////////////
  						#contents #news-sec
  ////////////////////////////////////////////////--**/
  #news-sec {
    width: 100%;
    margin: -2px auto 0;
    padding: 15% 0 0;
    background: url("../images/top/news_bg_l_sp.png") left top/31% auto no-repeat, url("../images/top/news_bg_r_sp.png") right top/31% auto no-repeat;
  }
  #news-sec .news_in {
    width: 100%;
    margin: 0 auto;
    padding: 0 3%;
  }
  #news-sec h3 {
    text-align: center;
  }
  #news-sec h3 > span:nth-of-type(1) {
    font-size: 5vw;
    letter-spacing: 5px;
    font-weight: bold;
  }
  #news-sec h3 > span:nth-of-type(2) {
    margin: 2% auto 0;
    font-size: 3.6vw;
    color: #ab6067;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #news-sec h3 > span:nth-of-type(2):before, #news-sec h3 > span:nth-of-type(2):after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px;
    background: #ab6067;
    display: block;
  }
  #news-sec h3 > span:nth-of-type(2):before {
    margin-right: 0.8em;
  }
  #news-sec h3 > span:nth-of-type(2):after {
    margin-left: 0.8em;
  }
  #news-sec .news_btn {
    width: 100%;
    margin: 5% auto 0;
  }
  #news-sec .news_btn a {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 2% 0;
    font-size: 3.6vw;
    line-height: 180%;
    background: #f19ca6;
    color: #fff;
    letter-spacing: 3px;
  }
  /**--////////////////////////////////////////////////
  									footer
  ////////////////////////////////////////////////--**/
  #footer.news {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(9em, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../news/images/fot_bg_sp.png") center top/cover no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 9em, rgba(0, 0, 0, 0.7) 100%), url("../news/images/fot_bg_sp.png") center top/cover no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 9em, rgba(0, 0, 0, 0.7) 100%), url("../news/images/fot_bg_sp.png") center top/cover no-repeat;
  }
  /**--////////////////////////////////////////////////
  									下層ページ共通
  ////////////////////////////////////////////////--**/
  #wrapper.news #sub_kv {
    padding: 0 0 80%;
    background: url("../news/images/kv_sp.jpg") center/cover no-repeat;
  }
  #wrapper.news #sub_kv h2 {
    padding: 35% 0 0;
  }
  /**--////////////////////////////////////////////////
  									新着情報
  ////////////////////////////////////////////////--**/
  #news01 {
    width: auto;
    margin: 0 auto;
    padding: 50px 2% 50px;
  }
  .single-news .ttl {
    padding: 0.5em 0 0.7em;
  }
  .single-news .body {
    padding: 1em 0 1em;
  }
  .single-news .body p {
    margin-bottom: 1em;
    line-height: 1.85em;
  }
  .single-news .date {
    padding: 0.5em 0 0.5em;
  }
  .pager-01 {
    margin-top: 2em;
  }
  .pager-02 {
    grid-template-columns: 3em 6em 3em;
    margin-top: 2em;
  }
  .pager-02 a {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 2% 0;
    font-size: 3.6vw;
    line-height: 180%;
    background: #f19ca6;
    color: #fff;
    letter-spacing: 3px;
  }
  .side-01 {
    margin-top: 2em;
    padding-right: 1em;
    padding-left: 1em;
  }
  .side-01 .cat a,
  .side-01 .parent a {
    margin-top: 5px;
  }
  .side-01 .cat + ul a,
  .side-01 .parent + ul a {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
}
@media print, screen and (max-width: 480px) {
  .side-01 {
    grid-gap: 2em 0;
  }
}
@media print, screen and (min-width: 481px) and (max-width: 768px) {
  .side-01 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 10px;
  }
}